summaryrefslogtreecommitdiff
path: root/desktop-themes/YaruGreen/gtk-4.0/_headerbar.scss
diff options
context:
space:
mode:
authorraveit65 <[email protected]>2021-06-24 19:23:59 +0200
committerraveit65 <[email protected]>2021-06-24 19:24:49 +0200
commitb59e0442638ca4e1fbd9aca453ea34d15359bda4 (patch)
tree90271aa844085dbddfae2f3865299089078bed3f /desktop-themes/YaruGreen/gtk-4.0/_headerbar.scss
parent9bf6f4ec2f77fd09a12ba2b68416e81a13b4ca3d (diff)
downloadmate-themes-b59e0442638ca4e1fbd9aca453ea34d15359bda4.tar.bz2
mate-themes-b59e0442638ca4e1fbd9aca453ea34d15359bda4.tar.xz
Revert "Propose a different traditional ok implentation (#290)"
This reverts commit 9bf6f4ec2f77fd09a12ba2b68416e81a13b4ca3d.
Diffstat (limited to 'desktop-themes/YaruGreen/gtk-4.0/_headerbar.scss')
-rw-r--r--desktop-themes/YaruGreen/gtk-4.0/_headerbar.scss133
1 files changed, 0 insertions, 133 deletions
diff --git a/desktop-themes/YaruGreen/gtk-4.0/_headerbar.scss b/desktop-themes/YaruGreen/gtk-4.0/_headerbar.scss
deleted file mode 100644
index dd27bc9e..00000000
--- a/desktop-themes/YaruGreen/gtk-4.0/_headerbar.scss
+++ /dev/null
@@ -1,133 +0,0 @@
-// Color variables dependant on $headerbar_bg_color defined in _colors.scss
-$_button_bg_color: lighten($headerbar_bg_color, 7.5%);
-$_button_border_color: darken($headerbar_bg_color, 9%);
-// deducted from the color used in common which is $backdrop_borders_color: mix($borders_color, $bg_color, 80%);
-$_backdrop_button_border_color: darken($inkstone, 9%);
-
-// overwriting the headerbar styling from common, for the inverted look in the ambiance theme
-
-%titlebar,
-headerbar {
- @include headerbar_fill($headerbar_bg_color);
-
- color: $headerbar_fg_color;
- border-color: $borders_color;
-
- .title,
- label.title {
- color: $headerbar_fg_color;
- &:backdrop { color: $backdrop_headerbar_fg_color; }
- }
-
- &.backdrop {
- }
-
- .maximized &,
- .fullscreen & {
- box-shadow: none;
- }
-
- entry {
- &,
- &:backdrop {
- border-color: darken($headerbar_bg_color, 8%);
- }
-
- &:focus { @include entry(focus); }
- }
-
-
-
-
-
- switch {
- border-color: $_button_border_color;
- color: $headerbar_fg_color;
- background-color: $_button_bg_color;
-
- &:checked {
- color: $selected_fg_color;
- border-color: $_button_border_color;
- background-color: $checkradio_bg_color;
- }
-
- &:disabled {
- color: $insensitive_fg_color;
- background-color: $headerbar_bg_color;
- border-color: $_button_border_color;
- }
-
- &:backdrop {
- color: $backdrop_fg_color;
- border-color: $backdrop_borders_color;
- background-color: lighten($backdrop_headerbar_bg_color, 2%);
-
- &:checked {
- color: $selected_fg_color;
- border-color: $_button_border_color;
- background-color: $checkradio_bg_color;
- }
-
- &:disabled {
- color: $backdrop_insensitive_color;
- background-color: $backdrop_headerbar_bg_color;
- border-color: $_backdrop_button_border_color;
- }
- }
- }
-
- switch, scale {
- &:checked {
- border-color: $checkradio_borders_color;
- }
- slider {
- @include button(normal, $_button_bg_color);
- }
-
- &:hover slider {
- @include button(hover, $_button_bg_color);
- }
-
- &:checked > slider { border-color: $_button_border_color; }
-
- &:disabled slider { @include button(insensitive, darken($headerbar_bg_color, 8%)); }
-
- &:backdrop {
- slider {
- @include button(backdrop, $_button_bg_color);
- }
-
- &, &:checked, &:disabled, &:checked:disabled {
- > slider { border-color: darken($_backdrop_button_border_color, 4%); box-shadow: none; }
- }
-
- &:checked > slider { border-color: $_button_border_color; }
-
- &:disabled slider { @include button(backdrop-insensitive, $_button_bg_color); }
- }
- }
-
- // TODO: Test separator
- // TODO: Test switches
-}
-
-windowcontrols button image {
- color: $headerbar_fg_color;
-}
-
-window.devel {
- headerbar.titlebar {
- $c: darken($bg_color, 10%);
-
- $gradient: cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat,
- linear-gradient(to right, transparent 65%, transparentize($selected_bg_color, 0.9)),
- linear-gradient(to top, lighten($c, 3%) 3px, lighten($c, 5%));
-
- background: $bg_color $gradient;
-
- &:backdrop {
- background: $bg_color cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat,
- image($bg_color); /* background-color would flash */
- }
- }
-}