sass: Cosmetics

src/_colors.scss

@@ -3,8 +3,8 @@

                                
                                
                                
                            
                                
                                    
                                        
                                            3  
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            4  
                                            @import 'color-palette';
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            5  
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        6 -
                                        @function gtkalpha($c, $a) {
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        7 -
                                          @return unquote("alpha(#{$c}, #{$a})");
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        6 +
                                        @function gtkalpha($color, $alpha) {
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        7 +
                                          @return unquote("alpha(#{$color}, #{$alpha})");
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            8  
                                            }
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            9  
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            10  
                                            // Determine whether the color has alpha.
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        

@@ -83,70 +83,120 @@ $on-dark: #fff;

                                
                                
                                
                            
                                
                                    
                                        
                                            83  
                                            }
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            84  
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            85  
                                            // Private variables for dark background colors
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        86 -
                                        $-dark-background:                       #181818;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        87 -
                                        $-dark-surface-1dp:                      mix(white, $-dark-background, 5%);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        88 -
                                        $-dark-surface-4dp:                      mix(white, $-dark-background, 9%);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        89 -
                                        $-dark-surface-8dp:                      mix(white, $-dark-background, 12%);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        90 -
                                        $-dark-surface-switch:                   mix(white, $-dark-background, 60%);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        86 +
                                        $-dark-background: #181818;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        87 +
                                        $-dark-surface-1dp: mix(white, $-dark-background, 5%);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        88 +
                                        $-dark-surface-4dp: mix(white, $-dark-background, 9%);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        89 +
                                        $-dark-surface-8dp: mix(white, $-dark-background, 12%);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        90 +
                                        $-dark-surface-switch: mix(white, $-dark-background, 60%);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            91  
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            92  
                                            //
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            93  
                                            // Main colors
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            94  
                                            //
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            95  
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        96 -
                                        $background:                            if($variant == 'light', #f2f2f2, $-dark-background);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        97 -
                                        $surface:                               if($variant == 'light', #ffffff, $-dark-surface-8dp);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        98 -
                                        $switch-surface:                        if($variant == 'light', #ffffff, $-dark-surface-switch); // Special case for switches
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        99 -
                                        $base:                                  if($variant == 'light', #ffffff, $-dark-surface-1dp); // semi-surface with 1dp elevation
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        100 -
                                        $base-alt:                              if($variant == 'light', #fafafa, $-dark-surface-1dp);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        101 -
                                        $on-surface:                            on($surface);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        96 +
                                        $background: #f2f2f2;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        97 +
                                        $base: #fff; // for views
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        98 +
                                        $base-alt: #fafafa;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        99 +
                                        $surface: #fff;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        100 +
                                        $switch-surface: #fff; // Special case for switches
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        101 +
                                        $on-surface: on($surface);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            102  
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        103 -
                                        $primary-on-light:                      #1a73e8;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        104 -
                                        $primary-on-dark:                       #8ab4f8;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        105 -
                                        $primary:                               if($variant == 'light', $primary-on-light, $primary-on-dark);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        106 -
                                        $on-primary:                            on($primary);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        103 +
                                        $primary-on-light: #1a73e8;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        104 +
                                        $primary-on-dark: #8ab4f8;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        105 +
                                        $primary: $primary-on-light;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        106 +
                                        $on-primary: on($primary);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            107  
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        108 -
                                        $error-on-light:                        #d93025;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        109 -
                                        $error-on-dark:                         #f28b82;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        110 -
                                        $error:                                 if($variant == 'light', $error-on-light, $error-on-dark);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        111 -
                                        $on-error:                              on($error);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        108 +
                                        $error-on-light: #d93025;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        109 +
                                        $error-on-dark: #f28b82;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        110 +
                                        $error: $error-on-light;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        111 +
                                        $on-error: on($error);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            112  
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        113 -
                                        $warning:                               if($variant == 'light', #f4b400, #fdd633);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        114 -
                                        $on-warning:                            on($warning);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        113 +
                                        $warning-on-light: #f4b400;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        114 +
                                        $warning-on-dark: #fdd633;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        115 +
                                        $warning: $warning-on-light;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        116 +
                                        $on-warning: on($warning);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            117  
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        116 -
                                        $success:                               if($variant == 'light', #0f9d58, #81c995);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        117 -
                                        $on-success:                            on($success);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        118 +
                                        $success-on-light: #0f9d58;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        119 +
                                        $success-on-dark: #81c995;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        120 +
                                        $success: $success-on-light;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        121 +
                                        $on-success: on($success);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            122  
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        119 -
                                        $visited:                               if($variant == 'light', $purple-500, $purple-200);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        120 -
                                        $on-visited:                            on($visited);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        123 +
                                        $visited-on-light: $purple-500;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        124 +
                                        $visited-on-dark: $purple-200;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        125 +
                                        $visited: $visited-on-light;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        126 +
                                        $on-visited: on($visited);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            127  
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        122 -
                                        $os-background:                         $-dark-background;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        123 -
                                        $on-os-background:                      on($os-background);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        128 +
                                        $os-background: $-dark-background;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        129 +
                                        $on-os-background: on($os-background);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            130  
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        125 -
                                        $tooltip:                               rgba(#616161, .9);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        126 -
                                        $on-tooltip:                            on($tooltip);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        131 +
                                        $tooltip: rgba(#616161, .9);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        132 +
                                        $on-tooltip: on($tooltip);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            133  
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        128 -
                                        $scrim:                                 rgba(black, .6);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        129 -
                                        $on-scrim:                              on($scrim);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        134 +
                                        $scrim: rgba(black, .6);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        135 +
                                        $on-scrim: on($scrim);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            136  
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        131 -
                                        $scrim-alt:                             rgba(black, .3);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        132 -
                                        $on-scrim-alt:                          on($scrim-alt);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        137 +
                                        $scrim-alt: rgba(black, .3);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        138 +
                                        $on-scrim-alt: on($scrim-alt);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            139  
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        134 -
                                        $panel:                                 if($topbar == 'dark', #1f1f1f, $scrim);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        135 -
                                        $on-panel:                              on($panel);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        140 +
                                        $panel: #1f1f1f;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        141 +
                                        $on-panel: on($panel);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            142  
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        137 -
                                        $panel-solid:                           if($topbar == 'dark', #1f1f1f, #cccccc); // for Unity panel which doesn't allow translucent colors
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        138 -
                                        $on-panel-solid:                        on($panel-solid);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        143 +
                                        // for Unity panel which doesn't allow translucent colors
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        144 +
                                        $panel-solid: $panel;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        145 +
                                        $on-panel-solid: on($panel-solid);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            146  
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        140 -
                                        $titlebar:                              if($topbar == 'dark', if($variant == 'light', #383838, $-dark-surface-4dp), #e0e0e0);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        141 -
                                        $titlebar-backdrop:                     if($topbar == 'dark', if($variant == 'light', #303030, $-dark-surface-1dp), #d6d6d6);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        142 -
                                        $titlebar-indicator:                    if($topbar == 'dark', currentcolor, $primary);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        143 -
                                        $on-titlebar:                           on($titlebar);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        147 +
                                        $titlebar: #383838;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        148 +
                                        $titlebar-backdrop: #303030;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        149 +
                                        $on-titlebar: on($titlebar);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        150 +
                                        
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        151 +
                                        $titlebar-indicator: currentcolor;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        152 +
                                        
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        153 +
                                        @if $variant == "dark" {
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        154 +
                                          $background: $-dark-background;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        155 +
                                          $base: $-dark-surface-1dp;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        156 +
                                          $base-alt: $-dark-surface-1dp;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        157 +
                                          $surface: $-dark-surface-8dp;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        158 +
                                          $switch-surface: $-dark-surface-switch;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        159 +
                                          $on-surface: on($surface);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        160 +
                                        
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        161 +
                                          $primary: $primary-on-dark;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        162 +
                                          $on-primary: on($primary);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        163 +
                                        
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        164 +
                                          $error: $error-on-dark;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        165 +
                                          $on-error: on($error);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        166 +
                                        
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        167 +
                                          $warning: $warning-on-dark;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        168 +
                                          $on-warning: on($warning);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        169 +
                                        
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        170 +
                                          $success: $success-on-dark;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        171 +
                                          $on-success: on($success);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        172 +
                                        
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        173 +
                                          $visited: $visited-on-dark;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        174 +
                                          $on-visited: on($visited);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        175 +
                                        
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        176 +
                                          $titlebar: $-dark-surface-4dp;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        177 +
                                          $titlebar-backdrop: $-dark-surface-1dp;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        178 +
                                          $on-titlebar: on($titlebar);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        179 +
                                        }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        180 +
                                        
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        181 +
                                        @if $topbar == "light" {
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        182 +
                                          $panel: $scrim;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        183 +
                                          $on-panel: on($panel);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        184 +
                                        
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        185 +
                                          $panel-solid: #ccc;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        186 +
                                          $on-panel-solid: on($panel-solid);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        187 +
                                        
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        188 +
                                          $titlebar: #e0e0e0;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        189 +
                                          $titlebar-backdrop: #d6d6d6;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        190 +
                                          $on-titlebar: on($titlebar);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        191 +
                                        
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        192 +
                                          $titlebar-indicator: $primary;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        193 +
                                        }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            194  
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            195  
                                            //
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            196  
                                            // Overlay state colors
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            197  
                                            //
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            198  
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        149 -
                                        $overlay-selected:                      rgba($primary, .24);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        199 +
                                        $overlay-selected: rgba($primary, .24);
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            200  
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            201  
                                            //
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            202  
                                            // For “on” colors