summaryrefslogtreecommitdiff
path: root/desktop-themes/YaruOk/gtk-4.0/_colors-public.scss
diff options
context:
space:
mode:
authorblue-devil-93 <[email protected]>2021-06-24 10:32:21 +0200
committerGitHub <[email protected]>2021-06-24 10:32:21 +0200
commit9bf6f4ec2f77fd09a12ba2b68416e81a13b4ca3d (patch)
tree497fa90cd62785e4c9a522d265f323598fe575d8 /desktop-themes/YaruOk/gtk-4.0/_colors-public.scss
parentfb195c9951cd9d87cd650f1cb901dbfc5966ab04 (diff)
downloadmate-themes-9bf6f4ec2f77fd09a12ba2b68416e81a13b4ca3d.tar.bz2
mate-themes-9bf6f4ec2f77fd09a12ba2b68416e81a13b4ca3d.tar.xz
Propose a different traditional ok implentation (#290)
* tr * Propose another Traditonal Ok implementation based on Yaru * Makefile * fix makefile * remove whitespace+ * remove trailing whitespaces * rename it to traditionalok * move Theme to yaruok * Fix regression in mate appearance yaruok * Sync with official branch * readd traditionalokf * fix YaruOK case mismatch * improve tabs on gtk4 * fix Makefile.am * Add YaruGreen * Fix YaruGreen GTK3 * Fix Build - first try * Fix Build - second try * Fix Build - third try * improve colors of yaru green, decrease tab size * import scrollbar code from traditional green to yaru green * fix build * Tab_alignment_fix_for_yaru_green * add panel grip * decrease_tab_size fix_panel fix_link_color * sync_yru_ok_with_green * addpanel_gripper_to yaru * darken yarugreen scrollbar as requested * decrease border radius for popover on yaru grren and ok * decrease border radius for popover on yaru grren and ok . * fiy overlay - first try * fix osd colors * improve tabs and panel grabber * decrease popover and menu radius to 2px * fix mate-calc * fix mate-calc.
Diffstat (limited to 'desktop-themes/YaruOk/gtk-4.0/_colors-public.scss')
-rw-r--r--desktop-themes/YaruOk/gtk-4.0/_colors-public.scss119
1 files changed, 119 insertions, 0 deletions
diff --git a/desktop-themes/YaruOk/gtk-4.0/_colors-public.scss b/desktop-themes/YaruOk/gtk-4.0/_colors-public.scss
new file mode 100644
index 00000000..3b638e2b
--- /dev/null
+++ b/desktop-themes/YaruOk/gtk-4.0/_colors-public.scss
@@ -0,0 +1,119 @@
+//apps rely on some named colors to be exported
+/* GTK NAMED COLORS
+ ----------------
+ use responsibly! */
+
+// Sass thinks we're using the colors in the variables as strings and may shoot
+// warning, it's innocuous and can be defeated by using "" + $var
+/*
+widget text/foreground color */
+@define-color theme_fg_color #{"" +$fg_color};
+
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color #{"" +$text_color};
+
+/*
+widget base background color */
+@define-color theme_bg_color #{"" +$bg_color};
+
+/*
+text widgets and the like base background color */
+@define-color theme_base_color #{"" +$base_color};
+
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #{"" +$selected_bg_color};
+
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color #{"" +$selected_fg_color};
+
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #{"" +$insensitive_bg_color};
+
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color #{"" +$insensitive_fg_color};
+
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #{"" +$base_color};
+
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #{"" +$backdrop_fg_color};
+
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #{"" +$text_color};
+
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #{"" +$backdrop_bg_color};
+
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #{"" +$backdrop_base_color};
+
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #{"" +$selected_bg_color};
+
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color #{"" + $selected_fg_color};
+
+/*
+insensitive color on backdrop windows*/
+@define-color unfocused_insensitive_color #{"" + $backdrop_insensitive_color};
+
+/*
+widgets main borders color */
+@define-color borders #{"" +$borders_color};
+
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders #{"" +$backdrop_borders_color};
+
+/*
+these are pretty self explicative */
+@define-color warning_color #{"" +$warning_color};
+@define-color error_color #{"" +$error_color};
+@define-color success_color #{"" +$success_color};
+//@define-color destructive_color #{$destructive_color}
+
+//WM
+
+$_wm_highlight: if($variant=='light', $top_hilight, // Sass gets mad if this is
+ transparentize(black,1)); // done directly in the
+ // color definition
+
+/*
+these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title shade(#{$fg_color}, 1.8);
+@define-color wm_unfocused_title #{$backdrop_fg_color};
+@define-color wm_highlight #{"" + $_wm_highlight};
+@define-color wm_borders_edge #{"" + $borders_edge};
+
+@define-color wm_bg_a shade(#{$bg_color}, 1.2);
+@define-color wm_bg_b #{$bg_color};
+
+@define-color wm_shadow alpha(black, 0.35);
+@define-color wm_border alpha(black, 0.18);
+
+@define-color wm_button_hover_color_a shade(#{$bg_color}, 1.3);
+@define-color wm_button_hover_color_b #{$bg_color};
+@define-color wm_button_active_color_a shade(#{$bg_color}, 0.85);
+@define-color wm_button_active_color_b shade(#{$bg_color}, 0.89);
+@define-color wm_button_active_color_c shade(#{$bg_color}, 0.9);
+
+//FIXME this is really an API
+
+/* content view background such as thumbnails view in Photos or Boxes */
+@define-color content_view_bg #{"" + $base_color};
+
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #{"" + if($variant == 'light', $base_color, darken($base_color,6%))};