gtk3: Tweak osd style
It is intended to control osd's opacity with 'background-color' instead of 'opacity'.
by roundabout, Thursday, 22 June 2017, 09:59:22 (1498125562), pushed by roundabout, Sunday, 11 May 2025, 13:22:12 (1746969732)
Author identity: nana-4 <hnmaigo@gmail.com>
6f1caa4b47b5021b819e206b46f584909d7d05fa
src/gtk-3.0/3.20/gtk-compact.css
@@ -164,8 +164,8 @@ assistant .sidebar label.highlight {
color: rgba(0, 0, 0, 0.87);
}
popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .app-notification, .osd .scale-popup, .nautilus-window .floating-bar, .osd {
opacity: 0.9;
popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .osd .scale-popup, .osd {
background-color: rgba(250, 250, 250, 0.9);
}
/*********************
@@ -1153,7 +1153,7 @@ toolbar.osd, .app-notification, frame.documents-dropdown {
padding: 6px;
border-radius: 2px;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4);
background-color: #FFFFFF;
background-color: rgba(255, 255, 255, 0.9);
}
toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop {
@@ -2908,6 +2908,10 @@ progressbar progress {
background-color: #42A5F5;
}
progressbar trough.empty progress {
all: unset;
}
@@ -3622,7 +3626,7 @@ colorchooser .popover.osd {
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
border-radius: 2px;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4);
background-color: #FFFFFF;
background-color: rgba(255, 255, 255, 0.9);
}
colorchooser .popover.osd:backdrop {
@@ -3806,7 +3810,7 @@ stackswitcher button.text-button.circular {
border-width: 1px;
border-color: rgba(0, 0, 0, 0.1);
border-radius: 3px 3px 0 0;
background-color: #FFFFFF;
background-color: rgba(255, 255, 255, 0.9);
background-clip: padding-box;
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), border-width 0;
}
src/gtk-3.0/3.20/gtk-dark-compact.css
@@ -164,8 +164,8 @@ assistant .sidebar label.highlight {
color: #FFFFFF;
}
popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .app-notification, .osd .scale-popup, .nautilus-window .floating-bar, .osd {
opacity: 0.9;
popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .osd .scale-popup, .osd {
background-color: rgba(89, 110, 121, 0.9);
}
/*********************
@@ -1153,7 +1153,7 @@ toolbar.osd, .app-notification, frame.documents-dropdown {
padding: 6px;
border-radius: 2px;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1);
background-color: #50636c;
background-color: rgba(80, 99, 108, 0.9);
}
toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop {
@@ -2908,6 +2908,10 @@ progressbar progress {
background-color: #42A5F5;
}
progressbar trough.empty progress {
all: unset;
}
@@ -3622,7 +3626,7 @@ colorchooser .popover.osd {
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
border-radius: 2px;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1);
background-color: #50636c;
background-color: rgba(80, 99, 108, 0.9);
}
colorchooser .popover.osd:backdrop {
@@ -3806,7 +3810,7 @@ stackswitcher button.text-button.circular {
border-width: 1px;
border-color: rgba(0, 0, 0, 0.2);
border-radius: 3px 3px 0 0;
background-color: #50636c;
background-color: rgba(80, 99, 108, 0.9);
background-clip: border-box;
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), border-width 0;
}
src/gtk-3.0/3.20/gtk-dark.css
@@ -164,8 +164,8 @@ assistant .sidebar label.highlight {
color: #FFFFFF;
}
popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .app-notification, .osd .scale-popup, .nautilus-window .floating-bar, .osd {
opacity: 0.9;
popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .osd .scale-popup, .osd {
background-color: rgba(89, 110, 121, 0.9);
}
/*********************
@@ -1153,7 +1153,7 @@ toolbar.osd, .app-notification, frame.documents-dropdown {
padding: 6px;
border-radius: 2px;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1);
background-color: #50636c;
background-color: rgba(80, 99, 108, 0.9);
}
toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop {
@@ -2908,6 +2908,10 @@ progressbar progress {
background-color: #42A5F5;
}
progressbar trough.empty progress {
all: unset;
}
@@ -3622,7 +3626,7 @@ colorchooser .popover.osd {
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
border-radius: 2px;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1);
background-color: #50636c;
background-color: rgba(80, 99, 108, 0.9);
}
colorchooser .popover.osd:backdrop {
@@ -3806,7 +3810,7 @@ stackswitcher button.text-button.circular {
border-width: 1px;
border-color: rgba(0, 0, 0, 0.2);
border-radius: 3px 3px 0 0;
background-color: #50636c;
background-color: rgba(80, 99, 108, 0.9);
background-clip: border-box;
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), border-width 0;
}
src/gtk-3.0/3.20/gtk-light-compact.css
@@ -164,8 +164,8 @@ assistant .sidebar label.highlight {
color: rgba(0, 0, 0, 0.87);
}
popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .app-notification, .osd .scale-popup, .nautilus-window .floating-bar, .osd {
opacity: 0.9;
popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .osd .scale-popup, .osd {
background-color: rgba(250, 250, 250, 0.9);
}
/*********************
@@ -1153,7 +1153,7 @@ toolbar.osd, .app-notification, frame.documents-dropdown {
padding: 6px;
border-radius: 2px;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4);
background-color: #FFFFFF;
background-color: rgba(255, 255, 255, 0.9);
}
toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop {
@@ -2908,6 +2908,10 @@ progressbar progress {
background-color: #42A5F5;
}
progressbar trough.empty progress {
all: unset;
}
@@ -3622,7 +3626,7 @@ colorchooser .popover.osd {
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
border-radius: 2px;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4);
background-color: #FFFFFF;
background-color: rgba(255, 255, 255, 0.9);
}
colorchooser .popover.osd:backdrop {
@@ -3806,7 +3810,7 @@ stackswitcher button.text-button.circular {
border-width: 1px;
border-color: rgba(0, 0, 0, 0.1);
border-radius: 3px 3px 0 0;
background-color: #FFFFFF;
background-color: rgba(255, 255, 255, 0.9);
background-clip: padding-box;
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), border-width 0;
}
src/gtk-3.0/3.20/gtk-light.css
@@ -164,8 +164,8 @@ assistant .sidebar label.highlight {
color: rgba(0, 0, 0, 0.87);
}
popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .app-notification, .osd .scale-popup, .nautilus-window .floating-bar, .osd {
opacity: 0.9;
popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .osd .scale-popup, .osd {
background-color: rgba(250, 250, 250, 0.9);
}
/*********************
@@ -1153,7 +1153,7 @@ toolbar.osd, .app-notification, frame.documents-dropdown {
padding: 6px;
border-radius: 2px;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4);
background-color: #FFFFFF;
background-color: rgba(255, 255, 255, 0.9);
}
toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop {
@@ -2908,6 +2908,10 @@ progressbar progress {
background-color: #42A5F5;
}
progressbar trough.empty progress {
all: unset;
}
@@ -3622,7 +3626,7 @@ colorchooser .popover.osd {
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
border-radius: 2px;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4);
background-color: #FFFFFF;
background-color: rgba(255, 255, 255, 0.9);
}
colorchooser .popover.osd:backdrop {
@@ -3806,7 +3810,7 @@ stackswitcher button.text-button.circular {
border-width: 1px;
border-color: rgba(0, 0, 0, 0.1);
border-radius: 3px 3px 0 0;
background-color: #FFFFFF;
background-color: rgba(255, 255, 255, 0.9);
background-clip: padding-box;
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), border-width 0;
}
src/gtk-3.0/3.20/gtk.css
@@ -164,8 +164,8 @@ assistant .sidebar label.highlight {
color: rgba(0, 0, 0, 0.87);
}
popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .app-notification, .osd .scale-popup, .nautilus-window .floating-bar, .osd {
opacity: 0.9;
popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .osd .scale-popup, .osd {
background-color: rgba(250, 250, 250, 0.9);
}
/*********************
@@ -1153,7 +1153,7 @@ toolbar.osd, .app-notification, frame.documents-dropdown {
padding: 6px;
border-radius: 2px;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4);
background-color: #FFFFFF;
background-color: rgba(255, 255, 255, 0.9);
}
toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop {
@@ -2908,6 +2908,10 @@ progressbar progress {
background-color: #42A5F5;
}
progressbar trough.empty progress {
all: unset;
}
@@ -3622,7 +3626,7 @@ colorchooser .popover.osd {
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
border-radius: 2px;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4);
background-color: #FFFFFF;
background-color: rgba(255, 255, 255, 0.9);
}
colorchooser .popover.osd:backdrop {
@@ -3806,7 +3810,7 @@ stackswitcher button.text-button.circular {
border-width: 1px;
border-color: rgba(0, 0, 0, 0.1);
border-radius: 3px 3px 0 0;
background-color: #FFFFFF;
background-color: rgba(255, 255, 255, 0.9);
background-clip: padding-box;
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), border-width 0;
}
src/gtk-3.0/3.20/sass/apps/_gnome.scss
@@ -42,17 +42,13 @@
// Floating status bar
.nautilus-window .floating-bar {
@extend %osd;
// @extend .toolbar.osd;
min-height: 32px;
padding: 0;
border-style: solid solid none;
border-width: 1px;
border-color: $border_color;
border-radius: (2px + 1px) (2px + 1px) 0 0;
background-color: $base_color;
background-color: $osd_bg_color;
background-clip: $extra_background_clip;
transition: $longer_transition, border-width 0;
src/gtk-3.0/3.22/gtk-compact.css
@@ -164,8 +164,8 @@ assistant .sidebar label.highlight {
color: rgba(0, 0, 0, 0.87);
}
popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .app-notification, .osd .scale-popup, .nautilus-window .floating-bar, .osd {
opacity: 0.9;
popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .osd .scale-popup, .osd {
background-color: rgba(250, 250, 250, 0.9);
}
/*********************
@@ -1154,7 +1154,7 @@ toolbar.osd, .app-notification, frame.documents-dropdown {
padding: 6px;
border-radius: 2px;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4);
background-color: #FFFFFF;
background-color: rgba(255, 255, 255, 0.9);
}
toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop {
@@ -2909,6 +2909,10 @@ progressbar progress {
background-color: #42A5F5;
}
progressbar trough.empty progress {
all: unset;
}
@@ -3623,7 +3627,7 @@ colorchooser .popover.osd {
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
border-radius: 2px;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4);
background-color: #FFFFFF;
background-color: rgba(255, 255, 255, 0.9);
}
colorchooser .popover.osd:backdrop {
@@ -3807,7 +3811,7 @@ stackswitcher button.text-button.circular {
border-width: 1px;
border-color: rgba(0, 0, 0, 0.1);
border-radius: 3px 3px 0 0;
background-color: #FFFFFF;
background-color: rgba(255, 255, 255, 0.9);
background-clip: padding-box;
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), border-width 0;
}
src/gtk-3.0/3.22/gtk-dark-compact.css
@@ -164,8 +164,8 @@ assistant .sidebar label.highlight {
color: #FFFFFF;
}
popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .app-notification, .osd .scale-popup, .nautilus-window .floating-bar, .osd {
opacity: 0.9;
popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .osd .scale-popup, .osd {
background-color: rgba(89, 110, 121, 0.9);
}
/*********************
@@ -1154,7 +1154,7 @@ toolbar.osd, .app-notification, frame.documents-dropdown {
padding: 6px;
border-radius: 2px;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1);
background-color: #50636c;
background-color: rgba(80, 99, 108, 0.9);
}
toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop {
@@ -2909,6 +2909,10 @@ progressbar progress {
background-color: #42A5F5;
}
progressbar trough.empty progress {
all: unset;
}
@@ -3623,7 +3627,7 @@ colorchooser .popover.osd {
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
border-radius: 2px;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1);
background-color: #50636c;
background-color: rgba(80, 99, 108, 0.9);
}
colorchooser .popover.osd:backdrop {
@@ -3807,7 +3811,7 @@ stackswitcher button.text-button.circular {
border-width: 1px;
border-color: rgba(0, 0, 0, 0.2);
border-radius: 3px 3px 0 0;
background-color: #50636c;
background-color: rgba(80, 99, 108, 0.9);
background-clip: border-box;
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), border-width 0;
}
src/gtk-3.0/3.22/gtk-dark.css
@@ -164,8 +164,8 @@ assistant .sidebar label.highlight {
color: #FFFFFF;
}
popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .app-notification, .osd .scale-popup, .nautilus-window .floating-bar, .osd {
opacity: 0.9;
popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .osd .scale-popup, .osd {
background-color: rgba(89, 110, 121, 0.9);
}
/*********************
@@ -1154,7 +1154,7 @@ toolbar.osd, .app-notification, frame.documents-dropdown {
padding: 6px;
border-radius: 2px;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1);
background-color: #50636c;
background-color: rgba(80, 99, 108, 0.9);
}
toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop {
@@ -2909,6 +2909,10 @@ progressbar progress {
background-color: #42A5F5;
}
progressbar trough.empty progress {
all: unset;
}
@@ -3623,7 +3627,7 @@ colorchooser .popover.osd {
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
border-radius: 2px;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1);
background-color: #50636c;
background-color: rgba(80, 99, 108, 0.9);
}
colorchooser .popover.osd:backdrop {
@@ -3807,7 +3811,7 @@ stackswitcher button.text-button.circular {
border-width: 1px;
border-color: rgba(0, 0, 0, 0.2);
border-radius: 3px 3px 0 0;
background-color: #50636c;
background-color: rgba(80, 99, 108, 0.9);
background-clip: border-box;
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), border-width 0;
}
src/gtk-3.0/3.22/gtk-light-compact.css
@@ -164,8 +164,8 @@ assistant .sidebar label.highlight {
color: rgba(0, 0, 0, 0.87);
}
popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .app-notification, .osd .scale-popup, .nautilus-window .floating-bar, .osd {
opacity: 0.9;
popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .osd .scale-popup, .osd {
background-color: rgba(250, 250, 250, 0.9);
}
/*********************
@@ -1154,7 +1154,7 @@ toolbar.osd, .app-notification, frame.documents-dropdown {
padding: 6px;
border-radius: 2px;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4);
background-color: #FFFFFF;
background-color: rgba(255, 255, 255, 0.9);
}
toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop {
@@ -2909,6 +2909,10 @@ progressbar progress {
background-color: #42A5F5;
}
progressbar trough.empty progress {
all: unset;
}
@@ -3623,7 +3627,7 @@ colorchooser .popover.osd {
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
border-radius: 2px;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4);
background-color: #FFFFFF;
background-color: rgba(255, 255, 255, 0.9);
}
colorchooser .popover.osd:backdrop {
@@ -3807,7 +3811,7 @@ stackswitcher button.text-button.circular {
border-width: 1px;
border-color: rgba(0, 0, 0, 0.1);
border-radius: 3px 3px 0 0;
background-color: #FFFFFF;
background-color: rgba(255, 255, 255, 0.9);
background-clip: padding-box;
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), border-width 0;
}
src/gtk-3.0/3.22/gtk-light.css
@@ -164,8 +164,8 @@ assistant .sidebar label.highlight {
color: rgba(0, 0, 0, 0.87);
}
popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .app-notification, .osd .scale-popup, .nautilus-window .floating-bar, .osd {
opacity: 0.9;
popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .osd .scale-popup, .osd {
background-color: rgba(250, 250, 250, 0.9);
}
/*********************
@@ -1154,7 +1154,7 @@ toolbar.osd, .app-notification, frame.documents-dropdown {
padding: 6px;
border-radius: 2px;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4);
background-color: #FFFFFF;
background-color: rgba(255, 255, 255, 0.9);
}
toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop {
@@ -2909,6 +2909,10 @@ progressbar progress {
background-color: #42A5F5;
}
progressbar trough.empty progress {
all: unset;
}
@@ -3623,7 +3627,7 @@ colorchooser .popover.osd {
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
border-radius: 2px;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4);
background-color: #FFFFFF;
background-color: rgba(255, 255, 255, 0.9);
}
colorchooser .popover.osd:backdrop {
@@ -3807,7 +3811,7 @@ stackswitcher button.text-button.circular {
border-width: 1px;
border-color: rgba(0, 0, 0, 0.1);
border-radius: 3px 3px 0 0;
background-color: #FFFFFF;
background-color: rgba(255, 255, 255, 0.9);
background-clip: padding-box;
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), border-width 0;
}
src/gtk-3.0/3.22/gtk.css
@@ -164,8 +164,8 @@ assistant .sidebar label.highlight {
color: rgba(0, 0, 0, 0.87);
}
popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .app-notification, .osd .scale-popup, .nautilus-window .floating-bar, .osd {
opacity: 0.9;
popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .osd .scale-popup, .osd {
background-color: rgba(250, 250, 250, 0.9);
}
/*********************
@@ -1154,7 +1154,7 @@ toolbar.osd, .app-notification, frame.documents-dropdown {
padding: 6px;
border-radius: 2px;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4);
background-color: #FFFFFF;
background-color: rgba(255, 255, 255, 0.9);
}
toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop {
@@ -2909,6 +2909,10 @@ progressbar progress {
background-color: #42A5F5;
}
progressbar trough.empty progress {
all: unset;
}
@@ -3623,7 +3627,7 @@ colorchooser .popover.osd {
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
border-radius: 2px;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4);
background-color: #FFFFFF;
background-color: rgba(255, 255, 255, 0.9);
}
colorchooser .popover.osd:backdrop {
@@ -3807,7 +3811,7 @@ stackswitcher button.text-button.circular {
border-width: 1px;
border-color: rgba(0, 0, 0, 0.1);
border-radius: 3px 3px 0 0;
background-color: #FFFFFF;
background-color: rgba(255, 255, 255, 0.9);
background-clip: padding-box;
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), border-width 0;
}
src/gtk-3.0/3.22/sass/_colors.scss
@@ -47,6 +47,9 @@ $alt_base_color: if($variant == 'light', $grey_50, mix($base_color, $bg_color
$lighter_bg_color: if($variant == 'light', $grey_50, fade($blue_grey_500));
$darker_bg_color: if($variant == 'light', $grey_200, fade($blue_grey_900));
$titlebar_bg_color: if($titlebar == 'dark', if($variant == 'light', $blue_grey_700, $blue_grey_800), $grey_300);
$alt_titlebar_bg_color: if($titlebar == 'dark', $blue_grey_800, mix($grey_300, $grey_400, 50%));
$panel_bg_color: if($titlebar == 'dark', $blue_grey_900, rgba($black, $middle_opacity));
src/gtk-3.0/3.22/sass/_common.scss
@@ -183,7 +183,7 @@ assistant {
}
}
%osd, .osd { opacity: $higher_opacity; }
%osd, .osd { background-color: $lighter_osd_bg_color; }
/*********************
@@ -969,7 +969,7 @@ toolbar {
padding: $container_padding;
border-radius: 2px;
box-shadow: $shadow_2, inset 0 1px $highlight_color;
background-color: $base_color;
background-color: $osd_bg_color;
&:backdrop { box-shadow: $shadow_1, inset 0 1px $highlight_color; }
@@ -1944,7 +1944,7 @@ scrollbar {
}
&.dragging,
&.hovering { background-color: rgba($base_color, $higher_opacity); }
&.hovering { background-color: $osd_bg_color; }
}
&.horizontal slider { min-width: $_slider_min_length; }
@@ -2564,7 +2564,7 @@ progressbar {
&.osd { // progressbar.osd used for epiphany page loading progress
// min-width: $bar_size;
// min-height: $bar_size;
// background-color: transparent;
background-color: transparent;
// trough { background-color: transparent; }
@@ -2770,8 +2770,6 @@ row {
* App Notifications *
*********************/
.app-notification {
@extend %osd;
@extend toolbar.osd;
margin: 8px;
@@ -3127,11 +3125,9 @@ tooltip {
// background-color needs to be set this way otherwise it gets drawn twice
// see https://bugzilla.gnome.org/show_bug.cgi?id=736155 for details.
box-shadow: inset 0 1px $highlight_color;
background-color: rgba($base_color, $higher_opacity);
background-color: $osd_bg_color;
}
// @extend %osd;
// padding: 4px; /* not working */
border-radius: 2px;
box-shadow: none; // otherwise it gets inherited by windowframe.csd
@@ -3282,7 +3278,7 @@ colorchooser .popover.osd {
transition: $shadow_transition;
border-radius: 2px;
box-shadow: $shadow_2, inset 0 1px $highlight_color;
background-color: $base_color;
background-color: $osd_bg_color;
&:backdrop { box-shadow: $shadow_1, inset 0 1px $highlight_color; }
src/gtk-3.0/3.22/sass/apps/_gnome.scss
@@ -42,17 +42,13 @@
// Floating status bar
.nautilus-window .floating-bar {
@extend %osd;
// @extend .toolbar.osd;
min-height: 32px;
padding: 0;
border-style: solid solid none;
border-width: 1px;
border-color: $border_color;
border-radius: (2px + 1px) (2px + 1px) 0 0;
background-color: $base_color;
background-color: $osd_bg_color;
background-clip: $extra_background_clip;
transition: $longer_transition, border-width 0;