diff options
author | Lapo Calamandrei <calamandrei@gmail.com> | 2015-12-09 14:52:03 +0100 |
---|---|---|
committer | Lapo Calamandrei <calamandrei@gmail.com> | 2015-12-09 14:54:15 +0100 |
commit | 07506a90889630c542ed8d461352a08f5ac9b841 (patch) | |
tree | f19c426104e5a2c0e991419b6e3348652e4b83e8 | |
parent | 861ac8e373681cacfe577b1d6c3c17934a33e1aa (diff) | |
download | gtk+-07506a90889630c542ed8d461352a08f5ac9b841.tar.gz |
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).
-rw-r--r-- | gtk/theme/Adwaita/_colors.scss | 2 | ||||
-rw-r--r-- | gtk/theme/Adwaita/_common.scss | 61 | ||||
-rw-r--r-- | gtk/theme/Adwaita/gtk-contained-dark.css | 266 | ||||
-rw-r--r-- | 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 5cbd94dbbe..4f1c1e831d 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 ba3cf9a3f1..56692355c2 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 a2eb50a551..f4f5074047 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 ce5083a82e..78cb24672f 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; |