From a466111a0a39ab01adcfe96d6bd404d549bb2b16 Mon Sep 17 00:00:00 2001 From: vinceliuice Date: Wed, 2 Dec 2020 22:11:03 +0800 Subject: [PATCH] Fixed gnome 3.38 issues --- src/main/gtk-3.0/gtk-dark-solid.css | 120 ++++++++++++++++--------- src/main/gtk-3.0/gtk-dark.css | 126 ++++++++++++++++---------- src/main/gtk-3.0/gtk-light-solid.css | 124 ++++++++++++++++--------- src/main/gtk-3.0/gtk-light.css | 130 +++++++++++++++++---------- src/sass/gtk/_applications.scss | 112 +++++++++++++---------- 5 files changed, 385 insertions(+), 227 deletions(-) diff --git a/src/main/gtk-3.0/gtk-dark-solid.css b/src/main/gtk-3.0/gtk-dark-solid.css index e641ae3..4eb7a04 100644 --- a/src/main/gtk-3.0/gtk-dark-solid.css +++ b/src/main/gtk-3.0/gtk-dark-solid.css @@ -1782,7 +1782,8 @@ headerbar entry, .titlebar entry { color: #FC4138; } -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { min-height: 26px; min-width: 22px; color: #FDFDFD; @@ -1792,12 +1793,14 @@ window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerb box-shadow: none; } -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:backdrop:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:backdrop:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { opacity: 0.65; background-image: none; } -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:hover:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:hover:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { color: #f8f8f8; background-color: rgba(253, 253, 253, 0.1); background-image: none; @@ -1805,7 +1808,8 @@ window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerb transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:active:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:active:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { color: #FDFDFD; background-color: rgba(253, 253, 253, 0.25); background-image: none; @@ -1814,11 +1818,14 @@ window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerb transition-duration: 300ms; } -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:active:hover:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:checked:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:active:hover:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:checked:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { color: #FDFDFD; } -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:checked:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:checked:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { color: #FDFDFD; background-color: rgba(253, 253, 253, 0.12); background-image: none; @@ -1827,20 +1834,26 @@ window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerb transition-duration: 300ms; } -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:checked:hover:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:checked:hover:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { background-image: none; } -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:disabled:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:disabled:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { background: none; box-shadow: none; } -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:disabled:not(.image-button) label, .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:disabled:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:disabled:not(.image-button) label, .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:disabled:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { color: rgba(253, 253, 253, 0.35); } -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, .raven .raven-header:not(.top) window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, .nemo-window .primary-toolbar .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) .nemo-window .primary-toolbar button, headerbar button.flat, headerbar .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) headerbar button { +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, .raven .raven-header:not(.top) window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, +.raven .raven-header:not(.top) window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, .nemo-window .primary-toolbar .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) .nemo-window .primary-toolbar button, headerbar button.flat, headerbar .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) headerbar button { border-color: transparent; background-color: transparent; background-image: none; @@ -4407,7 +4420,8 @@ colorchooser .popover.osd { font-family: Monospace; } -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, searchbar .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) searchbar button, row button.circular, .app-notification button.image-button:not(.text-button), +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, searchbar .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) searchbar button, row button.circular, .app-notification button.image-button:not(.text-button), button.circular { border-radius: 100px; -gtk-outline-radius: 100px; @@ -5820,7 +5834,8 @@ button.documents-favorite:active:hover { } window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { background-image: none; background-color: #333333; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); @@ -5828,7 +5843,8 @@ window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, } window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { background-image: none; background-color: #242424; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); @@ -5846,37 +5862,41 @@ window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sideba } .geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > box.vertical > paned.horizontal > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#0e0e0e); - background-color: transparent; - border-right: none; +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > box.vertical > paned.horizontal > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, window.background.csd > leaflet > separator.sidebar, +window.background.csd > hdyleaflet > separator.sidebar, +window.background.csd > box.horizontal > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + min-width: 0; + background: none; + border-right-color: #0e0e0e; + border-bottom-color: #0e0e0e; } -.tweak-group-startup, list.tweak-group list, hdyleaflet list.view.frame, leaflet list.view.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { +.tweak-group-startup, list.tweak-group list, hdyleaflet list.frame, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { border-radius: 14px; box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); background-color: rgba(255, 255, 255, 0.05); border: none; } -.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view.frame > separator, leaflet list.view.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.frame > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { background: none; min-height: 0; } -list.tweak-group list row.activatable:first-child, hdyleaflet list.view.frame row.activatable:first-child, leaflet list.view.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { +list.tweak-group list row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { border-top-left-radius: 14px; border-top-right-radius: 14px; } -list.tweak-group list row.activatable:last-child, hdyleaflet list.view.frame row.activatable:last-child, leaflet list.view.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { +list.tweak-group list row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { border-bottom-left-radius: 14px; border-bottom-right-radius: 14px; } -list.tweak-group list row.activatable:only-child, hdyleaflet list.view.frame row.activatable:only-child, leaflet list.view.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { +list.tweak-group list row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { border-radius: 14px; } @@ -5911,6 +5931,11 @@ hdyleaflet frame.view list > separator, leaflet frame.view list > separator { border: none; } +window.background.csd > hdyleaflet > separator.vertical { + min-width: 1px; + background-color: #0e0e0e; +} + window.background.csd > hdyleaflet > box.vertical > stack.main-container { background-color: #242424; border-bottom-right-radius: 14px; @@ -5945,12 +5970,14 @@ window.background.csd > stack { border-radius: 0 0 14px 14px; } +window.background.csd > leaflet > stack.background, window.background.csd > hdyleaflet > stack.background, window.background.csd > box.horizontal > stack.background { background-color: #242424; border-bottom-right-radius: 14px; } +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { color: #dedede; @@ -5959,38 +5986,45 @@ window.background.csd > box.horizontal > stack.background > widget > box.horizon border-color: rgba(0, 0, 0, 0.15); } +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { background-color: #242424; border-bottom-right-radius: 15px; } +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { background: none; } +window.background.csd > leaflet > box.vertical > scrolledwindow.view, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { background-color: #333333; border-bottom-left-radius: 15px; } +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { background-color: transparent; } +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { background-color: transparent; } +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { background: none; } +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { background-color: transparent; @@ -6018,7 +6052,8 @@ stack > grid.vertical scrolledwindow.frame.emptyGrid { border: none; } -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar { +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { color: #FDFDFD; } @@ -6032,12 +6067,20 @@ window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizo border-bottom-right-radius: 15px; } -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical { +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { background-color: #333333; border-bottom-left-radius: 14px; } -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: #242424; + border-bottom-right-radius: 14px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { padding: 2px; } @@ -6100,9 +6143,15 @@ viewswitcherbar > actionbar { border: none; } +.polari-room-list .sidebar { + background-color: #333333; + border-bottom-left-radius: 14px; +} + stack.view.polari-entry-area { background-color: #333333; border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-right-radius: 14px; } stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover, stack.view.polari-entry-area .raven .raven-header:not(.top) button.popup.toggle.polari-nick-button:hover, .raven .raven-header:not(.top) stack.view.polari-entry-area button.popup.toggle.polari-nick-button:hover { @@ -6287,9 +6336,6 @@ window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked margin: 0; } -/******************** - * Gnome Calculator * - ********************/ window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title, .raven .raven-header:not(.top) window.background > headerbar.titlebar > button.popup.toggle.text-button.title { margin: 6px 0; } @@ -6330,9 +6376,6 @@ window.background > grid.vertical > box.vertical grid.math-buttons button:not(.s border-color: rgba(255, 255, 255, 0.12); } -/************ - * Epiphany * - ************/ headerbar.titlebar.incognito-mode entry { color: #FDFDFD; background-color: rgba(255, 255, 255, 0.05); @@ -7062,9 +7105,6 @@ window.thunar notebook header.top tab.reorderable-page > box > label { min-height: 0; } -/********* - * Geary * - *********/ .geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { border-bottom-left-radius: 14px; @@ -7094,7 +7134,7 @@ window#GearyMainWindow.background.csd stack#conversation_viewer { .geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: #242424; + background-color: transparent; border-bottom-right-radius: 14px; } @@ -7327,9 +7367,6 @@ window.background:not(.csd) > window > menu menuitem { border: none; } -/*************** - * Chrome(ium) * - ***************/ window.background.chromium { background-color: #333333; color: #dadada; @@ -7387,9 +7424,6 @@ window.background.chromium > menubar { background-color: #373737; } -/**************** - * Libre-Office * - ****************/ window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { background-color: #373737; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); diff --git a/src/main/gtk-3.0/gtk-dark.css b/src/main/gtk-3.0/gtk-dark.css index 5eed4cf..fa58473 100644 --- a/src/main/gtk-3.0/gtk-dark.css +++ b/src/main/gtk-3.0/gtk-dark.css @@ -1782,7 +1782,8 @@ headerbar entry, .titlebar entry { color: #FC4138; } -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { min-height: 26px; min-width: 22px; color: #FDFDFD; @@ -1792,12 +1793,14 @@ window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerb box-shadow: none; } -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:backdrop:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:backdrop:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { opacity: 0.65; background-image: none; } -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:hover:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:hover:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { color: #f8f8f8; background-color: rgba(253, 253, 253, 0.1); background-image: none; @@ -1805,7 +1808,8 @@ window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerb transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:active:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:active:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { color: #FDFDFD; background-color: rgba(253, 253, 253, 0.25); background-image: none; @@ -1814,11 +1818,14 @@ window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerb transition-duration: 300ms; } -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:active:hover:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:checked:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:active:hover:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:checked:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { color: #FDFDFD; } -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:checked:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:checked:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { color: #FDFDFD; background-color: rgba(253, 253, 253, 0.12); background-image: none; @@ -1827,20 +1834,26 @@ window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerb transition-duration: 300ms; } -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:checked:hover:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:checked:hover:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { background-image: none; } -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:disabled:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:disabled:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { background: none; box-shadow: none; } -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:disabled:not(.image-button) label, .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:disabled:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:disabled:not(.image-button) label, .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:disabled:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { color: rgba(253, 253, 253, 0.35); } -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, .raven .raven-header:not(.top) window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, .nemo-window .primary-toolbar .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) .nemo-window .primary-toolbar button, headerbar button.flat, headerbar .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) headerbar button { +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, .raven .raven-header:not(.top) window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, +.raven .raven-header:not(.top) window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, .nemo-window .primary-toolbar .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) .nemo-window .primary-toolbar button, headerbar button.flat, headerbar .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) headerbar button { border-color: transparent; background-color: transparent; background-image: none; @@ -4407,7 +4420,8 @@ colorchooser .popover.osd { font-family: Monospace; } -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, searchbar .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) searchbar button, row button.circular, .app-notification button.image-button:not(.text-button), +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, searchbar .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) searchbar button, row button.circular, .app-notification button.image-button:not(.text-button), button.circular { border-radius: 100px; -gtk-outline-radius: 100px; @@ -5816,7 +5830,8 @@ button.documents-favorite:active:hover { } window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { background-image: none; background-color: #333333; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); @@ -5824,7 +5839,8 @@ window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, } window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { background-image: none; background-color: #242424; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); @@ -5833,7 +5849,7 @@ window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, .geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar { - background-color: rgba(51, 51, 51, 0.95); + background-color: #333333; } .geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, @@ -5842,37 +5858,41 @@ window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sideba } .geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > box.vertical > paned.horizontal > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#0e0e0e); - background-color: transparent; - border-right: none; +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > box.vertical > paned.horizontal > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, window.background.csd > leaflet > separator.sidebar, +window.background.csd > hdyleaflet > separator.sidebar, +window.background.csd > box.horizontal > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + min-width: 0; + background: none; + border-right-color: #0e0e0e; + border-bottom-color: #0e0e0e; } -.tweak-group-startup, list.tweak-group list, hdyleaflet list.view.frame, leaflet list.view.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { +.tweak-group-startup, list.tweak-group list, hdyleaflet list.frame, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { border-radius: 14px; box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); background-color: rgba(255, 255, 255, 0.05); border: none; } -.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view.frame > separator, leaflet list.view.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.frame > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { background: none; min-height: 0; } -list.tweak-group list row.activatable:first-child, hdyleaflet list.view.frame row.activatable:first-child, leaflet list.view.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { +list.tweak-group list row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { border-top-left-radius: 14px; border-top-right-radius: 14px; } -list.tweak-group list row.activatable:last-child, hdyleaflet list.view.frame row.activatable:last-child, leaflet list.view.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { +list.tweak-group list row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { border-bottom-left-radius: 14px; border-bottom-right-radius: 14px; } -list.tweak-group list row.activatable:only-child, hdyleaflet list.view.frame row.activatable:only-child, leaflet list.view.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { +list.tweak-group list row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { border-radius: 14px; } @@ -5907,6 +5927,11 @@ hdyleaflet frame.view list > separator, leaflet frame.view list > separator { border: none; } +window.background.csd > hdyleaflet > separator.vertical { + min-width: 1px; + background-color: #0e0e0e; +} + window.background.csd > hdyleaflet > box.vertical > stack.main-container { background-color: #242424; border-bottom-right-radius: 14px; @@ -5941,12 +5966,14 @@ window.background.csd > stack { border-radius: 0 0 14px 14px; } +window.background.csd > leaflet > stack.background, window.background.csd > hdyleaflet > stack.background, window.background.csd > box.horizontal > stack.background { background-color: #242424; border-bottom-right-radius: 14px; } +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { color: #dedede; @@ -5955,38 +5982,45 @@ window.background.csd > box.horizontal > stack.background > widget > box.horizon border-color: rgba(0, 0, 0, 0.15); } +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { background-color: #242424; border-bottom-right-radius: 15px; } +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { background: none; } +window.background.csd > leaflet > box.vertical > scrolledwindow.view, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: rgba(51, 51, 51, 0.95); + background-color: #333333; border-bottom-left-radius: 15px; } +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { background-color: transparent; } +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { background-color: transparent; } +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { background: none; } +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { background-color: transparent; @@ -6014,7 +6048,8 @@ stack > grid.vertical scrolledwindow.frame.emptyGrid { border: none; } -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar { +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { color: #FDFDFD; } @@ -6028,12 +6063,20 @@ window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizo border-bottom-right-radius: 15px; } -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical { - background-color: rgba(51, 51, 51, 0.95); +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #333333; border-bottom-left-radius: 14px; } -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: #242424; + border-bottom-right-radius: 14px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { padding: 2px; } @@ -6096,9 +6139,15 @@ viewswitcherbar > actionbar { border: none; } +.polari-room-list .sidebar { + background-color: rgba(51, 51, 51, 0.95); + border-bottom-left-radius: 14px; +} + stack.view.polari-entry-area { background-color: #333333; border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-right-radius: 14px; } stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover, stack.view.polari-entry-area .raven .raven-header:not(.top) button.popup.toggle.polari-nick-button:hover, .raven .raven-header:not(.top) stack.view.polari-entry-area button.popup.toggle.polari-nick-button:hover { @@ -6283,9 +6332,6 @@ window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked margin: 0; } -/******************** - * Gnome Calculator * - ********************/ window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title, .raven .raven-header:not(.top) window.background > headerbar.titlebar > button.popup.toggle.text-button.title { margin: 6px 0; } @@ -6326,9 +6372,6 @@ window.background > grid.vertical > box.vertical grid.math-buttons button:not(.s border-color: rgba(255, 255, 255, 0.12); } -/************ - * Epiphany * - ************/ headerbar.titlebar.incognito-mode entry { color: #FDFDFD; background-color: rgba(255, 255, 255, 0.05); @@ -7058,9 +7101,6 @@ window.thunar notebook header.top tab.reorderable-page > box > label { min-height: 0; } -/********* - * Geary * - *********/ .geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { border-bottom-left-radius: 14px; @@ -7090,7 +7130,7 @@ window#GearyMainWindow.background.csd stack#conversation_viewer { .geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: #242424; + background-color: transparent; border-bottom-right-radius: 14px; } @@ -7323,9 +7363,6 @@ window.background:not(.csd) > window > menu menuitem { border: none; } -/*************** - * Chrome(ium) * - ***************/ window.background.chromium { background-color: #333333; color: #dadada; @@ -7383,9 +7420,6 @@ window.background.chromium > menubar { background-color: #373737; } -/**************** - * Libre-Office * - ****************/ window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { background-color: #373737; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); diff --git a/src/main/gtk-3.0/gtk-light-solid.css b/src/main/gtk-3.0/gtk-light-solid.css index 547c8db..c5a3dd8 100644 --- a/src/main/gtk-3.0/gtk-light-solid.css +++ b/src/main/gtk-3.0/gtk-light-solid.css @@ -1791,7 +1791,8 @@ headerbar entry, .titlebar entry { color: #FC4138; } -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { min-height: 26px; min-width: 22px; color: #575757; @@ -1801,12 +1802,14 @@ window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerb box-shadow: none; } -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:backdrop:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:backdrop:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { opacity: 0.65; background-image: none; } -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:hover:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:hover:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { color: #525252; background-color: rgba(87, 87, 87, 0.1); background-image: none; @@ -1814,7 +1817,8 @@ window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerb transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:active:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:active:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { color: #575757; background-color: rgba(87, 87, 87, 0.25); background-image: none; @@ -1823,11 +1827,14 @@ window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerb transition-duration: 300ms; } -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:active:hover:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:checked:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:active:hover:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:checked:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { color: #575757; } -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:checked:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:checked:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { color: #575757; background-color: rgba(87, 87, 87, 0.12); background-image: none; @@ -1836,20 +1843,26 @@ window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerb transition-duration: 300ms; } -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:checked:hover:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:checked:hover:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { background-image: none; } -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:disabled:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:disabled:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { background: none; box-shadow: none; } -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:disabled:not(.image-button) label, .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:disabled:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:disabled:not(.image-button) label, .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:disabled:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { color: rgba(87, 87, 87, 0.35); } -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, .raven .raven-header:not(.top) window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, .nemo-window .primary-toolbar .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) .nemo-window .primary-toolbar button, headerbar button.flat, headerbar .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) headerbar button { +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, .raven .raven-header:not(.top) window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, +.raven .raven-header:not(.top) window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, .nemo-window .primary-toolbar .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) .nemo-window .primary-toolbar button, headerbar button.flat, headerbar .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) headerbar button { border-color: transparent; background-color: transparent; background-image: none; @@ -4419,7 +4432,8 @@ colorchooser .popover.osd { font-family: Monospace; } -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, searchbar .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) searchbar button, row button.circular, .app-notification button.image-button:not(.text-button), +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, searchbar .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) searchbar button, row button.circular, .app-notification button.image-button:not(.text-button), button.circular { border-radius: 100px; -gtk-outline-radius: 100px; @@ -4428,7 +4442,9 @@ button.circular { min-width: 28px; } -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, searchbar .raven .raven-header:not(.top) button:active, .raven .raven-header:not(.top) searchbar button:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, searchbar .raven .raven-header:not(.top) button:checked, .raven .raven-header:not(.top) searchbar button:checked, .app-notification button.image-button:checked:not(.text-button), +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, searchbar .raven .raven-header:not(.top) button:active, .raven .raven-header:not(.top) searchbar button:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, searchbar .raven .raven-header:not(.top) button:checked, .raven .raven-header:not(.top) searchbar button:checked, .app-notification button.image-button:checked:not(.text-button), button.circular:active, button.circular:checked { background-image: none; @@ -5842,7 +5858,8 @@ button.documents-favorite:active:hover { } window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { background-image: none; background-color: #f0f0f0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); @@ -5850,7 +5867,8 @@ window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, } window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { background-image: none; background-color: white; box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); @@ -5868,37 +5886,41 @@ window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sideba } .geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > box.vertical > paned.horizontal > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#d6d6d6); - background-color: transparent; - border-right: none; +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > box.vertical > paned.horizontal > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, window.background.csd > leaflet > separator.sidebar, +window.background.csd > hdyleaflet > separator.sidebar, +window.background.csd > box.horizontal > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + min-width: 0; + background: none; + border-right-color: #d6d6d6; + border-bottom-color: #d6d6d6; } -.tweak-group-startup, list.tweak-group list, hdyleaflet list.view.frame, leaflet list.view.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { +.tweak-group-startup, list.tweak-group list, hdyleaflet list.frame, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { border-radius: 14px; box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); background-color: rgba(0, 0, 0, 0.03); border: none; } -.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view.frame > separator, leaflet list.view.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.frame > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { background: none; min-height: 0; } -list.tweak-group list row.activatable:first-child, hdyleaflet list.view.frame row.activatable:first-child, leaflet list.view.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { +list.tweak-group list row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { border-top-left-radius: 14px; border-top-right-radius: 14px; } -list.tweak-group list row.activatable:last-child, hdyleaflet list.view.frame row.activatable:last-child, leaflet list.view.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { +list.tweak-group list row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { border-bottom-left-radius: 14px; border-bottom-right-radius: 14px; } -list.tweak-group list row.activatable:only-child, hdyleaflet list.view.frame row.activatable:only-child, leaflet list.view.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { +list.tweak-group list row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { border-radius: 14px; } @@ -5933,6 +5955,11 @@ hdyleaflet frame.view list > separator, leaflet frame.view list > separator { border: none; } +window.background.csd > hdyleaflet > separator.vertical { + min-width: 1px; + background-color: #d6d6d6; +} + window.background.csd > hdyleaflet > box.vertical > stack.main-container { background-color: #ffffff; border-bottom-right-radius: 14px; @@ -5967,12 +5994,14 @@ window.background.csd > stack { border-radius: 0 0 14px 14px; } +window.background.csd > leaflet > stack.background, window.background.csd > hdyleaflet > stack.background, window.background.csd > box.horizontal > stack.background { background-color: #ffffff; border-bottom-right-radius: 14px; } +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { color: #242424; @@ -5981,38 +6010,45 @@ window.background.csd > box.horizontal > stack.background > widget > box.horizon border-color: rgba(0, 0, 0, 0.08); } +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { background-color: #ffffff; border-bottom-right-radius: 15px; } +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { background: none; } +window.background.csd > leaflet > box.vertical > scrolledwindow.view, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { background-color: #f0f0f0; border-bottom-left-radius: 15px; } +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { background-color: transparent; } +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { background-color: transparent; } +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { background: none; } +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { background-color: transparent; @@ -6040,7 +6076,8 @@ stack > grid.vertical scrolledwindow.frame.emptyGrid { border: none; } -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar { +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { color: #575757; } @@ -6054,12 +6091,20 @@ window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizo border-bottom-right-radius: 15px; } -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical { +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { background-color: #f0f0f0; border-bottom-left-radius: 14px; } -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: white; + border-bottom-right-radius: 14px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { padding: 2px; } @@ -6122,9 +6167,15 @@ viewswitcherbar > actionbar { border: none; } +.polari-room-list .sidebar { + background-color: #f0f0f0; + border-bottom-left-radius: 14px; +} + stack.view.polari-entry-area { background-color: #f5f5f5; border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-right-radius: 14px; } stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover, stack.view.polari-entry-area .raven .raven-header:not(.top) button.popup.toggle.polari-nick-button:hover, .raven .raven-header:not(.top) stack.view.polari-entry-area button.popup.toggle.polari-nick-button:hover { @@ -6301,9 +6352,6 @@ window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked margin: 0; } -/******************** - * Gnome Calculator * - ********************/ window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title, .raven .raven-header:not(.top) window.background > headerbar.titlebar > button.popup.toggle.text-button.title { margin: 6px 0; } @@ -6344,9 +6392,6 @@ window.background > grid.vertical > box.vertical grid.math-buttons button:not(.s border-color: rgba(0, 0, 0, 0.12); } -/************ - * Epiphany * - ************/ headerbar.titlebar.incognito-mode entry { color: #575757; background-color: rgba(0, 0, 0, 0.05); @@ -7077,9 +7122,6 @@ window.thunar notebook header.top tab.reorderable-page > box > label { min-height: 0; } -/********* - * Geary * - *********/ .geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { border-bottom-left-radius: 14px; @@ -7109,7 +7151,7 @@ window#GearyMainWindow.background.csd stack#conversation_viewer { .geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: #ffffff; + background-color: transparent; border-bottom-right-radius: 14px; } @@ -7353,9 +7395,6 @@ window.background:not(.csd) > window > menu menuitem { border: none; } -/*************** - * Chrome(ium) * - ***************/ window.background.chromium { background-color: #f5f5f5; color: #363636; @@ -7413,9 +7452,6 @@ window.background.chromium > menubar { background-color: #ffffff; } -/**************** - * Libre-Office * - ****************/ window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { background-color: #ffffff; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); diff --git a/src/main/gtk-3.0/gtk-light.css b/src/main/gtk-3.0/gtk-light.css index 015bb69..a428a9a 100644 --- a/src/main/gtk-3.0/gtk-light.css +++ b/src/main/gtk-3.0/gtk-light.css @@ -1791,7 +1791,8 @@ headerbar entry, .titlebar entry { color: #FC4138; } -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { min-height: 26px; min-width: 22px; color: #575757; @@ -1801,12 +1802,14 @@ window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerb box-shadow: none; } -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:backdrop:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:backdrop:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { opacity: 0.65; background-image: none; } -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:hover:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:hover:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { color: #525252; background-color: rgba(87, 87, 87, 0.1); background-image: none; @@ -1814,7 +1817,8 @@ window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerb transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:active:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:active:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { color: #575757; background-color: rgba(87, 87, 87, 0.25); background-image: none; @@ -1823,11 +1827,14 @@ window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerb transition-duration: 300ms; } -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:active:hover:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:checked:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:active:hover:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:checked:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { color: #575757; } -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:checked:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:checked:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { color: #575757; background-color: rgba(87, 87, 87, 0.12); background-image: none; @@ -1836,20 +1843,26 @@ window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerb transition-duration: 300ms; } -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:checked:hover:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:checked:hover:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { background-image: none; } -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:disabled:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:disabled:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { background: none; box-shadow: none; } -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:disabled:not(.image-button) label, .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:disabled:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:disabled:not(.image-button) label, .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:disabled:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { color: rgba(87, 87, 87, 0.35); } -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, .raven .raven-header:not(.top) window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, .nemo-window .primary-toolbar .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) .nemo-window .primary-toolbar button, headerbar button.flat, headerbar .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) headerbar button { +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, .raven .raven-header:not(.top) window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, +.raven .raven-header:not(.top) window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, .nemo-window .primary-toolbar .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) .nemo-window .primary-toolbar button, headerbar button.flat, headerbar .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) headerbar button { border-color: transparent; background-color: transparent; background-image: none; @@ -4419,7 +4432,8 @@ colorchooser .popover.osd { font-family: Monospace; } -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, searchbar .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) searchbar button, row button.circular, .app-notification button.image-button:not(.text-button), +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, searchbar .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) searchbar button, row button.circular, .app-notification button.image-button:not(.text-button), button.circular { border-radius: 100px; -gtk-outline-radius: 100px; @@ -4428,7 +4442,9 @@ button.circular { min-width: 28px; } -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, searchbar .raven .raven-header:not(.top) button:active, .raven .raven-header:not(.top) searchbar button:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, searchbar .raven .raven-header:not(.top) button:checked, .raven .raven-header:not(.top) searchbar button:checked, .app-notification button.image-button:checked:not(.text-button), +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, searchbar .raven .raven-header:not(.top) button:active, .raven .raven-header:not(.top) searchbar button:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, searchbar .raven .raven-header:not(.top) button:checked, .raven .raven-header:not(.top) searchbar button:checked, .app-notification button.image-button:checked:not(.text-button), button.circular:active, button.circular:checked { background-image: none; @@ -5838,7 +5854,8 @@ button.documents-favorite:active:hover { } window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { background-image: none; background-color: #f0f0f0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); @@ -5846,7 +5863,8 @@ window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, } window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { background-image: none; background-color: white; box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); @@ -5855,7 +5873,7 @@ window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, .geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar { - background-color: rgba(240, 240, 240, 0.94); + background-color: #f0f0f0; } .geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, @@ -5864,37 +5882,41 @@ window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sideba } .geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > box.vertical > paned.horizontal > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#d6d6d6); - background-color: transparent; - border-right: none; +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > box.vertical > paned.horizontal > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, window.background.csd > leaflet > separator.sidebar, +window.background.csd > hdyleaflet > separator.sidebar, +window.background.csd > box.horizontal > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + min-width: 0; + background: none; + border-right-color: #d6d6d6; + border-bottom-color: #d6d6d6; } -.tweak-group-startup, list.tweak-group list, hdyleaflet list.view.frame, leaflet list.view.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { +.tweak-group-startup, list.tweak-group list, hdyleaflet list.frame, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { border-radius: 14px; box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); background-color: rgba(0, 0, 0, 0.03); border: none; } -.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view.frame > separator, leaflet list.view.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.frame > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { background: none; min-height: 0; } -list.tweak-group list row.activatable:first-child, hdyleaflet list.view.frame row.activatable:first-child, leaflet list.view.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { +list.tweak-group list row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { border-top-left-radius: 14px; border-top-right-radius: 14px; } -list.tweak-group list row.activatable:last-child, hdyleaflet list.view.frame row.activatable:last-child, leaflet list.view.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { +list.tweak-group list row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { border-bottom-left-radius: 14px; border-bottom-right-radius: 14px; } -list.tweak-group list row.activatable:only-child, hdyleaflet list.view.frame row.activatable:only-child, leaflet list.view.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { +list.tweak-group list row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { border-radius: 14px; } @@ -5929,6 +5951,11 @@ hdyleaflet frame.view list > separator, leaflet frame.view list > separator { border: none; } +window.background.csd > hdyleaflet > separator.vertical { + min-width: 1px; + background-color: #d6d6d6; +} + window.background.csd > hdyleaflet > box.vertical > stack.main-container { background-color: #ffffff; border-bottom-right-radius: 14px; @@ -5963,12 +5990,14 @@ window.background.csd > stack { border-radius: 0 0 14px 14px; } +window.background.csd > leaflet > stack.background, window.background.csd > hdyleaflet > stack.background, window.background.csd > box.horizontal > stack.background { background-color: #ffffff; border-bottom-right-radius: 14px; } +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { color: #242424; @@ -5977,38 +6006,45 @@ window.background.csd > box.horizontal > stack.background > widget > box.horizon border-color: rgba(0, 0, 0, 0.08); } +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { background-color: #ffffff; border-bottom-right-radius: 15px; } +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { background: none; } +window.background.csd > leaflet > box.vertical > scrolledwindow.view, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: rgba(240, 240, 240, 0.94); + background-color: #f0f0f0; border-bottom-left-radius: 15px; } +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { background-color: transparent; } +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { background-color: transparent; } +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { background: none; } +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { background-color: transparent; @@ -6036,7 +6072,8 @@ stack > grid.vertical scrolledwindow.frame.emptyGrid { border: none; } -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar { +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { color: #575757; } @@ -6050,12 +6087,20 @@ window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizo border-bottom-right-radius: 15px; } -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical { - background-color: rgba(240, 240, 240, 0.94); +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #f0f0f0; border-bottom-left-radius: 14px; } -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: white; + border-bottom-right-radius: 14px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { padding: 2px; } @@ -6118,9 +6163,15 @@ viewswitcherbar > actionbar { border: none; } +.polari-room-list .sidebar { + background-color: rgba(240, 240, 240, 0.94); + border-bottom-left-radius: 14px; +} + stack.view.polari-entry-area { background-color: #f5f5f5; border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-right-radius: 14px; } stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover, stack.view.polari-entry-area .raven .raven-header:not(.top) button.popup.toggle.polari-nick-button:hover, .raven .raven-header:not(.top) stack.view.polari-entry-area button.popup.toggle.polari-nick-button:hover { @@ -6297,9 +6348,6 @@ window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked margin: 0; } -/******************** - * Gnome Calculator * - ********************/ window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title, .raven .raven-header:not(.top) window.background > headerbar.titlebar > button.popup.toggle.text-button.title { margin: 6px 0; } @@ -6340,9 +6388,6 @@ window.background > grid.vertical > box.vertical grid.math-buttons button:not(.s border-color: rgba(0, 0, 0, 0.12); } -/************ - * Epiphany * - ************/ headerbar.titlebar.incognito-mode entry { color: #575757; background-color: rgba(0, 0, 0, 0.05); @@ -7073,9 +7118,6 @@ window.thunar notebook header.top tab.reorderable-page > box > label { min-height: 0; } -/********* - * Geary * - *********/ .geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { border-bottom-left-radius: 14px; @@ -7105,7 +7147,7 @@ window#GearyMainWindow.background.csd stack#conversation_viewer { .geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: #ffffff; + background-color: transparent; border-bottom-right-radius: 14px; } @@ -7349,9 +7391,6 @@ window.background:not(.csd) > window > menu menuitem { border: none; } -/*************** - * Chrome(ium) * - ***************/ window.background.chromium { background-color: #f5f5f5; color: #363636; @@ -7409,9 +7448,6 @@ window.background.chromium > menubar { background-color: #ffffff; } -/**************** - * Libre-Office * - ****************/ window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { background-color: #ffffff; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); diff --git a/src/sass/gtk/_applications.scss b/src/sass/gtk/_applications.scss index 1e2dff8..54814c7 100644 --- a/src/sass/gtk/_applications.scss +++ b/src/sass/gtk/_applications.scss @@ -1271,7 +1271,6 @@ button.documents-favorite:active:hover { // // Gnome Tweak Tool ( Gnome tweaks ) // - %side_headerbar_left { background-image: none; background-color: rgba($dark_sidebar_bg, 1); @@ -1287,7 +1286,7 @@ button.documents-favorite:active:hover { } %side_searchbar { - background-color: $dark_sidebar_bg; + background-color: rgba($dark_sidebar_bg, 1); > revealer > box { border-color: if($variant == 'light', $solid_borders_color, $header_border); @@ -1296,9 +1295,10 @@ button.documents-favorite:active:hover { %side_separator { &, &:backdrop { - background-image: if($variant == 'light', image($solid_borders_color), image($header_border)); - background-color: transparent; - border-right: none; + min-width: 0; + background: none; + border-right-color: if($variant == 'light', $solid_borders_color, $header_border); + border-bottom-color: if($variant == 'light', $solid_borders_color, $header_border); } } @@ -1370,7 +1370,7 @@ hdyleaflet, leaflet { } } - list.view.frame { + list.frame { @extend %circular_list; row.activatable { @extend %circular_row; } @@ -1407,7 +1407,8 @@ list { window.background.csd { > hdyleaflet { > separator.vertical { - @extend %side_separator; + min-width: 1px; + background-color: if($variant == 'light', $solid_borders_color, $header_border); } > box.vertical { @@ -1470,17 +1471,20 @@ window.background.csd { > headerbar.titlebar { // gnome 3.32 or later > box.horizontal > headerbar:first-child, - > hdyleaflet > headerbar:first-child { + > hdyleaflet > headerbar:first-child, + > leaflet > headerbar:first-child { @extend %side_headerbar_left; } > box.horizontal > headerbar:last-child, - > hdyleaflet > headerbar:last-child { + > hdyleaflet > headerbar:last-child, + > leaflet > headerbar:last-child { @extend %side_headerbar_right; } > box.horizontal > separator.sidebar, - > hdyleaflet > separator.sidebar { + > hdyleaflet > separator.sidebar, + > leaflet > separator.sidebar { @extend %side_separator; } } @@ -1493,6 +1497,7 @@ window.background.csd { @extend %side_separator; } + > leaflet > stack.background, // > 3.38.0 > hdyleaflet > stack.background, // > 3.34.0 > box.horizontal > stack.background { background-color: $base_color; @@ -1523,9 +1528,10 @@ window.background.csd { } } + > leaflet > box.vertical > scrolledwindow.view, // > 3.38.0 > hdyleaflet > box.vertical > scrolledwindow.view, // > 3.34.0 > box.horizontal > box.vertical > scrolledwindow.view { // > 3.25.90 - background-color: $dark_sidebar_bg; + background-color: rgba($dark_sidebar_bg, 1); border-bottom-left-radius: $wm_radius + 1px; > viewport.frame > stack { @@ -1542,11 +1548,12 @@ window.background.csd { } } } -} -box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar { // reset - @extend %side_separator; + > leaflet > separator.sidebar, + > hdyleaflet > separator.sidebar, + > box.horizontal > separator.sidebar { + @extend %side_separator; + } } // @@ -1590,7 +1597,8 @@ stack { // window.background.csd { > headerbar.titlebar.selection-mode { - > hdyleaflet > headerbar { + > hdyleaflet > headerbar, + > leaflet > headerbar { color: $header_fg; > button { @extend %headerbar_buttons; } @@ -1611,9 +1619,10 @@ window.background.csd { } } - > overlay > hdyleaflet { + > overlay > hdyleaflet, + > overlay > leaflet { > stack > frame > grid.vertical { - background-color: $dark_sidebar_bg; + background-color: rgba($dark_sidebar_bg, 1); border-bottom-left-radius: $wm_radius; // list.contacts-contact-list {} @@ -1623,8 +1632,11 @@ window.background.csd { @extend %side_separator; } - > overlay > scrolledwindow > viewport.frame > hdycolumn { - > stack > box.horizontal > box.vertical > box.horizontal { + > overlay > scrolledwindow > viewport.frame { + background-color: rgba($base_color, 1); + border-bottom-right-radius: $wm_radius; + + > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal { > button.image-button { @extend %circular_button; padding: 2px; @@ -1681,7 +1693,6 @@ notebook.main-notebook { // // Gnome Music // - window.background.csd { > box.vertical > overlay > stack.background { border-radius: 0 0 $wm_radius $wm_radius; @@ -1691,7 +1702,6 @@ window.background.csd { // // Gnome Weather // - #weather-page, #weekly-forecast-frame { border-bottom-right-radius: $wm_radius; @@ -1732,9 +1742,17 @@ viewswitcherbar > actionbar { // Gnome 3.38 // // Polari // +.polari-room-list { + .sidebar { + background-color: $dark_sidebar_bg; + border-bottom-left-radius: $wm_radius; + } +} + stack.view.polari-entry-area { background-color: $bg_color; border-top: 1px solid $borders_color; + border-bottom-right-radius: $wm_radius; button.popup.flat.toggle.polari-nick-button { &:hover { @@ -1821,7 +1839,7 @@ gf-candidate-box { } // -// * rhythmbox * +// rhythmbox // %toolbar_radio_button { @@ -1918,9 +1936,9 @@ window.background > box.vertical > toolbar.primary-toolbar { } } - /******************** - * Gnome Calculator * - ********************/ +// +// Gnome Calculator +// window.background { > headerbar.titlebar { // mode-selector button > button.flat.popup.toggle.text-button.title { @@ -1953,9 +1971,9 @@ window.background { } } -/************ - * Epiphany * - ************/ +// +// Epiphany +// $question_bg_color: #FFEA00; @@ -2722,9 +2740,9 @@ window.thunar { } } - /********* - * Geary * - *********/ +// +// Geary +// .geary-main-window.background.csd, window#GearyMainWindow.background.csd { > overlay > box.vertical { @@ -2761,7 +2779,7 @@ window#GearyMainWindow.background.csd { scrolledwindow.geary-conversation-scroller { viewport.frame { list.conversation-listbox { - background-color: $base_color; + background-color: transparent; border-bottom-right-radius: $wm_radius; } } @@ -2834,7 +2852,7 @@ window#GearyMainWindow.background.csd { } // -// * Firefox and Thunderbird * +// Firefox and Thunderbird // window.background:not(.csd) { @@ -2924,9 +2942,9 @@ window.background:not(.csd) { } } -// /******************* -// * Firefox Quantum * -// *******************/ +// +// Firefox Quantum +// #MozillaGtkWidget { // blend with weird toolbar backgrounds @@ -3001,9 +3019,9 @@ window.background:not(.csd) { menu { border: none; } } -/*************** - * Chrome(ium) * - ***************/ +// +// Chrome(ium) +// $chrome_bg_color: $bg_color; $chrome_fg_color: $text_color; @@ -3095,9 +3113,9 @@ window.background.chromium { // } } -/**************** - * Libre-Office * - ****************/ +// +// Libre-Office +// window.background:not(.solid-csd) { // reserved area at the most-right side of GtkMenuBar > grid.horizontal > grid.horizontal { @@ -3142,9 +3160,9 @@ window.background:not(.solid-csd) { } } -// /********* -// * Tilix * -// *********/ +// +// Tilix +// // in-line titlebars widget > box.terminal-titlebar { @@ -3277,7 +3295,7 @@ box#DesktopStatusBar { } // -// Synaptic +// Synaptic // window > box.vertical > box.horizontal { > toolbar {