diff --git a/gtk-4.0/color_schemes/light-forest.css b/gtk-4.0/color_schemes/light-forest.css index 5442eb0..39cfa23 100644 --- a/gtk-4.0/color_schemes/light-forest.css +++ b/gtk-4.0/color_schemes/light-forest.css @@ -17,10 +17,10 @@ @define-color window_fg_color #000000; @define-color view_bg_color #d4d4d4; @define-color view_fg_color #000000; -@define-color headerbar_bg_color @window_bg_color; -@define-color headerbar_fg_color @window_fg_color; +@define-color headerbar_bg_color #a5be96; +@define-color headerbar_fg_color #1e3d0b; @define-color headerbar_border_color @headerbar_fg_color; -@define-color headerbar_backdrop_color @headerbar_bg_color; +@define-color headerbar_backdrop_color mix(@window_bg_color, @headerbar_bg_color, 0.5); @define-color headerbar_shade_color transparent; @define-color card_bg_color alpha(white, 0.1); @define-color card_fg_color #000000; diff --git a/gtk-4.0/common/common.css b/gtk-4.0/common/common.css index db87a62..64329bf 100644 --- a/gtk-4.0/common/common.css +++ b/gtk-4.0/common/common.css @@ -16,6 +16,9 @@ .background { color: @window_fg_color; background-color: @window_bg_color; } dnd { color: @window_fg_color; } +button, tab, switch, scale, slider { + outline-style: none; +} *:disabled, :dir(rtl):disabled, :dir(ltr):disabled, /* specificity bump hopefully */ @@ -288,7 +291,7 @@ radio:hover, radio:focus { check:hover:active, radio:hover:active, check:focus:active, radio:focus:active { - border-color: alpha(@accent_color, 1); + border-color: alpha(@accent_color, 0.8); } checkbutton { border-bottom: 1px solid transparent; @@ -379,17 +382,21 @@ scrollbar.vertical slider { } -slider:hover, slider:focus, switch:focus slider, scale:focus slider { - box-shadow: inset 0 0 0 0.1em alpha(@accent_color, 0.5); +slider:hover, slider:focus, switch:focus slider, scale:focus slider, +tab.reorderable-page:active, tabbox > tabboxchild > tab:active { /* not really working in tabs... */ + /*box-shadow: inset 0 0 0 0.1em alpha(@accent_color, 0.5);*/ border-color: alpha(@accent_color, 0.5); + border-style: solid; } slider:active { - box-shadow: inset 0 0 0 0.1em @accent_color; + /*box-shadow: inset 0 0 0 0.1em @accent_color;*/ border-color: @accent_color; + border-style: solid; } .fine-tune slider:active { - box-shadow: inset 0 0 0 0.1em @warning_bg_color; + /*box-shadow: inset 0 0 0 0.1em @warning_bg_color;*/ border-color: @warning_bg_color; + border-style: solid; } switch { @@ -505,6 +512,9 @@ tab.reorderable-page, tabbox > tabboxchild > tab { min-height: 1em; padding: 0.1em 0.3em; } + /* see slider for active reorderable tab */ + + stackswitcher > button { min-height: 1.6em; @@ -937,14 +947,21 @@ windowcontrols.end {margin-left: 1em;} windowcontrols.start {margin-right: 1em;} -/* osd * .osd */ +/* osd * .osd, toast, .app-notification */ -.osd, toast, .gedit-search-slider { +.osd, toast, .gedit-search-slider, .app-notification { background-color: alpha(mix(@window_bg_color, @view_bg_color, 0.5), 0.75); border: 1px dashed alpha(@view_fg_color, 0.3); background-clip: border-box; } +.app-notification, toast { + border-radius: 9999px; + padding: 0.2em 0.5em; +} +.app-notification > border { + border: none; +} /* frame */ @@ -982,7 +999,7 @@ frame > label { margin: 4px; } } -/* .app-notification */ + /* toast */ /* see also .osd */