| 1 | //apps rely on some named colors to be exported |
| 2 | /* GTK NAMED COLORS |
| 3 | ---------------- |
| 4 | use responsibly! */ |
| 5 | |
| 6 | // Sass thinks we're using the colors in the variables as strings and may shoot |
| 7 | // warning, it's innocuous and can be defeated by using "" + $var |
| 8 | |
| 9 | /* widget text/foreground color */ |
| 10 | @define-color theme_fg_color #{"" +$fg_color}; |
| 11 | |
| 12 | /* text color for entries, views and content in general */ |
| 13 | @define-color theme_text_color #{"" +$text_color}; |
| 14 | |
| 15 | /* widget base background color */ |
| 16 | @define-color theme_bg_color #{"" +$bg_color}; |
| 17 | |
| 18 | /* text widgets and the like base background color */ |
| 19 | @define-color theme_base_color #{"" +$base_color}; |
| 20 | |
| 21 | /* base background color of selections */ |
| 22 | @define-color theme_selected_bg_color #{"" +$selected_bg_color}; |
| 23 | |
| 24 | /* text/foreground color of selections */ |
| 25 | @define-color theme_selected_fg_color #{"" + $selected_fg_color}; |
| 26 | |
| 27 | /* base background color of disabled widgets */ |
| 28 | @define-color insensitive_bg_color #{"" +$insensitive_bg_color}; |
| 29 | |
| 30 | /* text foreground color of disabled widgets */ |
| 31 | @define-color insensitive_fg_color #{"" +$insensitive_fg_color}; |
| 32 | |
| 33 | /* disabled text widgets and the like base background color */ |
| 34 | @define-color insensitive_base_color #{"" +$base_color}; |
| 35 | |
| 36 | /* widget text/foreground color on backdrop windows */ |
| 37 | @define-color theme_unfocused_fg_color #{"" +$backdrop_fg_color}; |
| 38 | |
| 39 | /* text color for entries, views and content in general on backdrop windows */ |
| 40 | @define-color theme_unfocused_text_color #{"" +$text_color}; |
| 41 | |
| 42 | /* widget base background color on backdrop windows */ |
| 43 | @define-color theme_unfocused_bg_color #{"" +$backdrop_bg_color}; |
| 44 | |
| 45 | /* text widgets and the like base background color on backdrop windows */ |
| 46 | @define-color theme_unfocused_base_color #{"" +$backdrop_base_color}; |
| 47 | |
| 48 | /* base background color of selections on backdrop windows */ |
| 49 | @define-color theme_unfocused_selected_bg_color #{"" +$selected_bg_color}; |
| 50 | |
| 51 | /* text/foreground color of selections on backdrop windows */ |
| 52 | @define-color theme_unfocused_selected_fg_color #{"" + $selected_fg_color}; |
| 53 | |
| 54 | /* widgets main borders color */ |
| 55 | @define-color borders #{"" +$borders_color}; |
| 56 | |
| 57 | /* widgets main borders color on backdrop windows */ |
| 58 | @define-color unfocused_borders #{"" +$backdrop_borders_color}; |
| 59 | |
| 60 | /* these are pretty self explicative */ |
| 61 | @define-color warning_color #{"" +$warning_color}; |
| 62 | @define-color error_color #{"" +$error_color}; |
| 63 | @define-color success_color #{"" +$success_color}; |
| 64 | //@define-color destructive_color #{$destructive_color} |
| 65 | |
| 66 | |
| 67 | @define-color fg_color #{"" +$fg_color}; |
| 68 | @define-color text_color #{"" +$text_color}; |
| 69 | @define-color bg_color #{"" +$bg_color}; |
| 70 | @define-color base_color #{"" +$base_color}; |
| 71 | @define-color selected_bg_color #{"" +$selected_bg_color}; |
| 72 | @define-color selected_fg_color #{"" + $selected_fg_color}; |
| 73 | @define-color unfocused_fg_color #{"" +$backdrop_fg_color}; |
| 74 | @define-color unfocused_text_color #{"" +$text_color}; |
| 75 | @define-color unfocused_bg_color #{"" +$backdrop_bg_color}; |
| 76 | @define-color unfocused_base_color #{"" +$backdrop_base_color}; |
| 77 | @define-color unfocused_selected_bg_color #{"" +$selected_bg_color}; |
| 78 | @define-color unfocused_selected_fg_color #{"" + $selected_fg_color}; |
| 79 | |
| 80 | //WM |
| 81 | |
| 82 | $_wm_highlight: if($variant=='light', $top_highlight, // Sass gets mad if this is |
| 83 | transparentize(black,1)); // done directly in the |
| 84 | // color definition |
| 85 | |
| 86 | /* these colors are exported for the window manager and shouldn't be used in applications, |
| 87 | read if you used those and something break with a version upgrade you're on your own... */ |
| 88 | @define-color wm_title shade(#{$fg_color}, 1.8); |
| 89 | @define-color wm_unfocused_title #{$backdrop_fg_color}; |
| 90 | @define-color wm_highlight #{"" + $_wm_highlight}; |
| 91 | @define-color wm_borders_edge #{"" + $borders_edge}; |
| 92 | |
| 93 | @define-color wm_bg_a shade(#{$bg_color}, 1.2); |
| 94 | @define-color wm_bg_b #{$bg_color}; |
| 95 | |
| 96 | @define-color wm_shadow alpha(black, 0.35); |
| 97 | @define-color wm_border alpha(black, 0.18); |
| 98 | |
| 99 | @define-color wm_button_hover_color_a shade(#{$bg_color}, 1.3); |
| 100 | @define-color wm_button_hover_color_b #{$bg_color}; |
| 101 | @define-color wm_button_active_color_a shade(#{$bg_color}, 0.85); |
| 102 | @define-color wm_button_active_color_b shade(#{$bg_color}, 0.89); |
| 103 | @define-color wm_button_active_color_c shade(#{$bg_color}, 0.9); |
| 104 | |
| 105 | //FIXME this is really an API |
| 106 | |
| 107 | @define-color content_view_bg #{"" + $base_color}; |
| 108 | @define-color text_view_bg #{"" + $base_color}; |
| 109 | |
| 110 | //Budgie desktop |
| 111 | @define-color budgie_tasklist_indicator_color #{"" +$selected_bg_color}; |
| 112 | @define-color budgie_tasklist_indicator_color_active #{"" +$selected_bg_color}; |
| 113 | @define-color placeholder_text_color #{"" +$backdrop_text_color}; |
| 114 | |
| 115 | |
| 116 | // Elementary OS colors |
| 117 | @define-color STRAWBERRY_100 #{$STRAWBERRY_100}; |
| 118 | @define-color STRAWBERRY_300 #{$STRAWBERRY_300}; |
| 119 | @define-color STRAWBERRY_500 #{$STRAWBERRY_500}; |
| 120 | @define-color STRAWBERRY_700 #{$STRAWBERRY_700}; |
| 121 | @define-color STRAWBERRY_900 #{$STRAWBERRY_900}; |
| 122 | |
| 123 | @define-color ORANGE_100 #{$ORANGE_100}; |
| 124 | @define-color ORANGE_300 #{$ORANGE_300}; |
| 125 | @define-color ORANGE_500 #{$ORANGE_500}; |
| 126 | @define-color ORANGE_700 #{$ORANGE_700}; |
| 127 | @define-color ORANGE_900 #{$ORANGE_900}; |
| 128 | |
| 129 | @define-color BANANA_100 #{$BANANA_100}; |
| 130 | @define-color BANANA_300 #{$BANANA_300}; |
| 131 | @define-color BANANA_500 #{$BANANA_500}; |
| 132 | @define-color BANANA_700 #{$BANANA_700}; |
| 133 | @define-color BANANA_900 #{$BANANA_900}; |
| 134 | |
| 135 | @define-color LIME_100 #{$LIME_100}; |
| 136 | @define-color LIME_300 #{$LIME_300}; |
| 137 | @define-color LIME_500 #{$LIME_500}; |
| 138 | @define-color LIME_700 #{$LIME_700}; |
| 139 | @define-color LIME_900 #{$LIME_900}; |
| 140 | |
| 141 | @define-color MINT_100 #{$MINT_100}; |
| 142 | @define-color MINT_300 #{$MINT_300}; |
| 143 | @define-color MINT_500 #{$MINT_500}; |
| 144 | @define-color MINT_700 #{$MINT_700}; |
| 145 | @define-color MINT_900 #{$MINT_900}; |
| 146 | |
| 147 | @define-color BLUEBERRY_100 #{$BLUEBERRY_100}; |
| 148 | @define-color BLUEBERRY_300 #{$BLUEBERRY_300}; |
| 149 | @define-color BLUEBERRY_500 #{$BLUEBERRY_500}; |
| 150 | @define-color BLUEBERRY_700 #{$BLUEBERRY_700}; |
| 151 | @define-color BLUEBERRY_900 #{$BLUEBERRY_900}; |
| 152 | |
| 153 | @define-color BUBBLEGUM_100 #{$BUBBLEGUM_100}; |
| 154 | @define-color BUBBLEGUM_300 #{$BUBBLEGUM_300}; |
| 155 | @define-color BUBBLEGUM_500 #{$BUBBLEGUM_500}; |
| 156 | @define-color BUBBLEGUM_700 #{$BUBBLEGUM_700}; |
| 157 | @define-color BUBBLEGUM_900 #{$BUBBLEGUM_900}; |
| 158 | |
| 159 | @define-color GRAPE_100 #{$GRAPE_100}; |
| 160 | @define-color GRAPE_300 #{$GRAPE_300}; |
| 161 | @define-color GRAPE_500 #{$GRAPE_500}; |
| 162 | @define-color GRAPE_700 #{$GRAPE_700}; |
| 163 | @define-color GRAPE_900 #{$GRAPE_900}; |
| 164 | |
| 165 | @define-color COCOA_100 #{$COCOA_100}; |
| 166 | @define-color COCOA_300 #{$COCOA_300}; |
| 167 | @define-color COCOA_500 #{$COCOA_500}; |
| 168 | @define-color COCOA_700 #{$COCOA_700}; |
| 169 | @define-color COCOA_900 #{$COCOA_900}; |
| 170 | |
| 171 | @define-color SILVER_100 #{$SILVER_100}; |
| 172 | @define-color SILVER_300 #{$SILVER_300}; |
| 173 | @define-color SILVER_500 #{$SILVER_500}; |
| 174 | @define-color SILVER_700 #{$SILVER_700}; |
| 175 | @define-color SILVER_900 #{$SILVER_900}; |
| 176 | |
| 177 | @define-color SLATE_100 #{$SLATE_100}; |
| 178 | @define-color SLATE_300 #{$SLATE_300}; |
| 179 | @define-color SLATE_500 #{$SLATE_500}; |
| 180 | @define-color SLATE_700 #{$SLATE_700}; |
| 181 | @define-color SLATE_900 #{$SLATE_900}; |
| 182 | |
| 183 | @define-color BLACK_100 #{$BLACK_100}; |
| 184 | @define-color BLACK_300 #{$BLACK_300}; |
| 185 | @define-color BLACK_500 #{$BLACK_500}; |
| 186 | @define-color BLACK_700 #{$BLACK_700}; |
| 187 | @define-color BLACK_900 #{"" + $BLACK_900}; |