diff gtk-4.4/_colors-custom.scss @ 98:9da64f7bb19c

Add support for GTK4 Includes `gtk-minimal.css`, which can be used to override Adwaita colours by running `ln -s ~/.themes/Adwaita-Dark-Green/gtk-4.4/gtk-minimal.css ~/.config/gtk-4.0/gtk.css`
author IBBoard <dev@ibboard.co.uk>
date Sat, 26 Mar 2022 20:03:44 +0000
parents
children
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/gtk-4.4/_colors-custom.scss	Sat Mar 26 20:03:44 2022 +0000
@@ -0,0 +1,87 @@
+// Import the default colours
+@import 'colors';
+
+// Override some colours
+$base_color: #C6C6C6;
+$bg_color: #C6C6C6;
+$fg_color: #161616;
+$selected_bg_color: #5E7F3E;
+$selected_borders_color: darken($selected_bg_color, 20%);
+$borders_color: darken($bg_color,30%);
+$alt_borders_color: if($variant == 'light', darken($bg_color, 35%), darken($bg_color, 17%));
+$borders_edge: transparentize(lighten($bg_color, 30%), 0.9);
+$dark_fill: mix($borders_color, $bg_color, 35%);
+$link_color: darken($selected_bg_color,10%);
+$link_visited_color: darken($selected_bg_color,20%);
+$top_hilight: $borders_edge;
+$popover_bg_color: $bg_color;
+$popover_hover_color: lighten($bg_color, 5%);
+$menu_color: $bg_color;
+$menu_selected_color: if($variant == 'light', darken($bg_color, 6%), darken($bg_color, 8%));
+$destructive_color: darken($destructive_color, 15%);
+
+$scrollbar_bg_color: darken($bg_color, 7%);
+
+$sidebar_bg_color: darken($bg_color,5%);
+
+//insensitive state derived colors
+$insensitive_fg_color: mix($fg_color, $bg_color, 50%);
+$insensitive_bg_color: mix($bg_color, $base_color, 60%);
+$insensitive_borders_color: $borders_color;
+
+//colors for the backdrop state, derived from the main colors.
+$backdrop_base_color: darken($base_color, 1%);
+$backdrop_text_color: mix($text_color, $backdrop_base_color, 80%);
+$backdrop_bg_color: $bg_color;
+$backdrop_fg_color: mix($fg_color, $backdrop_bg_color, 50%);
+$backdrop_insensitive_color: darken($backdrop_bg_color, 15%);
+$backdrop_selected_fg_color: $selected_fg_color;
+$backdrop_selected_bg_color: desaturate($selected_bg_color,100%);
+$backdrop_borders_color: mix($borders_color, $bg_color, 90%);
+$backdrop_dark_fill: mix($backdrop_borders_color, $backdrop_bg_color, 35%);
+$backdrop_sidebar_bg_color: darken($backdrop_bg_color,5%);
+$backdrop_menu_color: $backdrop_bg_color;
+
+$scrollbar_slider_active_color: $selected_bg_color;
+$backdrop_scrollbar_slider_color: mix($backdrop_fg_color, $backdrop_bg_color, 50%);
+$backdrop_scrollbar_bg_color: darken($backdrop_bg_color, 3%);
+
+//special cased widget colors
+$suggested_bg_color: $selected_bg_color;
+$suggested_border_color: $selected_borders_color;
+$progress_bg_color: $selected_bg_color;
+$progress_border_color: $selected_borders_color;
+$checkradio_bg_color: if($variant == 'light', $selected_bg_color, lighten($selected_bg_color,10%));
+$checkradio_fg_color: $selected_fg_color;
+$checkradio_borders_color: if($variant == 'light', darken($checkradio_bg_color,20%), darken($checkradio_bg_color,40%));
+$focus_border_color: if($variant == 'light', transparentize($selected_bg_color, 0.5), transparentize($selected_bg_color, 0.3));
+$switch_bg_color: $selected_bg_color;
+$switch_borders_color: if($variant == 'light',darken($switch_bg_color,15%),darken($switch_bg_color,30%));
+
+// Add our own colours
+$text_input_color: #F0F0F0;
+$backdrop_text_input_color: darken($text_input_color, 1%);
+$bg_dark_color: #3D3D3D;
+$fg_dark_color: #dddddd;
+$insensitive_dark_fg_color: mix($fg_dark_color, $bg_dark_color, 50%);
+$titlebar_highlight: #4c4c4c;
+$header_button_raised_gradient_color_a: lighten($bg_dark_color, 10%);
+$header_button_checked: darken($bg_dark_color, 5%);
+$header_button_border: darken($bg_dark_color, 5%);
+$header_button_border_unfocused: darken($bg_dark_color, 5%);
+$menu_fg_dark_color: #cccccc;
+$focused_entry_outer:  transparentize($selected_bg_color, 0.45);
+$bg_gradient_1: lighten($bg_color, 20%);
+$bg_gradient_2: lighten($bg_color, 10%);
+$bg_gradient_3: lighten($bg_color, 5%);
+$bg_prelight: $bg_gradient_1;
+$selected_bg_color_hover: lighten($selected_bg_color, 10%);
+$selected_bg_color_shade: darken($selected_bg_color, 10%);
+$selected_bg_border: darken($selected_bg_color, 20%);
+$title_fg: #fff;
+$header_separator: lighten($bg_dark_color, 10%);
+$fg_color_emphasis: darken($fg_color, 50%);
+$fg_color_de_emphasis: lighten($fg_color, 20%);
+$unfocused_fg_color: $backdrop_fg_color;
+$unfocused_insensitive_fg_color: lighten($insensitive_fg_color, 20%);
+$transparent_outline: #383436;
\ No newline at end of file