SCAL-215592 added the cssVariables for active state of button (#22)

Co-authored-by: ShashiSubramanya <[email protected]>

Author: quantum29

src/css-variables.ts

@@ -163,6 +163,11 @@ export interface CustomCssVariables {
      */
     '--ts-var-button--primary--hover-background'?: string;
 
+    /**
+     * Backgroud color of the primary buttons when active.
+     */
+    '--ts-var-button--primary--active-background'?: string;
+
     /**
      * Font color of the text on the secondary buttons.
      */
@@ -183,6 +188,11 @@ export interface CustomCssVariables {
      */
     '--ts-var-button--secondary--hover-background'?: string;
 
+    /**
+     * Backgroud color of the secondary buttons when active.
+     */
+    '--ts-var-button--secondary--active-background'?: string;
+
     /**
      * Font color of the tertiary button. For example, the *Undo*, *Redo*, and *Reset*
      * buttons on the *Search* page.
@@ -199,6 +209,11 @@ export interface CustomCssVariables {
      */
     '--ts-var-button--tertiary--hover-background'?: string;
 
+    /**
+     * Backgroud color of the tertiary buttons when active.
+     */
+    '--ts-var-button--tertiary--active-background'?: string;
+
     /**
      * Font color of the title text of a visualization or Answer.
      */