diff --git a/src/_sass/gtk/_colors-public.scss b/src/_sass/gtk/_colors-public.scss index 059b864..87671bd 100644 --- a/src/_sass/gtk/_colors-public.scss +++ b/src/_sass/gtk/_colors-public.scss @@ -98,6 +98,9 @@ FIXME this is really an API */ @define-color content_view_bg #{"" + $base}; @define-color placeholder_text_color #{"" + $placeholder_text_color}; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #{"" + if($variant == 'light', $base, darken($base, 6%))}; + // Budgie-desktop specific indicator colours // unfocused window 'dot(s)' @@ -111,3 +114,68 @@ FIXME this is really an API */ // because of lacking specific style-class on 'needs_attention' state, // so use warning orange dot instead. @define-color budgie_tasklist_indicator_color_attention #{"" + $warning}; + +// +// Color Palette Definitions for compatibility with Granite. +// + +//* Strawberry * +@define-color STRAWBERRY_100 #{#FF9262}; +@define-color STRAWBERRY_300 #{#FF793E}; +@define-color STRAWBERRY_500 #{#F15D22}; +@define-color STRAWBERRY_700 #{#CF3B00}; +@define-color STRAWBERRY_900 #{#AC1800}; +//* Orange * +@define-color ORANGE_100 #{#FFDB91}; +@define-color ORANGE_300 #{#FFCA40}; +@define-color ORANGE_500 #{#FAA41A}; +@define-color ORANGE_700 #{#DE8800}; +@define-color ORANGE_900 #{#C26C00}; +//* Banana * +@define-color BANANA_100 #{#FFFFA8}; +@define-color BANANA_300 #{#FFFA7D}; +@define-color BANANA_500 #{#FFCE51}; +@define-color BANANA_700 #{#D1A023}; +@define-color BANANA_900 #{#A27100}; +//* Lime * +@define-color LIME_100 #{#A2F3BE}; +@define-color LIME_300 #{#8ADBA6}; +@define-color LIME_500 #{#73C48F}; +@define-color LIME_700 #{#479863}; +@define-color LIME_900 #{#1C6D38}; +//* Blueberry * +@define-color BLUEBERRY_100 #{#94A6FF}; +@define-color BLUEBERRY_300 #{#6A7CE0}; +@define-color BLUEBERRY_500 #{#3F51B5}; +@define-color BLUEBERRY_700 #{#213397}; +@define-color BLUEBERRY_900 #{#031579}; +//* Grape * +@define-color GRAPE_100 #{#D25DE6}; +@define-color GRAPE_300 #{#B84ACB}; +@define-color GRAPE_500 #{#9C27B0}; +@define-color GRAPE_700 #{#830E97}; +@define-color GRAPE_900 #{#6A007E}; +//* Cocoa * +@define-color COCOA_100 #{#9F9792}; +@define-color COCOA_300 #{#7B736E}; +@define-color COCOA_500 #{#574F4A}; +@define-color COCOA_700 #{#463E39}; +@define-color COCOA_900 #{#342C27}; +//* Silver * +@define-color SILVER_100 #{#EEE}; +@define-color SILVER_300 #{#CCC}; +@define-color SILVER_500 #{#AAA}; +@define-color SILVER_700 #{#888}; +@define-color SILVER_900 #{#666}; +//* Slate * +@define-color SLATE_100 #{#888}; +@define-color SLATE_300 #{#666}; +@define-color SLATE_500 #{#444}; +@define-color SLATE_700 #{#222}; +@define-color SLATE_900 #{#111}; +//* Black * +@define-color BLACK_100 #{#474341}; +@define-color BLACK_300 #{#403C3A}; +@define-color BLACK_500 #{#393634}; +@define-color BLACK_700 #{#33302F}; +@define-color BLACK_900 #{#2B2928}; diff --git a/src/gtk/3.0/gtk-compact.css b/src/gtk/3.0/gtk-compact.css index c277c03..1dcf43e 100644 --- a/src/gtk/3.0/gtk-compact.css +++ b/src/gtk/3.0/gtk-compact.css @@ -7283,7 +7283,59 @@ read if you used those and something break with a version upgrade you're on your FIXME this is really an API */ @define-color content_view_bg #FFFFFF; @define-color placeholder_text_color #666666; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #FFFFFF; @define-color budgie_tasklist_indicator_color white; @define-color budgie_tasklist_indicator_color_active white; @define-color budgie_tasklist_indicator_color_active_window #989898; @define-color budgie_tasklist_indicator_color_attention #F4B400; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/gtk/3.0/gtk-dark-compact.css b/src/gtk/3.0/gtk-dark-compact.css index 7a3416c..6655b0c 100644 --- a/src/gtk/3.0/gtk-dark-compact.css +++ b/src/gtk/3.0/gtk-dark-compact.css @@ -7283,7 +7283,59 @@ read if you used those and something break with a version upgrade you're on your FIXME this is really an API */ @define-color content_view_bg #2C2C2C; @define-color placeholder_text_color silver; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #1d1d1d; @define-color budgie_tasklist_indicator_color white; @define-color budgie_tasklist_indicator_color_active white; @define-color budgie_tasklist_indicator_color_active_window #989898; @define-color budgie_tasklist_indicator_color_attention #FDD633; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/gtk/3.0/gtk-dark.css b/src/gtk/3.0/gtk-dark.css index 0cbe24e..3a04805 100644 --- a/src/gtk/3.0/gtk-dark.css +++ b/src/gtk/3.0/gtk-dark.css @@ -7283,7 +7283,59 @@ read if you used those and something break with a version upgrade you're on your FIXME this is really an API */ @define-color content_view_bg #2C2C2C; @define-color placeholder_text_color silver; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #1d1d1d; @define-color budgie_tasklist_indicator_color white; @define-color budgie_tasklist_indicator_color_active white; @define-color budgie_tasklist_indicator_color_active_window #989898; @define-color budgie_tasklist_indicator_color_attention #FDD633; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/gtk/3.0/gtk-light-compact.css b/src/gtk/3.0/gtk-light-compact.css index 3d392f6..750b97b 100644 --- a/src/gtk/3.0/gtk-light-compact.css +++ b/src/gtk/3.0/gtk-light-compact.css @@ -7282,7 +7282,59 @@ read if you used those and something break with a version upgrade you're on your FIXME this is really an API */ @define-color content_view_bg #FFFFFF; @define-color placeholder_text_color #666666; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #FFFFFF; @define-color budgie_tasklist_indicator_color white; @define-color budgie_tasklist_indicator_color_active white; @define-color budgie_tasklist_indicator_color_active_window rgba(187, 187, 187, 0.816); @define-color budgie_tasklist_indicator_color_attention #F4B400; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/gtk/3.0/gtk-light.css b/src/gtk/3.0/gtk-light.css index e2ebfb8..a61ed9f 100644 --- a/src/gtk/3.0/gtk-light.css +++ b/src/gtk/3.0/gtk-light.css @@ -7282,7 +7282,59 @@ read if you used those and something break with a version upgrade you're on your FIXME this is really an API */ @define-color content_view_bg #FFFFFF; @define-color placeholder_text_color #666666; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #FFFFFF; @define-color budgie_tasklist_indicator_color white; @define-color budgie_tasklist_indicator_color_active white; @define-color budgie_tasklist_indicator_color_active_window rgba(187, 187, 187, 0.816); @define-color budgie_tasklist_indicator_color_attention #F4B400; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/gtk/3.0/gtk.css b/src/gtk/3.0/gtk.css index a9248a6..a4e6e61 100644 --- a/src/gtk/3.0/gtk.css +++ b/src/gtk/3.0/gtk.css @@ -7283,7 +7283,59 @@ read if you used those and something break with a version upgrade you're on your FIXME this is really an API */ @define-color content_view_bg #FFFFFF; @define-color placeholder_text_color #666666; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #FFFFFF; @define-color budgie_tasklist_indicator_color white; @define-color budgie_tasklist_indicator_color_active white; @define-color budgie_tasklist_indicator_color_active_window #989898; @define-color budgie_tasklist_indicator_color_attention #F4B400; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928;