diff --git a/gtk-3.0/_drawing.scss b/gtk-3.0/_drawing.scss index 9966a0e..a0d2051 100755 --- a/gtk-3.0/_drawing.scss +++ b/gtk-3.0/_drawing.scss @@ -353,7 +353,7 @@ $_bg: if($c!=$base_color, transparentize($c, 0.5), $base_color); color: $osd_fg_color; border-color: $osd_borders_color; - border: 2px solid $osd_borders_color; + //border: 1px solid $osd_borders_color; background-color: $_bg; background-clip: padding-box; box-shadow: inset 0 1px transparentize(white, 0.9); @@ -366,9 +366,9 @@ // $_bg: if($c!=$base_color, transparentize($c, 0.3), lighten($osd_bg_color, 12%)); color: white; - //border-color: $osd_borders_color; - border: 2px solid transparentize($theme_color, 0.6); - background-image: linear-gradient(to bottom, $_bg, $_bg); + border-color: transparentize($theme_color, 0.6); // $osd_borders_color; + //order: 1px solid transparentize($theme_color, 0.6); + background-image: linear-gradient(to right, transparentize($theme-gradient-start, 0.5), transparentize($theme-gradient-end, 0.5)); // linear-gradient(to bottom, $_bg, $_bg); background-clip: padding-box; box-shadow: inset 0 1px transparentize(white, 0.9); text-shadow: 0 1px black; diff --git a/gtk-3.0/gtk-dark.css b/gtk-3.0/gtk-dark.css index 67a8e59..29faa77 100755 --- a/gtk-3.0/gtk-dark.css +++ b/gtk-3.0/gtk-dark.css @@ -523,7 +523,6 @@ button.osd { outline-color: rgba(254, 254, 254, 0.3); color: #fefefe; border-color: rgba(255, 255, 255, 0.1); - border: 2px solid rgba(255, 255, 255, 0.1); background-color: #111524; background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); @@ -538,8 +537,8 @@ button.osd { button.osd:hover { color: white; - border: 2px solid rgba(255, 106, 0, 0.4); - background-image: linear-gradient(to bottom, rgba(26, 31, 53, 0.8), rgba(26, 31, 53, 0.8)); + border-color: rgba(255, 106, 0, 0.4); + background-image: linear-gradient(to right, rgba(255, 51, 0, 0.5), rgba(255, 161, 0, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -588,7 +587,6 @@ button.osd { button { color: #fefefe; border-color: rgba(255, 255, 255, 0.1); - border: 2px solid rgba(255, 255, 255, 0.1); background-color: #111524; background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); @@ -599,8 +597,8 @@ button { .osd button:hover { color: white; - border: 2px solid rgba(255, 106, 0, 0.4); - background-image: linear-gradient(to bottom, rgba(26, 31, 53, 0.8), rgba(26, 31, 53, 0.8)); + border-color: rgba(255, 106, 0, 0.4); + background-image: linear-gradient(to right, rgba(255, 51, 0, 0.5), rgba(255, 161, 0, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -661,8 +659,8 @@ button { .osd button.flat:hover { color: white; - border: 2px solid rgba(255, 106, 0, 0.4); - background-image: linear-gradient(to bottom, rgba(26, 31, 53, 0.8), rgba(26, 31, 53, 0.8)); + border-color: rgba(255, 106, 0, 0.4); + background-image: linear-gradient(to right, rgba(255, 51, 0, 0.5), rgba(255, 161, 0, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -808,7 +806,6 @@ button.suggested-action { button.suggested-action { color: #fefefe; border-color: rgba(255, 255, 255, 0.1); - border: 2px solid rgba(255, 255, 255, 0.1); background-color: rgba(204, 85, 0, 0.5); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); @@ -818,8 +815,8 @@ button.suggested-action { .osd button.suggested-action:hover { color: white; - border: 2px solid rgba(255, 106, 0, 0.4); - background-image: linear-gradient(to bottom, rgba(204, 85, 0, 0.7), rgba(204, 85, 0, 0.7)); + border-color: rgba(255, 106, 0, 0.4); + background-image: linear-gradient(to right, rgba(255, 51, 0, 0.5), rgba(255, 161, 0, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -962,7 +959,6 @@ button.destructive-action { button.destructive-action { color: #fefefe; border-color: rgba(255, 255, 255, 0.1); - border: 2px solid rgba(255, 255, 255, 0.1); background-color: rgba(204, 0, 0, 0.5); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); @@ -972,8 +968,8 @@ button.destructive-action { .osd button.destructive-action:hover { color: white; - border: 2px solid rgba(255, 106, 0, 0.4); - background-image: linear-gradient(to bottom, rgba(204, 0, 0, 0.7), rgba(204, 0, 0, 0.7)); + border-color: rgba(255, 106, 0, 0.4); + background-image: linear-gradient(to right, rgba(255, 51, 0, 0.5), rgba(255, 161, 0, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -1254,7 +1250,7 @@ notebook button, list button, .view button, iconview button, popover button { notebook .linked > button, list .linked > button, .view .linked > button, iconview .linked > button, popover .linked > button { box-shadow: none; } -/************ +/*********** * Calendar * ***********/ calendar { @@ -3656,7 +3652,6 @@ scale { .osd scale slider { color: #fefefe; border-color: rgba(255, 255, 255, 0.1); - border: 2px solid rgba(255, 255, 255, 0.1); background-color: #111524; background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); @@ -3667,8 +3662,8 @@ scale { background-color: #06070c; } .osd scale slider:hover { color: white; - border: 2px solid rgba(255, 106, 0, 0.4); - background-image: linear-gradient(to bottom, rgba(26, 31, 53, 0.8), rgba(26, 31, 53, 0.8)); + border-color: rgba(255, 106, 0, 0.4); + background-image: linear-gradient(to right, rgba(255, 51, 0, 0.5), rgba(255, 161, 0, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -4460,7 +4455,6 @@ spinbutton.vertical button.down { .osd spinbutton.vertical button:first-child { color: #fefefe; border-color: rgba(255, 255, 255, 0.1); - border: 2px solid rgba(255, 255, 255, 0.1); background-color: #111524; background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); @@ -4469,8 +4463,8 @@ spinbutton.vertical button.down { outline-color: rgba(254, 254, 254, 0.3); } .osd spinbutton.vertical button:first-child:hover { color: white; - border: 2px solid rgba(255, 106, 0, 0.4); - background-image: linear-gradient(to bottom, rgba(26, 31, 53, 0.8), rgba(26, 31, 53, 0.8)); + border-color: rgba(255, 106, 0, 0.4); + background-image: linear-gradient(to right, rgba(255, 51, 0, 0.5), rgba(255, 161, 0, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -6276,7 +6270,6 @@ window.thunar statusbar { .xfsm-logout-dialog button { color: #fefefe; border-color: rgba(255, 255, 255, 0.1); - border: 2px solid rgba(255, 255, 255, 0.1); background-color: #111524; background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); @@ -6287,8 +6280,8 @@ window.thunar statusbar { margin: 0.5em; } .xfsm-logout-dialog button:hover { color: white; - border: 2px solid rgba(255, 106, 0, 0.4); - background-image: linear-gradient(to bottom, rgba(26, 31, 53, 0.8), rgba(26, 31, 53, 0.8)); + border-color: rgba(255, 106, 0, 0.4); + background-image: linear-gradient(to right, rgba(255, 51, 0, 0.5), rgba(255, 161, 0, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -6829,7 +6822,6 @@ ConversationListView { #content_frame button { color: #fefefe; border-color: rgba(255, 255, 255, 0.1); - border: 2px solid rgba(255, 255, 255, 0.1); background-color: #111524; background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); @@ -6838,8 +6830,8 @@ ConversationListView { outline-color: rgba(254, 254, 254, 0.3); } #content_frame button:hover { color: white; - border: 2px solid rgba(255, 106, 0, 0.4); - background-image: linear-gradient(to bottom, rgba(255, 106, 0, 0.7), rgba(255, 106, 0, 0.7)); + border-color: rgba(255, 106, 0, 0.4); + background-image: linear-gradient(to right, rgba(255, 51, 0, 0.5), rgba(255, 161, 0, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -6876,7 +6868,6 @@ ConversationListView { #buttonbox_frame button { color: #fefefe; border-color: rgba(255, 255, 255, 0.1); - border: 2px solid rgba(255, 255, 255, 0.1); background-color: #111524; background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); @@ -6885,8 +6876,8 @@ ConversationListView { outline-color: rgba(254, 254, 254, 0.3); } #buttonbox_frame button:hover { color: white; - border: 2px solid rgba(255, 106, 0, 0.4); - background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05)); + border-color: rgba(255, 106, 0, 0.4); + background-image: linear-gradient(to right, rgba(255, 51, 0, 0.5), rgba(255, 161, 0, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; diff --git a/gtk-3.0/gtk.css b/gtk-3.0/gtk.css index 67a8e59..29faa77 100755 --- a/gtk-3.0/gtk.css +++ b/gtk-3.0/gtk.css @@ -523,7 +523,6 @@ button.osd { outline-color: rgba(254, 254, 254, 0.3); color: #fefefe; border-color: rgba(255, 255, 255, 0.1); - border: 2px solid rgba(255, 255, 255, 0.1); background-color: #111524; background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); @@ -538,8 +537,8 @@ button.osd { button.osd:hover { color: white; - border: 2px solid rgba(255, 106, 0, 0.4); - background-image: linear-gradient(to bottom, rgba(26, 31, 53, 0.8), rgba(26, 31, 53, 0.8)); + border-color: rgba(255, 106, 0, 0.4); + background-image: linear-gradient(to right, rgba(255, 51, 0, 0.5), rgba(255, 161, 0, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -588,7 +587,6 @@ button.osd { button { color: #fefefe; border-color: rgba(255, 255, 255, 0.1); - border: 2px solid rgba(255, 255, 255, 0.1); background-color: #111524; background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); @@ -599,8 +597,8 @@ button { .osd button:hover { color: white; - border: 2px solid rgba(255, 106, 0, 0.4); - background-image: linear-gradient(to bottom, rgba(26, 31, 53, 0.8), rgba(26, 31, 53, 0.8)); + border-color: rgba(255, 106, 0, 0.4); + background-image: linear-gradient(to right, rgba(255, 51, 0, 0.5), rgba(255, 161, 0, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -661,8 +659,8 @@ button { .osd button.flat:hover { color: white; - border: 2px solid rgba(255, 106, 0, 0.4); - background-image: linear-gradient(to bottom, rgba(26, 31, 53, 0.8), rgba(26, 31, 53, 0.8)); + border-color: rgba(255, 106, 0, 0.4); + background-image: linear-gradient(to right, rgba(255, 51, 0, 0.5), rgba(255, 161, 0, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -808,7 +806,6 @@ button.suggested-action { button.suggested-action { color: #fefefe; border-color: rgba(255, 255, 255, 0.1); - border: 2px solid rgba(255, 255, 255, 0.1); background-color: rgba(204, 85, 0, 0.5); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); @@ -818,8 +815,8 @@ button.suggested-action { .osd button.suggested-action:hover { color: white; - border: 2px solid rgba(255, 106, 0, 0.4); - background-image: linear-gradient(to bottom, rgba(204, 85, 0, 0.7), rgba(204, 85, 0, 0.7)); + border-color: rgba(255, 106, 0, 0.4); + background-image: linear-gradient(to right, rgba(255, 51, 0, 0.5), rgba(255, 161, 0, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -962,7 +959,6 @@ button.destructive-action { button.destructive-action { color: #fefefe; border-color: rgba(255, 255, 255, 0.1); - border: 2px solid rgba(255, 255, 255, 0.1); background-color: rgba(204, 0, 0, 0.5); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); @@ -972,8 +968,8 @@ button.destructive-action { .osd button.destructive-action:hover { color: white; - border: 2px solid rgba(255, 106, 0, 0.4); - background-image: linear-gradient(to bottom, rgba(204, 0, 0, 0.7), rgba(204, 0, 0, 0.7)); + border-color: rgba(255, 106, 0, 0.4); + background-image: linear-gradient(to right, rgba(255, 51, 0, 0.5), rgba(255, 161, 0, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -1254,7 +1250,7 @@ notebook button, list button, .view button, iconview button, popover button { notebook .linked > button, list .linked > button, .view .linked > button, iconview .linked > button, popover .linked > button { box-shadow: none; } -/************ +/*********** * Calendar * ***********/ calendar { @@ -3656,7 +3652,6 @@ scale { .osd scale slider { color: #fefefe; border-color: rgba(255, 255, 255, 0.1); - border: 2px solid rgba(255, 255, 255, 0.1); background-color: #111524; background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); @@ -3667,8 +3662,8 @@ scale { background-color: #06070c; } .osd scale slider:hover { color: white; - border: 2px solid rgba(255, 106, 0, 0.4); - background-image: linear-gradient(to bottom, rgba(26, 31, 53, 0.8), rgba(26, 31, 53, 0.8)); + border-color: rgba(255, 106, 0, 0.4); + background-image: linear-gradient(to right, rgba(255, 51, 0, 0.5), rgba(255, 161, 0, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -4460,7 +4455,6 @@ spinbutton.vertical button.down { .osd spinbutton.vertical button:first-child { color: #fefefe; border-color: rgba(255, 255, 255, 0.1); - border: 2px solid rgba(255, 255, 255, 0.1); background-color: #111524; background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); @@ -4469,8 +4463,8 @@ spinbutton.vertical button.down { outline-color: rgba(254, 254, 254, 0.3); } .osd spinbutton.vertical button:first-child:hover { color: white; - border: 2px solid rgba(255, 106, 0, 0.4); - background-image: linear-gradient(to bottom, rgba(26, 31, 53, 0.8), rgba(26, 31, 53, 0.8)); + border-color: rgba(255, 106, 0, 0.4); + background-image: linear-gradient(to right, rgba(255, 51, 0, 0.5), rgba(255, 161, 0, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -6276,7 +6270,6 @@ window.thunar statusbar { .xfsm-logout-dialog button { color: #fefefe; border-color: rgba(255, 255, 255, 0.1); - border: 2px solid rgba(255, 255, 255, 0.1); background-color: #111524; background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); @@ -6287,8 +6280,8 @@ window.thunar statusbar { margin: 0.5em; } .xfsm-logout-dialog button:hover { color: white; - border: 2px solid rgba(255, 106, 0, 0.4); - background-image: linear-gradient(to bottom, rgba(26, 31, 53, 0.8), rgba(26, 31, 53, 0.8)); + border-color: rgba(255, 106, 0, 0.4); + background-image: linear-gradient(to right, rgba(255, 51, 0, 0.5), rgba(255, 161, 0, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -6829,7 +6822,6 @@ ConversationListView { #content_frame button { color: #fefefe; border-color: rgba(255, 255, 255, 0.1); - border: 2px solid rgba(255, 255, 255, 0.1); background-color: #111524; background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); @@ -6838,8 +6830,8 @@ ConversationListView { outline-color: rgba(254, 254, 254, 0.3); } #content_frame button:hover { color: white; - border: 2px solid rgba(255, 106, 0, 0.4); - background-image: linear-gradient(to bottom, rgba(255, 106, 0, 0.7), rgba(255, 106, 0, 0.7)); + border-color: rgba(255, 106, 0, 0.4); + background-image: linear-gradient(to right, rgba(255, 51, 0, 0.5), rgba(255, 161, 0, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -6876,7 +6868,6 @@ ConversationListView { #buttonbox_frame button { color: #fefefe; border-color: rgba(255, 255, 255, 0.1); - border: 2px solid rgba(255, 255, 255, 0.1); background-color: #111524; background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); @@ -6885,8 +6876,8 @@ ConversationListView { outline-color: rgba(254, 254, 254, 0.3); } #buttonbox_frame button:hover { color: white; - border: 2px solid rgba(255, 106, 0, 0.4); - background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05)); + border-color: rgba(255, 106, 0, 0.4); + background-image: linear-gradient(to right, rgba(255, 51, 0, 0.5), rgba(255, 161, 0, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; diff --git a/gtk-3.0/widgets/_calendar.scss b/gtk-3.0/widgets/_calendar.scss index 6ce5e9f..1727daa 100755 --- a/gtk-3.0/widgets/_calendar.scss +++ b/gtk-3.0/widgets/_calendar.scss @@ -1,4 +1,4 @@ -/************ +/*********** * Calendar * ***********/ calendar { diff --git a/gtk-4.0/_drawing.scss b/gtk-4.0/_drawing.scss index 895de15..408c375 100755 --- a/gtk-4.0/_drawing.scss +++ b/gtk-4.0/_drawing.scss @@ -98,7 +98,7 @@ @if $t==osd { color: $osd_fg_color; border-color: $osd_borders_color; - background-color: transparentize(opacify($osd_borders_color, 1), 0.5); + background-color: transparentize(opacify($osd_bg_color, 1), 0.5); box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; @@ -106,7 +106,7 @@ @if $t==osd-focus { color: $osd_fg_color; border-color: $selected_bg_color; - background-color: transparentize(opacify($osd_borders_color, 1), 0.5); + background-color: transparentize(opacify($osd_bg_color, 1), 0.5); background-clip: padding-box; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; @@ -123,7 +123,7 @@ @if $t==osd-backdrop { color: $osd_fg_color; border-color: $osd_borders_color; - background-color: transparentize(opacify($osd_borders_color, 1), 0.5); + background-color: transparentize(opacify($osd_bg_color, 1), 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -259,10 +259,18 @@ //background: linear-gradient(to right, transparentize($theme-gradient-start, 0.4), transparentize($theme-gradient-end, 0.4)); border:none; } @else if $t==active-header { + color: rgb(255, 255, 255); border-radius: 1em; // 23px; background: linear-gradient(to right, $theme-gradient-start, $theme-gradient-end); + //box-shadow: 0px 0px 0px transparentize($selected_bg_color, 0.02); + &:hover{ box-shadow: 0px 0px 5px transparentize($selected_bg_color, 0.02); - color: rgb(255, 255, 255); + } + &:backdrop{ + 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); + } } @else if $t==backdrop-header { // // backdrop button headerbar look @@ -345,7 +353,7 @@ $_bg: if($c!=$base_color, transparentize($c, 0.5), $base_color); color: $osd_fg_color; border-color: $osd_borders_color; - border: 2px solid $osd_borders_color; + //border: 1px solid $osd_borders_color; background-color: $_bg; background-clip: padding-box; box-shadow: inset 0 1px transparentize(white, 0.9); @@ -358,9 +366,9 @@ // $_bg: if($c!=$base_color, transparentize($c, 0.3), lighten($osd_bg_color, 12%)); color: white; - //border-color: $osd_borders_color; - border: 2px solid transparentize($theme_color, 0.6); - background-image: linear-gradient(to bottom, $_bg, $_bg); + border-color: transparentize($theme_color, 0.6); // $osd_borders_color; + //order: 1px solid transparentize($theme_color, 0.6); + background-image: linear-gradient(to right, transparentize($theme-gradient-start, 0.5), transparentize($theme-gradient-end, 0.5)); // linear-gradient(to bottom, $_bg, $_bg); background-clip: padding-box; box-shadow: inset 0 1px transparentize(white, 0.9); text-shadow: 0 1px black; diff --git a/gtk-4.0/gtk-dark.css b/gtk-4.0/gtk-dark.css index cff8162..7700fa8 100755 --- a/gtk-4.0/gtk-dark.css +++ b/gtk-4.0/gtk-dark.css @@ -511,7 +511,6 @@ button.osd { outline-color: rgba(254, 254, 254, 0.3); color: #fefefe; border-color: rgba(255, 255, 255, 0.1); - border: 2px solid rgba(255, 255, 255, 0.1); background-color: #111524; background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); @@ -526,8 +525,8 @@ button.osd { button.osd:hover { color: white; - border: 2px solid rgba(255, 106, 0, 0.4); - background-image: linear-gradient(to bottom, rgba(26, 31, 53, 0.8), rgba(26, 31, 53, 0.8)); + border-color: rgba(255, 106, 0, 0.4); + background-image: linear-gradient(to right, rgba(255, 51, 0, 0.5), rgba(255, 161, 0, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -576,7 +575,6 @@ button.osd { button { color: #fefefe; border-color: rgba(255, 255, 255, 0.1); - border: 2px solid rgba(255, 255, 255, 0.1); background-color: #111524; background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); @@ -587,8 +585,8 @@ button { .osd button:hover { color: white; - border: 2px solid rgba(255, 106, 0, 0.4); - background-image: linear-gradient(to bottom, rgba(26, 31, 53, 0.8), rgba(26, 31, 53, 0.8)); + border-color: rgba(255, 106, 0, 0.4); + background-image: linear-gradient(to right, rgba(255, 51, 0, 0.5), rgba(255, 161, 0, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -649,8 +647,8 @@ button { .osd button.flat:hover { color: white; - border: 2px solid rgba(255, 106, 0, 0.4); - background-image: linear-gradient(to bottom, rgba(26, 31, 53, 0.8), rgba(26, 31, 53, 0.8)); + border-color: rgba(255, 106, 0, 0.4); + background-image: linear-gradient(to right, rgba(255, 51, 0, 0.5), rgba(255, 161, 0, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -796,7 +794,6 @@ button.suggested-action { button.suggested-action { color: #fefefe; border-color: rgba(255, 255, 255, 0.1); - border: 2px solid rgba(255, 255, 255, 0.1); background-color: rgba(204, 85, 0, 0.5); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); @@ -806,8 +803,8 @@ button.suggested-action { .osd button.suggested-action:hover { color: white; - border: 2px solid rgba(255, 106, 0, 0.4); - background-image: linear-gradient(to bottom, rgba(204, 85, 0, 0.7), rgba(204, 85, 0, 0.7)); + border-color: rgba(255, 106, 0, 0.4); + background-image: linear-gradient(to right, rgba(255, 51, 0, 0.5), rgba(255, 161, 0, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -950,7 +947,6 @@ button.destructive-action { button.destructive-action { color: #fefefe; border-color: rgba(255, 255, 255, 0.1); - border: 2px solid rgba(255, 255, 255, 0.1); background-color: rgba(204, 0, 0, 0.5); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); @@ -960,8 +956,8 @@ button.destructive-action { .osd button.destructive-action:hover { color: white; - border: 2px solid rgba(255, 106, 0, 0.4); - background-image: linear-gradient(to bottom, rgba(204, 0, 0, 0.7), rgba(204, 0, 0, 0.7)); + border-color: rgba(255, 106, 0, 0.4); + background-image: linear-gradient(to right, rgba(255, 51, 0, 0.5), rgba(255, 161, 0, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -1233,7 +1229,7 @@ notebook button, list button, .view button, iconview button, popover button { notebook .linked > button, list .linked > button, .view .linked > button, iconview .linked > button, popover .linked > button { box-shadow: none; } -/************ +/*********** * Calendar * ***********/ calendar { @@ -1244,11 +1240,15 @@ calendar { calendar:disabled { color: #676a75; } calendar:selected { + color: white; border-radius: 1em; background: linear-gradient(to right, #ff3300, #ffa100); - box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); - color: white; font-weight: bold; } + calendar:selected:hover { + box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); } + calendar:selected:backdrop { + color: rgba(191, 195, 205, 0.4); + background: rgba(255, 106, 0, 0.6); } calendar:selected:backdrop { border-radius: 1em; color: rgba(191, 195, 205, 0.4); @@ -1859,10 +1859,14 @@ dialog #pathbarbox { color: inherit; background: transparent; } dialog #pathbarbox .linked.path-bar button:selected, dialog #pathbarbox .linked.path-bar button:active, dialog #pathbarbox .linked.path-bar button:checked { + color: white; border-radius: 1em; - background: linear-gradient(to right, #ff3300, #ffa100); - box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); - color: white; } + background: linear-gradient(to right, #ff3300, #ffa100); } + dialog #pathbarbox .linked.path-bar button:selected:hover, dialog #pathbarbox .linked.path-bar button:active:hover, dialog #pathbarbox .linked.path-bar button:checked:hover { + box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); } + dialog #pathbarbox .linked.path-bar button:selected:backdrop, dialog #pathbarbox .linked.path-bar button:active:backdrop, dialog #pathbarbox .linked.path-bar button:checked:backdrop { + color: rgba(191, 195, 205, 0.4); + background: rgba(255, 106, 0, 0.6); } dialog #pathbarbox .linked.path-bar button:selected:backdrop, dialog #pathbarbox .linked.path-bar button:active:backdrop, dialog #pathbarbox .linked.path-bar button:checked:backdrop { border-radius: 1em; color: rgba(191, 195, 205, 0.4); @@ -1995,7 +1999,7 @@ entry { entry { color: #fefefe; border-color: rgba(255, 255, 255, 0.1); - background-color: rgba(255, 255, 255, 0.5); + background-color: rgba(6, 7, 12, 0.5); box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } @@ -2003,7 +2007,7 @@ entry { entry:focus-within { color: #fefefe; border-color: #ff6a00; - background-color: rgba(255, 255, 255, 0.5); + background-color: rgba(6, 7, 12, 0.5); background-clip: padding-box; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } @@ -2011,7 +2015,7 @@ entry { entry:backdrop { color: #fefefe; border-color: rgba(255, 255, 255, 0.1); - background-color: rgba(255, 255, 255, 0.5); + background-color: rgba(6, 7, 12, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -3633,7 +3637,6 @@ scale { .osd scale slider { color: #fefefe; border-color: rgba(255, 255, 255, 0.1); - border: 2px solid rgba(255, 255, 255, 0.1); background-color: #111524; background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); @@ -3644,8 +3647,8 @@ scale { background-color: #06070c; } .osd scale slider:hover { color: white; - border: 2px solid rgba(255, 106, 0, 0.4); - background-image: linear-gradient(to bottom, rgba(26, 31, 53, 0.8), rgba(26, 31, 53, 0.8)); + border-color: rgba(255, 106, 0, 0.4); + background-image: linear-gradient(to right, rgba(255, 51, 0, 0.5), rgba(255, 161, 0, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -4433,7 +4436,6 @@ spinbutton.vertical button.down { .osd spinbutton.vertical button:first-child { color: #fefefe; border-color: rgba(255, 255, 255, 0.1); - border: 2px solid rgba(255, 255, 255, 0.1); background-color: #111524; background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); @@ -4442,8 +4444,8 @@ spinbutton.vertical button.down { outline-color: rgba(254, 254, 254, 0.3); } .osd spinbutton.vertical button:first-child:hover { color: white; - border: 2px solid rgba(255, 106, 0, 0.4); - background-image: linear-gradient(to bottom, rgba(26, 31, 53, 0.8), rgba(26, 31, 53, 0.8)); + border-color: rgba(255, 106, 0, 0.4); + background-image: linear-gradient(to right, rgba(255, 51, 0, 0.5), rgba(255, 161, 0, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -5434,10 +5436,14 @@ button.raven-trigger { min-height: 20px; padding: 3px; } .raven .raven-header button.text-button.radio:active, .raven .raven-header button.text-button.radio:checked { + color: white; border-radius: 1em; - background: linear-gradient(to right, #ff3300, #ffa100); - box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); - color: white; } + background: linear-gradient(to right, #ff3300, #ffa100); } + .raven .raven-header button.text-button.radio:active:hover, .raven .raven-header button.text-button.radio:checked:hover { + box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); } + .raven .raven-header button.text-button.radio:active:backdrop, .raven .raven-header button.text-button.radio:checked:backdrop { + color: rgba(191, 195, 205, 0.4); + background: rgba(255, 106, 0, 0.6); } .raven list { color: #BFC3CD; background-color: transparent; } @@ -5823,10 +5829,20 @@ 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 { + color: white; border-radius: 1em; - background: linear-gradient(to right, #ff3300, #ffa100); - box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); - color: white; } + background: linear-gradient(to right, #ff3300, #ffa100); } + .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:hover, + .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:active:hover, + .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:checked:hover, + .nautilus-window .titlebar .path-bar-box button:active:hover, .nautilus-window .titlebar .path-bar-box button:checked:hover { + box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); } + .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:backdrop, + .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:active:backdrop, + .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:checked:backdrop, + .nautilus-window .titlebar .path-bar-box button:active:backdrop, .nautilus-window .titlebar .path-bar-box button:checked:backdrop { + color: rgba(191, 195, 205, 0.4); + background: rgba(255, 106, 0, 0.6); } .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:backdrop, .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:active:backdrop, .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:checked:backdrop, @@ -6018,7 +6034,7 @@ wnck-pager { #whiskermenu-window entry { color: #fefefe; border-color: rgba(255, 255, 255, 0.1); - background-color: rgba(255, 255, 255, 0.5); + background-color: rgba(6, 7, 12, 0.5); box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; @@ -6046,11 +6062,15 @@ wnck-pager { box-shadow: none; -gtk-icon-effect: highlight; } #whiskermenu-window button:checked { + color: white; border-radius: 1em; background: linear-gradient(to right, #ff3300, #ffa100); - box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); - color: white; box-shadow: none; } + #whiskermenu-window button:checked:hover { + box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); } + #whiskermenu-window button:checked:backdrop { + color: rgba(191, 195, 205, 0.4); + background: rgba(255, 106, 0, 0.6); } #whiskermenu-window button:checked:hover { color: white; -gtk-icon-effect: highlight; } @@ -6108,10 +6128,14 @@ wnck-pager { color: inherit; background: transparent; } .thunar toolbar button:selected, .thunar toolbar button:active, .thunar toolbar button:checked { + color: white; border-radius: 1em; - background: linear-gradient(to right, #ff3300, #ffa100); - box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); - color: white; } + background: linear-gradient(to right, #ff3300, #ffa100); } + .thunar toolbar button:selected:hover, .thunar toolbar button:active:hover, .thunar toolbar button:checked:hover { + box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); } + .thunar toolbar button:selected:backdrop, .thunar toolbar button:active:backdrop, .thunar toolbar button:checked:backdrop { + color: rgba(191, 195, 205, 0.4); + background: rgba(255, 106, 0, 0.6); } .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); @@ -6133,10 +6157,14 @@ 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 { + color: white; border-radius: 1em; - background: linear-gradient(to right, #ff3300, #ffa100); - box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); - color: white; } + background: linear-gradient(to right, #ff3300, #ffa100); } + window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:checked:hover { + box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); } + window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:checked:backdrop { + color: rgba(191, 195, 205, 0.4); + background: rgba(255, 106, 0, 0.6); } window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar > button.path-bar-button { background: none; @@ -6156,12 +6184,16 @@ 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 { + color: white; border-radius: 1em; background: linear-gradient(to right, #ff3300, #ffa100); - box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); - color: white; border-radius: 0; box-shadow: none; } + window.thunar paned > scrolledwindow treeview.view:selected:hover, window.thunar paned > scrolledwindow treeview.view:active:hover, window.thunar paned > scrolledwindow treeview.view:checked:hover { + box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); } + window.thunar paned > scrolledwindow treeview.view:selected:backdrop, window.thunar paned > scrolledwindow treeview.view:active:backdrop, window.thunar paned > scrolledwindow treeview.view:checked:backdrop { + color: rgba(191, 195, 205, 0.4); + background: rgba(255, 106, 0, 0.6); } window.thunar paned > scrolledwindow treeview.view:backdrop { color: #676a75; background: #0b0d16; } @@ -6201,7 +6233,6 @@ window.thunar statusbar { .xfsm-logout-dialog button { color: #fefefe; border-color: rgba(255, 255, 255, 0.1); - border: 2px solid rgba(255, 255, 255, 0.1); background-color: #111524; background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); @@ -6212,8 +6243,8 @@ window.thunar statusbar { margin: 0.5em; } .xfsm-logout-dialog button:hover { color: white; - border: 2px solid rgba(255, 106, 0, 0.4); - background-image: linear-gradient(to bottom, rgba(26, 31, 53, 0.8), rgba(26, 31, 53, 0.8)); + border-color: rgba(255, 106, 0, 0.4); + background-image: linear-gradient(to right, rgba(255, 51, 0, 0.5), rgba(255, 161, 0, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -6723,7 +6754,6 @@ ConversationListView { #content_frame button { color: #fefefe; border-color: rgba(255, 255, 255, 0.1); - border: 2px solid rgba(255, 255, 255, 0.1); background-color: #111524; background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); @@ -6732,8 +6762,8 @@ ConversationListView { outline-color: rgba(254, 254, 254, 0.3); } #content_frame button:hover { color: white; - border: 2px solid rgba(255, 106, 0, 0.4); - background-image: linear-gradient(to bottom, rgba(255, 106, 0, 0.7), rgba(255, 106, 0, 0.7)); + border-color: rgba(255, 106, 0, 0.4); + background-image: linear-gradient(to right, rgba(255, 51, 0, 0.5), rgba(255, 161, 0, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -6770,7 +6800,6 @@ ConversationListView { #buttonbox_frame button { color: #fefefe; border-color: rgba(255, 255, 255, 0.1); - border: 2px solid rgba(255, 255, 255, 0.1); background-color: #111524; background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); @@ -6779,8 +6808,8 @@ ConversationListView { outline-color: rgba(254, 254, 254, 0.3); } #buttonbox_frame button:hover { color: white; - border: 2px solid rgba(255, 106, 0, 0.4); - background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05)); + border-color: rgba(255, 106, 0, 0.4); + background-image: linear-gradient(to right, rgba(255, 51, 0, 0.5), rgba(255, 161, 0, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -6859,10 +6888,14 @@ 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 { + color: white; border-radius: 1em; - background: linear-gradient(to right, #ff3300, #ffa100); - box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); - color: white; } + background: linear-gradient(to right, #ff3300, #ffa100); } + .nemo-window .sidebar button:selected:hover, .nemo-window .sidebar button:active:hover, .nemo-window .sidebar button:checked:hover, .nemo-window statusbar button:selected:hover, .nemo-window statusbar button:active:hover, .nemo-window statusbar button:checked:hover, .nemo-window box.toolbar button:selected:hover, .nemo-window box.toolbar button:active:hover, .nemo-window box.toolbar button:checked:hover, .nemo-window toolbar.primary-toolbar button:selected:hover, .nemo-window toolbar.primary-toolbar button:active:hover, .nemo-window toolbar.primary-toolbar button:checked:hover { + box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); } + .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 { + color: rgba(191, 195, 205, 0.4); + background: rgba(255, 106, 0, 0.6); } .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: 1em; color: rgba(191, 195, 205, 0.4); @@ -6980,10 +7013,14 @@ ConversationListView { .caja-pathbar button:hover { color: #ff6a00; } .caja-pathbar button:checked { + color: white; border-radius: 1em; - background: linear-gradient(to right, #ff3300, #ffa100); - box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); - color: white; } + background: linear-gradient(to right, #ff3300, #ffa100); } + .caja-pathbar button:checked:hover { + box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); } + .caja-pathbar button:checked:backdrop { + color: rgba(191, 195, 205, 0.4); + background: rgba(255, 106, 0, 0.6); } .caja-pathbar button:backdrop:disabled { color: rgba(191, 195, 205, 0.2); background-color: transparent; diff --git a/gtk-4.0/gtk.css b/gtk-4.0/gtk.css index cff8162..7700fa8 100755 --- a/gtk-4.0/gtk.css +++ b/gtk-4.0/gtk.css @@ -511,7 +511,6 @@ button.osd { outline-color: rgba(254, 254, 254, 0.3); color: #fefefe; border-color: rgba(255, 255, 255, 0.1); - border: 2px solid rgba(255, 255, 255, 0.1); background-color: #111524; background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); @@ -526,8 +525,8 @@ button.osd { button.osd:hover { color: white; - border: 2px solid rgba(255, 106, 0, 0.4); - background-image: linear-gradient(to bottom, rgba(26, 31, 53, 0.8), rgba(26, 31, 53, 0.8)); + border-color: rgba(255, 106, 0, 0.4); + background-image: linear-gradient(to right, rgba(255, 51, 0, 0.5), rgba(255, 161, 0, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -576,7 +575,6 @@ button.osd { button { color: #fefefe; border-color: rgba(255, 255, 255, 0.1); - border: 2px solid rgba(255, 255, 255, 0.1); background-color: #111524; background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); @@ -587,8 +585,8 @@ button { .osd button:hover { color: white; - border: 2px solid rgba(255, 106, 0, 0.4); - background-image: linear-gradient(to bottom, rgba(26, 31, 53, 0.8), rgba(26, 31, 53, 0.8)); + border-color: rgba(255, 106, 0, 0.4); + background-image: linear-gradient(to right, rgba(255, 51, 0, 0.5), rgba(255, 161, 0, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -649,8 +647,8 @@ button { .osd button.flat:hover { color: white; - border: 2px solid rgba(255, 106, 0, 0.4); - background-image: linear-gradient(to bottom, rgba(26, 31, 53, 0.8), rgba(26, 31, 53, 0.8)); + border-color: rgba(255, 106, 0, 0.4); + background-image: linear-gradient(to right, rgba(255, 51, 0, 0.5), rgba(255, 161, 0, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -796,7 +794,6 @@ button.suggested-action { button.suggested-action { color: #fefefe; border-color: rgba(255, 255, 255, 0.1); - border: 2px solid rgba(255, 255, 255, 0.1); background-color: rgba(204, 85, 0, 0.5); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); @@ -806,8 +803,8 @@ button.suggested-action { .osd button.suggested-action:hover { color: white; - border: 2px solid rgba(255, 106, 0, 0.4); - background-image: linear-gradient(to bottom, rgba(204, 85, 0, 0.7), rgba(204, 85, 0, 0.7)); + border-color: rgba(255, 106, 0, 0.4); + background-image: linear-gradient(to right, rgba(255, 51, 0, 0.5), rgba(255, 161, 0, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -950,7 +947,6 @@ button.destructive-action { button.destructive-action { color: #fefefe; border-color: rgba(255, 255, 255, 0.1); - border: 2px solid rgba(255, 255, 255, 0.1); background-color: rgba(204, 0, 0, 0.5); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); @@ -960,8 +956,8 @@ button.destructive-action { .osd button.destructive-action:hover { color: white; - border: 2px solid rgba(255, 106, 0, 0.4); - background-image: linear-gradient(to bottom, rgba(204, 0, 0, 0.7), rgba(204, 0, 0, 0.7)); + border-color: rgba(255, 106, 0, 0.4); + background-image: linear-gradient(to right, rgba(255, 51, 0, 0.5), rgba(255, 161, 0, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -1233,7 +1229,7 @@ notebook button, list button, .view button, iconview button, popover button { notebook .linked > button, list .linked > button, .view .linked > button, iconview .linked > button, popover .linked > button { box-shadow: none; } -/************ +/*********** * Calendar * ***********/ calendar { @@ -1244,11 +1240,15 @@ calendar { calendar:disabled { color: #676a75; } calendar:selected { + color: white; border-radius: 1em; background: linear-gradient(to right, #ff3300, #ffa100); - box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); - color: white; font-weight: bold; } + calendar:selected:hover { + box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); } + calendar:selected:backdrop { + color: rgba(191, 195, 205, 0.4); + background: rgba(255, 106, 0, 0.6); } calendar:selected:backdrop { border-radius: 1em; color: rgba(191, 195, 205, 0.4); @@ -1859,10 +1859,14 @@ dialog #pathbarbox { color: inherit; background: transparent; } dialog #pathbarbox .linked.path-bar button:selected, dialog #pathbarbox .linked.path-bar button:active, dialog #pathbarbox .linked.path-bar button:checked { + color: white; border-radius: 1em; - background: linear-gradient(to right, #ff3300, #ffa100); - box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); - color: white; } + background: linear-gradient(to right, #ff3300, #ffa100); } + dialog #pathbarbox .linked.path-bar button:selected:hover, dialog #pathbarbox .linked.path-bar button:active:hover, dialog #pathbarbox .linked.path-bar button:checked:hover { + box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); } + dialog #pathbarbox .linked.path-bar button:selected:backdrop, dialog #pathbarbox .linked.path-bar button:active:backdrop, dialog #pathbarbox .linked.path-bar button:checked:backdrop { + color: rgba(191, 195, 205, 0.4); + background: rgba(255, 106, 0, 0.6); } dialog #pathbarbox .linked.path-bar button:selected:backdrop, dialog #pathbarbox .linked.path-bar button:active:backdrop, dialog #pathbarbox .linked.path-bar button:checked:backdrop { border-radius: 1em; color: rgba(191, 195, 205, 0.4); @@ -1995,7 +1999,7 @@ entry { entry { color: #fefefe; border-color: rgba(255, 255, 255, 0.1); - background-color: rgba(255, 255, 255, 0.5); + background-color: rgba(6, 7, 12, 0.5); box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } @@ -2003,7 +2007,7 @@ entry { entry:focus-within { color: #fefefe; border-color: #ff6a00; - background-color: rgba(255, 255, 255, 0.5); + background-color: rgba(6, 7, 12, 0.5); background-clip: padding-box; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } @@ -2011,7 +2015,7 @@ entry { entry:backdrop { color: #fefefe; border-color: rgba(255, 255, 255, 0.1); - background-color: rgba(255, 255, 255, 0.5); + background-color: rgba(6, 7, 12, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -3633,7 +3637,6 @@ scale { .osd scale slider { color: #fefefe; border-color: rgba(255, 255, 255, 0.1); - border: 2px solid rgba(255, 255, 255, 0.1); background-color: #111524; background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); @@ -3644,8 +3647,8 @@ scale { background-color: #06070c; } .osd scale slider:hover { color: white; - border: 2px solid rgba(255, 106, 0, 0.4); - background-image: linear-gradient(to bottom, rgba(26, 31, 53, 0.8), rgba(26, 31, 53, 0.8)); + border-color: rgba(255, 106, 0, 0.4); + background-image: linear-gradient(to right, rgba(255, 51, 0, 0.5), rgba(255, 161, 0, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -4433,7 +4436,6 @@ spinbutton.vertical button.down { .osd spinbutton.vertical button:first-child { color: #fefefe; border-color: rgba(255, 255, 255, 0.1); - border: 2px solid rgba(255, 255, 255, 0.1); background-color: #111524; background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); @@ -4442,8 +4444,8 @@ spinbutton.vertical button.down { outline-color: rgba(254, 254, 254, 0.3); } .osd spinbutton.vertical button:first-child:hover { color: white; - border: 2px solid rgba(255, 106, 0, 0.4); - background-image: linear-gradient(to bottom, rgba(26, 31, 53, 0.8), rgba(26, 31, 53, 0.8)); + border-color: rgba(255, 106, 0, 0.4); + background-image: linear-gradient(to right, rgba(255, 51, 0, 0.5), rgba(255, 161, 0, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -5434,10 +5436,14 @@ button.raven-trigger { min-height: 20px; padding: 3px; } .raven .raven-header button.text-button.radio:active, .raven .raven-header button.text-button.radio:checked { + color: white; border-radius: 1em; - background: linear-gradient(to right, #ff3300, #ffa100); - box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); - color: white; } + background: linear-gradient(to right, #ff3300, #ffa100); } + .raven .raven-header button.text-button.radio:active:hover, .raven .raven-header button.text-button.radio:checked:hover { + box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); } + .raven .raven-header button.text-button.radio:active:backdrop, .raven .raven-header button.text-button.radio:checked:backdrop { + color: rgba(191, 195, 205, 0.4); + background: rgba(255, 106, 0, 0.6); } .raven list { color: #BFC3CD; background-color: transparent; } @@ -5823,10 +5829,20 @@ 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 { + color: white; border-radius: 1em; - background: linear-gradient(to right, #ff3300, #ffa100); - box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); - color: white; } + background: linear-gradient(to right, #ff3300, #ffa100); } + .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:hover, + .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:active:hover, + .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:checked:hover, + .nautilus-window .titlebar .path-bar-box button:active:hover, .nautilus-window .titlebar .path-bar-box button:checked:hover { + box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); } + .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:backdrop, + .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:active:backdrop, + .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:checked:backdrop, + .nautilus-window .titlebar .path-bar-box button:active:backdrop, .nautilus-window .titlebar .path-bar-box button:checked:backdrop { + color: rgba(191, 195, 205, 0.4); + background: rgba(255, 106, 0, 0.6); } .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:backdrop, .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:active:backdrop, .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:checked:backdrop, @@ -6018,7 +6034,7 @@ wnck-pager { #whiskermenu-window entry { color: #fefefe; border-color: rgba(255, 255, 255, 0.1); - background-color: rgba(255, 255, 255, 0.5); + background-color: rgba(6, 7, 12, 0.5); box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; @@ -6046,11 +6062,15 @@ wnck-pager { box-shadow: none; -gtk-icon-effect: highlight; } #whiskermenu-window button:checked { + color: white; border-radius: 1em; background: linear-gradient(to right, #ff3300, #ffa100); - box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); - color: white; box-shadow: none; } + #whiskermenu-window button:checked:hover { + box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); } + #whiskermenu-window button:checked:backdrop { + color: rgba(191, 195, 205, 0.4); + background: rgba(255, 106, 0, 0.6); } #whiskermenu-window button:checked:hover { color: white; -gtk-icon-effect: highlight; } @@ -6108,10 +6128,14 @@ wnck-pager { color: inherit; background: transparent; } .thunar toolbar button:selected, .thunar toolbar button:active, .thunar toolbar button:checked { + color: white; border-radius: 1em; - background: linear-gradient(to right, #ff3300, #ffa100); - box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); - color: white; } + background: linear-gradient(to right, #ff3300, #ffa100); } + .thunar toolbar button:selected:hover, .thunar toolbar button:active:hover, .thunar toolbar button:checked:hover { + box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); } + .thunar toolbar button:selected:backdrop, .thunar toolbar button:active:backdrop, .thunar toolbar button:checked:backdrop { + color: rgba(191, 195, 205, 0.4); + background: rgba(255, 106, 0, 0.6); } .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); @@ -6133,10 +6157,14 @@ 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 { + color: white; border-radius: 1em; - background: linear-gradient(to right, #ff3300, #ffa100); - box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); - color: white; } + background: linear-gradient(to right, #ff3300, #ffa100); } + window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:checked:hover { + box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); } + window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:checked:backdrop { + color: rgba(191, 195, 205, 0.4); + background: rgba(255, 106, 0, 0.6); } window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar > button.path-bar-button { background: none; @@ -6156,12 +6184,16 @@ 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 { + color: white; border-radius: 1em; background: linear-gradient(to right, #ff3300, #ffa100); - box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); - color: white; border-radius: 0; box-shadow: none; } + window.thunar paned > scrolledwindow treeview.view:selected:hover, window.thunar paned > scrolledwindow treeview.view:active:hover, window.thunar paned > scrolledwindow treeview.view:checked:hover { + box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); } + window.thunar paned > scrolledwindow treeview.view:selected:backdrop, window.thunar paned > scrolledwindow treeview.view:active:backdrop, window.thunar paned > scrolledwindow treeview.view:checked:backdrop { + color: rgba(191, 195, 205, 0.4); + background: rgba(255, 106, 0, 0.6); } window.thunar paned > scrolledwindow treeview.view:backdrop { color: #676a75; background: #0b0d16; } @@ -6201,7 +6233,6 @@ window.thunar statusbar { .xfsm-logout-dialog button { color: #fefefe; border-color: rgba(255, 255, 255, 0.1); - border: 2px solid rgba(255, 255, 255, 0.1); background-color: #111524; background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); @@ -6212,8 +6243,8 @@ window.thunar statusbar { margin: 0.5em; } .xfsm-logout-dialog button:hover { color: white; - border: 2px solid rgba(255, 106, 0, 0.4); - background-image: linear-gradient(to bottom, rgba(26, 31, 53, 0.8), rgba(26, 31, 53, 0.8)); + border-color: rgba(255, 106, 0, 0.4); + background-image: linear-gradient(to right, rgba(255, 51, 0, 0.5), rgba(255, 161, 0, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -6723,7 +6754,6 @@ ConversationListView { #content_frame button { color: #fefefe; border-color: rgba(255, 255, 255, 0.1); - border: 2px solid rgba(255, 255, 255, 0.1); background-color: #111524; background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); @@ -6732,8 +6762,8 @@ ConversationListView { outline-color: rgba(254, 254, 254, 0.3); } #content_frame button:hover { color: white; - border: 2px solid rgba(255, 106, 0, 0.4); - background-image: linear-gradient(to bottom, rgba(255, 106, 0, 0.7), rgba(255, 106, 0, 0.7)); + border-color: rgba(255, 106, 0, 0.4); + background-image: linear-gradient(to right, rgba(255, 51, 0, 0.5), rgba(255, 161, 0, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -6770,7 +6800,6 @@ ConversationListView { #buttonbox_frame button { color: #fefefe; border-color: rgba(255, 255, 255, 0.1); - border: 2px solid rgba(255, 255, 255, 0.1); background-color: #111524; background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); @@ -6779,8 +6808,8 @@ ConversationListView { outline-color: rgba(254, 254, 254, 0.3); } #buttonbox_frame button:hover { color: white; - border: 2px solid rgba(255, 106, 0, 0.4); - background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05)); + border-color: rgba(255, 106, 0, 0.4); + background-image: linear-gradient(to right, rgba(255, 51, 0, 0.5), rgba(255, 161, 0, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -6859,10 +6888,14 @@ 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 { + color: white; border-radius: 1em; - background: linear-gradient(to right, #ff3300, #ffa100); - box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); - color: white; } + background: linear-gradient(to right, #ff3300, #ffa100); } + .nemo-window .sidebar button:selected:hover, .nemo-window .sidebar button:active:hover, .nemo-window .sidebar button:checked:hover, .nemo-window statusbar button:selected:hover, .nemo-window statusbar button:active:hover, .nemo-window statusbar button:checked:hover, .nemo-window box.toolbar button:selected:hover, .nemo-window box.toolbar button:active:hover, .nemo-window box.toolbar button:checked:hover, .nemo-window toolbar.primary-toolbar button:selected:hover, .nemo-window toolbar.primary-toolbar button:active:hover, .nemo-window toolbar.primary-toolbar button:checked:hover { + box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); } + .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 { + color: rgba(191, 195, 205, 0.4); + background: rgba(255, 106, 0, 0.6); } .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: 1em; color: rgba(191, 195, 205, 0.4); @@ -6980,10 +7013,14 @@ ConversationListView { .caja-pathbar button:hover { color: #ff6a00; } .caja-pathbar button:checked { + color: white; border-radius: 1em; - background: linear-gradient(to right, #ff3300, #ffa100); - box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); - color: white; } + background: linear-gradient(to right, #ff3300, #ffa100); } + .caja-pathbar button:checked:hover { + box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); } + .caja-pathbar button:checked:backdrop { + color: rgba(191, 195, 205, 0.4); + background: rgba(255, 106, 0, 0.6); } .caja-pathbar button:backdrop:disabled { color: rgba(191, 195, 205, 0.2); background-color: transparent; diff --git a/gtk-4.0/widgets/_calendar.scss b/gtk-4.0/widgets/_calendar.scss index 6ce5e9f..1727daa 100755 --- a/gtk-4.0/widgets/_calendar.scss +++ b/gtk-4.0/widgets/_calendar.scss @@ -1,4 +1,4 @@ -/************ +/*********** * Calendar * ***********/ calendar {