1//
  2// When color definition differs for dark and light variant,
  3// it gets @if ed depending on $variant
  4//
  5
  6@function gtkalpha($c, $a) {
  7  @return unquote("alpha(#{$c}, #{$a})");
  8}
  9
 10@function gtkopacity($c, $a) {
 11  @return scale-color($c, $alpha: percentage(-1 + $a));
 12}
 13
 14
 15//
 16// A Color palette
 17//
 18// Adapta uses google's palette:
 19// [https://www.google.com/design/spec/style/color.html#color-color-palette]
 20//
 21
 22
 23//
 24// Foreground colors
 25//
 26
 27$fg_color: if($variant == 'light', #263238,                     // = BluGry900
 28                                   #ECEFF1);                    // = BluGry50
 29$secondary_fg_color: gtkopacity($fg_color, 0.75);
 30$tertiary_fg_color: gtkopacity($fg_color, 0.5);
 31
 32$selected_fg_color: #FFFFFF;                                    // = White
 33$secondary_selected_fg_color: gtkopacity($selected_fg_color, 0.85);
 34$tertiary_selected_fg_color: gtkopacity($selected_fg_color, 0.7);
 35
 36$insensitive_fg_color: gtkopacity($fg_color, 0.3);
 37$insensitive_secondary_fg_color: gtkopacity($secondary_fg_color, 0.3);
 38$insensitive_tertiary_fg_color: gtkopacity($tertiary_fg_color, 0.3);
 39
 40$insensitive_selected_fg_color: gtkopacity($selected_fg_color, 0.4);
 41$insensitive_secondary_selected_fg_color: gtkopacity($secondary_selected_fg_color, 0.4);
 42$insensitive_tertiary_selected_fg_color: gtkopacity($tertiary_selected_fg_color, 0.4);
 43
 44// preview text on empty GtkEntry
 45$placeholder_text_color: if($variant == 'light', #CFD8DC,       // = BluGry100
 46                                                 #607D8B);      // = BluGry500
 47
 48
 49//
 50// Inverted foreground colors
 51//
 52
 53$inverted_fg_color: #ECEFF1;                                    // = BluGry50
 54$inverted_secondary_fg_color: gtkopacity($inverted_fg_color, 0.75);
 55
 56$insensitive_inverted_fg_color: gtkopacity($inverted_fg_color, 0.3);
 57$insensitive_inverted_secondary_fg_color: gtkopacity($inverted_secondary_fg_color, 0.3);
 58
 59$fixed_fg_color: #263238;                                       // = BluGry900
 60$secondary_fixed_fg_color: gtkopacity($fixed_fg_color, 0.75);
 61$insensitive_fixed_fg_color: gtkopacity($fixed_fg_color, 0.3);
 62
 63
 64//
 65// Background colors
 66//
 67
 68$bg_color: if($variant == 'light', mix(#FFFFFF, #ECEFF1, 75%),  // = W _ 50
 69                                   mix(#455A64, #37474F, 50%)); // = 700 _ 800
 70$base_color: if($variant == 'light', #FFFFFF,                   // = White
 71                                     #455A64);                  // = BluGry700
 72$secondary_base_color: mix($base_color, $bg_color, 50%);        // = W _ 50
 73$light_color: if($variant == 'light', $base_color,              // = White
 74                                      #546E7A);                 // = BluGry600
 75$dark_color: if($variant == 'light',
 76                mix(#ECEFF1, #CFD8DC, 75%),                     // =  50 _ 100
 77                mix(#263238, #37474F, 75%));                    // = 900 _ 800
 78$secondary_dark_color: if($variant == 'light',
 79                          mix(#FFFFFF, #ECEFF1, 60%),           // = W _ 50
 80                          mix(#455A64, #37474F, 25%));          // = 700 _ 800
 81
 82
 83//
 84// Dark background colors on light variant
 85//
 86
 87$inverted_bg_color: mix(#455A64, #37474F, 50%);                 // = 700 _ 800
 88$inverted_base_color: #455A64;                                  // = BluGry700
 89$inverted_dark_color: mix(#263238, #37474F, 75%);               // = 900 _ 800
 90
 91
 92//
 93// Selection (primary) colors
 94//
 95
 96$selected_bg_color: #00BCD4;                                    // = Cyan500
 97$secondary_selected_bg_color: #4DD0E1;                          // = Cyan300
 98
 99
100//
101// Accent (secondary) colors
102//
103
104$accent_color: #4DB6AC;                                         // = Teal300
105$secondary_accent_color: gtkopacity($accent_color, 0.9);
106$accent_fill_color: gtkopacity($inverted_fg_color, 0.1);
107$drop_target_color: $accent_color;
108$drop_target_fill_color: gtkopacity($drop_target_color, 0.2);
109
110
111//
112// Tracker colors
113//
114
115$track_color: gtkalpha(currentColor, 0.2);
116
117
118//
119// Edge colors
120//
121
122$borders_color: if($variant == 'light', gtkopacity(#000000, 0.09),
123                                        gtkopacity(#000000, 0.11));
124$solid_light_borders_color: if($variant == 'light', #E5E9EC, #37474F);
125$solid_dark_borders_color: #242F35;
126$top_edge_border_color: #37474F;
127$paned_borders_color: if($variant == 'light', gtkopacity(#000000, 0.05),
128                                              gtkopacity(#000000, 0.06));
129
130$highlight_color: gtkopacity(#FFFFFF, 0.07);
131
132
133//
134// Misc colors
135//
136
137$link_color: #03A9F4;                                           // = LtBlu500
138$link_visited_color: #9C27B0;                                   // = Purple500
139
140$warning_color: #FF9800;                                        // = Orange500
141$error_color: #F44336;                                          // = Red500
142$success_color: #00E676;                                        // = GreenA400
143
144$suggested_color: #009688;                                      // = Teal500
145$destructive_color: #FF5252;                                    // = RedA200
146$selection_color: #80DEEA;                                      // = Cyan200
147
148$info_bg_color: #00E5FF;                                        // = CyanA400
149$question_bg_color: #FFEA00;                                    // = YellwA400
150$warning_bg_color: #FF9100;                                     // = OrangA400
151$error_bg_color: #FF1744;                                       // = RedA400
152
153
154//
155// Solid panel color
156//
157
158$panel_bg_color: mix(#263238, #000000, 50%);                    // = BluGry900
159