[gtk+] Adwaita: fix popover styling
- From: Lapo Calamandrei <lapo src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gtk+] Adwaita: fix popover styling
- Date: Wed, 9 Dec 2015 13:56:07 +0000 (UTC)
commit 07506a90889630c542ed8d461352a08f5ac9b841
Author: Lapo Calamandrei <calamandrei gmail com>
Date: Wed Dec 9 14:52:03 2015 +0100
Adwaita: fix popover styling
...in the process simplified the touch-selection styling, check
and radios not fixed there since I'm going to add proper osd assets
for those (istead of forcing the dark variant assets there as before).
gtk/theme/Adwaita/_colors.scss | 2 +-
gtk/theme/Adwaita/_common.scss | 61 ++------
gtk/theme/Adwaita/gtk-contained-dark.css | 266 +++++++++---------------------
gtk/theme/Adwaita/gtk-contained.css | 266 +++++++++---------------------
4 files changed, 163 insertions(+), 432 deletions(-)
---
diff --git a/gtk/theme/Adwaita/_colors.scss b/gtk/theme/Adwaita/_colors.scss
index 5cbd94d..4f1c1e8 100644
--- a/gtk/theme/Adwaita/_colors.scss
+++ b/gtk/theme/Adwaita/_colors.scss
@@ -27,7 +27,7 @@ $destructive_color: if($variant == 'light', #ef2929, darken(#ef2929,10%));
$osd_fg_color: #eeeeec;
$osd_text_color: white;
-$osd_bg_color: transparentize(#202526, 0.3);
+$osd_bg_color: transparentize(#202526, 0.2);
$osd_insensitive_bg_color: transparentize(mix($osd_fg_color, opacify($osd_bg_color, 1), 10%), 0.5);
$osd_insensitive_fg_color: mix($osd_fg_color, opacify($osd_bg_color, 1), 50%);
$osd_borders_color: transparentize(black, 0.3);
diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss
index ba3cf9a..5669235 100644
--- a/gtk/theme/Adwaita/_common.scss
+++ b/gtk/theme/Adwaita/_common.scss
@@ -190,14 +190,12 @@ textview { // This will get overridden by .view, needed by gedit line numbers
$backdrop_base_color, 50%); }
}
-popover.magnifier,
%osd, .osd {
color: $osd_fg_color;
border: none;
background-color: $osd_bg_color;
background-clip: padding-box;
outline-color: transparentize($osd_fg_color, 0.7);
- box-shadow: none;
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
&:backdrop {
@@ -1535,12 +1533,11 @@ menuitem accelerator { color: gtkalpha(currentColor,0.55); }
* Popovers *
***************/
-popover {
+popover.background {
padding: 2px;
- border: 1px solid $borders_color;
border-radius: 5px;
+ .csd &, & { border: 1px solid $borders_color; }
background-color: mix($bg_color, $base_color, 50%);
-
box-shadow: 0 1px 2px transparentize(black, 0.7);
&:backdrop {
@@ -1560,7 +1557,16 @@ popover {
transition: none;
}
- &.osd { @extend %osd; }
+ .csd &, & {
+ &.touch-selection,
+ &.magnifier {
+ @extend %osd;
+ border: 1px solid transparentize(white, 0.9);
+ button { @extend %osd_button };
+ }
+
+ &.osd { @extend %osd; }
+ }
}
/*************
@@ -3341,49 +3347,6 @@ cursor-handle {
font: initial;
}
-popover.touch-selection {
- font: initial;
- color: $osd_fg_color;
- border: none;
- background-color: opacify($osd_bg_color,0.2);
- background-clip: padding-box;
- outline-color: transparentize($osd_fg_color, 0.7);
- box-shadow: none;
- text-shadow: 0 1px black;
- -gtk-icon-shadow: 0 1px black;
- &:backdrop { text-shadow: none; }
- button {
- @include button(osd);
- &:hover { @include button(osd-hover); }
- &:active, &:checked { @include button(osd-active); }
- &:insensitive, &:backdrop:insensitive { @include button(osd-insensitive); }
- &:backdrop { @include button(osd-backdrop); }
- }
- // checkboxes and radios to use the -dark style for OSD style popovers
- @each $w,$a in ('check', 'checkbox'),
- ('radio','radio') {
- @each $s,$as in ('','-unchecked'),
- (':hover', '-unchecked-hover'),
- (':active', '-unchecked-active'),
- (':insensitive','-unchecked-insensitive'),
- (':inconsistent', '-mixed'),
- (':inconsistent:hover', '-mixed-hover'),
- (':inconsistent:selected', '-mixed-active'),
- (':inconsistent:insensitive', '-mixed-insensitive'),
- (':checked', '-checked'),
- (':checked:insensitive','-checked-insensitive'),
- (':checked:hover', '-checked-hover'),
- (':checked:active', '-checked-active'),
- (':backdrop:checked', '-checked-backdrop') {
- .#{$w}#{$s} {
- -gtk-icon-shadow: none;
- -gtk-icon-source: -gtk-scaled(url("assets/#{$a}#{$as}-dark.png"),
- url("assets/#{$a}#{$as}-dark 2 png"));
- }
- }
- }
-}
-
button.circular {
border-radius: 20px;
outline-radius: 20px;
diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css
index a2eb50a..f4f5074 100644
--- a/gtk/theme/Adwaita/gtk-contained-dark.css
+++ b/gtk/theme/Adwaita/gtk-contained-dark.css
@@ -124,23 +124,16 @@ textview {
textview:backdrop {
background-color: #333636; }
-popover.magnifier,
-popover.osd,
-.app-notification,
-.app-notification.frame,
-.osd .scale-popup, .osd {
+.csd popover.background.touch-selection, .csd popover.background.magnifier,
popover.background.touch-selection, popover.background.magnifier, .csd popover.background.osd,
popover.background.osd, .app-notification,
+.app-notification.frame, .osd .scale-popup, .osd {
color: #eeeeec;
border: none;
- background-color: rgba(32, 37, 38, 0.7);
+ background-color: rgba(32, 37, 38, 0.8);
background-clip: padding-box;
outline-color: rgba(238, 238, 236, 0.3);
- box-shadow: none;
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black; }
- popover.magnifier:backdrop,
- popover.osd:backdrop,
- .app-notification:backdrop,
- .osd .scale-popup:backdrop, .osd:backdrop {
+ popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop,
popover.background.osd:backdrop, .app-notification:backdrop, .osd .scale-popup:backdrop, .osd:backdrop {
text-shadow: none;
-gtk-icon-shadow: none; }
@@ -463,7 +456,7 @@ button, headerbar button.titlebutton,
outline-color: rgba(238, 238, 236, 0.3);
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7));
+ background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@@ -477,7 +470,7 @@ button, headerbar button.titlebutton,
button.osd:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.7));
+ background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@@ -508,13 +501,13 @@ button, headerbar button.titlebutton,
button.osd:backdrop {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7));
+ background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
border: none; }
- .app-notification button, .app-notification headerbar button.titlebutton, headerbar .app-notification
button.titlebutton,
+ .csd popover.background.touch-selection button, .csd popover.background.magnifier button,
popover.background.touch-selection button, popover.background.magnifier button, .app-notification button,
.app-notification headerbar button.titlebutton, headerbar .app-notification button.titlebutton,
.app-notification .titlebar button.titlebutton,
.titlebar .app-notification button.titlebutton,
.app-notification.frame button, .osd button, .osd headerbar button.titlebutton, headerbar .osd
button.titlebutton,
@@ -522,22 +515,22 @@ button, headerbar button.titlebutton,
.titlebar .osd button.titlebutton {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7));
+ background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
outline-color: rgba(238, 238, 236, 0.3); }
- .app-notification button:hover, .osd button:hover {
+ popover.background.touch-selection button:hover, popover.background.magnifier button:hover,
.app-notification button:hover, .osd button:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.7));
+ background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
outline-color: rgba(238, 238, 236, 0.3); }
- .app-notification button:active, .app-notification button:checked, .app-notification
button:backdrop:active, .app-notification button:backdrop:checked, .osd button:active, .osd button:checked,
.osd button:backdrop:active, .osd button:backdrop:checked {
+ popover.background.touch-selection button:active, popover.background.magnifier button:active,
.app-notification button:active, popover.background.touch-selection button:checked,
popover.background.magnifier button:checked, .app-notification button:checked,
popover.background.touch-selection button:backdrop:active, popover.background.magnifier
button:backdrop:active, .app-notification button:backdrop:active, popover.background.touch-selection
button:backdrop:checked, popover.background.magnifier button:backdrop:checked, .app-notification
button:backdrop:checked, .osd button:active, .osd button:checked, .osd button:backdrop:active, .osd
button:backdrop:checked {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
@@ -546,7 +539,7 @@ button, headerbar button.titlebutton,
text-shadow: none;
-gtk-icon-shadow: none;
outline-color: rgba(238, 238, 236, 0.3); }
- .app-notification button:insensitive, .app-notification button:backdrop:insensitive, .osd
button:insensitive, .osd button:backdrop:insensitive {
+ popover.background.touch-selection button:insensitive, popover.background.magnifier button:insensitive,
.app-notification button:insensitive, popover.background.touch-selection button:backdrop:insensitive,
popover.background.magnifier button:backdrop:insensitive, .app-notification button:backdrop:insensitive, .osd
button:insensitive, .osd button:backdrop:insensitive {
color: #878a89;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
@@ -554,15 +547,19 @@ button, headerbar button.titlebutton,
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
- .app-notification button:backdrop, .osd button:backdrop {
+ popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop,
.app-notification button:backdrop, .osd button:backdrop {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7));
+ background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
- .app-notification button.flat, .app-notification button.sidebar-button, .app-notification headerbar
button.titlebutton, headerbar .app-notification button.titlebutton,
+ popover.background.touch-selection button.flat, popover.background.touch-selection
button.sidebar-button, popover.background.touch-selection headerbar button.titlebutton, headerbar
popover.background.touch-selection button.titlebutton,
+ popover.background.touch-selection .titlebar button.titlebutton,
+ .titlebar popover.background.touch-selection button.titlebutton, popover.background.magnifier
button.flat, popover.background.magnifier button.sidebar-button, popover.background.magnifier headerbar
button.titlebutton, headerbar popover.background.magnifier button.titlebutton,
+ popover.background.magnifier .titlebar button.titlebutton,
+ .titlebar popover.background.magnifier button.titlebutton, .app-notification button.flat,
.app-notification button.sidebar-button, .app-notification headerbar button.titlebutton, headerbar
.app-notification button.titlebutton,
.app-notification .titlebar button.titlebutton,
.titlebar .app-notification button.titlebutton, .osd button.flat, .osd button.sidebar-button, .osd
headerbar button.titlebutton, headerbar .osd button.titlebutton,
.osd .titlebar button.titlebutton,
@@ -576,20 +573,28 @@ button, headerbar button.titlebutton,
box-shadow: none;
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black; }
- .app-notification button.flat:hover, .app-notification button.sidebar-button:hover, .app-notification
headerbar button.titlebutton:hover, headerbar .app-notification button.titlebutton:hover,
+ popover.background.touch-selection button.flat:hover, popover.background.touch-selection
button.sidebar-button:hover, popover.background.touch-selection headerbar button.titlebutton:hover, headerbar
popover.background.touch-selection button.titlebutton:hover,
+ popover.background.touch-selection .titlebar button.titlebutton:hover,
+ .titlebar popover.background.touch-selection button.titlebutton:hover, popover.background.magnifier
button.flat:hover, popover.background.magnifier button.sidebar-button:hover, popover.background.magnifier
headerbar button.titlebutton:hover, headerbar popover.background.magnifier button.titlebutton:hover,
+ popover.background.magnifier .titlebar button.titlebutton:hover,
+ .titlebar popover.background.magnifier button.titlebutton:hover, .app-notification button.flat:hover,
.app-notification button.sidebar-button:hover, .app-notification headerbar button.titlebutton:hover,
headerbar .app-notification button.titlebutton:hover,
.app-notification .titlebar button.titlebutton:hover,
.titlebar .app-notification button.titlebutton:hover, .osd button.flat:hover, .osd
button.sidebar-button:hover, .osd headerbar button.titlebutton:hover, headerbar .osd button.titlebutton:hover,
.osd .titlebar button.titlebutton:hover,
.titlebar .osd button.titlebutton:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.7));
+ background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
outline-color: rgba(238, 238, 236, 0.3); }
- .app-notification button.flat:insensitive, .app-notification button.sidebar-button:insensitive,
.app-notification headerbar button.titlebutton:insensitive, headerbar .app-notification
button.titlebutton:insensitive,
+ popover.background.touch-selection button.flat:insensitive, popover.background.touch-selection
button.sidebar-button:insensitive, popover.background.touch-selection headerbar
button.titlebutton:insensitive, headerbar popover.background.touch-selection button.titlebutton:insensitive,
+ popover.background.touch-selection .titlebar button.titlebutton:insensitive,
+ .titlebar popover.background.touch-selection button.titlebutton:insensitive,
popover.background.magnifier button.flat:insensitive, popover.background.magnifier
button.sidebar-button:insensitive, popover.background.magnifier headerbar button.titlebutton:insensitive,
headerbar popover.background.magnifier button.titlebutton:insensitive,
+ popover.background.magnifier .titlebar button.titlebutton:insensitive,
+ .titlebar popover.background.magnifier button.titlebutton:insensitive, .app-notification
button.flat:insensitive, .app-notification button.sidebar-button:insensitive, .app-notification headerbar
button.titlebutton:insensitive, headerbar .app-notification button.titlebutton:insensitive,
.app-notification .titlebar button.titlebutton:insensitive,
.titlebar .app-notification button.titlebutton:insensitive, .osd button.flat:insensitive, .osd
button.sidebar-button:insensitive, .osd headerbar button.titlebutton:insensitive, headerbar .osd
button.titlebutton:insensitive,
.osd .titlebar button.titlebutton:insensitive,
@@ -604,7 +609,11 @@ button, headerbar button.titlebutton,
background-image: none;
border-color: transparent;
box-shadow: none; }
- .app-notification button.flat:backdrop, .app-notification button.sidebar-button:backdrop,
.app-notification headerbar button.titlebutton:backdrop, headerbar .app-notification
button.titlebutton:backdrop,
+ popover.background.touch-selection button.flat:backdrop, popover.background.touch-selection
button.sidebar-button:backdrop, popover.background.touch-selection headerbar button.titlebutton:backdrop,
headerbar popover.background.touch-selection button.titlebutton:backdrop,
+ popover.background.touch-selection .titlebar button.titlebutton:backdrop,
+ .titlebar popover.background.touch-selection button.titlebutton:backdrop, popover.background.magnifier
button.flat:backdrop, popover.background.magnifier button.sidebar-button:backdrop,
popover.background.magnifier headerbar button.titlebutton:backdrop, headerbar popover.background.magnifier
button.titlebutton:backdrop,
+ popover.background.magnifier .titlebar button.titlebutton:backdrop,
+ .titlebar popover.background.magnifier button.titlebutton:backdrop, .app-notification
button.flat:backdrop, .app-notification button.sidebar-button:backdrop, .app-notification headerbar
button.titlebutton:backdrop, headerbar .app-notification button.titlebutton:backdrop,
.app-notification .titlebar button.titlebutton:backdrop,
.titlebar .app-notification button.titlebutton:backdrop, .osd button.flat:backdrop, .osd
button.sidebar-button:backdrop, .osd headerbar button.titlebutton:backdrop, headerbar .osd
button.titlebutton:backdrop,
.osd .titlebar button.titlebutton:backdrop,
@@ -615,9 +624,17 @@ button, headerbar button.titlebutton,
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0);
text-shadow: none;
-gtk-icon-shadow: none; }
- .app-notification button.flat:active, .app-notification button.sidebar-button:active,
.app-notification headerbar button.titlebutton:active, headerbar .app-notification button.titlebutton:active,
+ popover.background.touch-selection button.flat:active, popover.background.touch-selection
button.sidebar-button:active, popover.background.touch-selection headerbar button.titlebutton:active,
headerbar popover.background.touch-selection button.titlebutton:active,
+ popover.background.touch-selection .titlebar button.titlebutton:active,
+ .titlebar popover.background.touch-selection button.titlebutton:active, popover.background.magnifier
button.flat:active, popover.background.magnifier button.sidebar-button:active, popover.background.magnifier
headerbar button.titlebutton:active, headerbar popover.background.magnifier button.titlebutton:active,
+ popover.background.magnifier .titlebar button.titlebutton:active,
+ .titlebar popover.background.magnifier button.titlebutton:active, .app-notification
button.flat:active, .app-notification button.sidebar-button:active, .app-notification headerbar
button.titlebutton:active, headerbar .app-notification button.titlebutton:active,
.app-notification .titlebar button.titlebutton:active,
- .titlebar .app-notification button.titlebutton:active, .app-notification button.flat:checked,
.app-notification button.sidebar-button:checked, .app-notification headerbar button.titlebutton:checked,
headerbar .app-notification button.titlebutton:checked,
+ .titlebar .app-notification button.titlebutton:active, popover.background.touch-selection
button.flat:checked, popover.background.touch-selection button.sidebar-button:checked,
popover.background.touch-selection headerbar button.titlebutton:checked, headerbar
popover.background.touch-selection button.titlebutton:checked,
+ popover.background.touch-selection .titlebar button.titlebutton:checked,
+ .titlebar popover.background.touch-selection button.titlebutton:checked, popover.background.magnifier
button.flat:checked, popover.background.magnifier button.sidebar-button:checked, popover.background.magnifier
headerbar button.titlebutton:checked, headerbar popover.background.magnifier button.titlebutton:checked,
+ popover.background.magnifier .titlebar button.titlebutton:checked,
+ .titlebar popover.background.magnifier button.titlebutton:checked, .app-notification
button.flat:checked, .app-notification button.sidebar-button:checked, .app-notification headerbar
button.titlebutton:checked, headerbar .app-notification button.titlebutton:checked,
.app-notification .titlebar button.titlebutton:checked,
.titlebar .app-notification button.titlebutton:checked, .osd button.flat:active, .osd
button.sidebar-button:active, .osd headerbar button.titlebutton:active, headerbar .osd
button.titlebutton:active,
.osd .titlebar button.titlebutton:active,
@@ -1434,7 +1451,7 @@ spinbutton.vertical {
.osd spinbutton.vertical button:first-child {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7));
+ background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@@ -1443,7 +1460,7 @@ spinbutton.vertical {
.osd spinbutton.vertical button:first-child:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.7));
+ background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@@ -1469,7 +1486,7 @@ spinbutton.vertical {
.osd spinbutton.vertical button:first-child:backdrop {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7));
+ background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@@ -1540,7 +1557,7 @@ toolbar, .inline-toolbar, searchbar,
padding: 13px;
border: none;
border-radius: 5px;
- background-color: rgba(32, 37, 38, 0.7); }
+ background-color: rgba(32, 37, 38, 0.8); }
toolbar.osd.left, .osd.left.inline-toolbar, searchbar.osd.left,
.osd.left.location-bar, toolbar.osd.right, .osd.right.inline-toolbar, searchbar.osd.right,
.osd.right.location-bar, toolbar.osd.top, .osd.top.inline-toolbar, searchbar.osd.top,
@@ -2123,33 +2140,36 @@ menuitem accelerator {
/***************
* Popovers *
***************/
-popover {
+popover.background {
padding: 2px;
- border: 1px solid #1c1f1f;
border-radius: 5px;
background-color: #313434;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
- popover:backdrop {
+ .csd popover.background, popover.background {
+ border: 1px solid #1c1f1f; }
+ popover.background:backdrop {
box-shadow: none; }
- popover > list,
- popover > .view,
- popover > toolbar,
- popover > .inline-toolbar,
- popover > searchbar,
- popover > .location-bar {
+ popover.background > list,
+ popover.background > .view,
+ popover.background > toolbar,
+ popover.background > .inline-toolbar,
+ popover.background > searchbar,
+ popover.background > .location-bar {
border-style: none;
background-color: transparent; }
- popover button.flat, popover button.sidebar-button, popover headerbar button.titlebutton, headerbar
popover button.titlebutton,
- popover .titlebar button.titlebutton,
- .titlebar popover button.titlebutton,
- popover button.flat:hover,
- popover button.sidebar-button:hover,
- popover headerbar button.titlebutton:hover,
- headerbar popover button.titlebutton:hover,
- popover .titlebar button.titlebutton:hover,
- .titlebar popover button.titlebutton:hover {
+ popover.background button.flat, popover.background button.sidebar-button, popover.background headerbar
button.titlebutton, headerbar popover.background button.titlebutton,
+ popover.background .titlebar button.titlebutton,
+ .titlebar popover.background button.titlebutton,
+ popover.background button.flat:hover,
+ popover.background button.sidebar-button:hover,
+ popover.background headerbar button.titlebutton:hover,
+ headerbar popover.background button.titlebutton:hover,
+ popover.background .titlebar button.titlebutton:hover,
+ .titlebar popover.background button.titlebutton:hover {
text-shadow: none;
transition: none; }
+ .csd popover.background.touch-selection, .csd popover.background.magnifier,
popover.background.touch-selection, popover.background.magnifier {
+ border: 1px solid rgba(255, 255, 255, 0.1); }
/*************
* Notebooks *
@@ -3087,7 +3107,7 @@ scale {
.osd scale slider {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7));
+ background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@@ -3098,7 +3118,7 @@ scale {
.osd scale slider:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.7));
+ background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@@ -3124,7 +3144,7 @@ scale {
.osd scale slider:backdrop {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7));
+ background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@@ -3766,7 +3786,7 @@ row {
padding: 10px;
border: none;
border-radius: 0 0 5px 5px;
- background-color: rgba(32, 37, 38, 0.7);
+ background-color: rgba(32, 37, 38, 0.8);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px);
background-clip: padding-box; }
.app-notification:backdrop,
@@ -4499,142 +4519,6 @@ cursor-handle {
.context-menu {
font: initial; }
-popover.touch-selection {
- font: initial;
- color: #eeeeec;
- border: none;
- background-color: rgba(32, 37, 38, 0.9);
- background-clip: padding-box;
- outline-color: rgba(238, 238, 236, 0.3);
- box-shadow: none;
- text-shadow: 0 1px black;
- -gtk-icon-shadow: 0 1px black; }
- popover.touch-selection:backdrop {
- text-shadow: none; }
- popover.touch-selection button,
- popover.touch-selection .titlebar button.titlebutton,
- .titlebar popover.touch-selection button.titlebutton {
- color: #eeeeec;
- border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7));
- background-clip: padding-box;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
- text-shadow: 0 1px black;
- -gtk-icon-shadow: 0 1px black;
- outline-color: rgba(238, 238, 236, 0.3); }
- popover.touch-selection button:hover {
- color: white;
- border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.7));
- background-clip: padding-box;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
- text-shadow: 0 1px black;
- -gtk-icon-shadow: 0 1px black;
- outline-color: rgba(238, 238, 236, 0.3); }
- popover.touch-selection button:active, popover.touch-selection button:checked {
- color: white;
- border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
- background-clip: padding-box;
- box-shadow: none;
- text-shadow: none;
- -gtk-icon-shadow: none;
- outline-color: rgba(238, 238, 236, 0.3); }
- popover.touch-selection button:insensitive, popover.touch-selection button:backdrop:insensitive {
- color: #878a89;
- border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
- background-clip: padding-box;
- box-shadow: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
- popover.touch-selection button:backdrop {
- color: #eeeeec;
- border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7));
- background-clip: padding-box;
- box-shadow: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
- popover.touch-selection .check {
- -gtk-icon-shadow: none;
- -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"),
url("assets/checkbox-unchecked-dark 2 png")); }
- popover.touch-selection .check:hover {
- -gtk-icon-shadow: none;
- -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-hover-dark.png"),
url("assets/checkbox-unchecked-hover-dark 2 png")); }
- popover.touch-selection .check:active {
- -gtk-icon-shadow: none;
- -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-active-dark.png"),
url("assets/checkbox-unchecked-active-dark 2 png")); }
- popover.touch-selection .check:insensitive {
- -gtk-icon-shadow: none;
- -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"),
url("assets/checkbox-unchecked-insensitive-dark 2 png")); }
- popover.touch-selection .check:inconsistent {
- -gtk-icon-shadow: none;
- -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark 2
png")); }
- popover.touch-selection .check:inconsistent:hover {
- -gtk-icon-shadow: none;
- -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-hover-dark.png"),
url("assets/checkbox-mixed-hover-dark 2 png")); }
- popover.touch-selection .check:inconsistent:selected {
- -gtk-icon-shadow: none;
- -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-active-dark.png"),
url("assets/checkbox-mixed-active-dark 2 png")); }
- popover.touch-selection .check:inconsistent:insensitive {
- -gtk-icon-shadow: none;
- -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"),
url("assets/checkbox-mixed-insensitive-dark 2 png")); }
- popover.touch-selection .check:checked {
- -gtk-icon-shadow: none;
- -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark
2 png")); }
- popover.touch-selection .check:checked:insensitive {
- -gtk-icon-shadow: none;
- -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"),
url("assets/checkbox-checked-insensitive-dark 2 png")); }
- popover.touch-selection .check:checked:hover {
- -gtk-icon-shadow: none;
- -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-hover-dark.png"),
url("assets/checkbox-checked-hover-dark 2 png")); }
- popover.touch-selection .check:checked:active {
- -gtk-icon-shadow: none;
- -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-dark.png"),
url("assets/checkbox-checked-active-dark 2 png")); }
- popover.touch-selection .check:backdrop:checked {
- -gtk-icon-shadow: none;
- -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop-dark.png"),
url("assets/checkbox-checked-backdrop-dark 2 png")); }
- popover.touch-selection .radio {
- -gtk-icon-shadow: none;
- -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark 2
png")); }
- popover.touch-selection .radio:hover {
- -gtk-icon-shadow: none;
- -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-hover-dark.png"),
url("assets/radio-unchecked-hover-dark 2 png")); }
- popover.touch-selection .radio:active {
- -gtk-icon-shadow: none;
- -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-active-dark.png"),
url("assets/radio-unchecked-active-dark 2 png")); }
- popover.touch-selection .radio:insensitive {
- -gtk-icon-shadow: none;
- -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"),
url("assets/radio-unchecked-insensitive-dark 2 png")); }
- popover.touch-selection .radio:inconsistent {
- -gtk-icon-shadow: none;
- -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark 2 png"));
}
- popover.touch-selection .radio:inconsistent:hover {
- -gtk-icon-shadow: none;
- -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-hover-dark.png"),
url("assets/radio-mixed-hover-dark 2 png")); }
- popover.touch-selection .radio:inconsistent:selected {
- -gtk-icon-shadow: none;
- -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-active-dark.png"),
url("assets/radio-mixed-active-dark 2 png")); }
- popover.touch-selection .radio:inconsistent:insensitive {
- -gtk-icon-shadow: none;
- -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"),
url("assets/radio-mixed-insensitive-dark 2 png")); }
- popover.touch-selection .radio:checked {
- -gtk-icon-shadow: none;
- -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark 2
png")); }
- popover.touch-selection .radio:checked:insensitive {
- -gtk-icon-shadow: none;
- -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"),
url("assets/radio-checked-insensitive-dark 2 png")); }
- popover.touch-selection .radio:checked:hover {
- -gtk-icon-shadow: none;
- -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-hover-dark.png"),
url("assets/radio-checked-hover-dark 2 png")); }
- popover.touch-selection .radio:checked:active {
- -gtk-icon-shadow: none;
- -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-active-dark.png"),
url("assets/radio-checked-active-dark 2 png")); }
- popover.touch-selection .radio:backdrop:checked {
- -gtk-icon-shadow: none;
- -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-backdrop-dark.png"),
url("assets/radio-checked-backdrop-dark 2 png")); }
-
button.circular, headerbar button.circular.titlebutton,
.titlebar button.circular.titlebutton {
border-radius: 20px;
diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css
index ce5083a..78cb246 100644
--- a/gtk/theme/Adwaita/gtk-contained.css
+++ b/gtk/theme/Adwaita/gtk-contained.css
@@ -124,23 +124,16 @@ textview {
textview:backdrop {
background-color: #f4f4f3; }
-popover.magnifier,
-popover.osd,
-.app-notification,
-.app-notification.frame,
-.osd .scale-popup, .osd {
+.csd popover.background.touch-selection, .csd popover.background.magnifier,
popover.background.touch-selection, popover.background.magnifier, .csd popover.background.osd,
popover.background.osd, .app-notification,
+.app-notification.frame, .osd .scale-popup, .osd {
color: #eeeeec;
border: none;
- background-color: rgba(32, 37, 38, 0.7);
+ background-color: rgba(32, 37, 38, 0.8);
background-clip: padding-box;
outline-color: rgba(238, 238, 236, 0.3);
- box-shadow: none;
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black; }
- popover.magnifier:backdrop,
- popover.osd:backdrop,
- .app-notification:backdrop,
- .osd .scale-popup:backdrop, .osd:backdrop {
+ popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop,
popover.background.osd:backdrop, .app-notification:backdrop, .osd .scale-popup:backdrop, .osd:backdrop {
text-shadow: none;
-gtk-icon-shadow: none; }
@@ -463,7 +456,7 @@ button, headerbar button.titlebutton,
outline-color: rgba(238, 238, 236, 0.3);
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7));
+ background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@@ -477,7 +470,7 @@ button, headerbar button.titlebutton,
button.osd:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.7));
+ background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@@ -508,13 +501,13 @@ button, headerbar button.titlebutton,
button.osd:backdrop {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7));
+ background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
border: none; }
- .app-notification button, .app-notification headerbar button.titlebutton, headerbar .app-notification
button.titlebutton,
+ .csd popover.background.touch-selection button, .csd popover.background.magnifier button,
popover.background.touch-selection button, popover.background.magnifier button, .app-notification button,
.app-notification headerbar button.titlebutton, headerbar .app-notification button.titlebutton,
.app-notification .titlebar button.titlebutton,
.titlebar .app-notification button.titlebutton,
.app-notification.frame button, .osd button, .osd headerbar button.titlebutton, headerbar .osd
button.titlebutton,
@@ -522,22 +515,22 @@ button, headerbar button.titlebutton,
.titlebar .osd button.titlebutton {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7));
+ background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
outline-color: rgba(238, 238, 236, 0.3); }
- .app-notification button:hover, .osd button:hover {
+ popover.background.touch-selection button:hover, popover.background.magnifier button:hover,
.app-notification button:hover, .osd button:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.7));
+ background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
outline-color: rgba(238, 238, 236, 0.3); }
- .app-notification button:active, .app-notification button:checked, .app-notification
button:backdrop:active, .app-notification button:backdrop:checked, .osd button:active, .osd button:checked,
.osd button:backdrop:active, .osd button:backdrop:checked {
+ popover.background.touch-selection button:active, popover.background.magnifier button:active,
.app-notification button:active, popover.background.touch-selection button:checked,
popover.background.magnifier button:checked, .app-notification button:checked,
popover.background.touch-selection button:backdrop:active, popover.background.magnifier
button:backdrop:active, .app-notification button:backdrop:active, popover.background.touch-selection
button:backdrop:checked, popover.background.magnifier button:backdrop:checked, .app-notification
button:backdrop:checked, .osd button:active, .osd button:checked, .osd button:backdrop:active, .osd
button:backdrop:checked {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
@@ -546,7 +539,7 @@ button, headerbar button.titlebutton,
text-shadow: none;
-gtk-icon-shadow: none;
outline-color: rgba(238, 238, 236, 0.3); }
- .app-notification button:insensitive, .app-notification button:backdrop:insensitive, .osd
button:insensitive, .osd button:backdrop:insensitive {
+ popover.background.touch-selection button:insensitive, popover.background.magnifier button:insensitive,
.app-notification button:insensitive, popover.background.touch-selection button:backdrop:insensitive,
popover.background.magnifier button:backdrop:insensitive, .app-notification button:backdrop:insensitive, .osd
button:insensitive, .osd button:backdrop:insensitive {
color: #878a89;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
@@ -554,15 +547,19 @@ button, headerbar button.titlebutton,
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
- .app-notification button:backdrop, .osd button:backdrop {
+ popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop,
.app-notification button:backdrop, .osd button:backdrop {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7));
+ background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
- .app-notification button.flat, .app-notification button.sidebar-button, .app-notification headerbar
button.titlebutton, headerbar .app-notification button.titlebutton,
+ popover.background.touch-selection button.flat, popover.background.touch-selection
button.sidebar-button, popover.background.touch-selection headerbar button.titlebutton, headerbar
popover.background.touch-selection button.titlebutton,
+ popover.background.touch-selection .titlebar button.titlebutton,
+ .titlebar popover.background.touch-selection button.titlebutton, popover.background.magnifier
button.flat, popover.background.magnifier button.sidebar-button, popover.background.magnifier headerbar
button.titlebutton, headerbar popover.background.magnifier button.titlebutton,
+ popover.background.magnifier .titlebar button.titlebutton,
+ .titlebar popover.background.magnifier button.titlebutton, .app-notification button.flat,
.app-notification button.sidebar-button, .app-notification headerbar button.titlebutton, headerbar
.app-notification button.titlebutton,
.app-notification .titlebar button.titlebutton,
.titlebar .app-notification button.titlebutton, .osd button.flat, .osd button.sidebar-button, .osd
headerbar button.titlebutton, headerbar .osd button.titlebutton,
.osd .titlebar button.titlebutton,
@@ -576,20 +573,28 @@ button, headerbar button.titlebutton,
box-shadow: none;
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black; }
- .app-notification button.flat:hover, .app-notification button.sidebar-button:hover, .app-notification
headerbar button.titlebutton:hover, headerbar .app-notification button.titlebutton:hover,
+ popover.background.touch-selection button.flat:hover, popover.background.touch-selection
button.sidebar-button:hover, popover.background.touch-selection headerbar button.titlebutton:hover, headerbar
popover.background.touch-selection button.titlebutton:hover,
+ popover.background.touch-selection .titlebar button.titlebutton:hover,
+ .titlebar popover.background.touch-selection button.titlebutton:hover, popover.background.magnifier
button.flat:hover, popover.background.magnifier button.sidebar-button:hover, popover.background.magnifier
headerbar button.titlebutton:hover, headerbar popover.background.magnifier button.titlebutton:hover,
+ popover.background.magnifier .titlebar button.titlebutton:hover,
+ .titlebar popover.background.magnifier button.titlebutton:hover, .app-notification button.flat:hover,
.app-notification button.sidebar-button:hover, .app-notification headerbar button.titlebutton:hover,
headerbar .app-notification button.titlebutton:hover,
.app-notification .titlebar button.titlebutton:hover,
.titlebar .app-notification button.titlebutton:hover, .osd button.flat:hover, .osd
button.sidebar-button:hover, .osd headerbar button.titlebutton:hover, headerbar .osd button.titlebutton:hover,
.osd .titlebar button.titlebutton:hover,
.titlebar .osd button.titlebutton:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.7));
+ background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
outline-color: rgba(238, 238, 236, 0.3); }
- .app-notification button.flat:insensitive, .app-notification button.sidebar-button:insensitive,
.app-notification headerbar button.titlebutton:insensitive, headerbar .app-notification
button.titlebutton:insensitive,
+ popover.background.touch-selection button.flat:insensitive, popover.background.touch-selection
button.sidebar-button:insensitive, popover.background.touch-selection headerbar
button.titlebutton:insensitive, headerbar popover.background.touch-selection button.titlebutton:insensitive,
+ popover.background.touch-selection .titlebar button.titlebutton:insensitive,
+ .titlebar popover.background.touch-selection button.titlebutton:insensitive,
popover.background.magnifier button.flat:insensitive, popover.background.magnifier
button.sidebar-button:insensitive, popover.background.magnifier headerbar button.titlebutton:insensitive,
headerbar popover.background.magnifier button.titlebutton:insensitive,
+ popover.background.magnifier .titlebar button.titlebutton:insensitive,
+ .titlebar popover.background.magnifier button.titlebutton:insensitive, .app-notification
button.flat:insensitive, .app-notification button.sidebar-button:insensitive, .app-notification headerbar
button.titlebutton:insensitive, headerbar .app-notification button.titlebutton:insensitive,
.app-notification .titlebar button.titlebutton:insensitive,
.titlebar .app-notification button.titlebutton:insensitive, .osd button.flat:insensitive, .osd
button.sidebar-button:insensitive, .osd headerbar button.titlebutton:insensitive, headerbar .osd
button.titlebutton:insensitive,
.osd .titlebar button.titlebutton:insensitive,
@@ -604,7 +609,11 @@ button, headerbar button.titlebutton,
background-image: none;
border-color: transparent;
box-shadow: none; }
- .app-notification button.flat:backdrop, .app-notification button.sidebar-button:backdrop,
.app-notification headerbar button.titlebutton:backdrop, headerbar .app-notification
button.titlebutton:backdrop,
+ popover.background.touch-selection button.flat:backdrop, popover.background.touch-selection
button.sidebar-button:backdrop, popover.background.touch-selection headerbar button.titlebutton:backdrop,
headerbar popover.background.touch-selection button.titlebutton:backdrop,
+ popover.background.touch-selection .titlebar button.titlebutton:backdrop,
+ .titlebar popover.background.touch-selection button.titlebutton:backdrop, popover.background.magnifier
button.flat:backdrop, popover.background.magnifier button.sidebar-button:backdrop,
popover.background.magnifier headerbar button.titlebutton:backdrop, headerbar popover.background.magnifier
button.titlebutton:backdrop,
+ popover.background.magnifier .titlebar button.titlebutton:backdrop,
+ .titlebar popover.background.magnifier button.titlebutton:backdrop, .app-notification
button.flat:backdrop, .app-notification button.sidebar-button:backdrop, .app-notification headerbar
button.titlebutton:backdrop, headerbar .app-notification button.titlebutton:backdrop,
.app-notification .titlebar button.titlebutton:backdrop,
.titlebar .app-notification button.titlebutton:backdrop, .osd button.flat:backdrop, .osd
button.sidebar-button:backdrop, .osd headerbar button.titlebutton:backdrop, headerbar .osd
button.titlebutton:backdrop,
.osd .titlebar button.titlebutton:backdrop,
@@ -615,9 +624,17 @@ button, headerbar button.titlebutton,
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none; }
- .app-notification button.flat:active, .app-notification button.sidebar-button:active,
.app-notification headerbar button.titlebutton:active, headerbar .app-notification button.titlebutton:active,
+ popover.background.touch-selection button.flat:active, popover.background.touch-selection
button.sidebar-button:active, popover.background.touch-selection headerbar button.titlebutton:active,
headerbar popover.background.touch-selection button.titlebutton:active,
+ popover.background.touch-selection .titlebar button.titlebutton:active,
+ .titlebar popover.background.touch-selection button.titlebutton:active, popover.background.magnifier
button.flat:active, popover.background.magnifier button.sidebar-button:active, popover.background.magnifier
headerbar button.titlebutton:active, headerbar popover.background.magnifier button.titlebutton:active,
+ popover.background.magnifier .titlebar button.titlebutton:active,
+ .titlebar popover.background.magnifier button.titlebutton:active, .app-notification
button.flat:active, .app-notification button.sidebar-button:active, .app-notification headerbar
button.titlebutton:active, headerbar .app-notification button.titlebutton:active,
.app-notification .titlebar button.titlebutton:active,
- .titlebar .app-notification button.titlebutton:active, .app-notification button.flat:checked,
.app-notification button.sidebar-button:checked, .app-notification headerbar button.titlebutton:checked,
headerbar .app-notification button.titlebutton:checked,
+ .titlebar .app-notification button.titlebutton:active, popover.background.touch-selection
button.flat:checked, popover.background.touch-selection button.sidebar-button:checked,
popover.background.touch-selection headerbar button.titlebutton:checked, headerbar
popover.background.touch-selection button.titlebutton:checked,
+ popover.background.touch-selection .titlebar button.titlebutton:checked,
+ .titlebar popover.background.touch-selection button.titlebutton:checked, popover.background.magnifier
button.flat:checked, popover.background.magnifier button.sidebar-button:checked, popover.background.magnifier
headerbar button.titlebutton:checked, headerbar popover.background.magnifier button.titlebutton:checked,
+ popover.background.magnifier .titlebar button.titlebutton:checked,
+ .titlebar popover.background.magnifier button.titlebutton:checked, .app-notification
button.flat:checked, .app-notification button.sidebar-button:checked, .app-notification headerbar
button.titlebutton:checked, headerbar .app-notification button.titlebutton:checked,
.app-notification .titlebar button.titlebutton:checked,
.titlebar .app-notification button.titlebutton:checked, .osd button.flat:active, .osd
button.sidebar-button:active, .osd headerbar button.titlebutton:active, headerbar .osd
button.titlebutton:active,
.osd .titlebar button.titlebutton:active,
@@ -1434,7 +1451,7 @@ spinbutton.vertical {
.osd spinbutton.vertical button:first-child {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7));
+ background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@@ -1443,7 +1460,7 @@ spinbutton.vertical {
.osd spinbutton.vertical button:first-child:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.7));
+ background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@@ -1469,7 +1486,7 @@ spinbutton.vertical {
.osd spinbutton.vertical button:first-child:backdrop {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7));
+ background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@@ -1540,7 +1557,7 @@ toolbar, .inline-toolbar, searchbar,
padding: 13px;
border: none;
border-radius: 5px;
- background-color: rgba(32, 37, 38, 0.7); }
+ background-color: rgba(32, 37, 38, 0.8); }
toolbar.osd.left, .osd.left.inline-toolbar, searchbar.osd.left,
.osd.left.location-bar, toolbar.osd.right, .osd.right.inline-toolbar, searchbar.osd.right,
.osd.right.location-bar, toolbar.osd.top, .osd.top.inline-toolbar, searchbar.osd.top,
@@ -2129,33 +2146,36 @@ menuitem accelerator {
/***************
* Popovers *
***************/
-popover {
+popover.background {
padding: 2px;
- border: 1px solid #9d9d99;
border-radius: 5px;
background-color: #f4f4f3;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
- popover:backdrop {
+ .csd popover.background, popover.background {
+ border: 1px solid #9d9d99; }
+ popover.background:backdrop {
box-shadow: none; }
- popover > list,
- popover > .view,
- popover > toolbar,
- popover > .inline-toolbar,
- popover > searchbar,
- popover > .location-bar {
+ popover.background > list,
+ popover.background > .view,
+ popover.background > toolbar,
+ popover.background > .inline-toolbar,
+ popover.background > searchbar,
+ popover.background > .location-bar {
border-style: none;
background-color: transparent; }
- popover button.flat, popover button.sidebar-button, popover headerbar button.titlebutton, headerbar
popover button.titlebutton,
- popover .titlebar button.titlebutton,
- .titlebar popover button.titlebutton,
- popover button.flat:hover,
- popover button.sidebar-button:hover,
- popover headerbar button.titlebutton:hover,
- headerbar popover button.titlebutton:hover,
- popover .titlebar button.titlebutton:hover,
- .titlebar popover button.titlebutton:hover {
+ popover.background button.flat, popover.background button.sidebar-button, popover.background headerbar
button.titlebutton, headerbar popover.background button.titlebutton,
+ popover.background .titlebar button.titlebutton,
+ .titlebar popover.background button.titlebutton,
+ popover.background button.flat:hover,
+ popover.background button.sidebar-button:hover,
+ popover.background headerbar button.titlebutton:hover,
+ headerbar popover.background button.titlebutton:hover,
+ popover.background .titlebar button.titlebutton:hover,
+ .titlebar popover.background button.titlebutton:hover {
text-shadow: none;
transition: none; }
+ .csd popover.background.touch-selection, .csd popover.background.magnifier,
popover.background.touch-selection, popover.background.magnifier {
+ border: 1px solid rgba(255, 255, 255, 0.1); }
/*************
* Notebooks *
@@ -3249,7 +3269,7 @@ scale {
.osd scale slider {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7));
+ background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@@ -3260,7 +3280,7 @@ scale {
.osd scale slider:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.7));
+ background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@@ -3286,7 +3306,7 @@ scale {
.osd scale slider:backdrop {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7));
+ background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@@ -3936,7 +3956,7 @@ row {
padding: 10px;
border: none;
border-radius: 0 0 5px 5px;
- background-color: rgba(32, 37, 38, 0.7);
+ background-color: rgba(32, 37, 38, 0.8);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px);
background-clip: padding-box; }
.app-notification:backdrop,
@@ -4672,142 +4692,6 @@ cursor-handle {
.context-menu {
font: initial; }
-popover.touch-selection {
- font: initial;
- color: #eeeeec;
- border: none;
- background-color: rgba(32, 37, 38, 0.9);
- background-clip: padding-box;
- outline-color: rgba(238, 238, 236, 0.3);
- box-shadow: none;
- text-shadow: 0 1px black;
- -gtk-icon-shadow: 0 1px black; }
- popover.touch-selection:backdrop {
- text-shadow: none; }
- popover.touch-selection button,
- popover.touch-selection .titlebar button.titlebutton,
- .titlebar popover.touch-selection button.titlebutton {
- color: #eeeeec;
- border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7));
- background-clip: padding-box;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
- text-shadow: 0 1px black;
- -gtk-icon-shadow: 0 1px black;
- outline-color: rgba(238, 238, 236, 0.3); }
- popover.touch-selection button:hover {
- color: white;
- border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.7));
- background-clip: padding-box;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
- text-shadow: 0 1px black;
- -gtk-icon-shadow: 0 1px black;
- outline-color: rgba(238, 238, 236, 0.3); }
- popover.touch-selection button:active, popover.touch-selection button:checked {
- color: white;
- border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
- background-clip: padding-box;
- box-shadow: none;
- text-shadow: none;
- -gtk-icon-shadow: none;
- outline-color: rgba(238, 238, 236, 0.3); }
- popover.touch-selection button:insensitive, popover.touch-selection button:backdrop:insensitive {
- color: #878a89;
- border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
- background-clip: padding-box;
- box-shadow: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
- popover.touch-selection button:backdrop {
- color: #eeeeec;
- border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7));
- background-clip: padding-box;
- box-shadow: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
- popover.touch-selection .check {
- -gtk-icon-shadow: none;
- -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"),
url("assets/checkbox-unchecked-dark 2 png")); }
- popover.touch-selection .check:hover {
- -gtk-icon-shadow: none;
- -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-hover-dark.png"),
url("assets/checkbox-unchecked-hover-dark 2 png")); }
- popover.touch-selection .check:active {
- -gtk-icon-shadow: none;
- -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-active-dark.png"),
url("assets/checkbox-unchecked-active-dark 2 png")); }
- popover.touch-selection .check:insensitive {
- -gtk-icon-shadow: none;
- -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"),
url("assets/checkbox-unchecked-insensitive-dark 2 png")); }
- popover.touch-selection .check:inconsistent {
- -gtk-icon-shadow: none;
- -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark 2
png")); }
- popover.touch-selection .check:inconsistent:hover {
- -gtk-icon-shadow: none;
- -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-hover-dark.png"),
url("assets/checkbox-mixed-hover-dark 2 png")); }
- popover.touch-selection .check:inconsistent:selected {
- -gtk-icon-shadow: none;
- -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-active-dark.png"),
url("assets/checkbox-mixed-active-dark 2 png")); }
- popover.touch-selection .check:inconsistent:insensitive {
- -gtk-icon-shadow: none;
- -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"),
url("assets/checkbox-mixed-insensitive-dark 2 png")); }
- popover.touch-selection .check:checked {
- -gtk-icon-shadow: none;
- -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark
2 png")); }
- popover.touch-selection .check:checked:insensitive {
- -gtk-icon-shadow: none;
- -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"),
url("assets/checkbox-checked-insensitive-dark 2 png")); }
- popover.touch-selection .check:checked:hover {
- -gtk-icon-shadow: none;
- -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-hover-dark.png"),
url("assets/checkbox-checked-hover-dark 2 png")); }
- popover.touch-selection .check:checked:active {
- -gtk-icon-shadow: none;
- -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-dark.png"),
url("assets/checkbox-checked-active-dark 2 png")); }
- popover.touch-selection .check:backdrop:checked {
- -gtk-icon-shadow: none;
- -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop-dark.png"),
url("assets/checkbox-checked-backdrop-dark 2 png")); }
- popover.touch-selection .radio {
- -gtk-icon-shadow: none;
- -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark 2
png")); }
- popover.touch-selection .radio:hover {
- -gtk-icon-shadow: none;
- -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-hover-dark.png"),
url("assets/radio-unchecked-hover-dark 2 png")); }
- popover.touch-selection .radio:active {
- -gtk-icon-shadow: none;
- -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-active-dark.png"),
url("assets/radio-unchecked-active-dark 2 png")); }
- popover.touch-selection .radio:insensitive {
- -gtk-icon-shadow: none;
- -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"),
url("assets/radio-unchecked-insensitive-dark 2 png")); }
- popover.touch-selection .radio:inconsistent {
- -gtk-icon-shadow: none;
- -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark 2 png"));
}
- popover.touch-selection .radio:inconsistent:hover {
- -gtk-icon-shadow: none;
- -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-hover-dark.png"),
url("assets/radio-mixed-hover-dark 2 png")); }
- popover.touch-selection .radio:inconsistent:selected {
- -gtk-icon-shadow: none;
- -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-active-dark.png"),
url("assets/radio-mixed-active-dark 2 png")); }
- popover.touch-selection .radio:inconsistent:insensitive {
- -gtk-icon-shadow: none;
- -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"),
url("assets/radio-mixed-insensitive-dark 2 png")); }
- popover.touch-selection .radio:checked {
- -gtk-icon-shadow: none;
- -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark 2
png")); }
- popover.touch-selection .radio:checked:insensitive {
- -gtk-icon-shadow: none;
- -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"),
url("assets/radio-checked-insensitive-dark 2 png")); }
- popover.touch-selection .radio:checked:hover {
- -gtk-icon-shadow: none;
- -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-hover-dark.png"),
url("assets/radio-checked-hover-dark 2 png")); }
- popover.touch-selection .radio:checked:active {
- -gtk-icon-shadow: none;
- -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-active-dark.png"),
url("assets/radio-checked-active-dark 2 png")); }
- popover.touch-selection .radio:backdrop:checked {
- -gtk-icon-shadow: none;
- -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-backdrop-dark.png"),
url("assets/radio-checked-backdrop-dark 2 png")); }
-
button.circular, headerbar button.circular.titlebutton,
.titlebar button.circular.titlebutton {
border-radius: 20px;
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]