From a9dbd2b1b6cbb66ba424411c85862f59e211b823 Mon Sep 17 00:00:00 2001 From: Komer Date: Sat, 15 Jan 2022 14:22:58 +0100 Subject: [PATCH] Improvement: GTK3&4 - jusr some px to em --- gtk-3.0/_drawing.scss | 12 ++++++---- gtk-3.0/apps/_xfce.scss | 10 ++++---- gtk-3.0/gtk-dark.css | 38 +++++++++++++++---------------- gtk-3.0/gtk.css | 38 +++++++++++++++---------------- gtk-3.0/widgets/_buttons.scss | 4 ++-- gtk-3.0/widgets/_header-bars.scss | 4 ++-- gtk-4.0/_drawing.scss | 4 ++-- gtk-4.0/gtk-dark.css | 26 ++++++++++----------- gtk-4.0/gtk.css | 26 ++++++++++----------- gtk-4.0/widgets/_header-bars.scss | 4 ++-- 10 files changed, 85 insertions(+), 81 deletions(-) diff --git a/gtk-3.0/_drawing.scss b/gtk-3.0/_drawing.scss index aa96bf8..25aa6c6 100755 --- a/gtk-3.0/_drawing.scss +++ b/gtk-3.0/_drawing.scss @@ -33,7 +33,9 @@ @else { box-shadow: $shadow1; } } -// entries +////////////// +// entries // +////////////// @function entry_focus_border($fc:$selected_bg_color) { @if $variant == 'light' { @return $fc; } @@ -129,7 +131,9 @@ } } -// buttons +///////////// +// buttons // +///////////// @function _border_color ($c) { @return darken($c, 25%); } // colored buttons want the border form the base color @@ -254,7 +258,7 @@ //background: linear-gradient(to right, transparentize($theme-gradient-start, 0.4), transparentize($theme-gradient-end, 0.4)); border:none; } @else if $t==active-header { - border-radius: 23px; + border-radius: 1em; // 23px; background: linear-gradient(to right, $theme-gradient-start, $theme-gradient-end); box-shadow: 0px 0px 5px transparentize($selected_bg_color, 0.02); color: rgb(255, 255, 255); @@ -268,7 +272,7 @@ text-shadow: none; box-shadow: none; } @else if $t==backdrop-active-header { - border-radius: 23px; + border-radius: 1em; // 23px; color: if($tc==$text_color, transparentize($tc, 0.6), $tc); background: $backdrop_selected_bg_color; box-shadow: 0px 0px 0px transparentize($selected_bg_color, 0.02); diff --git a/gtk-3.0/apps/_xfce.scss b/gtk-3.0/apps/_xfce.scss index d816384..fa624b6 100755 --- a/gtk-3.0/apps/_xfce.scss +++ b/gtk-3.0/apps/_xfce.scss @@ -174,13 +174,13 @@ wnck-pager { color: $selected_bg_color; background: transparent; } - &:selected, &:active, &:checked { - @include button(active-header); - } &:backdrop { color: inherit; - background: inherit; - &:selected, &:active, &:checked { + background: transparent; + } + &:selected, &:active, &:checked { + @include button(active-header); + &:backdrop { @include button(backdrop-active-header); } } diff --git a/gtk-3.0/gtk-dark.css b/gtk-3.0/gtk-dark.css index b84e5f7..97427f2 100755 --- a/gtk-3.0/gtk-dark.css +++ b/gtk-3.0/gtk-dark.css @@ -494,12 +494,12 @@ button { button.text-button { padding-left: 3em; padding-right: 3em; - border-radius: 0.2em; } + border-radius: 0.4em; } notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button { padding-left: 8px; padding-right: 8px; - border-radius: 0.2em; } + border-radius: 0.4em; } notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; @@ -1236,7 +1236,7 @@ calendar { color: #BFC3CD; border: 1px solid rgba(255, 255, 255, 0.05); } calendar:selected { - border-radius: 23px; + border-radius: 1em; background: linear-gradient(to right, #ff3300, #ffa100); box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); color: white; @@ -2638,7 +2638,7 @@ headerbar { .titlebar headerbar .linked > button:backdrop, headerbar .linked > button:hover, headerbar .linked > button:backdrop { - border-radius: 23px; + border-radius: 1em; border-right-style: none; border: none; box-shadow: none; @@ -2657,7 +2657,7 @@ headerbar { color: snow; } .titlebar .linked > button:checked, headerbar .linked > button:checked { - border-radius: 23px; + border-radius: 1em; background: linear-gradient(to right, #ff3300, #ffa100); box-shadow: 0px 0px 5px rgba(197, 14, 210, 0.98); color: snow; } @@ -5365,7 +5365,7 @@ button.raven-trigger { min-height: 20px; padding: 3px; } .raven .raven-header button.text-button.radio:active, .raven .raven-header button.text-button.radio:checked { - border-radius: 23px; + border-radius: 1em; background: linear-gradient(to right, #ff3300, #ffa100); box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); color: white; } @@ -5755,7 +5755,7 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:active, .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:checked, .nautilus-window .titlebar .path-bar-box button:active, .nautilus-window .titlebar .path-bar-box button:checked { - border-radius: 23px; + border-radius: 1em; background: linear-gradient(to right, #ff3300, #ffa100); box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); color: white; } @@ -5948,7 +5948,7 @@ wnck-pager { box-shadow: none; -gtk-icon-effect: highlight; } #whiskermenu-window button:checked { - border-radius: 23px; + border-radius: 1em; background: linear-gradient(to right, #ff3300, #ffa100); box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); color: white; @@ -5985,16 +5985,16 @@ wnck-pager { .thunar toolbar button:hover { color: #ff6a00; background: transparent; } + .thunar toolbar button:backdrop { + color: inherit; + background: transparent; } .thunar toolbar button:selected, .thunar toolbar button:active, .thunar toolbar button:checked { - border-radius: 23px; + border-radius: 1em; background: linear-gradient(to right, #ff3300, #ffa100); box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); color: white; } - .thunar toolbar button:backdrop { - color: inherit; - background: inherit; } - .thunar toolbar button:backdrop:selected, .thunar toolbar button:backdrop:active, .thunar toolbar button:backdrop:checked { - border-radius: 23px; + .thunar toolbar button:selected:backdrop, .thunar toolbar button:active:backdrop, .thunar toolbar button:checked:backdrop { + border-radius: 1em; color: rgba(191, 195, 205, 0.4); background: rgba(255, 106, 0, 0.6); box-shadow: 0px 0px 0px rgba(255, 106, 0, 0.98); } @@ -6012,7 +6012,7 @@ window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path- window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:hover { color: #ff6a00; } window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:checked { - border-radius: 23px; + border-radius: 1em; background: linear-gradient(to right, #ff3300, #ffa100); box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); color: white; } @@ -6035,7 +6035,7 @@ window.thunar paned > scrolledwindow treeview.view { border-radius: 0; box-shadow: none; } window.thunar paned > scrolledwindow treeview.view:selected, window.thunar paned > scrolledwindow treeview.view:active, window.thunar paned > scrolledwindow treeview.view:checked { - border-radius: 23px; + border-radius: 1em; background: linear-gradient(to right, #ff3300, #ffa100); box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); color: white; @@ -6730,12 +6730,12 @@ ConversationListView { color: inherit; background: transparent; } .nemo-window .sidebar button:selected, .nemo-window .sidebar button:active, .nemo-window .sidebar button:checked, .nemo-window statusbar button:selected, .nemo-window statusbar button:active, .nemo-window statusbar button:checked, .nemo-window box.toolbar button:selected, .nemo-window box.toolbar button:active, .nemo-window box.toolbar button:checked, .nemo-window toolbar.primary-toolbar button:selected, .nemo-window toolbar.primary-toolbar button:active, .nemo-window toolbar.primary-toolbar button:checked { - border-radius: 23px; + border-radius: 1em; background: linear-gradient(to right, #ff3300, #ffa100); box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); color: white; } .nemo-window .sidebar button:selected:backdrop, .nemo-window .sidebar button:active:backdrop, .nemo-window .sidebar button:checked:backdrop, .nemo-window statusbar button:selected:backdrop, .nemo-window statusbar button:active:backdrop, .nemo-window statusbar button:checked:backdrop, .nemo-window box.toolbar button:selected:backdrop, .nemo-window box.toolbar button:active:backdrop, .nemo-window box.toolbar button:checked:backdrop, .nemo-window toolbar.primary-toolbar button:selected:backdrop, .nemo-window toolbar.primary-toolbar button:active:backdrop, .nemo-window toolbar.primary-toolbar button:checked:backdrop { - border-radius: 23px; + border-radius: 1em; color: rgba(191, 195, 205, 0.4); background: rgba(255, 106, 0, 0.6); box-shadow: 0px 0px 0px rgba(255, 106, 0, 0.98); } @@ -6849,7 +6849,7 @@ ConversationListView { .caja-pathbar button:hover { color: #ff6a00; } .caja-pathbar button:checked { - border-radius: 23px; + border-radius: 1em; background: linear-gradient(to right, #ff3300, #ffa100); box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); color: white; } diff --git a/gtk-3.0/gtk.css b/gtk-3.0/gtk.css index b84e5f7..97427f2 100755 --- a/gtk-3.0/gtk.css +++ b/gtk-3.0/gtk.css @@ -494,12 +494,12 @@ button { button.text-button { padding-left: 3em; padding-right: 3em; - border-radius: 0.2em; } + border-radius: 0.4em; } notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button { padding-left: 8px; padding-right: 8px; - border-radius: 0.2em; } + border-radius: 0.4em; } notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; @@ -1236,7 +1236,7 @@ calendar { color: #BFC3CD; border: 1px solid rgba(255, 255, 255, 0.05); } calendar:selected { - border-radius: 23px; + border-radius: 1em; background: linear-gradient(to right, #ff3300, #ffa100); box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); color: white; @@ -2638,7 +2638,7 @@ headerbar { .titlebar headerbar .linked > button:backdrop, headerbar .linked > button:hover, headerbar .linked > button:backdrop { - border-radius: 23px; + border-radius: 1em; border-right-style: none; border: none; box-shadow: none; @@ -2657,7 +2657,7 @@ headerbar { color: snow; } .titlebar .linked > button:checked, headerbar .linked > button:checked { - border-radius: 23px; + border-radius: 1em; background: linear-gradient(to right, #ff3300, #ffa100); box-shadow: 0px 0px 5px rgba(197, 14, 210, 0.98); color: snow; } @@ -5365,7 +5365,7 @@ button.raven-trigger { min-height: 20px; padding: 3px; } .raven .raven-header button.text-button.radio:active, .raven .raven-header button.text-button.radio:checked { - border-radius: 23px; + border-radius: 1em; background: linear-gradient(to right, #ff3300, #ffa100); box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); color: white; } @@ -5755,7 +5755,7 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:active, .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:checked, .nautilus-window .titlebar .path-bar-box button:active, .nautilus-window .titlebar .path-bar-box button:checked { - border-radius: 23px; + border-radius: 1em; background: linear-gradient(to right, #ff3300, #ffa100); box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); color: white; } @@ -5948,7 +5948,7 @@ wnck-pager { box-shadow: none; -gtk-icon-effect: highlight; } #whiskermenu-window button:checked { - border-radius: 23px; + border-radius: 1em; background: linear-gradient(to right, #ff3300, #ffa100); box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); color: white; @@ -5985,16 +5985,16 @@ wnck-pager { .thunar toolbar button:hover { color: #ff6a00; background: transparent; } + .thunar toolbar button:backdrop { + color: inherit; + background: transparent; } .thunar toolbar button:selected, .thunar toolbar button:active, .thunar toolbar button:checked { - border-radius: 23px; + border-radius: 1em; background: linear-gradient(to right, #ff3300, #ffa100); box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); color: white; } - .thunar toolbar button:backdrop { - color: inherit; - background: inherit; } - .thunar toolbar button:backdrop:selected, .thunar toolbar button:backdrop:active, .thunar toolbar button:backdrop:checked { - border-radius: 23px; + .thunar toolbar button:selected:backdrop, .thunar toolbar button:active:backdrop, .thunar toolbar button:checked:backdrop { + border-radius: 1em; color: rgba(191, 195, 205, 0.4); background: rgba(255, 106, 0, 0.6); box-shadow: 0px 0px 0px rgba(255, 106, 0, 0.98); } @@ -6012,7 +6012,7 @@ window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path- window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:hover { color: #ff6a00; } window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:checked { - border-radius: 23px; + border-radius: 1em; background: linear-gradient(to right, #ff3300, #ffa100); box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); color: white; } @@ -6035,7 +6035,7 @@ window.thunar paned > scrolledwindow treeview.view { border-radius: 0; box-shadow: none; } window.thunar paned > scrolledwindow treeview.view:selected, window.thunar paned > scrolledwindow treeview.view:active, window.thunar paned > scrolledwindow treeview.view:checked { - border-radius: 23px; + border-radius: 1em; background: linear-gradient(to right, #ff3300, #ffa100); box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); color: white; @@ -6730,12 +6730,12 @@ ConversationListView { color: inherit; background: transparent; } .nemo-window .sidebar button:selected, .nemo-window .sidebar button:active, .nemo-window .sidebar button:checked, .nemo-window statusbar button:selected, .nemo-window statusbar button:active, .nemo-window statusbar button:checked, .nemo-window box.toolbar button:selected, .nemo-window box.toolbar button:active, .nemo-window box.toolbar button:checked, .nemo-window toolbar.primary-toolbar button:selected, .nemo-window toolbar.primary-toolbar button:active, .nemo-window toolbar.primary-toolbar button:checked { - border-radius: 23px; + border-radius: 1em; background: linear-gradient(to right, #ff3300, #ffa100); box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); color: white; } .nemo-window .sidebar button:selected:backdrop, .nemo-window .sidebar button:active:backdrop, .nemo-window .sidebar button:checked:backdrop, .nemo-window statusbar button:selected:backdrop, .nemo-window statusbar button:active:backdrop, .nemo-window statusbar button:checked:backdrop, .nemo-window box.toolbar button:selected:backdrop, .nemo-window box.toolbar button:active:backdrop, .nemo-window box.toolbar button:checked:backdrop, .nemo-window toolbar.primary-toolbar button:selected:backdrop, .nemo-window toolbar.primary-toolbar button:active:backdrop, .nemo-window toolbar.primary-toolbar button:checked:backdrop { - border-radius: 23px; + border-radius: 1em; color: rgba(191, 195, 205, 0.4); background: rgba(255, 106, 0, 0.6); box-shadow: 0px 0px 0px rgba(255, 106, 0, 0.98); } @@ -6849,7 +6849,7 @@ ConversationListView { .caja-pathbar button:hover { color: #ff6a00; } .caja-pathbar button:checked { - border-radius: 23px; + border-radius: 1em; background: linear-gradient(to right, #ff3300, #ffa100); box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); color: white; } diff --git a/gtk-3.0/widgets/_buttons.scss b/gtk-3.0/widgets/_buttons.scss index e9af2a2..2222b3f 100755 --- a/gtk-3.0/widgets/_buttons.scss +++ b/gtk-3.0/widgets/_buttons.scss @@ -129,13 +129,13 @@ button { &.text-button { padding-left: 3em; // 16px; padding-right: 3em; // 16px; - border-radius: 0.2em; //border-radius: 2px; + border-radius: 0.4em; //border-radius: 2px; } &.text-button.image-button { padding-left: 8px; padding-right: 8px; - border-radius: 0.2em; //border-radius: 2px; + border-radius: 0.4em; //border-radius: 2px; label { padding-left: 8px; padding-right: 8px; diff --git a/gtk-3.0/widgets/_header-bars.scss b/gtk-3.0/widgets/_header-bars.scss index 13208e8..607fca6 100755 --- a/gtk-3.0/widgets/_header-bars.scss +++ b/gtk-3.0/widgets/_header-bars.scss @@ -139,7 +139,7 @@ headerbar { } } %linked-header { - border-radius: 23px; + border-radius: 1em; // 23px; border-right-style: none; border: none; box-shadow: none; @@ -167,7 +167,7 @@ headerbar { } .linked > button:checked{ @extend %linked-header; - border-radius: 23px; + border-radius: 1em; // 23px; background: linear-gradient(to right, $theme-gradient-start, $theme-gradient-end); box-shadow: 0px 0px 5px transparentize(#c50ed2, 0.02); color: rgb(255, 250, 250); diff --git a/gtk-4.0/_drawing.scss b/gtk-4.0/_drawing.scss index a2c773e..d84da52 100755 --- a/gtk-4.0/_drawing.scss +++ b/gtk-4.0/_drawing.scss @@ -254,7 +254,7 @@ //background: linear-gradient(to right, transparentize($theme-gradient-start, 0.4), transparentize($theme-gradient-end, 0.4)); border:none; } @else if $t==active-header { - border-radius: 23px; + border-radius: 1em; // 23px; background: linear-gradient(to right, $theme-gradient-start, $theme-gradient-end); box-shadow: 0px 0px 5px transparentize($selected_bg_color, 0.02); color: rgb(255, 255, 255); @@ -268,7 +268,7 @@ text-shadow: none; box-shadow: none; } @else if $t==backdrop-active-header { - border-radius: 23px; + border-radius: 1em; // 23px; color: if($tc==$text_color, transparentize($tc, 0.6), $tc); background: $backdrop_selected_bg_color; box-shadow: 0px 0px 0px transparentize($selected_bg_color, 0.02); diff --git a/gtk-4.0/gtk-dark.css b/gtk-4.0/gtk-dark.css index 54edb92..7e64ffc 100755 --- a/gtk-4.0/gtk-dark.css +++ b/gtk-4.0/gtk-dark.css @@ -1219,7 +1219,7 @@ calendar { color: #BFC3CD; border: 1px solid rgba(255, 255, 255, 0.05); } calendar:selected { - border-radius: 23px; + border-radius: 1em; background: linear-gradient(to right, #ff3300, #ffa100); box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); color: white; @@ -2614,7 +2614,7 @@ headerbar { .titlebar headerbar .linked > button:backdrop, headerbar .linked > button:hover, headerbar .linked > button:backdrop { - border-radius: 23px; + border-radius: 1em; border-right-style: none; border: none; box-shadow: none; @@ -2633,7 +2633,7 @@ headerbar { color: snow; } .titlebar .linked > button:checked, headerbar .linked > button:checked { - border-radius: 23px; + border-radius: 1em; background: linear-gradient(to right, #ff3300, #ffa100); box-shadow: 0px 0px 5px rgba(197, 14, 210, 0.98); color: snow; } @@ -5341,7 +5341,7 @@ button.raven-trigger { min-height: 20px; padding: 3px; } .raven .raven-header button.text-button.radio:active, .raven .raven-header button.text-button.radio:checked { - border-radius: 23px; + border-radius: 1em; background: linear-gradient(to right, #ff3300, #ffa100); box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); color: white; } @@ -5731,7 +5731,7 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:active, .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:checked, .nautilus-window .titlebar .path-bar-box button:active, .nautilus-window .titlebar .path-bar-box button:checked { - border-radius: 23px; + border-radius: 1em; background: linear-gradient(to right, #ff3300, #ffa100); box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); color: white; } @@ -5923,7 +5923,7 @@ wnck-pager { box-shadow: none; -gtk-icon-effect: highlight; } #whiskermenu-window button:checked { - border-radius: 23px; + border-radius: 1em; background: linear-gradient(to right, #ff3300, #ffa100); box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); color: white; @@ -5961,7 +5961,7 @@ wnck-pager { color: #ff6a00; background: transparent; } .thunar toolbar button:selected, .thunar toolbar button:active, .thunar toolbar button:checked { - border-radius: 23px; + border-radius: 1em; background: linear-gradient(to right, #ff3300, #ffa100); box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); color: white; } @@ -5969,7 +5969,7 @@ wnck-pager { color: inherit; background: inherit; } .thunar toolbar button:backdrop:selected, .thunar toolbar button:backdrop:active, .thunar toolbar button:backdrop:checked { - border-radius: 23px; + border-radius: 1em; color: rgba(191, 195, 205, 0.4); background: rgba(255, 106, 0, 0.6); box-shadow: 0px 0px 0px rgba(255, 106, 0, 0.98); } @@ -5987,7 +5987,7 @@ window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path- window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:hover { color: #ff6a00; } window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:checked { - border-radius: 23px; + border-radius: 1em; background: linear-gradient(to right, #ff3300, #ffa100); box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); color: white; } @@ -6010,7 +6010,7 @@ window.thunar paned > scrolledwindow treeview.view { border-radius: 0; box-shadow: none; } window.thunar paned > scrolledwindow treeview.view:selected, window.thunar paned > scrolledwindow treeview.view:active, window.thunar paned > scrolledwindow treeview.view:checked { - border-radius: 23px; + border-radius: 1em; background: linear-gradient(to right, #ff3300, #ffa100); box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); color: white; @@ -6668,12 +6668,12 @@ ConversationListView { color: inherit; background: transparent; } .nemo-window .sidebar button:selected, .nemo-window .sidebar button:active, .nemo-window .sidebar button:checked, .nemo-window statusbar button:selected, .nemo-window statusbar button:active, .nemo-window statusbar button:checked, .nemo-window box.toolbar button:selected, .nemo-window box.toolbar button:active, .nemo-window box.toolbar button:checked, .nemo-window toolbar.primary-toolbar button:selected, .nemo-window toolbar.primary-toolbar button:active, .nemo-window toolbar.primary-toolbar button:checked { - border-radius: 23px; + border-radius: 1em; background: linear-gradient(to right, #ff3300, #ffa100); box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); color: white; } .nemo-window .sidebar button:selected:backdrop, .nemo-window .sidebar button:active:backdrop, .nemo-window .sidebar button:checked:backdrop, .nemo-window statusbar button:selected:backdrop, .nemo-window statusbar button:active:backdrop, .nemo-window statusbar button:checked:backdrop, .nemo-window box.toolbar button:selected:backdrop, .nemo-window box.toolbar button:active:backdrop, .nemo-window box.toolbar button:checked:backdrop, .nemo-window toolbar.primary-toolbar button:selected:backdrop, .nemo-window toolbar.primary-toolbar button:active:backdrop, .nemo-window toolbar.primary-toolbar button:checked:backdrop { - border-radius: 23px; + border-radius: 1em; color: rgba(191, 195, 205, 0.4); background: rgba(255, 106, 0, 0.6); box-shadow: 0px 0px 0px rgba(255, 106, 0, 0.98); } @@ -6787,7 +6787,7 @@ ConversationListView { .caja-pathbar button:hover { color: #ff6a00; } .caja-pathbar button:checked { - border-radius: 23px; + border-radius: 1em; background: linear-gradient(to right, #ff3300, #ffa100); box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); color: white; } diff --git a/gtk-4.0/gtk.css b/gtk-4.0/gtk.css index 54edb92..7e64ffc 100755 --- a/gtk-4.0/gtk.css +++ b/gtk-4.0/gtk.css @@ -1219,7 +1219,7 @@ calendar { color: #BFC3CD; border: 1px solid rgba(255, 255, 255, 0.05); } calendar:selected { - border-radius: 23px; + border-radius: 1em; background: linear-gradient(to right, #ff3300, #ffa100); box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); color: white; @@ -2614,7 +2614,7 @@ headerbar { .titlebar headerbar .linked > button:backdrop, headerbar .linked > button:hover, headerbar .linked > button:backdrop { - border-radius: 23px; + border-radius: 1em; border-right-style: none; border: none; box-shadow: none; @@ -2633,7 +2633,7 @@ headerbar { color: snow; } .titlebar .linked > button:checked, headerbar .linked > button:checked { - border-radius: 23px; + border-radius: 1em; background: linear-gradient(to right, #ff3300, #ffa100); box-shadow: 0px 0px 5px rgba(197, 14, 210, 0.98); color: snow; } @@ -5341,7 +5341,7 @@ button.raven-trigger { min-height: 20px; padding: 3px; } .raven .raven-header button.text-button.radio:active, .raven .raven-header button.text-button.radio:checked { - border-radius: 23px; + border-radius: 1em; background: linear-gradient(to right, #ff3300, #ffa100); box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); color: white; } @@ -5731,7 +5731,7 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:active, .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:checked, .nautilus-window .titlebar .path-bar-box button:active, .nautilus-window .titlebar .path-bar-box button:checked { - border-radius: 23px; + border-radius: 1em; background: linear-gradient(to right, #ff3300, #ffa100); box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); color: white; } @@ -5923,7 +5923,7 @@ wnck-pager { box-shadow: none; -gtk-icon-effect: highlight; } #whiskermenu-window button:checked { - border-radius: 23px; + border-radius: 1em; background: linear-gradient(to right, #ff3300, #ffa100); box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); color: white; @@ -5961,7 +5961,7 @@ wnck-pager { color: #ff6a00; background: transparent; } .thunar toolbar button:selected, .thunar toolbar button:active, .thunar toolbar button:checked { - border-radius: 23px; + border-radius: 1em; background: linear-gradient(to right, #ff3300, #ffa100); box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); color: white; } @@ -5969,7 +5969,7 @@ wnck-pager { color: inherit; background: inherit; } .thunar toolbar button:backdrop:selected, .thunar toolbar button:backdrop:active, .thunar toolbar button:backdrop:checked { - border-radius: 23px; + border-radius: 1em; color: rgba(191, 195, 205, 0.4); background: rgba(255, 106, 0, 0.6); box-shadow: 0px 0px 0px rgba(255, 106, 0, 0.98); } @@ -5987,7 +5987,7 @@ window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path- window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:hover { color: #ff6a00; } window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:checked { - border-radius: 23px; + border-radius: 1em; background: linear-gradient(to right, #ff3300, #ffa100); box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); color: white; } @@ -6010,7 +6010,7 @@ window.thunar paned > scrolledwindow treeview.view { border-radius: 0; box-shadow: none; } window.thunar paned > scrolledwindow treeview.view:selected, window.thunar paned > scrolledwindow treeview.view:active, window.thunar paned > scrolledwindow treeview.view:checked { - border-radius: 23px; + border-radius: 1em; background: linear-gradient(to right, #ff3300, #ffa100); box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); color: white; @@ -6668,12 +6668,12 @@ ConversationListView { color: inherit; background: transparent; } .nemo-window .sidebar button:selected, .nemo-window .sidebar button:active, .nemo-window .sidebar button:checked, .nemo-window statusbar button:selected, .nemo-window statusbar button:active, .nemo-window statusbar button:checked, .nemo-window box.toolbar button:selected, .nemo-window box.toolbar button:active, .nemo-window box.toolbar button:checked, .nemo-window toolbar.primary-toolbar button:selected, .nemo-window toolbar.primary-toolbar button:active, .nemo-window toolbar.primary-toolbar button:checked { - border-radius: 23px; + border-radius: 1em; background: linear-gradient(to right, #ff3300, #ffa100); box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); color: white; } .nemo-window .sidebar button:selected:backdrop, .nemo-window .sidebar button:active:backdrop, .nemo-window .sidebar button:checked:backdrop, .nemo-window statusbar button:selected:backdrop, .nemo-window statusbar button:active:backdrop, .nemo-window statusbar button:checked:backdrop, .nemo-window box.toolbar button:selected:backdrop, .nemo-window box.toolbar button:active:backdrop, .nemo-window box.toolbar button:checked:backdrop, .nemo-window toolbar.primary-toolbar button:selected:backdrop, .nemo-window toolbar.primary-toolbar button:active:backdrop, .nemo-window toolbar.primary-toolbar button:checked:backdrop { - border-radius: 23px; + border-radius: 1em; color: rgba(191, 195, 205, 0.4); background: rgba(255, 106, 0, 0.6); box-shadow: 0px 0px 0px rgba(255, 106, 0, 0.98); } @@ -6787,7 +6787,7 @@ ConversationListView { .caja-pathbar button:hover { color: #ff6a00; } .caja-pathbar button:checked { - border-radius: 23px; + border-radius: 1em; background: linear-gradient(to right, #ff3300, #ffa100); box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); color: white; } diff --git a/gtk-4.0/widgets/_header-bars.scss b/gtk-4.0/widgets/_header-bars.scss index 13208e8..607fca6 100755 --- a/gtk-4.0/widgets/_header-bars.scss +++ b/gtk-4.0/widgets/_header-bars.scss @@ -139,7 +139,7 @@ headerbar { } } %linked-header { - border-radius: 23px; + border-radius: 1em; // 23px; border-right-style: none; border: none; box-shadow: none; @@ -167,7 +167,7 @@ headerbar { } .linked > button:checked{ @extend %linked-header; - border-radius: 23px; + border-radius: 1em; // 23px; background: linear-gradient(to right, $theme-gradient-start, $theme-gradient-end); box-shadow: 0px 0px 5px transparentize(#c50ed2, 0.02); color: rgb(255, 250, 250);