From ab546ab8e4fcbe959badb027f2a40fe7ef509c76 Mon Sep 17 00:00:00 2001 From: vinceliuice Date: Sat, 17 Feb 2018 21:03:00 +0800 Subject: [PATCH] Update and fixed bugs --- Install | 18 +- src/gnome-shell/gnome-shell-dark-solid.css | 2408 ++++++++ src/gnome-shell/gnome-shell-dark-solid.scss | 10 + src/gnome-shell/gnome-shell-dark.css | 43 +- src/gnome-shell/gnome-shell-dark.scss | 1 + src/gnome-shell/gnome-shell-light-solid.css | 2408 ++++++++ src/gnome-shell/gnome-shell-light-solid.scss | 10 + src/gnome-shell/gnome-shell-light.css | 21 +- src/gnome-shell/gnome-shell-light.scss | 1 + src/gnome-shell/sass/_colors.scss | 8 +- src/gnome-shell/sass/_common.scss | 24 +- src/gnome-shell/sass/_variables.scss | 2 + src/gtk-3.0/gtk-dark-solid.css | 5219 +++++++++++++++++ src/gtk-3.0/gtk-dark-solid.scss | 13 + src/gtk-3.0/gtk-dark.css | 84 +- src/gtk-3.0/gtk-light-solid.css | 5226 ++++++++++++++++++ src/gtk-3.0/gtk-light-solid.scss | 13 + src/gtk-3.0/gtk-light.css | 84 +- src/gtk-3.0/sass/_applications.scss | 2 +- src/gtk-3.0/sass/_common.scss | 41 +- src/gtk-3.0/sass/_drawing.scss | 12 +- 21 files changed, 15477 insertions(+), 171 deletions(-) create mode 100644 src/gnome-shell/gnome-shell-dark-solid.css create mode 100644 src/gnome-shell/gnome-shell-dark-solid.scss create mode 100644 src/gnome-shell/gnome-shell-light-solid.css create mode 100644 src/gnome-shell/gnome-shell-light-solid.scss create mode 100644 src/gtk-3.0/gtk-dark-solid.css create mode 100644 src/gtk-3.0/gtk-dark-solid.scss create mode 100644 src/gtk-3.0/gtk-light-solid.css create mode 100644 src/gtk-3.0/gtk-light-solid.scss diff --git a/Install b/Install index f9b627b..48db9ef 100755 --- a/Install +++ b/Install @@ -17,22 +17,23 @@ srcdir=${repodir}/src rm -rf $DEST_DIR/Sierra* # Copying files +for trans in '' '-solid' ; do for color in '-light' '-dark'; do - echo -e " Installing Sierra${color} ..." + echo -e " Installing Sierra${color}${trans} ..." - themedir=$DEST_DIR/Sierra${color} + themedir=$DEST_DIR/Sierra${color}${trans} install -d ${themedir} # Install index.theme echo "[Desktop Entry]" >> ${themedir}/index.theme echo "Type=X-GNOME-Metatheme" >> ${themedir}/index.theme - echo "Name=Sierra${color}" >> ${themedir}/index.theme + echo "Name=Sierra${color}${trans}" >> ${themedir}/index.theme echo "Comment=An Stylish Gtk+ theme based on Elegant Design" >> ${themedir}/index.theme echo "Encoding=UTF-8" >> ${themedir}/index.theme echo "" >> ${themedir}/index.theme echo "[X-GNOME-Metatheme]" >> ${themedir}/index.theme - echo "GtkTheme=Sierra${color}" >> ${themedir}/index.theme - echo "MetacityTheme=Sierra${color}" >> ${themedir}/index.theme + echo "GtkTheme=Sierra${color}${trans}" >> ${themedir}/index.theme + echo "MetacityTheme=Sierra${color}${trans}" >> ${themedir}/index.theme echo "IconTheme=Adwaita" >> ${themedir}/index.theme echo "CursorTheme=Adwaita" >> ${themedir}/index.theme echo "ButtonLayout=close,minimize,maximize:menu" >> ${themedir}/index.theme @@ -42,7 +43,7 @@ srcdir=${repodir}/src cd ${srcdir}/gnome-shell cp -ur \ - gnome-shell${color}.css \ + gnome-shell${color}${trans}.css \ ${themedir}/gnome-shell/gnome-shell.css cp -ur \ @@ -145,11 +146,11 @@ srcdir=${repodir}/src ${themedir}/gtk-3.0/thumbnail.png cp -ur \ - gtk${color}.css \ + gtk${color}${trans}.css \ ${themedir}/gtk-3.0/gtk.css cp -ur \ - gtk-dark.css \ + gtk-dark${trans}.css \ ${themedir}/gtk-3.0/gtk-dark.css # Install Metacity Theme @@ -190,4 +191,5 @@ srcdir=${repodir}/src ${themedir}/xfwm4/themerc done +done diff --git a/src/gnome-shell/gnome-shell-dark-solid.css b/src/gnome-shell/gnome-shell-dark-solid.css new file mode 100644 index 0000000..56c5500 --- /dev/null +++ b/src/gnome-shell/gnome-shell-dark-solid.css @@ -0,0 +1,2408 @@ +/* This stylesheet is generated, DO NOT EDIT */ +/* Copyright 2009, 2015 Red Hat, Inc. + * + * Portions adapted from Mx's data/style/default.css + * Copyright 2009 Intel Corporation + * + * This program is free software; you can redistribute it and/or modify it + * under the terms and conditions of the GNU Lesser General Public License, + * version 2.1, as published by the Free Software Foundation. + * + * This program is distributed in the hope it will be useful, but WITHOUT ANY + * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS + * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for + * more details. + * + * You should have received a copy of the GNU Lesser General Public License + * along with this program; if not, write to the Free Software Foundation, + * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. + */ +/* GLOBALS */ +* { + transition-duration: 150ms; } + +stage { + font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; + font-size: 9.75pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.9); } + +/* WIDGETS */ +/* Buttons */ +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 8px; + font-size: 9.75pt; + font-weight: 500; + color: rgba(255, 255, 255, 0.7); + background-color: transparent; + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; } + .button:hover { + color: rgba(255, 255, 255, 0.9); + background-color: rgba(255, 255, 255, 0.06); + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; } + .button:active { + color: rgba(255, 255, 255, 0.9); + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; } + .button:insensitive { + color: rgba(255, 255, 255, 0.3); + background-color: transparent; + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; } + .button:focus { + color: rgba(255, 255, 255, 0.9); + text-shadow: none; + icon-shadow: none; + box-shadow: 0 0 transparent; } + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + border-top: 1px solid rgba(255, 255, 255, 0.12) !important; + border-right-width: 0; + font-size: 9.75pt; + font-weight: 500; + color: rgba(255, 255, 255, 0.7); + background-color: transparent; + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; } + .modal-dialog-linked-button:hover { + color: rgba(255, 255, 255, 0.9); + background-color: rgba(255, 255, 255, 0.06); + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; } + .modal-dialog-linked-button:active { + color: rgba(255, 255, 255, 0.9); + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; } + .modal-dialog-linked-button:insensitive { + color: rgba(255, 255, 255, 0.3); + background-color: transparent; + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; } + .modal-dialog-linked-button:focus { + color: rgba(255, 255, 255, 0.9); + text-shadow: none; + icon-shadow: none; + box-shadow: 0 0 transparent; } + .modal-dialog-linked-button:first-child { + border-radius: 0px 0px 0px 2px; } + .modal-dialog-linked-button:last-child { + border-right-width: 0px; + border-radius: 0px 0px 2px 0px; } + .modal-dialog-linked-button:first-child:last-child { + border-right-width: 0px; + border-radius: 0px 0px 2px 2px; } + +/* Entries */ +StEntry { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + border-width: 0; + color: rgba(255, 255, 255, 0.9); + selection-background-color: #0062FF; + selected-color: rgba(255, 255, 255, 0.85); + font-size: 11.25pt; + font-weight: 400; + background-color: #212121; + border-radius: 5px; + border: 1px solid rgba(255, 255, 255, 0.12); + box-shadow: none; } + StEntry:focus { + border: 1px solid #4d91ff; + box-shadow: 0 0 0 2px #4d91ff; } + StEntry:insensitive { + color: rgba(255, 255, 255, 0.5); + border: 1px solid rgba(255, 255, 255, 0.5); } + StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #FF6D00; + padding: 0 0; } + +/* Scrollbars */ +StScrollView.vfade { + -st-vfade-offset: 32px; } +StScrollView.hfade { + -st-hfade-offset: 32px; } + +StScrollBar { + padding: 0; } + StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; } + StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.06); } + StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.5); + margin: 6px; } + StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.7); } + StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.9); } + +#overview StScrollBar StBin#trough, #screenShieldNotifications StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); } +#overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#hhandle, #screenShieldNotifications StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); } + #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#hhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.7); } + #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#hhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); } + +/* Slider */ +.slider { + height: 20px; + color: white; + -slider-height: 2px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: #0062FF; + -slider-active-border-color: transparent; + -slider-border-width: 0; + -slider-handle-radius: 7px; } + +/* Check Boxes */ +.check-box * { + min-height: 16px; + padding: 8px 0; } +.check-box StBoxLayout { + spacing: 8px; } +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); } +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); } +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.06); } +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.1); } +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); } +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); } +.check-box:hover:checked StBin { + background-color: rgba(0, 98, 255, 0.15); } +.check-box:active:checked StBin { + background-color: rgba(0, 98, 255, 0.3); } + +/* Switches */ +.toggle-switch { + width: 40px; + height: 20px; + background-size: contain; } + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); } + .toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); } + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); } + .toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); } + +/* links */ +.shell-link { + border-radius: 8px; + color: #0062FF; } + .shell-link:hover { + color: #0062FF; + background-color: rgba(0, 98, 255, 0.15); } + .shell-link:active { + color: #0062FF; + background-color: rgba(0, 98, 255, 0.3); } + +/* Modal Dialogs */ +.headline { + font-size: 15pt; + font-weight: 500; } + +.lightbox { + background-color: black; } + +.flashspot { + background-color: white; } + +.modal-dialog { + border-radius: 8px; + color: rgba(255, 255, 255, 0.9); + background-color: #242424; + border: none; + box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } + .modal-dialog .modal-dialog-content-box { + padding: 24px; } + .modal-dialog .run-dialog-entry { + width: 20em; + margin-bottom: 6px; } + .modal-dialog .run-dialog-error-box { + padding-top: 16px; + spacing: 6px; } + .modal-dialog .run-dialog-button-box { + padding-top: 1em; } + .modal-dialog .run-dialog-label { + font-size: 1em; + font-weight: normal; + color: rgba(255, 255, 255, 0.5); + padding-bottom: .4em; } + +.mount-dialog-subject, +.end-session-dialog-subject { + font-size: 15pt; + font-weight: 500; } + +/* Message Dialog */ +.message-dialog-main-layout { + padding: 12px 20px 0; + spacing: 12px; } + +.message-dialog-content { + max-width: 28em; + spacing: 20px; } + +.message-dialog-icon { + min-width: 48px; + icon-size: 48px; } + +.message-dialog-title { + font-weight: bold; } + +.message-dialog-subtitle { + color: rgba(255, 255, 255, 0.7); + font-weight: bold; } + +/* End Session Dialog */ +.end-session-dialog { + spacing: 42px; + border: none; } + +.end-session-dialog-list { + padding-top: 20px; } + +.end-session-dialog-layout { + padding-left: 17px; } + .end-session-dialog-layout:rtl { + padding-right: 17px; } + +.end-session-dialog-description { + width: 28em; + padding-bottom: 10px; } + .end-session-dialog-description:rtl { + text-align: right; } + +.end-session-dialog-warning { + width: 28em; + color: #FF6D00; + padding-top: 6px; } + .end-session-dialog-warning:rtl { + text-align: right; } + +.end-session-dialog-logout-icon { + border-radius: 5px; + width: 48px; + height: 48px; + background-size: contain; } + +.end-session-dialog-shutdown-icon { + color: rgba(255, 255, 255, 0.5); + width: 48px; + height: 48px; } + +.end-session-dialog-inhibitor-layout { + spacing: 16px; + max-height: 200px; + padding-right: 65px; + padding-left: 65px; } + +.end-session-dialog-session-list, +.end-session-dialog-app-list { + spacing: 1em; } + +.end-session-dialog-list-header { + font-weight: bold; } + .end-session-dialog-list-header:rtl { + text-align: right; } + +.end-session-dialog-app-list-item, +.end-session-dialog-session-list-item { + spacing: 1em; } + +.end-session-dialog-app-list-item-name, +.end-session-dialog-session-list-item-name { + font-weight: bold; } + +.end-session-dialog-app-list-item-description { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; } + +/* ShellMountOperation Dialogs */ +.shell-mount-operation-icon { + icon-size: 48px; } + +.mount-dialog { + spacing: 24px; } + .mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; } + .mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; } + .mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; } + .mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; } + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; } + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; } + +.mount-dialog-app-list-item { + color: rgba(255, 255, 255, 0.9); } + .mount-dialog-app-list-item:hover { + color: rgba(255, 255, 255, 0.9); } + .mount-dialog-app-list-item:ltr { + padding-right: 1em; } + .mount-dialog-app-list-item:rtl { + padding-left: 1em; } + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; } +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; } + +.mount-dialog-app-list-item-name { + font-size: 1em; } + +/* Password or Authentication Dialog */ +.prompt-dialog { + width: 34em; + border: none; } + .prompt-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; } + .prompt-dialog .message-dialog-content { + spacing: 16px; } + .prompt-dialog .message-dialog-title { + font-size: 15pt; + font-weight: 500; + color: rgba(255, 255, 255, 0.9); } + +.prompt-dialog-description:rtl { + text-align: right; } + +.prompt-dialog-password-box { + spacing: 1em; + padding-bottom: 1em; } + +.prompt-dialog-error-label { + font-size: 1em; + color: #DD2C00; + padding-bottom: 8px; } + +.prompt-dialog-info-label { + font-size: 1em; + padding-bottom: 8px; } + +.hidden { + color: transparent; } + +.prompt-dialog-null-label { + font-size: 1em; + padding-bottom: 8px; } + +/* Polkit Dialog */ +.polkit-dialog-user-layout { + padding-left: 10px; + spacing: 10px; } + .polkit-dialog-user-layout:rtl { + padding-left: 0px; + padding-right: 10px; } + +.polkit-dialog-user-root-label { + color: #FF6D00; } + +.polkit-dialog-user-icon { + border-radius: 5px; + background-size: contain; + width: 48px; + height: 48px; } + +/* Audio selection dialog */ +.audio-device-selection-dialog { + spacing: 30px; } + +.audio-selection-content { + spacing: 20px; + padding: 24px; } + +.audio-selection-title { + font-weight: bold; + text-align: center; } + +.audio-selection-box { + spacing: 20px; } + +.audio-selection-device { + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 8px; } + .audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { + background-color: #0062FF; } + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; } + +.audio-selection-device-icon { + icon-size: 64px; } + +/* Access Dialog */ +.access-dialog { + spacing: 30px; } + +/* Geolocation Dialog */ +.geolocation-dialog { + spacing: 30px; } + +/* Extension Dialog */ +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; } +.extension-dialog .message-dialog-title { + color: rgba(255, 255, 255, 0.7); } + +/* Inhibit-Shortcuts Dialog */ +.inhibit-shortcuts-dialog { + spacing: 30px; } + +/* Network Agent Dialog */ +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; } + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; } + +/* Popovers/Menus */ +.popup-menu { + min-width: 12em; + background-color: transparent; } + .popup-menu .popup-sub-menu { + background-color: rgba(100, 100, 100, 0.35); + box-shadow: 0 0 transparent; + border-radius: 0 0 5px 5px; } + .popup-menu .popup-menu-content { + padding: 6px 0; + margin: 0 2px; } + .popup-menu .popup-menu-item { + spacing: 4px; + transition-duration: 100ms; + border-radius: 5px; } + .popup-menu .popup-menu-item:ltr { + padding: 0.4em 24px 0.4em 0; } + .popup-menu .popup-menu-item:rtl { + padding: 0.4em 0 0.4em 24px; } + .popup-menu .popup-menu-item:checked { + background-color: #0062FF; + color: rgba(255, 255, 255, 0.85); + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.15); + font-weight: normal; + border-radius: 5px 5px 0 0; + text-shadow: 0 1px rgba(0, 0, 0, 0.45); } + .popup-menu .popup-menu-item:checked.selected { + background-color: rgba(29, 116, 255, 0.9775); + color: rgba(255, 255, 255, 0.85); } + .popup-menu .popup-menu-item:checked:active { + background-color: rgba(61, 136, 255, 0.955); + color: rgba(255, 255, 255, 0.85) !important; } + .popup-menu .popup-menu-item:checked:insensitive { + color: rgba(255, 255, 255, 0.5); } + .popup-menu .popup-menu-item.selected { + background-color: rgba(255, 255, 255, 0.06); + color: rgba(255, 255, 255, 0.9); + transition-duration: 0ms; } + .popup-menu .popup-menu-item:active { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.9); + transition-duration: 150ms; } + .popup-menu .popup-menu-item.selected:active { + color: rgba(255, 255, 255, 0.9); } + .popup-menu .popup-menu-item:insensitive { + color: rgba(255, 255, 255, 0.5); } + .popup-menu .popup-inactive-menu-item { + color: rgba(255, 255, 255, 0.9); } + .popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(255, 255, 255, 0.5); } + .popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; } + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; } + +.popup-menu-boxpointer, +.candidate-popup-boxpointer { + -arrow-border-radius: 0; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 0; + -arrow-rise: 0; + -arrow-box-shadow: none; + margin: 2px 6px 6px; + background-color: #242424; + border-radius: 5px; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } + +.popup-separator-menu-item { + height: 1px; + margin: 0 38px; + background-color: rgba(255, 255, 255, 0.12); + border-color: transparent; + border-bottom-width: 0; + border-bottom-style: solid; } + +.background-menu { + -boxpointer-gap: 8px; + -arrow-rise: 0; } + +/* fallback menu +- odd thing for styling App menu when apparently not running under shell. Light Adwaita styled + app menu inside the main app window itself rather than the top bar +*/ +/* OSD */ +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; } + .osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; } + .osd-window .level { + height: 8px; + border-radius: 0; + background-color: rgba(0, 98, 255, 0.3); + color: rgba(255, 255, 255, 0.9); } + .osd-window .level-bar { + background-color: #0062FF; + border-radius: 0; } + +/* Pad OSD */ +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); } + .pad-osd-window .pad-osd-title-box { + spacing: 12px; } + .pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; } + +.combo-box-label { + width: 15em; } + +/* App Switcher */ +.switcher-popup { + padding: 8px; + spacing: 16px; } + +.switcher-list-item-container { + spacing: 8px; } + +.switcher-list .item-box { + padding: 8px; + border-radius: 8px; } + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.06); + color: rgba(255, 255, 255, 0.9); } + +.switcher-list .item-box:selected { + background-color: #0062FF; + color: rgba(255, 255, 255, 0.85); } + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; } + +.switcher-list .thumbnail { + width: 256px; } + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); } + +.switcher-arrow { + border-color: transparent; + color: rgba(255, 255, 255, 0.5); } + .switcher-arrow:highlighted { + color: rgba(255, 255, 255, 0.9); } + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; } + +/* Window Cycler */ +.cycler-highlight { + border: 4px solid #0062FF; } + +/* Workspace Switcher */ +.workspace-switcher-group { + padding: 8px; } + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; } + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #0062FF; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 8px; } + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.06); + border-radius: 8px; } + +.osd-window, +.resize-popup, +.switcher-list, .workspace-switcher-container { + color: rgba(255, 255, 255, 0.9); + background-color: #242424; + border: none; + box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); + border-radius: 8px; + padding: 12px; } + +/* Tiled window previews */ +.tile-preview { + background-color: rgba(0, 98, 255, 0.3); + border: 1px solid #0062FF; } + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; } + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; } + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; } + +/* TOP BAR */ +#panel { + background-color: #242424; + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 0 8px rgba(0, 0, 0, 0.2), 0 0 4px rgba(0, 0, 0, 0.3); } + #panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; } + #panel #panelLeft, #panel #panelCenter { + spacing: 0; } + #panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: #242424; + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; } + #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: rgba(255, 255, 255, 0.85); } + #panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; } + #panel .panel-corner StLabel { + padding: 0 4px; } + #panel .panel-button { + -natural-hpadding: 10px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #dedede; + text-shadow: none; + transition-duration: 150ms; } + #panel .panel-button StLabel { + padding: 0 6px; } + #panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 6px; + margin-right: 0; } + #panel .panel-button .system-status-icon, + #panel .panel-button .app-menu-icon > StIcon, + #panel .panel-button .popup-menu-arrow { + icon-shadow: none; } + #panel .panel-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); + text-shadow: none; } + #panel .panel-button:hover .system-status-icon, + #panel .panel-button:hover .app-menu-icon > StIcon, + #panel .panel-button:hover .popup-menu-arrow { + icon-shadow: none; } + #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + background-color: #0062FF; + color: rgba(255, 255, 255, 0.85); + box-shadow: none; } + #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { + icon-shadow: none; } + #panel .panel-button .system-status-icon { + icon-size: 1.23077em; + padding: 0 4px; } + .unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: rgba(255, 255, 255, 0.7); } + .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: rgba(255, 255, 255, 0.85); } + #panel .panel-status-indicators-box, + #panel .panel-status-menu-box { + spacing: 2px; } + #panel .power-status.panel-status-indicators-box { + spacing: 0; } + #panel .screencast-indicator { + color: #FF6D00; } + #panel.solid { + background-color: #242424; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; } + #panel.solid:overview { + background-color: transparent; } + #panel.solid .panel-corner { + -panel-corner-background-color: #242424; } + #panel.solid .panel-button { + color: #dedede; + text-shadow: none; } + #panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); } + #panel.solid .system-status-icon, + #panel.solid .app-menu-icon > StIcon, + #panel.solid .popup-menu-arrow { + icon-shadow: none; } + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; } +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; } + +#calendarArea { + padding: 8px 16px; } + +.calendar { + margin-bottom: 0; } + +.calendar, +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 0 8px; } + +.datemenu-calendar-column { + spacing: 8px; } + +.datemenu-displays-section { + padding-bottom: 0; } + +.datemenu-displays-box { + spacing: 8px; } + +.datemenu-calendar-column { + border: 0 solid rgba(255, 255, 255, 0.12); } + .datemenu-calendar-column:ltr { + border-left-width: 0; } + .datemenu-calendar-column:rtl { + border-right-width: 0; } + +.datemenu-today-button, +.world-clocks-button, +.weather-button, +.events-section-title { + min-height: 20px; + padding: 4px 8px; + border-radius: 8px; } + +.datemenu-today-button { + min-height: 48px; } + +.message-list-section-list:ltr { + padding-left: 0; } + +.message-list-section-list:rtl { + padding-right: 0; } + +.datemenu-today-button:hover, .datemenu-today-button:focus, +.world-clocks-button:hover, +.world-clocks-button:focus, +.weather-button:hover, +.weather-button:focus, +.events-section-title:hover, +.events-section-title:focus { + color: rgba(255, 255, 255, 0.9); + background-color: rgba(255, 255, 255, 0.06); } +.datemenu-today-button:active, +.world-clocks-button:active, +.weather-button:active, +.events-section-title:active { + color: rgba(255, 255, 255, 0.9); + background-color: rgba(255, 255, 255, 0.1); } + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; } + +.world-clocks-header, +.weather-header, +.events-section-title { + color: rgba(255, 255, 255, 0.7); + font-weight: bold; } + +.world-clocks-grid { + spacing-rows: 0.4em; } + +.weather-box { + spacing: 0.4em; } + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + border-radius: 8px; + color: rgba(255, 255, 255, 0.9); + font-weight: bold; + text-align: center; } + .calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.06); } + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: rgba(255, 255, 255, 0.9); } + .pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.06); } + .pager-button:active { + background-color: rgba(255, 255, 255, 0.1); } + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); } + .calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); } + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); } + .calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); } + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 0; + margin: 2px; + border-radius: 100px; } + .calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.06); } + .calendar-day-base:active { + color: inherit; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; } + .calendar-day-base:selected { + color: rgba(255, 255, 255, 0.85); + background-color: #0062FF; + border-color: transparent; } + .calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: rgba(255, 255, 255, 0.5); + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; } + +.calendar-day { + border-width: 0; } + +.calendar-day-top { + border-top-width: 0; } + +.calendar-day-left { + border-left-width: 0; } + +.calendar-nonwork-day { + color: rgba(255, 255, 255, 0.9); } + +.calendar-today { + font-weight: bold !important; + border: none; } + +.calendar-day-with-events { + color: #0062FF; + font-weight: normal; + text-decoration: underline; + background-image: none; } + +.calendar-other-month-day { + color: rgba(255, 255, 255, 0.3); + opacity: 0.5; } + +.calendar-week-number { + width: 28px; + height: 21px; + margin: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: rgba(255, 255, 255, 0.5); + font-size: inherit; + font-weight: bold; + text-align: center; } + +/* Message list */ +.message-list { + width: 420px; } + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; } + .message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.06); } + .message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.1); } + +.message-list-sections { + spacing: 8px; } + +.message-list-section, +.message-list-section-list { + spacing: 8px; } + +.message { + min-height: 56px; + background-color: transparent; + border-radius: 8px; } + .message:hover, .message:focus { + background-color: rgba(255, 255, 255, 0.06); } + .message:active { + background-color: rgba(255, 255, 255, 0.1); } + +.message-icon-bin { + padding: 8px 0px 8px 8px; } + .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; } + +.message-icon-bin > StIcon { + color: rgba(255, 255, 255, 0.9); + icon-size: 1.23077em; + -st-icon-style: requested; + margin: 4px 0px 4px 4px; } + .message-icon-bin > StIcon:rtl { + margin: 4px 4px 4px 0px; } + +.message-secondary-bin { + padding: 0 8px; } + +.message-secondary-bin > .event-time { + min-height: 18px; + padding-top: 2px; + color: rgba(255, 255, 255, 0.7); + font-size: 1em; + /* HACK: the label should be baseline-aligned with a 1em label, + fake this with some bottom padding */ + padding-bottom: 0; } + +.message-secondary-bin > StIcon { + icon-size: 1.23077em; } + +.message-title { + min-height: 18px; + padding-top: 2px; + color: rgba(255, 255, 255, 0.9); + font-weight: bold; + font-size: 1em; } + +.message-content { + min-height: 40px; + padding: 8px; + color: rgba(255, 255, 255, 0.7); + font-size: 1em; } + +.message-content * > StIcon { + icon-size: 16px; + border-radius: 16px; + padding: 2px; + color: rgba(255, 255, 255, 0.7); } + +/* FIXME: how do you do this in sass? */ +.message-content *:hover > StIcon, +.message-content *:focus > StIcon { + color: rgba(255, 255, 255, 0.9); + background-color: rgba(255, 255, 255, 0.06); } + +.message-content *:active > StIcon { + color: rgba(255, 255, 255, 0.9); + background-color: rgba(255, 255, 255, 0.1); } + +.message-media-control { + margin: 16px 0; + padding: 8px; + border-radius: 100px; + color: rgba(255, 255, 255, 0.7); } + .message-media-control:hover, .message-media-control:focus { + color: rgba(255, 255, 255, 0.9); + background-color: rgba(255, 255, 255, 0.06); } + .message-media-control:active { + color: rgba(255, 255, 255, 0.9); + background-color: rgba(255, 255, 255, 0.1); } + .message-media-control:insensitive { + color: rgba(255, 255, 255, 0.3); } + .message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; } + .message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; } + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 8px 0px 8px 4px !important; } + .media-message-cover-icon:rtl { + margin: 8px 4px 8px 0px !important; } + .media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 8px; + background-color: rgba(255, 255, 255, 0.06); + color: rgba(255, 255, 255, 0.5); } + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; } + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; } + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; } + #appMenu .label-shadow { + color: transparent; } + +.aggregate-menu { + min-width: 280px; } + .aggregate-menu .popup-menu-icon { + padding: 0 4px; } + .aggregate-menu .popup-sub-menu .popup-menu-item:ltr { + /* 8px spacing + 2*4px padding */ + padding-left: 32px; + padding-right: 56px; } + .aggregate-menu .popup-sub-menu .popup-menu-item:rtl { + /* 8px spacing + 2*4px padding */ + padding-left: 56px; + padding-right: 32px; } + +.system-menu-action { + color: rgba(255, 255, 255, 0.7); + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; } + .system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(255, 255, 255, 0.06); + color: rgba(255, 255, 255, 0.9); + border: none; + padding: 12px; } + .system-menu-action:active { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.9); } + .system-menu-action > StIcon { + icon-size: 16px; } + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(255, 255, 255, 0.3); + background-image: none; + background-size: auto; } + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; } + +.popup-menu-arrow { + width: 16px; + height: 16px; } + +.popup-menu-icon { + icon-size: 1.23077em; } + +.window-close { + transition-duration: 0ms; + height: 32px; + width: 32px; + -shell-close-overlap: 16px; + -st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); + background-image: url("assets/window-close.svg"); + background-size: 32px; } + .window-close:hover { + -st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); + background-image: url("assets/window-close.svg"); } + .window-close:active { + background-image: url("assets/window-close-active.svg"); } + .window-close:rtl { + -st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } + .window-close:rtl:hover { + -st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } + +/* NETWORK DIALOGS */ +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; } + +.nm-dialog-content { + spacing: 20px; + padding: 24px; } + +.nm-dialog-header-hbox { + spacing: 10px; } + +.nm-dialog-airplane-box { + spacing: 12px; } + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; } + +.nm-dialog-airplane-text { + color: rgba(255, 255, 255, 0.9); } + +.nm-dialog-header-icon { + icon-size: 32px; } + +.nm-dialog-scroll-view { + border: none; } + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; } + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 8px; + padding: 12px; + spacing: 20px; } + .nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.06); } + .nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.1); } + +.nm-dialog-item:selected { + background-color: #0062FF; + color: rgba(255, 255, 255, 0.85); } + +.nm-dialog-icons { + spacing: .5em; } + +.nm-dialog-icon { + icon-size: 16px; } + +.no-networks-label { + color: rgba(255, 255, 255, 0.5); } + +.no-networks-box { + spacing: 12px; } + +/* OVERVIEW */ +#overview { + spacing: 24px; } + +.overview-controls { + padding-bottom: 32px; } + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; } + .window-picker.external-monitor { + padding: 16px; } + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.3); + border-radius: 8px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 8px; + padding: 4px 8px; } + +.search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + selection-background-color: rgba(255, 255, 255, 0.3); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35); } + .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.55); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); } + .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); } + .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); } + +#searchResultsBin { + max-width: 1000px; } + +#searchResultsContent { + padding-left: 20px; + padding-right: 20px; + spacing: 16px; } + +.search-section { + spacing: 16px; } + +.search-section-content { + spacing: 32px; } + +.list-search-results { + spacing: 3px; } + +.search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); } + +.list-search-result-content { + spacing: 30px; } + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; } + +.list-search-result-description { + color: rgba(255, 255, 255, 0.7); } + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.7); + margin-top: 0.24em; } + +.list-search-provider-content { + spacing: 20px; } + +.search-provider-icon { + padding: 15px; } + +/* DASHBOARD */ +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.13); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 8px 8px 0px; } + #dash:rtl { + border-radius: 8px 0 0 8px; } + #dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; } + #dash .empty-dash-drop-target { + width: 24px; + height: 24px; } + +.dash-item-container > StWidget { + padding: 3px 6px; } + +.dash-label { + border-radius: 8px; + padding: 7px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: #242424; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); + text-align: center; + -x-offset: 8px; } + +/* App Vault/Grid */ +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; } + .icon-grid .overview-icon { + icon-size: 96px; } + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: #212121; + color: #FFFFFF; + border-radius: 99px; + icon-size: 48px; } + +.app-view-controls { + width: 320px; + padding-bottom: 32px; } + +.app-view-control { + padding: 0 16px; + font-weight: bold; + color: rgba(255, 255, 255, 0.7); + background-color: rgba(255, 255, 255, 0.15); } + .app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); } + .app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.3) !important; } + .app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.35); + box-shadow: none; } + .app-view-control:first-child { + border-right-width: 0; + border-radius: 8px 0 0 8px; } + .app-view-control:last-child { + border-radius: 0 8px 8px 0; } + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; } +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.3); + transition-duration: 150ms; } + +.show-apps:hover .overview-icon, .show-apps:focus .overview-icon, .show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.app-well-app.app-folder:hover .overview-icon, +.app-well-app.app-folder:focus .overview-icon, +.app-well-app.app-folder:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; } +.show-apps:active .overview-icon, .show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.app-well-app.app-folder:active .overview-icon, +.app-well-app.app-folder:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.3); + box-shadow: none; + transition-duration: 150ms; } + +.show-apps .overview-icon { + background-image: url("assets/startup.png") !important; + background-size: contain; } + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: #0062FF; + margin-bottom: 0; } + +.search-provider-icon, +.list-search-result, .show-apps .overview-icon, +.app-well-app .overview-icon, +.app-well-app.app-folder .overview-icon, +.grid-search-result .overview-icon { + color: rgba(255, 255, 255, 0.85); + border-radius: 8px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; } + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.13); } + +.show-apps .show-apps-icon { + color: transparent; } + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; } + +.app-folder-popup { + -arrow-border-radius: 8px; + -arrow-background-color: rgba(255, 255, 255, 0.13); + -arrow-base: 0; + -arrow-rise: 12px; } + +.app-folder-popup-bin { + padding: 5px; } + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; } + +.page-indicator { + padding: 15px 20px; } + .page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + background-image: none; + background-color: rgba(255, 255, 255, 0.3); } + .page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.5); } + .page-indicator:active .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.7); } + .page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; } + .page-indicator:checked:active { + background-image: none; } + +.app-well-app > .overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 4px; } + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 5px; + margin: 6px; } + +.workspace-thumbnail-indicator { + border: 0 solid #0062FF; + border-width: 2px; + padding: 6px; + border-radius: 2px; } + +.search-display > StBoxLayout, +.all-apps, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; } + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.13); + border: none; } + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); } + +/* NOTIFICATIONS & MESSAGE TRAY */ +.url-highlighter { + link-color: #0062FF; } + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } + .notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); } + .notification-banner:focus { + background-color: #242424; } + .notification-banner .notification-icon { + padding: 5px; } + .notification-banner .notification-content { + padding: 5px; + spacing: 5px; } + .notification-banner .secondary-icon { + icon-size: 1.23077em; } + .notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; } + .notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: rgba(255, 255, 255, 0.7); + font-weight: 500; } + .notification-banner .notification-button:first-child { + border-radius: 0 0 0 2px; } + .notification-banner .notification-button:last-child { + border-radius: 0 0 2px 0; } + .notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { + background-color: rgba(255, 255, 255, 0.06); + color: rgba(255, 255, 255, 0.9); } + .notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.9); } + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #0062FF; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #0062FF; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; } + +.secondary-icon { + icon-size: 1.23077em; } + +.chat-body { + spacing: 5px; } + +.chat-response { + margin: 5px; } + +.chat-log-message { + color: rgba(255, 255, 255, 0.9); } + +.chat-new-group { + padding-top: 1em; } + +.chat-received { + padding-left: 4px; } + .chat-received:rtl { + padding-left: 0px; + padding-right: 4px; } + +.chat-sent { + padding-left: 18pt; + color: rgba(255, 255, 255, 0.7); } + .chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; } + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); } + .chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; } + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; } + +.hotplug-notification-item { + padding: 2px 10px; } + .hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; } + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; } + +.hotplug-resident-box { + spacing: 8px; } + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 8px; } + .hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.06); } + .hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.1); } + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; } + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; } + +.hotplug-resident-eject-icon { + icon-size: 16px; } + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 8px; + color: rgba(255, 255, 255, 0.9); } + +/* Eeeky things */ +.magnifier-zoom-region { + border: 2px solid #0062FF; } + .magnifier-zoom-region.full-screen { + border-width: 0; } + +/* On-screen Keyboard */ +#keyboard { + background-color: rgba(0, 0, 0, 0.3); } + +.keyboard-layout { + spacing: 10px; + padding: 10px; } + +.keyboard-row { + spacing: 15px; } + +.keyboard-key { + min-height: 64px; + min-width: 64px; + font-size: 2em; + font-weight: 500; + border-radius: 8px; + border: none; + color: inherit; + color: rgba(255, 255, 255, 0.8); + background-color: #242424; + border-color: transparent; + box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); + text-shadow: none; + icon-shadow: none; } + .keyboard-key:focus { + color: rgba(255, 255, 255, 0.9); + text-shadow: none; + icon-shadow: none; + box-shadow: 0 0 transparent; } + .keyboard-key:hover, .keyboard-key:checked { + color: rgba(255, 255, 255, 0.9); + background-color: #242424; + border-color: transparent; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); + text-shadow: none; + icon-shadow: none; } + .keyboard-key:active { + color: rgba(255, 255, 255, 0.9); + background-color: rgba(93, 93, 93, 0.97); + border-color: transparent; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); + text-shadow: none; + icon-shadow: none; } + .keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); } + +.keyboard-subkeys { + color: inherit; + padding: 5px; + -arrow-border-radius: 0; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 0; + -arrow-rise: 0; + -boxpointer-gap: 5px; + background-color: #242424; + border-radius: 8px; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } + +.candidate-popup-content { + padding: 8px; + spacing: 0; } + +.candidate-index { + padding: 0 4px 0 0; + color: rgba(255, 255, 255, 0.5); } + .candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); } + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 8px; } + .candidate-box:hover { + background-color: rgba(255, 255, 255, 0.06); + color: rgba(255, 255, 255, 0.9); } + .candidate-box:active { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.9); } + .candidate-box:selected { + background-color: #0062FF; + color: rgba(255, 255, 255, 0.85); } + +.candidate-page-button-box { + height: 28px; } + .vertical .candidate-page-button-box { + padding-top: 0; } + .horizontal .candidate-page-button-box { + padding-left: 0; } + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; } + +.candidate-page-button-previous { + border-radius: 8px; + border-right-width: 0; } + +.candidate-page-button-next { + border-radius: 8px; } + +.candidate-page-button-icon { + icon-size: 1.23077em; } + +/* Auth Dialogs & Screen Shield */ +.framed-user-icon { + background-size: contain; + border: none; + color: rgba(255, 255, 255, 0.85); + border-radius: 8px; } + .framed-user-icon:hover { + border-color: rgba(255, 255, 255, 0.85); + color: rgba(255, 255, 255, 0.85); } + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; } + +.login-dialog { + border: none; + background-color: transparent; } + .login-dialog StEntry { + color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.3); + selected-color: rgba(255, 255, 255, 0.85); + background-color: #212121; + border-radius: 5px; + border: 1px solid rgba(255, 255, 255, 0.12); + box-shadow: none; } + .login-dialog StEntry:focus { + border: 1px solid #4d91ff; + box-shadow: 0 0 0 2px #4d91ff; } + .login-dialog StEntry:insensitive { + color: rgba(255, 255, 255, 0.5); + border: 1px solid rgba(255, 255, 255, 0.5); + color: rgba(255, 255, 255, 0.5); } + .login-dialog .modal-dialog-button-box { + spacing: 3px; } + .login-dialog .modal-dialog-button { + padding: 0 16px; + color: rgba(255, 255, 255, 0.7); + background-color: transparent; + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; } + .login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; } + .login-dialog .modal-dialog-button:active { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; } + .login-dialog .modal-dialog-button:insensitive { + color: rgba(255, 255, 255, 0.3); + background-color: transparent; + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; } + .login-dialog .modal-dialog-button:default { + color: rgba(255, 255, 255, 0.85); + background-color: #0062FF; + border-color: transparent; + box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); + text-shadow: none; + icon-shadow: none; } + .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { + color: rgba(255, 255, 255, 0.85); + background-color: #0062FF; + border-color: transparent; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); + text-shadow: none; + icon-shadow: none; } + .login-dialog .modal-dialog-button:default:active { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(61, 136, 255, 0.955); + border-color: transparent; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); + text-shadow: none; + icon-shadow: none; } + .login-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.5); + background-color: rgba(255, 255, 255, 0.15); + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; } + +.login-dialog-logo-bin { + padding: 24px 0px; } + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.7); } + +.login-dialog-button-box { + spacing: 5px; } + +.login-dialog-message-warning { + color: #FF6D00; } + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; } + +.login-dialog-user-selection-box { + padding: 100px 0px; } + +.login-dialog-not-listed-label { + padding-left: 2px; } + .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: rgba(255, 255, 255, 0.85); } + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.7); + padding-top: 1em; } + .login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); } + .login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); } + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; } + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; } + .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); } + .login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); } + .login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.3); + color: rgba(255, 255, 255, 0.85); } + .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid rgba(255, 255, 255, 0.85); } + +.login-dialog-user-list-item { + border-radius: 8px; + padding: 4px 4px 0; + color: rgba(255, 255, 255, 0.7); } + .login-dialog-user-list-item:ltr { + padding-right: 1em; } + .login-dialog-user-list-item:rtl { + padding-left: 1em; } + .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); } + .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.3); + color: rgba(255, 255, 255, 0.85); } + .login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 2px 0 0 0; + background-color: rgba(255, 255, 255, 0.85); } + .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { + background-color: rgba(255, 255, 255, 0.85); } + +.login-dialog-username, +.user-widget-label { + color: rgba(255, 255, 255, 0.85); + font-size: 15pt; + font-weight: 500; + text-align: left; + padding-left: 15px; } + +.user-widget-label:ltr { + padding-left: 18px; } +.user-widget-label:rtl { + padding-right: 18px; } + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; } + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; } + +.login-dialog-session-list-button StIcon { + icon-size: 1.25em; } + +.login-dialog-session-list-button { + color: rgba(255, 255, 255, 0.7); } + .login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus { + color: rgba(255, 255, 255, 0.85); } + .login-dialog-session-list-button:active { + color: rgba(255, 255, 255, 0.85); } + +.screen-shield-arrows { + padding-bottom: 3em; } + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; } + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; } + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; } + .screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; } + .screen-shield-notifications-container .notification, + .screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 8px; } + .screen-shield-notifications-container .notification { + margin-right: 16px; } + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; } + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.7); } + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); } + +.screen-shield-background { + background: black; + box-shadow: 0 19px 19px rgba(0, 0, 0, 0.6), 0 15px 6px rgba(0, 0, 0, 0.44); } + +#lockDialogGroup { + background: #555555 url("assets/noise-texture.svg"); + background-size: cover; } + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 8px; + box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } + #LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); } + #LookingGlassDialog .labels { + spacing: 0; } + #LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: rgba(255, 255, 255, 0.5); + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; } + #LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.9); + text-shadow: none; } + #LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: rgba(255, 255, 255, 0.9); + text-shadow: none; } + #LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; } + #LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; } + +.lg-dialog StEntry { + selection-background-color: #0062FF; + selected-color: rgba(255, 255, 255, 0.85); } +.lg-dialog .shell-link { + color: #0062FF; } + .lg-dialog .shell-link:hover { + color: #0062FF; } + +.lg-completions-text { + font-size: 1em; + font-style: italic; } + +.lg-obj-inspector-title { + spacing: 4px; } + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 8px; + font-size: 9.75pt; + font-weight: 500; + color: rgba(255, 255, 255, 0.7); + background-color: transparent; + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; } + .lg-obj-inspector-button:hover { + color: rgba(255, 255, 255, 0.9); + background-color: rgba(255, 255, 255, 0.06); + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; } + .lg-obj-inspector-button:active { + color: rgba(255, 255, 255, 0.9); + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; } + .lg-obj-inspector-button:insensitive { + color: rgba(255, 255, 255, 0.3); + background-color: transparent; + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; } + .lg-obj-inspector-button:focus { + color: rgba(255, 255, 255, 0.9); + text-shadow: none; + icon-shadow: none; + box-shadow: 0 0 transparent; } + .lg-obj-inspector-button:hover { + border: none; } + +#lookingGlassExtensions { + padding: 4px; } + +.lg-extensions-list { + padding: 4px; + spacing: 6px; } + +.lg-extension { + border: none; + border-radius: 8px; + padding: 4px; } + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; } + +.lg-extension-meta { + spacing: 6px; } + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 8px; + padding: 6px; + box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } + +/* Dash to Dock */ +#dashtodockContainer #dash { + background-color: rgba(0, 0, 0, 0.6); } + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.13); } + +#dashtodockContainer.extended:overview #dash { + background-color: transparent; } + +#dashtodockContainer.left #dash, +#dashtodockContainer.right #dash { + padding: 3px 0; } + +#dashtodockContainer.top #dash, +#dashtodockContainer.bottom #dash { + padding: 0 3px; } + +#dashtodockContainer.extended #dash { + padding: 0; + border-radius: 0; } + +#dashtodockContainer.left .dash-item-container > StWidget, +#dashtodockContainer.right .dash-item-container > StWidget, +#dashtodockContainer.extended.left .dash-item-container > StWidget, +#dashtodockContainer.extended.right .dash-item-container > StWidget { + padding: 3px 6px; } + +#dashtodockContainer.extended.left .dash-item-container:first-child > StWidget, +#dashtodockContainer.extended.right .dash-item-container:first-child > StWidget { + padding: 6px 6px 3px 6px; } + +#dashtodockContainer.extended.left .dash-item-container:last-child > StWidget, +#dashtodockContainer.extended.right .dash-item-container:last-child > StWidget { + padding: 3px 6px 6px 6px; } + +#dashtodockContainer.top .dash-item-container > StWidget, +#dashtodockContainer.bottom .dash-item-container > StWidget, +#dashtodockContainer.extended.top .dash-item-container > StWidget, +#dashtodockContainer.extended.bottom .dash-item-container > StWidget { + padding: 6px 3px; } + +#dashtodockContainer.extended.top .dash-item-container:first-child > StWidget, +#dashtodockContainer.extended.bottom .dash-item-container:first-child > StWidget { + padding: 6px 3px 6px 6px; } + +#dashtodockContainer.extended.top .dash-item-container:last-child > StWidget, +#dashtodockContainer.extended.bottom .dash-item-container:last-child > StWidget { + padding: 6px 6px 6px 3px; } + +#dashtodockContainer .app-well-app-running-dot { + background-color: transparent; } + +#dashtodockContainer .dash-item-container > StWidget { + background-size: cover; } + +#dashtodockContainer.left .dash-item-container > StWidget.running1 { + background-image: url("assets/dash/left-running1.svg"); } + +#dashtodockContainer.left .dash-item-container > StWidget.running1.focused { + background-image: url("assets/dash/left-running1-focused.svg"); } + +#dashtodockContainer.left .dash-item-container > StWidget.running2 { + background-image: url("assets/dash/left-running2.svg"); } + +#dashtodockContainer.left .dash-item-container > StWidget.running2.focused { + background-image: url("assets/dash/left-running2-focused.svg"); } + +#dashtodockContainer.left .dash-item-container > StWidget.running3 { + background-image: url("assets/dash/left-running3.svg"); } + +#dashtodockContainer.left .dash-item-container > StWidget.running3.focused { + background-image: url("assets/dash/left-running3-focused.svg"); } + +#dashtodockContainer.left .dash-item-container > StWidget.running4 { + background-image: url("assets/dash/left-running4.svg"); } + +#dashtodockContainer.left .dash-item-container > StWidget.running4.focused { + background-image: url("assets/dash/left-running4-focused.svg"); } + +#dashtodockContainer.right .dash-item-container > StWidget.running1 { + background-image: url("assets/dash/right-running1.svg"); } + +#dashtodockContainer.right .dash-item-container > StWidget.running1.focused { + background-image: url("assets/dash/right-running1-focused.svg"); } + +#dashtodockContainer.right .dash-item-container > StWidget.running2 { + background-image: url("assets/dash/right-running2.svg"); } + +#dashtodockContainer.right .dash-item-container > StWidget.running2.focused { + background-image: url("assets/dash/right-running2-focused.svg"); } + +#dashtodockContainer.right .dash-item-container > StWidget.running3 { + background-image: url("assets/dash/right-running3.svg"); } + +#dashtodockContainer.right .dash-item-container > StWidget.running3.focused { + background-image: url("assets/dash/right-running3-focused.svg"); } + +#dashtodockContainer.right .dash-item-container > StWidget.running4 { + background-image: url("assets/dash/right-running4.svg"); } + +#dashtodockContainer.right .dash-item-container > StWidget.running4.focused { + background-image: url("assets/dash/right-running4-focused.svg"); } + +#dashtodockContainer.top .dash-item-container > StWidget.running1 { + background-image: url("assets/dash/top-running1.svg"); } + +#dashtodockContainer.top .dash-item-container > StWidget.running1.focused { + background-image: url("assets/dash/top-running1-focused.svg"); } + +#dashtodockContainer.top .dash-item-container > StWidget.running2 { + background-image: url("assets/dash/top-running2.svg"); } + +#dashtodockContainer.top .dash-item-container > StWidget.running2.focused { + background-image: url("assets/dash/top-running2-focused.svg"); } + +#dashtodockContainer.top .dash-item-container > StWidget.running3 { + background-image: url("assets/dash/top-running3.svg"); } + +#dashtodockContainer.top .dash-item-container > StWidget.running3.focused { + background-image: url("assets/dash/top-running3-focused.svg"); } + +#dashtodockContainer.top .dash-item-container > StWidget.running4 { + background-image: url("assets/dash/top-running4.svg"); } + +#dashtodockContainer.top .dash-item-container > StWidget.running4.focused { + background-image: url("assets/dash/top-running4-focused.svg"); } + +#dashtodockContainer.bottom .dash-item-container > StWidget.running1 { + background-image: url("assets/dash/bottom-running1.svg"); } + +#dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { + background-image: url("assets/dash/bottom-running1-focused.svg"); } + +#dashtodockContainer.bottom .dash-item-container > StWidget.running2 { + background-image: url("assets/dash/bottom-running2.svg"); } + +#dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { + background-image: url("assets/dash/bottom-running2-focused.svg"); } + +#dashtodockContainer.bottom .dash-item-container > StWidget.running3 { + background-image: url("assets/dash/bottom-running3.svg"); } + +#dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { + background-image: url("assets/dash/bottom-running3-focused.svg"); } + +#dashtodockContainer.bottom .dash-item-container > StWidget.running4 { + background-image: url("assets/dash/bottom-running4.svg"); } + +#dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { + background-image: url("assets/dash/bottom-running4-focused.svg"); } + +/* Simple Dock */ +#dash:desktop { + background-color: rgba(0, 0, 0, 0.6); } + +/* GPaste */ +.popup-menu .search-entry { + color: rgba(255, 255, 255, 0.9); + selection-background-color: #0062FF; + selected-color: rgba(255, 255, 255, 0.85); + background-color: #212121; + border-radius: 5px; + border: 1px solid rgba(255, 255, 255, 0.12); + box-shadow: none; } + .popup-menu .search-entry:focus { + border: 1px solid #4d91ff; + box-shadow: 0 0 0 2px #4d91ff; + color: rgba(255, 255, 255, 0.9); } + .popup-menu .search-entry .search-entry-icon { + color: rgba(255, 255, 255, 0.5); } + .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.9); } diff --git a/src/gnome-shell/gnome-shell-dark-solid.scss b/src/gnome-shell/gnome-shell-dark-solid.scss new file mode 100644 index 0000000..af7f8c7 --- /dev/null +++ b/src/gnome-shell/gnome-shell-dark-solid.scss @@ -0,0 +1,10 @@ +$variant: 'dark'; +$laptop: 'true'; +$panel: 'dark'; +$trans: 'false'; + +@import 'sass/variables'; +@import 'sass/colors'; +@import 'sass/drawing'; +@import 'sass/common'; +@import 'sass/extensions'; diff --git a/src/gnome-shell/gnome-shell-dark.css b/src/gnome-shell/gnome-shell-dark.css index a16c720..53ecbfa 100644 --- a/src/gnome-shell/gnome-shell-dark.css +++ b/src/gnome-shell/gnome-shell-dark.css @@ -72,7 +72,7 @@ stage { .modal-dialog-linked-button { min-height: 40px; padding: 0 16px; - border-top: 1px solid rgba(0, 0, 0, 0.26) !important; + border-top: 1px solid rgba(255, 255, 255, 0.12) !important; border-right-width: 0; font-size: 9.75pt; font-weight: 500; @@ -130,14 +130,14 @@ StEntry { font-weight: 400; background-color: #212121; border-radius: 5px; - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(255, 255, 255, 0.12); box-shadow: none; } StEntry:focus { border: 1px solid #4d91ff; box-shadow: 0 0 0 2px #4d91ff; } StEntry:insensitive { color: rgba(255, 255, 255, 0.5); - border: 1px solid rgba(0, 0, 0, 0.5); } + border: 1px solid rgba(255, 255, 255, 0.5); } StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #FF6D00; @@ -482,7 +482,7 @@ StScrollBar { spacing: 20px; } .audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 8px; } .audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { background-color: #0062FF; } @@ -524,17 +524,17 @@ StScrollBar { /* Popovers/Menus */ .popup-menu { - min-width: 160px; + min-width: 12em; background-color: transparent; } .popup-menu .popup-sub-menu { - background-color: rgba(100, 100, 100, 0.45); + background-color: rgba(100, 100, 100, 0.35); box-shadow: 0 0 transparent; border-radius: 0 0 5px 5px; } .popup-menu .popup-menu-content { padding: 6px 0; margin: 0 2px; } .popup-menu .popup-menu-item { - spacing: 8px; + spacing: 4px; transition-duration: 100ms; border-radius: 5px; } .popup-menu .popup-menu-item:ltr { @@ -544,9 +544,10 @@ StScrollBar { .popup-menu .popup-menu-item:checked { background-color: #0062FF; color: rgba(255, 255, 255, 0.85); - box-shadow: 0 0 transparent; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.15); font-weight: normal; - border-radius: 5px 5px 0 0; } + border-radius: 5px 5px 0 0; + text-shadow: 0 1px rgba(0, 0, 0, 0.45); } .popup-menu .popup-menu-item:checked.selected { background-color: rgba(29, 116, 255, 0.9775); color: rgba(255, 255, 255, 0.85); } @@ -597,13 +598,13 @@ StScrollBar { .popup-separator-menu-item { height: 1px; margin: 0 38px; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.1); - border-bottom-width: 1px; + background-color: rgba(255, 255, 255, 0.12); + border-color: transparent; + border-bottom-width: 0; border-bottom-style: solid; } .background-menu { - -boxpointer-gap: 4px; + -boxpointer-gap: 8px; -arrow-rise: 0; } /* fallback menu @@ -673,7 +674,7 @@ StScrollBar { .switcher-list .separator { width: 1px; - background: rgba(0, 0, 0, 0.26); } + background: rgba(255, 255, 255, 0.12); } .switcher-arrow { border-color: transparent; @@ -863,7 +864,7 @@ StScrollBar { spacing: 8px; } .datemenu-calendar-column { - border: 0 solid rgba(0, 0, 0, 0.26); } + border: 0 solid rgba(255, 255, 255, 0.12); } .datemenu-calendar-column:ltr { border-left-width: 0; } .datemenu-calendar-column:rtl { @@ -1493,7 +1494,7 @@ StScrollBar { width: 5px; height: 5px; border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); + background-color: #0062FF; margin-bottom: 0; } .search-provider-icon, @@ -1617,7 +1618,7 @@ StScrollBar { .notification-banner .notification-actions { background-color: transparent; padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(255, 255, 255, 0.12); spacing: 1px; } .notification-banner .notification-button { min-height: 40px; @@ -1865,14 +1866,14 @@ StScrollBar { selected-color: rgba(255, 255, 255, 0.85); background-color: #212121; border-radius: 5px; - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(255, 255, 255, 0.12); box-shadow: none; } .login-dialog StEntry:focus { border: 1px solid #4d91ff; box-shadow: 0 0 0 2px #4d91ff; } .login-dialog StEntry:insensitive { color: rgba(255, 255, 255, 0.5); - border: 1px solid rgba(0, 0, 0, 0.5); + border: 1px solid rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.5); } .login-dialog .modal-dialog-button-box { spacing: 3px; } @@ -2119,7 +2120,7 @@ StScrollBar { border: none; border-radius: 0; background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.26); } + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); } #LookingGlassDialog .labels { spacing: 0; } #LookingGlassDialog .notebook-tab { @@ -2395,7 +2396,7 @@ StScrollBar { selected-color: rgba(255, 255, 255, 0.85); background-color: #212121; border-radius: 5px; - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(255, 255, 255, 0.12); box-shadow: none; } .popup-menu .search-entry:focus { border: 1px solid #4d91ff; diff --git a/src/gnome-shell/gnome-shell-dark.scss b/src/gnome-shell/gnome-shell-dark.scss index 76a370e..f01230f 100644 --- a/src/gnome-shell/gnome-shell-dark.scss +++ b/src/gnome-shell/gnome-shell-dark.scss @@ -1,6 +1,7 @@ $variant: 'dark'; $laptop: 'true'; $panel: 'dark'; +$trans: 'true'; @import 'sass/variables'; @import 'sass/colors'; diff --git a/src/gnome-shell/gnome-shell-light-solid.css b/src/gnome-shell/gnome-shell-light-solid.css new file mode 100644 index 0000000..405f966 --- /dev/null +++ b/src/gnome-shell/gnome-shell-light-solid.css @@ -0,0 +1,2408 @@ +/* This stylesheet is generated, DO NOT EDIT */ +/* Copyright 2009, 2015 Red Hat, Inc. + * + * Portions adapted from Mx's data/style/default.css + * Copyright 2009 Intel Corporation + * + * This program is free software; you can redistribute it and/or modify it + * under the terms and conditions of the GNU Lesser General Public License, + * version 2.1, as published by the Free Software Foundation. + * + * This program is distributed in the hope it will be useful, but WITHOUT ANY + * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS + * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for + * more details. + * + * You should have received a copy of the GNU Lesser General Public License + * along with this program; if not, write to the Free Software Foundation, + * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. + */ +/* GLOBALS */ +* { + transition-duration: 150ms; } + +stage { + font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; + font-size: 9.75pt; + font-weight: 400; + color: rgba(0, 0, 0, 0.87); } + +/* WIDGETS */ +/* Buttons */ +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 8px; + font-size: 9.75pt; + font-weight: 500; + color: rgba(0, 0, 0, 0.54); + background-color: transparent; + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; } + .button:hover { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; } + .button:active { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; } + .button:insensitive { + color: rgba(0, 0, 0, 0.26); + background-color: transparent; + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; } + .button:focus { + color: rgba(0, 0, 0, 0.87); + text-shadow: none; + icon-shadow: none; + box-shadow: 0 0 transparent; } + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + border-top: 1px solid rgba(0, 0, 0, 0.12) !important; + border-right-width: 0; + font-size: 9.75pt; + font-weight: 500; + color: rgba(0, 0, 0, 0.54); + background-color: transparent; + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; } + .modal-dialog-linked-button:hover { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; } + .modal-dialog-linked-button:active { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; } + .modal-dialog-linked-button:insensitive { + color: rgba(0, 0, 0, 0.26); + background-color: transparent; + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; } + .modal-dialog-linked-button:focus { + color: rgba(0, 0, 0, 0.87); + text-shadow: none; + icon-shadow: none; + box-shadow: 0 0 transparent; } + .modal-dialog-linked-button:first-child { + border-radius: 0px 0px 0px 2px; } + .modal-dialog-linked-button:last-child { + border-right-width: 0px; + border-radius: 0px 0px 2px 0px; } + .modal-dialog-linked-button:first-child:last-child { + border-right-width: 0px; + border-radius: 0px 0px 2px 2px; } + +/* Entries */ +StEntry { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + border-width: 0; + color: rgba(0, 0, 0, 0.87); + selection-background-color: #0e6bff; + selected-color: rgba(255, 255, 255, 0.85); + font-size: 11.25pt; + font-weight: 400; + background-color: #fafafa; + border-radius: 5px; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: none; } + StEntry:focus { + border: 1px solid #5b9aff; + box-shadow: 0 0 0 2px #5b9aff; } + StEntry:insensitive { + color: rgba(0, 0, 0, 0.38); + border: 1px solid rgba(0, 0, 0, 0.5); } + StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #FF6D00; + padding: 0 0; } + +/* Scrollbars */ +StScrollView.vfade { + -st-vfade-offset: 32px; } +StScrollView.hfade { + -st-hfade-offset: 32px; } + +StScrollBar { + padding: 0; } + StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; } + StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); } + StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.38); + margin: 6px; } + StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: rgba(0, 0, 0, 0.54); } + StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: rgba(0, 0, 0, 0.87); } + +#overview StScrollBar StBin#trough, #screenShieldNotifications StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); } +#overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#hhandle, #screenShieldNotifications StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); } + #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#hhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.7); } + #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#hhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); } + +/* Slider */ +.slider { + height: 20px; + color: #0e6bff; + -slider-height: 2px; + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-border-color: transparent; + -slider-active-background-color: #0e6bff; + -slider-active-border-color: transparent; + -slider-border-width: 0; + -slider-handle-radius: 7px; } + +/* Check Boxes */ +.check-box * { + min-height: 16px; + padding: 8px 0; } +.check-box StBoxLayout { + spacing: 8px; } +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); } +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); } +.check-box:hover StBin { + background-color: rgba(0, 0, 0, 0.12); } +.check-box:active StBin { + background-color: rgba(0, 0, 0, 0.2); } +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); } +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); } +.check-box:hover:checked StBin { + background-color: rgba(14, 107, 255, 0.15); } +.check-box:active:checked StBin { + background-color: rgba(14, 107, 255, 0.3); } + +/* Switches */ +.toggle-switch { + width: 40px; + height: 20px; + background-size: contain; } + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); } + .toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); } + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); } + .toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); } + +/* links */ +.shell-link { + border-radius: 8px; + color: #0e6bff; } + .shell-link:hover { + color: #0e6bff; + background-color: rgba(14, 107, 255, 0.15); } + .shell-link:active { + color: #0e6bff; + background-color: rgba(14, 107, 255, 0.3); } + +/* Modal Dialogs */ +.headline { + font-size: 15pt; + font-weight: 500; } + +.lightbox { + background-color: black; } + +.flashspot { + background-color: white; } + +.modal-dialog { + border-radius: 8px; + color: rgba(0, 0, 0, 0.87); + background-color: #ffffff; + border: none; + box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } + .modal-dialog .modal-dialog-content-box { + padding: 24px; } + .modal-dialog .run-dialog-entry { + width: 20em; + margin-bottom: 6px; } + .modal-dialog .run-dialog-error-box { + padding-top: 16px; + spacing: 6px; } + .modal-dialog .run-dialog-button-box { + padding-top: 1em; } + .modal-dialog .run-dialog-label { + font-size: 1em; + font-weight: normal; + color: rgba(0, 0, 0, 0.38); + padding-bottom: .4em; } + +.mount-dialog-subject, +.end-session-dialog-subject { + font-size: 15pt; + font-weight: 500; } + +/* Message Dialog */ +.message-dialog-main-layout { + padding: 12px 20px 0; + spacing: 12px; } + +.message-dialog-content { + max-width: 28em; + spacing: 20px; } + +.message-dialog-icon { + min-width: 48px; + icon-size: 48px; } + +.message-dialog-title { + font-weight: bold; } + +.message-dialog-subtitle { + color: rgba(0, 0, 0, 0.54); + font-weight: bold; } + +/* End Session Dialog */ +.end-session-dialog { + spacing: 42px; + border: none; } + +.end-session-dialog-list { + padding-top: 20px; } + +.end-session-dialog-layout { + padding-left: 17px; } + .end-session-dialog-layout:rtl { + padding-right: 17px; } + +.end-session-dialog-description { + width: 28em; + padding-bottom: 10px; } + .end-session-dialog-description:rtl { + text-align: right; } + +.end-session-dialog-warning { + width: 28em; + color: #FF6D00; + padding-top: 6px; } + .end-session-dialog-warning:rtl { + text-align: right; } + +.end-session-dialog-logout-icon { + border-radius: 5px; + width: 48px; + height: 48px; + background-size: contain; } + +.end-session-dialog-shutdown-icon { + color: rgba(0, 0, 0, 0.38); + width: 48px; + height: 48px; } + +.end-session-dialog-inhibitor-layout { + spacing: 16px; + max-height: 200px; + padding-right: 65px; + padding-left: 65px; } + +.end-session-dialog-session-list, +.end-session-dialog-app-list { + spacing: 1em; } + +.end-session-dialog-list-header { + font-weight: bold; } + .end-session-dialog-list-header:rtl { + text-align: right; } + +.end-session-dialog-app-list-item, +.end-session-dialog-session-list-item { + spacing: 1em; } + +.end-session-dialog-app-list-item-name, +.end-session-dialog-session-list-item-name { + font-weight: bold; } + +.end-session-dialog-app-list-item-description { + color: rgba(0, 0, 0, 0.38); + font-size: 1em; } + +/* ShellMountOperation Dialogs */ +.shell-mount-operation-icon { + icon-size: 48px; } + +.mount-dialog { + spacing: 24px; } + .mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; } + .mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; } + .mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; } + .mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; } + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; } + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; } + +.mount-dialog-app-list-item { + color: rgba(0, 0, 0, 0.87); } + .mount-dialog-app-list-item:hover { + color: rgba(0, 0, 0, 0.87); } + .mount-dialog-app-list-item:ltr { + padding-right: 1em; } + .mount-dialog-app-list-item:rtl { + padding-left: 1em; } + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; } +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; } + +.mount-dialog-app-list-item-name { + font-size: 1em; } + +/* Password or Authentication Dialog */ +.prompt-dialog { + width: 34em; + border: none; } + .prompt-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; } + .prompt-dialog .message-dialog-content { + spacing: 16px; } + .prompt-dialog .message-dialog-title { + font-size: 15pt; + font-weight: 500; + color: rgba(0, 0, 0, 0.87); } + +.prompt-dialog-description:rtl { + text-align: right; } + +.prompt-dialog-password-box { + spacing: 1em; + padding-bottom: 1em; } + +.prompt-dialog-error-label { + font-size: 1em; + color: #DD2C00; + padding-bottom: 8px; } + +.prompt-dialog-info-label { + font-size: 1em; + padding-bottom: 8px; } + +.hidden { + color: transparent; } + +.prompt-dialog-null-label { + font-size: 1em; + padding-bottom: 8px; } + +/* Polkit Dialog */ +.polkit-dialog-user-layout { + padding-left: 10px; + spacing: 10px; } + .polkit-dialog-user-layout:rtl { + padding-left: 0px; + padding-right: 10px; } + +.polkit-dialog-user-root-label { + color: #FF6D00; } + +.polkit-dialog-user-icon { + border-radius: 5px; + background-size: contain; + width: 48px; + height: 48px; } + +/* Audio selection dialog */ +.audio-device-selection-dialog { + spacing: 30px; } + +.audio-selection-content { + spacing: 20px; + padding: 24px; } + +.audio-selection-title { + font-weight: bold; + text-align: center; } + +.audio-selection-box { + spacing: 20px; } + +.audio-selection-device { + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 8px; } + .audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { + background-color: #0e6bff; } + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; } + +.audio-selection-device-icon { + icon-size: 64px; } + +/* Access Dialog */ +.access-dialog { + spacing: 30px; } + +/* Geolocation Dialog */ +.geolocation-dialog { + spacing: 30px; } + +/* Extension Dialog */ +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; } +.extension-dialog .message-dialog-title { + color: rgba(0, 0, 0, 0.54); } + +/* Inhibit-Shortcuts Dialog */ +.inhibit-shortcuts-dialog { + spacing: 30px; } + +/* Network Agent Dialog */ +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; } + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; } + +/* Popovers/Menus */ +.popup-menu { + min-width: 12em; + background-color: transparent; } + .popup-menu .popup-sub-menu { + background-color: rgba(191, 191, 191, 0.35); + box-shadow: 0 0 transparent; + border-radius: 0 0 5px 5px; } + .popup-menu .popup-menu-content { + padding: 6px 0; + margin: 0 2px; } + .popup-menu .popup-menu-item { + spacing: 4px; + transition-duration: 100ms; + border-radius: 5px; } + .popup-menu .popup-menu-item:ltr { + padding: 0.4em 24px 0.4em 0; } + .popup-menu .popup-menu-item:rtl { + padding: 0.4em 0 0.4em 24px; } + .popup-menu .popup-menu-item:checked { + background-color: #0e6bff; + color: rgba(255, 255, 255, 0.85); + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.15); + font-weight: normal; + border-radius: 5px 5px 0 0; + text-shadow: 0 1px rgba(0, 0, 0, 0.45); } + .popup-menu .popup-menu-item:checked.selected { + background-color: rgba(42, 124, 255, 0.9775); + color: rgba(255, 255, 255, 0.85); } + .popup-menu .popup-menu-item:checked:active { + background-color: rgba(72, 143, 255, 0.955); + color: rgba(255, 255, 255, 0.85) !important; } + .popup-menu .popup-menu-item:checked:insensitive { + color: rgba(255, 255, 255, 0.5); } + .popup-menu .popup-menu-item.selected { + background-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + transition-duration: 0ms; } + .popup-menu .popup-menu-item:active { + background-color: rgba(0, 0, 0, 0.2); + color: rgba(0, 0, 0, 0.87); + transition-duration: 150ms; } + .popup-menu .popup-menu-item.selected:active { + color: rgba(0, 0, 0, 0.87); } + .popup-menu .popup-menu-item:insensitive { + color: rgba(0, 0, 0, 0.38); } + .popup-menu .popup-inactive-menu-item { + color: rgba(0, 0, 0, 0.87); } + .popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(0, 0, 0, 0.38); } + .popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; } + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; } + +.popup-menu-boxpointer, +.candidate-popup-boxpointer { + -arrow-border-radius: 0; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 0; + -arrow-rise: 0; + -arrow-box-shadow: none; + margin: 2px 6px 6px; + background-color: #ffffff; + border-radius: 5px; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } + +.popup-separator-menu-item { + height: 1px; + margin: 0 38px; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + border-bottom-width: 0; + border-bottom-style: solid; } + +.background-menu { + -boxpointer-gap: 8px; + -arrow-rise: 0; } + +/* fallback menu +- odd thing for styling App menu when apparently not running under shell. Light Adwaita styled + app menu inside the main app window itself rather than the top bar +*/ +/* OSD */ +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; } + .osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; } + .osd-window .level { + height: 8px; + border-radius: 0; + background-color: rgba(14, 107, 255, 0.3); + color: rgba(0, 0, 0, 0.87); } + .osd-window .level-bar { + background-color: #0e6bff; + border-radius: 0; } + +/* Pad OSD */ +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); } + .pad-osd-window .pad-osd-title-box { + spacing: 12px; } + .pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; } + +.combo-box-label { + width: 15em; } + +/* App Switcher */ +.switcher-popup { + padding: 8px; + spacing: 16px; } + +.switcher-list-item-container { + spacing: 8px; } + +.switcher-list .item-box { + padding: 8px; + border-radius: 8px; } + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); } + +.switcher-list .item-box:selected { + background-color: #0e6bff; + color: rgba(255, 255, 255, 0.85); } + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; } + +.switcher-list .thumbnail { + width: 256px; } + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); } + +.switcher-arrow { + border-color: transparent; + color: rgba(0, 0, 0, 0.38); } + .switcher-arrow:highlighted { + color: rgba(0, 0, 0, 0.87); } + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; } + +/* Window Cycler */ +.cycler-highlight { + border: 4px solid #0e6bff; } + +/* Workspace Switcher */ +.workspace-switcher-group { + padding: 8px; } + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; } + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #0e6bff; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 8px; } + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 8px; } + +.osd-window, +.resize-popup, +.switcher-list, .workspace-switcher-container { + color: rgba(0, 0, 0, 0.87); + background-color: #ffffff; + border: none; + box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); + border-radius: 8px; + padding: 12px; } + +/* Tiled window previews */ +.tile-preview { + background-color: rgba(14, 107, 255, 0.3); + border: 1px solid #0e6bff; } + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; } + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; } + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; } + +/* TOP BAR */ +#panel { + background-color: #ffffff; + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 0 8px rgba(0, 0, 0, 0.2), 0 0 4px rgba(0, 0, 0, 0.3); } + #panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: rgba(255, 255, 255, 0.35); } + #panel #panelLeft, #panel #panelCenter { + spacing: 0; } + #panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: #ffffff; + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; } + #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: rgba(255, 255, 255, 0.85); } + #panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; } + #panel .panel-corner StLabel { + padding: 0 4px; } + #panel .panel-button { + -natural-hpadding: 10px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #242424; + text-shadow: none; + transition-duration: 150ms; } + #panel .panel-button StLabel { + padding: 0 6px; } + #panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 6px; + margin-right: 0; } + #panel .panel-button .system-status-icon, + #panel .panel-button .app-menu-icon > StIcon, + #panel .panel-button .popup-menu-arrow { + icon-shadow: none; } + #panel .panel-button:hover { + color: #242424; + background-color: rgba(255, 255, 255, 0.15); + text-shadow: none; } + #panel .panel-button:hover .system-status-icon, + #panel .panel-button:hover .app-menu-icon > StIcon, + #panel .panel-button:hover .popup-menu-arrow { + icon-shadow: none; } + #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + background-color: #0e6bff; + color: rgba(255, 255, 255, 0.85); + box-shadow: none; } + #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { + icon-shadow: none; } + #panel .panel-button .system-status-icon { + icon-size: 1.23077em; + padding: 0 4px; } + .unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: rgba(255, 255, 255, 0.7); } + .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: rgba(255, 255, 255, 0.85); } + #panel .panel-status-indicators-box, + #panel .panel-status-menu-box { + spacing: 2px; } + #panel .power-status.panel-status-indicators-box { + spacing: 0; } + #panel .screencast-indicator { + color: #FF6D00; } + #panel.solid { + background-color: #ffffff; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; } + #panel.solid:overview { + background-color: transparent; } + #panel.solid .panel-corner { + -panel-corner-background-color: #ffffff; } + #panel.solid .panel-button { + color: #242424; + text-shadow: none; } + #panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); } + #panel.solid .system-status-icon, + #panel.solid .app-menu-icon > StIcon, + #panel.solid .popup-menu-arrow { + icon-shadow: none; } + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; } +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; } + +#calendarArea { + padding: 8px 16px; } + +.calendar { + margin-bottom: 0; } + +.calendar, +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 0 8px; } + +.datemenu-calendar-column { + spacing: 8px; } + +.datemenu-displays-section { + padding-bottom: 0; } + +.datemenu-displays-box { + spacing: 8px; } + +.datemenu-calendar-column { + border: 0 solid rgba(0, 0, 0, 0.12); } + .datemenu-calendar-column:ltr { + border-left-width: 0; } + .datemenu-calendar-column:rtl { + border-right-width: 0; } + +.datemenu-today-button, +.world-clocks-button, +.weather-button, +.events-section-title { + min-height: 20px; + padding: 4px 8px; + border-radius: 8px; } + +.datemenu-today-button { + min-height: 48px; } + +.message-list-section-list:ltr { + padding-left: 0; } + +.message-list-section-list:rtl { + padding-right: 0; } + +.datemenu-today-button:hover, .datemenu-today-button:focus, +.world-clocks-button:hover, +.world-clocks-button:focus, +.weather-button:hover, +.weather-button:focus, +.events-section-title:hover, +.events-section-title:focus { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(0, 0, 0, 0.12); } +.datemenu-today-button:active, +.world-clocks-button:active, +.weather-button:active, +.events-section-title:active { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(0, 0, 0, 0.2); } + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; } + +.world-clocks-header, +.weather-header, +.events-section-title { + color: rgba(0, 0, 0, 0.54); + font-weight: bold; } + +.world-clocks-grid { + spacing-rows: 0.4em; } + +.weather-box { + spacing: 0.4em; } + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + border-radius: 8px; + color: rgba(0, 0, 0, 0.87); + font-weight: bold; + text-align: center; } + .calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); } + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: rgba(0, 0, 0, 0.87); } + .pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); } + .pager-button:active { + background-color: rgba(0, 0, 0, 0.2); } + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); } + .calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); } + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); } + .calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); } + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 0; + margin: 2px; + border-radius: 100px; } + .calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); } + .calendar-day-base:active { + color: inherit; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; } + .calendar-day-base:selected { + color: rgba(255, 255, 255, 0.85); + background-color: #0e6bff; + border-color: transparent; } + .calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: rgba(0, 0, 0, 0.38); + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; } + +.calendar-day { + border-width: 0; } + +.calendar-day-top { + border-top-width: 0; } + +.calendar-day-left { + border-left-width: 0; } + +.calendar-nonwork-day { + color: rgba(0, 0, 0, 0.87); } + +.calendar-today { + font-weight: bold !important; + border: none; } + +.calendar-day-with-events { + color: #0e6bff; + font-weight: normal; + text-decoration: underline; + background-image: none; } + +.calendar-other-month-day { + color: rgba(0, 0, 0, 0.26); + opacity: 0.5; } + +.calendar-week-number { + width: 28px; + height: 21px; + margin: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: rgba(0, 0, 0, 0.38); + font-size: inherit; + font-weight: bold; + text-align: center; } + +/* Message list */ +.message-list { + width: 420px; } + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; } + .message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); } + .message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); } + +.message-list-sections { + spacing: 8px; } + +.message-list-section, +.message-list-section-list { + spacing: 8px; } + +.message { + min-height: 56px; + background-color: transparent; + border-radius: 8px; } + .message:hover, .message:focus { + background-color: rgba(0, 0, 0, 0.12); } + .message:active { + background-color: rgba(0, 0, 0, 0.2); } + +.message-icon-bin { + padding: 8px 0px 8px 8px; } + .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; } + +.message-icon-bin > StIcon { + color: rgba(0, 0, 0, 0.87); + icon-size: 1.23077em; + -st-icon-style: requested; + margin: 4px 0px 4px 4px; } + .message-icon-bin > StIcon:rtl { + margin: 4px 4px 4px 0px; } + +.message-secondary-bin { + padding: 0 8px; } + +.message-secondary-bin > .event-time { + min-height: 18px; + padding-top: 2px; + color: rgba(0, 0, 0, 0.54); + font-size: 1em; + /* HACK: the label should be baseline-aligned with a 1em label, + fake this with some bottom padding */ + padding-bottom: 0; } + +.message-secondary-bin > StIcon { + icon-size: 1.23077em; } + +.message-title { + min-height: 18px; + padding-top: 2px; + color: rgba(0, 0, 0, 0.87); + font-weight: bold; + font-size: 1em; } + +.message-content { + min-height: 40px; + padding: 8px; + color: rgba(0, 0, 0, 0.54); + font-size: 1em; } + +.message-content * > StIcon { + icon-size: 16px; + border-radius: 16px; + padding: 2px; + color: rgba(0, 0, 0, 0.54); } + +/* FIXME: how do you do this in sass? */ +.message-content *:hover > StIcon, +.message-content *:focus > StIcon { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(0, 0, 0, 0.12); } + +.message-content *:active > StIcon { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(0, 0, 0, 0.2); } + +.message-media-control { + margin: 16px 0; + padding: 8px; + border-radius: 100px; + color: rgba(0, 0, 0, 0.54); } + .message-media-control:hover, .message-media-control:focus { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(0, 0, 0, 0.12); } + .message-media-control:active { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(0, 0, 0, 0.2); } + .message-media-control:insensitive { + color: rgba(0, 0, 0, 0.26); } + .message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; } + .message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; } + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 8px 0px 8px 4px !important; } + .media-message-cover-icon:rtl { + margin: 8px 4px 8px 0px !important; } + .media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 8px; + background-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.38); } + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; } + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; } + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; } + #appMenu .label-shadow { + color: transparent; } + +.aggregate-menu { + min-width: 280px; } + .aggregate-menu .popup-menu-icon { + padding: 0 4px; } + .aggregate-menu .popup-sub-menu .popup-menu-item:ltr { + /* 8px spacing + 2*4px padding */ + padding-left: 32px; + padding-right: 56px; } + .aggregate-menu .popup-sub-menu .popup-menu-item:rtl { + /* 8px spacing + 2*4px padding */ + padding-left: 56px; + padding-right: 32px; } + +.system-menu-action { + color: rgba(0, 0, 0, 0.54); + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; } + .system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + border: none; + padding: 12px; } + .system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: rgba(0, 0, 0, 0.87); } + .system-menu-action > StIcon { + icon-size: 16px; } + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(255, 255, 255, 0.3); + background-image: none; + background-size: auto; } + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; } + +.popup-menu-arrow { + width: 16px; + height: 16px; } + +.popup-menu-icon { + icon-size: 1.23077em; } + +.window-close { + transition-duration: 0ms; + height: 32px; + width: 32px; + -shell-close-overlap: 16px; + -st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); + background-image: url("assets/window-close.svg"); + background-size: 32px; } + .window-close:hover { + -st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); + background-image: url("assets/window-close.svg"); } + .window-close:active { + background-image: url("assets/window-close-active.svg"); } + .window-close:rtl { + -st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } + .window-close:rtl:hover { + -st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } + +/* NETWORK DIALOGS */ +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; } + +.nm-dialog-content { + spacing: 20px; + padding: 24px; } + +.nm-dialog-header-hbox { + spacing: 10px; } + +.nm-dialog-airplane-box { + spacing: 12px; } + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; } + +.nm-dialog-airplane-text { + color: rgba(0, 0, 0, 0.87); } + +.nm-dialog-header-icon { + icon-size: 32px; } + +.nm-dialog-scroll-view { + border: none; } + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; } + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 8px; + padding: 12px; + spacing: 20px; } + .nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); } + .nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); } + +.nm-dialog-item:selected { + background-color: #0e6bff; + color: rgba(255, 255, 255, 0.85); } + +.nm-dialog-icons { + spacing: .5em; } + +.nm-dialog-icon { + icon-size: 16px; } + +.no-networks-label { + color: rgba(0, 0, 0, 0.38); } + +.no-networks-box { + spacing: 12px; } + +/* OVERVIEW */ +#overview { + spacing: 24px; } + +.overview-controls { + padding-bottom: 32px; } + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; } + .window-picker.external-monitor { + padding: 16px; } + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.3); + border-radius: 8px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 8px; + padding: 4px 8px; } + +.search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + selection-background-color: rgba(255, 255, 255, 0.3); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35); } + .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.55); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); } + .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); } + .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); } + +#searchResultsBin { + max-width: 1000px; } + +#searchResultsContent { + padding-left: 20px; + padding-right: 20px; + spacing: 16px; } + +.search-section { + spacing: 16px; } + +.search-section-content { + spacing: 32px; } + +.list-search-results { + spacing: 3px; } + +.search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); } + +.list-search-result-content { + spacing: 30px; } + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; } + +.list-search-result-description { + color: rgba(255, 255, 255, 0.7); } + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.7); + margin-top: 0.24em; } + +.list-search-provider-content { + spacing: 20px; } + +.search-provider-icon { + padding: 15px; } + +/* DASHBOARD */ +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.13); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 8px 8px 0px; } + #dash:rtl { + border-radius: 8px 0 0 8px; } + #dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; } + #dash .empty-dash-drop-target { + width: 24px; + height: 24px; } + +.dash-item-container > StWidget { + padding: 3px 6px; } + +.dash-label { + border-radius: 8px; + padding: 7px 8px; + color: rgba(0, 0, 0, 0.87); + background-color: #ffffff; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); + text-align: center; + -x-offset: 8px; } + +/* App Vault/Grid */ +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; } + .icon-grid .overview-icon { + icon-size: 96px; } + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: #212121; + color: #FFFFFF; + border-radius: 99px; + icon-size: 48px; } + +.app-view-controls { + width: 320px; + padding-bottom: 32px; } + +.app-view-control { + padding: 0 16px; + font-weight: bold; + color: rgba(255, 255, 255, 0.7); + background-color: rgba(255, 255, 255, 0.15); } + .app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); } + .app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.3) !important; } + .app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.35); + box-shadow: none; } + .app-view-control:first-child { + border-right-width: 0; + border-radius: 8px 0 0 8px; } + .app-view-control:last-child { + border-radius: 0 8px 8px 0; } + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; } +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.3); + transition-duration: 150ms; } + +.show-apps:hover .overview-icon, .show-apps:focus .overview-icon, .show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.app-well-app.app-folder:hover .overview-icon, +.app-well-app.app-folder:focus .overview-icon, +.app-well-app.app-folder:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; } +.show-apps:active .overview-icon, .show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.app-well-app.app-folder:active .overview-icon, +.app-well-app.app-folder:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.3); + box-shadow: none; + transition-duration: 150ms; } + +.show-apps .overview-icon { + background-image: url("assets/startup.png") !important; + background-size: contain; } + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: #0e6bff; + margin-bottom: 0; } + +.search-provider-icon, +.list-search-result, .show-apps .overview-icon, +.app-well-app .overview-icon, +.app-well-app.app-folder .overview-icon, +.grid-search-result .overview-icon { + color: rgba(255, 255, 255, 0.85); + border-radius: 8px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; } + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.13); } + +.show-apps .show-apps-icon { + color: transparent; } + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; } + +.app-folder-popup { + -arrow-border-radius: 8px; + -arrow-background-color: rgba(255, 255, 255, 0.13); + -arrow-base: 0; + -arrow-rise: 12px; } + +.app-folder-popup-bin { + padding: 5px; } + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; } + +.page-indicator { + padding: 15px 20px; } + .page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + background-image: none; + background-color: rgba(255, 255, 255, 0.3); } + .page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.5); } + .page-indicator:active .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.7); } + .page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; } + .page-indicator:checked:active { + background-image: none; } + +.app-well-app > .overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 4px; } + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 5px; + margin: 6px; } + +.workspace-thumbnail-indicator { + border: 0 solid #0e6bff; + border-width: 2px; + padding: 6px; + border-radius: 2px; } + +.search-display > StBoxLayout, +.all-apps, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; } + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.13); + border: none; } + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); } + +/* NOTIFICATIONS & MESSAGE TRAY */ +.url-highlighter { + link-color: #0e6bff; } + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 8px; + color: rgba(0, 0, 0, 0.87); + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } + .notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); } + .notification-banner:focus { + background-color: #ffffff; } + .notification-banner .notification-icon { + padding: 5px; } + .notification-banner .notification-content { + padding: 5px; + spacing: 5px; } + .notification-banner .secondary-icon { + icon-size: 1.23077em; } + .notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; } + .notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: rgba(0, 0, 0, 0.54); + font-weight: 500; } + .notification-banner .notification-button:first-child { + border-radius: 0 0 0 2px; } + .notification-banner .notification-button:last-child { + border-radius: 0 0 2px 0; } + .notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { + background-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); } + .notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: rgba(0, 0, 0, 0.87); } + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #0e6bff; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #0e6bff; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; } + +.secondary-icon { + icon-size: 1.23077em; } + +.chat-body { + spacing: 5px; } + +.chat-response { + margin: 5px; } + +.chat-log-message { + color: rgba(0, 0, 0, 0.87); } + +.chat-new-group { + padding-top: 1em; } + +.chat-received { + padding-left: 4px; } + .chat-received:rtl { + padding-left: 0px; + padding-right: 4px; } + +.chat-sent { + padding-left: 18pt; + color: rgba(0, 0, 0, 0.54); } + .chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; } + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: rgba(0, 0, 0, 0.38); } + .chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; } + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; } + +.hotplug-notification-item { + padding: 2px 10px; } + .hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; } + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; } + +.hotplug-resident-box { + spacing: 8px; } + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 8px; } + .hotplug-resident-mount:hover { + background-color: rgba(0, 0, 0, 0.12); } + .hotplug-resident-mount:active { + background-color: rgba(0, 0, 0, 0.2); } + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; } + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; } + +.hotplug-resident-eject-icon { + icon-size: 16px; } + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 8px; + color: rgba(0, 0, 0, 0.87); } + +/* Eeeky things */ +.magnifier-zoom-region { + border: 2px solid #0e6bff; } + .magnifier-zoom-region.full-screen { + border-width: 0; } + +/* On-screen Keyboard */ +#keyboard { + background-color: rgba(0, 0, 0, 0.3); } + +.keyboard-layout { + spacing: 10px; + padding: 10px; } + +.keyboard-row { + spacing: 15px; } + +.keyboard-key { + min-height: 64px; + min-width: 64px; + font-size: 2em; + font-weight: 500; + border-radius: 8px; + border: none; + color: inherit; + color: rgba(0, 0, 0, 0.62); + background-color: #ffffff; + border-color: transparent; + box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); + text-shadow: none; + icon-shadow: none; } + .keyboard-key:focus { + color: rgba(0, 0, 0, 0.87); + text-shadow: none; + icon-shadow: none; + box-shadow: 0 0 transparent; } + .keyboard-key:hover, .keyboard-key:checked { + color: rgba(0, 0, 0, 0.87); + background-color: #ffffff; + border-color: transparent; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); + text-shadow: none; + icon-shadow: none; } + .keyboard-key:active { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(192, 192, 192, 0.961); + border-color: transparent; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); + text-shadow: none; + icon-shadow: none; } + .keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); } + +.keyboard-subkeys { + color: inherit; + padding: 5px; + -arrow-border-radius: 0; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 0; + -arrow-rise: 0; + -boxpointer-gap: 5px; + background-color: #ffffff; + border-radius: 8px; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } + +.candidate-popup-content { + padding: 8px; + spacing: 0; } + +.candidate-index { + padding: 0 4px 0 0; + color: rgba(0, 0, 0, 0.38); } + .candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); } + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 8px; } + .candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); } + .candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: rgba(0, 0, 0, 0.87); } + .candidate-box:selected { + background-color: #0e6bff; + color: rgba(255, 255, 255, 0.85); } + +.candidate-page-button-box { + height: 28px; } + .vertical .candidate-page-button-box { + padding-top: 0; } + .horizontal .candidate-page-button-box { + padding-left: 0; } + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; } + +.candidate-page-button-previous { + border-radius: 8px; + border-right-width: 0; } + +.candidate-page-button-next { + border-radius: 8px; } + +.candidate-page-button-icon { + icon-size: 1.23077em; } + +/* Auth Dialogs & Screen Shield */ +.framed-user-icon { + background-size: contain; + border: none; + color: rgba(255, 255, 255, 0.85); + border-radius: 8px; } + .framed-user-icon:hover { + border-color: rgba(255, 255, 255, 0.85); + color: rgba(255, 255, 255, 0.85); } + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; } + +.login-dialog { + border: none; + background-color: transparent; } + .login-dialog StEntry { + color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.3); + selected-color: rgba(255, 255, 255, 0.85); + background-color: #fafafa; + border-radius: 5px; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: none; } + .login-dialog StEntry:focus { + border: 1px solid #5b9aff; + box-shadow: 0 0 0 2px #5b9aff; } + .login-dialog StEntry:insensitive { + color: rgba(0, 0, 0, 0.38); + border: 1px solid rgba(0, 0, 0, 0.5); + color: rgba(255, 255, 255, 0.5); } + .login-dialog .modal-dialog-button-box { + spacing: 3px; } + .login-dialog .modal-dialog-button { + padding: 0 16px; + color: rgba(255, 255, 255, 0.7); + background-color: transparent; + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; } + .login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; } + .login-dialog .modal-dialog-button:active { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; } + .login-dialog .modal-dialog-button:insensitive { + color: rgba(255, 255, 255, 0.3); + background-color: transparent; + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; } + .login-dialog .modal-dialog-button:default { + color: rgba(255, 255, 255, 0.85); + background-color: #0e6bff; + border-color: transparent; + box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); + text-shadow: none; + icon-shadow: none; } + .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { + color: rgba(255, 255, 255, 0.85); + background-color: #0e6bff; + border-color: transparent; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); + text-shadow: none; + icon-shadow: none; } + .login-dialog .modal-dialog-button:default:active { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(72, 143, 255, 0.955); + border-color: transparent; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); + text-shadow: none; + icon-shadow: none; } + .login-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.5); + background-color: rgba(255, 255, 255, 0.15); + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; } + +.login-dialog-logo-bin { + padding: 24px 0px; } + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.7); } + +.login-dialog-button-box { + spacing: 5px; } + +.login-dialog-message-warning { + color: #FF6D00; } + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; } + +.login-dialog-user-selection-box { + padding: 100px 0px; } + +.login-dialog-not-listed-label { + padding-left: 2px; } + .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: rgba(255, 255, 255, 0.85); } + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.7); + padding-top: 1em; } + .login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); } + .login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); } + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; } + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; } + .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); } + .login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); } + .login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.3); + color: rgba(255, 255, 255, 0.85); } + .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid rgba(255, 255, 255, 0.85); } + +.login-dialog-user-list-item { + border-radius: 8px; + padding: 4px 4px 0; + color: rgba(255, 255, 255, 0.7); } + .login-dialog-user-list-item:ltr { + padding-right: 1em; } + .login-dialog-user-list-item:rtl { + padding-left: 1em; } + .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); } + .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.3); + color: rgba(255, 255, 255, 0.85); } + .login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 2px 0 0 0; + background-color: rgba(255, 255, 255, 0.85); } + .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { + background-color: rgba(255, 255, 255, 0.85); } + +.login-dialog-username, +.user-widget-label { + color: rgba(255, 255, 255, 0.85); + font-size: 15pt; + font-weight: 500; + text-align: left; + padding-left: 15px; } + +.user-widget-label:ltr { + padding-left: 18px; } +.user-widget-label:rtl { + padding-right: 18px; } + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; } + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; } + +.login-dialog-session-list-button StIcon { + icon-size: 1.25em; } + +.login-dialog-session-list-button { + color: rgba(255, 255, 255, 0.7); } + .login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus { + color: rgba(255, 255, 255, 0.85); } + .login-dialog-session-list-button:active { + color: rgba(255, 255, 255, 0.85); } + +.screen-shield-arrows { + padding-bottom: 3em; } + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; } + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; } + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; } + .screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; } + .screen-shield-notifications-container .notification, + .screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 8px; } + .screen-shield-notifications-container .notification { + margin-right: 16px; } + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; } + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.7); } + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); } + +.screen-shield-background { + background: black; + box-shadow: 0 19px 19px rgba(0, 0, 0, 0.6), 0 15px 6px rgba(0, 0, 0, 0.44); } + +#lockDialogGroup { + background: #555555 url("assets/noise-texture.svg"); + background-size: cover; } + +#LookingGlassDialog { + background-color: #ffffff; + spacing: 4px; + padding: 0; + border: none; + border-radius: 8px; + box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } + #LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); } + #LookingGlassDialog .labels { + spacing: 0; } + #LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: rgba(0, 0, 0, 0.38); + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; } + #LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: rgba(0, 0, 0, 0.87); + text-shadow: none; } + #LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: rgba(0, 0, 0, 0.87); + text-shadow: none; } + #LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; } + #LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; } + +.lg-dialog StEntry { + selection-background-color: #0e6bff; + selected-color: rgba(255, 255, 255, 0.85); } +.lg-dialog .shell-link { + color: #0e6bff; } + .lg-dialog .shell-link:hover { + color: #0e6bff; } + +.lg-completions-text { + font-size: 1em; + font-style: italic; } + +.lg-obj-inspector-title { + spacing: 4px; } + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 8px; + font-size: 9.75pt; + font-weight: 500; + color: rgba(0, 0, 0, 0.54); + background-color: transparent; + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; } + .lg-obj-inspector-button:hover { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; } + .lg-obj-inspector-button:active { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; } + .lg-obj-inspector-button:insensitive { + color: rgba(0, 0, 0, 0.26); + background-color: transparent; + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; } + .lg-obj-inspector-button:focus { + color: rgba(0, 0, 0, 0.87); + text-shadow: none; + icon-shadow: none; + box-shadow: 0 0 transparent; } + .lg-obj-inspector-button:hover { + border: none; } + +#lookingGlassExtensions { + padding: 4px; } + +.lg-extensions-list { + padding: 4px; + spacing: 6px; } + +.lg-extension { + border: none; + border-radius: 8px; + padding: 4px; } + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; } + +.lg-extension-meta { + spacing: 6px; } + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 8px; + padding: 6px; + box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } + +/* Dash to Dock */ +#dashtodockContainer #dash { + background-color: rgba(0, 0, 0, 0.6); } + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.13); } + +#dashtodockContainer.extended:overview #dash { + background-color: transparent; } + +#dashtodockContainer.left #dash, +#dashtodockContainer.right #dash { + padding: 3px 0; } + +#dashtodockContainer.top #dash, +#dashtodockContainer.bottom #dash { + padding: 0 3px; } + +#dashtodockContainer.extended #dash { + padding: 0; + border-radius: 0; } + +#dashtodockContainer.left .dash-item-container > StWidget, +#dashtodockContainer.right .dash-item-container > StWidget, +#dashtodockContainer.extended.left .dash-item-container > StWidget, +#dashtodockContainer.extended.right .dash-item-container > StWidget { + padding: 3px 6px; } + +#dashtodockContainer.extended.left .dash-item-container:first-child > StWidget, +#dashtodockContainer.extended.right .dash-item-container:first-child > StWidget { + padding: 6px 6px 3px 6px; } + +#dashtodockContainer.extended.left .dash-item-container:last-child > StWidget, +#dashtodockContainer.extended.right .dash-item-container:last-child > StWidget { + padding: 3px 6px 6px 6px; } + +#dashtodockContainer.top .dash-item-container > StWidget, +#dashtodockContainer.bottom .dash-item-container > StWidget, +#dashtodockContainer.extended.top .dash-item-container > StWidget, +#dashtodockContainer.extended.bottom .dash-item-container > StWidget { + padding: 6px 3px; } + +#dashtodockContainer.extended.top .dash-item-container:first-child > StWidget, +#dashtodockContainer.extended.bottom .dash-item-container:first-child > StWidget { + padding: 6px 3px 6px 6px; } + +#dashtodockContainer.extended.top .dash-item-container:last-child > StWidget, +#dashtodockContainer.extended.bottom .dash-item-container:last-child > StWidget { + padding: 6px 6px 6px 3px; } + +#dashtodockContainer .app-well-app-running-dot { + background-color: transparent; } + +#dashtodockContainer .dash-item-container > StWidget { + background-size: cover; } + +#dashtodockContainer.left .dash-item-container > StWidget.running1 { + background-image: url("assets/dash/left-running1.svg"); } + +#dashtodockContainer.left .dash-item-container > StWidget.running1.focused { + background-image: url("assets/dash/left-running1-focused.svg"); } + +#dashtodockContainer.left .dash-item-container > StWidget.running2 { + background-image: url("assets/dash/left-running2.svg"); } + +#dashtodockContainer.left .dash-item-container > StWidget.running2.focused { + background-image: url("assets/dash/left-running2-focused.svg"); } + +#dashtodockContainer.left .dash-item-container > StWidget.running3 { + background-image: url("assets/dash/left-running3.svg"); } + +#dashtodockContainer.left .dash-item-container > StWidget.running3.focused { + background-image: url("assets/dash/left-running3-focused.svg"); } + +#dashtodockContainer.left .dash-item-container > StWidget.running4 { + background-image: url("assets/dash/left-running4.svg"); } + +#dashtodockContainer.left .dash-item-container > StWidget.running4.focused { + background-image: url("assets/dash/left-running4-focused.svg"); } + +#dashtodockContainer.right .dash-item-container > StWidget.running1 { + background-image: url("assets/dash/right-running1.svg"); } + +#dashtodockContainer.right .dash-item-container > StWidget.running1.focused { + background-image: url("assets/dash/right-running1-focused.svg"); } + +#dashtodockContainer.right .dash-item-container > StWidget.running2 { + background-image: url("assets/dash/right-running2.svg"); } + +#dashtodockContainer.right .dash-item-container > StWidget.running2.focused { + background-image: url("assets/dash/right-running2-focused.svg"); } + +#dashtodockContainer.right .dash-item-container > StWidget.running3 { + background-image: url("assets/dash/right-running3.svg"); } + +#dashtodockContainer.right .dash-item-container > StWidget.running3.focused { + background-image: url("assets/dash/right-running3-focused.svg"); } + +#dashtodockContainer.right .dash-item-container > StWidget.running4 { + background-image: url("assets/dash/right-running4.svg"); } + +#dashtodockContainer.right .dash-item-container > StWidget.running4.focused { + background-image: url("assets/dash/right-running4-focused.svg"); } + +#dashtodockContainer.top .dash-item-container > StWidget.running1 { + background-image: url("assets/dash/top-running1.svg"); } + +#dashtodockContainer.top .dash-item-container > StWidget.running1.focused { + background-image: url("assets/dash/top-running1-focused.svg"); } + +#dashtodockContainer.top .dash-item-container > StWidget.running2 { + background-image: url("assets/dash/top-running2.svg"); } + +#dashtodockContainer.top .dash-item-container > StWidget.running2.focused { + background-image: url("assets/dash/top-running2-focused.svg"); } + +#dashtodockContainer.top .dash-item-container > StWidget.running3 { + background-image: url("assets/dash/top-running3.svg"); } + +#dashtodockContainer.top .dash-item-container > StWidget.running3.focused { + background-image: url("assets/dash/top-running3-focused.svg"); } + +#dashtodockContainer.top .dash-item-container > StWidget.running4 { + background-image: url("assets/dash/top-running4.svg"); } + +#dashtodockContainer.top .dash-item-container > StWidget.running4.focused { + background-image: url("assets/dash/top-running4-focused.svg"); } + +#dashtodockContainer.bottom .dash-item-container > StWidget.running1 { + background-image: url("assets/dash/bottom-running1.svg"); } + +#dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { + background-image: url("assets/dash/bottom-running1-focused.svg"); } + +#dashtodockContainer.bottom .dash-item-container > StWidget.running2 { + background-image: url("assets/dash/bottom-running2.svg"); } + +#dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { + background-image: url("assets/dash/bottom-running2-focused.svg"); } + +#dashtodockContainer.bottom .dash-item-container > StWidget.running3 { + background-image: url("assets/dash/bottom-running3.svg"); } + +#dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { + background-image: url("assets/dash/bottom-running3-focused.svg"); } + +#dashtodockContainer.bottom .dash-item-container > StWidget.running4 { + background-image: url("assets/dash/bottom-running4.svg"); } + +#dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { + background-image: url("assets/dash/bottom-running4-focused.svg"); } + +/* Simple Dock */ +#dash:desktop { + background-color: rgba(0, 0, 0, 0.6); } + +/* GPaste */ +.popup-menu .search-entry { + color: rgba(0, 0, 0, 0.87); + selection-background-color: #0e6bff; + selected-color: rgba(255, 255, 255, 0.85); + background-color: #fafafa; + border-radius: 5px; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: none; } + .popup-menu .search-entry:focus { + border: 1px solid #5b9aff; + box-shadow: 0 0 0 2px #5b9aff; + color: rgba(0, 0, 0, 0.87); } + .popup-menu .search-entry .search-entry-icon { + color: rgba(0, 0, 0, 0.38); } + .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: rgba(0, 0, 0, 0.87); } diff --git a/src/gnome-shell/gnome-shell-light-solid.scss b/src/gnome-shell/gnome-shell-light-solid.scss new file mode 100644 index 0000000..b16b589 --- /dev/null +++ b/src/gnome-shell/gnome-shell-light-solid.scss @@ -0,0 +1,10 @@ +$variant: 'light'; +$laptop: 'true'; +$panel: 'light'; +$trans: 'false'; + +@import 'sass/variables'; +@import 'sass/colors'; +@import 'sass/drawing'; +@import 'sass/common'; +@import 'sass/extensions'; diff --git a/src/gnome-shell/gnome-shell-light.css b/src/gnome-shell/gnome-shell-light.css index ecc27e1..12336e6 100644 --- a/src/gnome-shell/gnome-shell-light.css +++ b/src/gnome-shell/gnome-shell-light.css @@ -524,17 +524,17 @@ StScrollBar { /* Popovers/Menus */ .popup-menu { - min-width: 160px; + min-width: 12em; background-color: transparent; } .popup-menu .popup-sub-menu { - background-color: rgba(191, 191, 191, 0.45); + background-color: rgba(191, 191, 191, 0.35); box-shadow: 0 0 transparent; border-radius: 0 0 5px 5px; } .popup-menu .popup-menu-content { padding: 6px 0; margin: 0 2px; } .popup-menu .popup-menu-item { - spacing: 8px; + spacing: 4px; transition-duration: 100ms; border-radius: 5px; } .popup-menu .popup-menu-item:ltr { @@ -544,9 +544,10 @@ StScrollBar { .popup-menu .popup-menu-item:checked { background-color: #0e6bff; color: rgba(255, 255, 255, 0.85); - box-shadow: 0 0 transparent; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.15); font-weight: normal; - border-radius: 5px 5px 0 0; } + border-radius: 5px 5px 0 0; + text-shadow: 0 1px rgba(0, 0, 0, 0.45); } .popup-menu .popup-menu-item:checked.selected { background-color: rgba(42, 124, 255, 0.9775); color: rgba(255, 255, 255, 0.85); } @@ -597,13 +598,13 @@ StScrollBar { .popup-separator-menu-item { height: 1px; margin: 0 38px; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.1); - border-bottom-width: 1px; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + border-bottom-width: 0; border-bottom-style: solid; } .background-menu { - -boxpointer-gap: 4px; + -boxpointer-gap: 8px; -arrow-rise: 0; } /* fallback menu @@ -1493,7 +1494,7 @@ StScrollBar { width: 5px; height: 5px; border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); + background-color: #0e6bff; margin-bottom: 0; } .search-provider-icon, diff --git a/src/gnome-shell/gnome-shell-light.scss b/src/gnome-shell/gnome-shell-light.scss index 077a837..f2caaa1 100644 --- a/src/gnome-shell/gnome-shell-light.scss +++ b/src/gnome-shell/gnome-shell-light.scss @@ -1,6 +1,7 @@ $variant: 'light'; $laptop: 'true'; $panel: 'light'; +$trans: 'true'; @import 'sass/variables'; @import 'sass/colors'; diff --git a/src/gnome-shell/sass/_colors.scss b/src/gnome-shell/sass/_colors.scss index 16acbf8..dec031b 100644 --- a/src/gnome-shell/sass/_colors.scss +++ b/src/gnome-shell/sass/_colors.scss @@ -44,8 +44,6 @@ $alt_base_color: if($variant =='dark', lighten($base_color, 25%), darken($base_c $bg_color: rgba($black, $middle_opacity); $alt_bg_color: rgba($black, $lower_opacity); $inverse_bg_color: rgba($inverse_fg_color, 0.13); -$panel_bg_color: rgba($base_color, 0.65); -$panel_fg_color: if($panel == 'dark', #dedede, #242424); // Misc colors @@ -53,6 +51,10 @@ $primary_color: if($variant == 'light', #0e6bff, #0062FF); $alt_primary_color: if($variant == 'light', #0e6bff, #0062FF); $accent_color: if($variant == 'light', #0e6bff, #0062FF); +$panel_bg_color: if($trans == 'true', rgba($base_color, 0.65), $base_color); +$panel_fg_color: if($panel == 'dark', #dedede, #242424); +$menu_bg_color: if($trans == 'true', rgba($base_color, 0.95), $base_color); + $link_color: $primary_color; $visited_link_color: $purple_A200; @@ -68,6 +70,6 @@ $question_bg_color: $blue_400; $warning_bg_color: $orange_400; $error_bg_color: $red_400; -$border_color: if($variant == 'light', rgba($black, 0.12), rgba($black, 0.26)); +$border_color: if($variant == 'light', rgba($black, 0.12), rgba($white, 0.12)); $highlight_color: if($variant == 'light', rgba($white, 0.4), rgba($white, 0.1)); $alt_highlight_color: rgba($white, 0.2); diff --git a/src/gnome-shell/sass/_common.scss b/src/gnome-shell/sass/_common.scss index e84bdc4..dc5a985 100644 --- a/src/gnome-shell/sass/_common.scss +++ b/src/gnome-shell/sass/_common.scss @@ -555,19 +555,19 @@ $slider_color: if($variant == 'light', $accent_color, white); /* Popovers/Menus */ .popup-menu { - min-width: 160px; + min-width: 12em; background-color: transparent; .popup-menu-arrow { } //defined globally in the TOP BAR .popup-sub-menu { - background-color: rgba($alt_base_color, 0.45); + background-color: rgba($alt_base_color, 0.35); box-shadow: $shadow_0; border-radius: 0 0 $material_radius $material_radius; } .popup-menu-content { padding: 6px 0; margin: 0 2px; } .popup-menu-item { - spacing: 8px; + spacing: 4px; transition-duration: $shorter_duration; border-radius: $material_radius; @@ -576,9 +576,11 @@ $slider_color: if($variant == 'light', $accent_color, white); &:checked { background-color: $primary_color; color: $inverse_fg_color; - box-shadow: $shadow_0; + box-shadow: inset 0 -1px rgba(black, 0.15); font-weight: normal; border-radius: $material_radius $material_radius 0 0; + text-shadow: 0 1px rgba(black, 0.45); + &.selected { background-color: mix($inverse_fg_color, $primary_color, percentage($lower_opacity / 2)); color: $inverse_fg_color; @@ -631,7 +633,7 @@ $slider_color: if($variant == 'light', $accent_color, white); -arrow-rise: 0; -arrow-box-shadow: none; //dreaming. bug #689995 margin: 2px 6px 6px; - background-color: rgba($base_color, 0.95); + background-color: $menu_bg_color; border-radius: $material_radius; box-shadow: $shadow_2; } @@ -639,14 +641,14 @@ $slider_color: if($variant == 'light', $accent_color, white); .popup-separator-menu-item { height: 1px; //not really the whole box margin: 0 38px; - background-color: transparent; - border-color: rgba($border_color, 0.1); - border-bottom-width: 1px; + background-color: $border_color; + border-color: transparent; + border-bottom-width: 0; border-bottom-style: solid; } // Background menu -.background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } +.background-menu { -boxpointer-gap: 8px; -arrow-rise: 0; } /* fallback menu - odd thing for styling App menu when apparently not running under shell. Light Adwaita styled @@ -810,7 +812,7 @@ $slider_color: if($variant == 'light', $accent_color, white); /* TOP BAR */ #panel { - background-color: $panel_bg_color;; + background-color: $panel_bg_color; /* transition from solid to transparent */ transition-duration: 250ms; font-weight: bold; @@ -1634,7 +1636,7 @@ $slider_color: if($variant == 'light', $accent_color, white); .app-well-app-running-dot { //running apps indicator width: 5px; height: 5px; border-radius: 3px; - background-color: $inverse_fg_color; + background-color: $primary_color; margin-bottom: 0; } diff --git a/src/gnome-shell/sass/_variables.scss b/src/gnome-shell/sass/_variables.scss index bb8bef2..cb553d4 100644 --- a/src/gnome-shell/sass/_variables.scss +++ b/src/gnome-shell/sass/_variables.scss @@ -62,3 +62,5 @@ $shadow_3: 0 10px 10px rgba(0, 0, 0, 0.19 * 1.5), 0 6px 3px rgba(0, 0, 0, 0.23 * $shadow_4: 0 14px 14px rgba(0, 0, 0, 0.25 * 2), 0 10px 5px rgba(0, 0, 0, 0.22 * 2); $shadow_5: 0 19px 19px rgba(0, 0, 0, 0.30 * 2), 0 15px 6px rgba(0, 0, 0, 0.22 * 2); $shadow_6: 0 0 8px rgba(0, 0, 0, 0.2), 0 0 4px rgba(0, 0, 0, 0.3); +$text_shadow: 0 -1px rgba(#ffffff, 0.04), -1px 0px rgba(#202020, 0.05), 1px 0px rgba(#202020, 0.05), + 0px 1px rgba(#202020, 0.3), 0px 2px rgba(#202020, 0.05); // text and icon shadow diff --git a/src/gtk-3.0/gtk-dark-solid.css b/src/gtk-3.0/gtk-dark-solid.css new file mode 100644 index 0000000..aa89dcb --- /dev/null +++ b/src/gtk-3.0/gtk-dark-solid.css @@ -0,0 +1,5219 @@ +@keyframes switch_ripple_effect { + from { + background-image: radial-gradient(circle farthest-corner at center, #71c837 0%, transparent 0%); } + to { + background-image: radial-gradient(circle farthest-corner at center, #71c837 100%, transparent 0%); } } +@keyframes header_ripple_effect { + from { + background-image: radial-gradient(circle farthest-corner at center, #373737 0%, transparent 0%); } + to { + background-image: radial-gradient(circle farthest-corner at center, #373737 100%, transparent 0%); } } +* { + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.3); + outline-style: dashed; + outline-offset: -3px; + outline-width: 1px; + -gtk-outline-radius: 5px; } + +.background { + color: #dedede; + background-color: #333333; } + .background.csd, .background.ssd, .background.osd { + border-radius: 0 0 6px 6px; } + .background.maximized, .background.solid-csd { + border-radius: 0; } + +.popup.background { + background-color: transparent; } + +*:disabled { + -gtk-icon-effect: dim; } + +.gtkstyle-fallback { + background-color: #333333; + color: #dedede; } + .gtkstyle-fallback:hover { + background-color: #4d4d4d; + color: #dedede; } + .gtkstyle-fallback:active { + background-color: #1a1a1a; + color: #dedede; } + .gtkstyle-fallback:disabled { + background-color: #383838; + color: rgba(222, 222, 222, 0.45); } + .gtkstyle-fallback:selected { + background-color: #0062FF; + color: #ffffff; } + +.view, iconview, +.view text, +iconview text, +textview text { + color: #dedede; + background-color: #242424; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + .view:hover, iconview:hover, + .view text:hover, + iconview text:hover, + textview text:hover { + background-color: #2c2c2c; } + .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, + .view text:selected, + iconview text:selected, + textview text:selected, + .view text:selected:focus, + iconview text:selected:focus, + textview text:selected:focus { + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border-radius: 5px; } + +textview border { + background-color: #2c2c2c; } + +rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, +.rubberband { + border: 1px solid #004ecc; + background-color: rgba(0, 78, 204, 0.2); } + +flowbox flowboxchild { + padding: 3px; + border-radius: 5px; } + flowbox flowboxchild:selected { + outline-offset: -2px; } + +label.separator, popover label.separator { + color: #dedede; } +label selection { + color: #ffffff; + background-color: #0062FF; } + +.dim-label, label.separator, popover label.separator, headerbar .subtitle, +.titlebar:not(headerbar) .subtitle { + opacity: 0.55; } + +assistant .sidebar { + background-color: #242424; + border-top: 1px solid rgba(255, 255, 255, 0.12); } +assistant.csd .sidebar { + border-top-style: none; } +assistant .sidebar label { + padding: 6px 12px; } +assistant .sidebar label.highlight { + background-color: #0062FF; + color: #ffffff; } + +textview { + background-color: #242424; } + +popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, .osd .scale-popup, .osd { + color: #dedede; + border: none; + background-color: rgba(36, 36, 36, 0.95); + background-clip: padding-box; + box-shadow: none; } + +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); } } +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } + spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; } + spinner:checked:disabled { + opacity: 0.5; } + +entry { + min-height: 22px; + border: 1px solid; + padding: 2px 8px; + caret-color: currentColor; + border-radius: 5px; + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + color: #dedede; + border-color: rgba(255, 255, 255, 0.12); + background-color: #242424; } + entry.search { + border-radius: 100px; } + entry image { + color: #b9b9b9; } + entry image.left { + padding-left: 0; + padding-right: 5px; } + entry image.right { + padding-right: 0; + padding-left: 5px; } + entry.flat, entry.flat:focus { + min-height: 0; + padding: 2px; + background-image: none; + border-color: transparent; + border-radius: 0; } + entry:focus { + background-clip: border-box; + color: #dedede; + border-color: #66a1ff; + background-color: #242424; + box-shadow: inset 0 0 0 2px #66a1ff; } + entry:disabled { + color: rgba(222, 222, 222, 0.45); + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(36, 36, 36, 0.55); } + entry.warning { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #a0562e; } + entry.warning image { + color: white; } + entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; } + entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; } + entry.error { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #a63530; } + entry.error image { + color: white; } + entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; } + entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; } + entry.search-missing { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #a63530; } + entry.search-missing image { + color: white; } + entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; } + entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; } + entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; } + .osd entry { + color: #dedede; + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(92, 92, 92, 0.35); } + .osd entry image, .osd entry image:hover { + color: inherit; } + .osd entry:focus { + color: #ffffff; + border-color: rgba(255, 255, 255, 0.12); + background-color: #0062FF; } + .osd entry:disabled { + color: #dedede; + background-color: rgba(92, 92, 92, 0.2); } + .osd entry selection:focus, .osd entry selection { + color: #0062FF; + background-color: #ffffff; } + entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #0062FF; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; } + .linked:not(.vertical) > entry + button.combo { + padding-left: 0; } + .linked.vertical > entry + button.combo { + padding: 0; } + +treeview entry.flat, treeview entry { + border-radius: 0; + background-image: none; + background-color: #242424; } + treeview entry.flat:focus, treeview entry:focus { + border-color: #0062FF; } + +.entry-tag { + margin: 8px; + border-radius: 3px; + box-shadow: none; + background-color: #0062FF; + color: #ffffff; + border: none; } + .entry-tag:hover { + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); } + :dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; } + :dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; } + .entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; } + .entry-tag.button:not(:hover):not(:active) { + color: rgba(222, 222, 222, 0.45); } + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#0062FF), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#0062FF), to(transparent)); } } +button { + min-height: 26px; + min-width: 16px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 5px; + padding: 0 6px; + color: #dedede; + border-color: rgba(255, 255, 255, 0.12); + background-color: #484848; } + button separator { + margin: 4px 1px; } + button.flat, button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + transition: none; } + button.flat:hover, button.sidebar-button:hover { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; } + button.flat:hover:active, button.sidebar-button:hover:active { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + button.flat:active, button.sidebar-button:active, button.flat:checked, button.sidebar-button:checked { + border-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0.25); + text-shadow: none; + -gtk-icon-shadow: none; } + button.flat:disabled, button.sidebar-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + button:hover { + color: #c5c5c5; + border-color: rgba(255, 255, 255, 0.12); + background-color: #5c5c5c; + box-shadow: none; + -gtk-icon-effect: highlight; } + button:active, button:checked { + color: #ffffff; + background-color: #0062FF; + border-color: #0062FF; + background-image: linear-gradient(180deg, #4c97fe 0%, #0564e3 100%); + box-shadow: none; + background-clip: padding-box; + transition-duration: 200ms; } + button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; } + button:active { + color: #dedede; } + button:active:hover, button:checked { + color: #ffffff; } + button:disabled { + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(72, 72, 72, 0.55); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); } + button:disabled label, button:disabled { + color: rgba(222, 222, 222, 0.45); } + button:disabled:active, button:disabled:checked { + border-color: rgba(0, 98, 255, 0.75); + background-color: rgba(0, 98, 255, 0.75); + box-shadow: none; + opacity: 0.6; } + button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.8); } + button.image-button { + min-width: 28px; + padding-left: 5px; + padding-right: 5px; } + button.text-button { + padding-left: 12px; + padding-right: 12px; } + button.text-button.image-button { + padding-left: 5px; + padding-right: 5px; } + button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; } + button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; } + button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; } + button.text-button.image-button.popup { + padding-right: 8px; + padding-left: 8px; } + button:drop(active), combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; } + button.osd { + color: #dedede; + background-color: rgba(36, 36, 36, 0.95); + border-color: rgba(16, 16, 16, 0.95); } + button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; } + button.osd:hover { + color: #0062FF; } + button.osd:active, button.osd:checked { + color: #ffffff; + border-color: rgba(255, 255, 255, 0.12); + background-color: #0062FF; } + button.osd:disabled { + color: #5c5c5c; + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(92, 92, 92, 0.2); } + .osd button { + color: #dedede; + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(92, 92, 92, 0.35); } + .osd button:hover { + color: #dedede; + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(110, 110, 110, 0.45); } + .osd button:active, .osd button:checked { + background-clip: padding-box; + color: #ffffff; + border-color: rgba(255, 255, 255, 0.12); + background-color: #0062FF; } + .osd button:disabled { + color: #5c5c5c; + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(92, 92, 92, 0.2); } + .osd button.flat, .osd button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; } + .osd button.flat:hover, .osd button.sidebar-button:hover { + color: #dedede; + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(110, 110, 110, 0.45); } + .osd button.flat:disabled, .osd button.sidebar-button:disabled { + color: #5c5c5c; + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(92, 92, 92, 0.2); + background-image: none; } + .osd button.flat:active, .osd button.sidebar-button:active, .osd button.flat:checked, .osd button.sidebar-button:checked { + color: #ffffff; + border-color: rgba(255, 255, 255, 0.12); + background-color: #0062FF; } + .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; } + button.suggested-action { + background-clip: border-box; + color: white; + background-color: #3484e2; + border-color: #1c6bc7; + background-image: none; } + button.suggested-action.flat, button.suggested-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; } + button.suggested-action:hover { + background-clip: border-box; + color: white; + background-color: #619fe8; + border-color: #3484e2; + background-image: none; } + button.suggested-action:active, button.suggested-action:checked { + background-clip: border-box; + color: white; + background-color: #1c6bc7; + border-color: #16539a; + background-image: none; + box-shadow: none; } + button.suggested-action.flat:disabled, button.suggested-action.sidebar-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.45); } + button.suggested-action:disabled { + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(72, 72, 72, 0.55); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); } + button.suggested-action:disabled label, button.suggested-action:disabled { + color: rgba(222, 222, 222, 0.45); } + button.destructive-action { + background-clip: border-box; + color: white; + background-color: #f8464c; + border-color: #f6151c; + background-image: none; } + button.destructive-action.flat, button.destructive-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; } + button.destructive-action:hover { + background-clip: border-box; + color: white; + background-color: #fa777c; + border-color: #f8464c; + background-image: none; } + button.destructive-action:active, button.destructive-action:checked { + background-clip: border-box; + color: white; + background-color: #f6151c; + border-color: #d0080f; + background-image: none; + box-shadow: none; } + button.destructive-action.flat:disabled, button.destructive-action.sidebar-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.45); } + button.destructive-action:disabled { + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(72, 72, 72, 0.55); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); } + button.destructive-action:disabled label, button.destructive-action:disabled { + color: rgba(222, 222, 222, 0.45); } + .stack-switcher > button { + outline-offset: -3px; } + .stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; } + .stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; + padding-top: 3px; + padding-bottom: 3px; } + .stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; } + .stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; } + .stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; } + .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#0062FF), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; } + .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) { + background-position: left 3px, left 2px; } + button.font separator, button.file separator { + background-color: transparent; } + .inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 5px; + border-width: 1px; } + +.inline-toolbar toolbutton > button { + color: #dedede; + border-color: rgba(255, 255, 255, 0.12); + background-color: #484848; } + .inline-toolbar toolbutton > button:hover { + color: #c5c5c5; + border-color: rgba(255, 255, 255, 0.12); + background-color: #5c5c5c; + box-shadow: none; } + .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + color: #ffffff; + background-color: #0062FF; + border-color: #0062FF; + background-image: linear-gradient(180deg, #4c97fe 0%, #0564e3 100%); + box-shadow: none; } + .inline-toolbar toolbutton > button:disabled { + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(72, 72, 72, 0.55); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); } + .inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(222, 222, 222, 0.45); } + .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + border-color: rgba(0, 98, 255, 0.75); + background-color: rgba(0, 98, 255, 0.75); + box-shadow: none; + opacity: 0.6; } + .inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); } + +.linked:not(.vertical):not(.path-bar) > entry + entry { + border-left-color: rgba(255, 255, 255, 0); } +.linked:not(.vertical):not(.path-bar) > entry.error + entry, +.linked:not(.vertical):not(.path-bar) > entry + entry.error { + border-left-color: rgba(255, 255, 255, 0); } +.linked:not(.vertical):not(.path-bar) > entry.warning + entry, +.linked:not(.vertical):not(.path-bar) > entry + entry.warning { + border-left-color: rgba(255, 255, 255, 0); } +.linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, +.linked:not(.vertical):not(.path-bar) > entry.warning + entry.error { + border-left-color: rgba(255, 255, 255, 0); } +.linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { + border-left-color: #66a1ff; } +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: #66a1ff; } +.linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { + border-left-color: #F08437; } +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-left-color: #F08437; } +.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { + border-left-color: #F27835; } +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: #F27835; } +.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { + border-left-color: #FC4138; } +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: #FC4138; } +.linked:not(.vertical):not(.path-bar) > button:active + entry, +.linked:not(.vertical):not(.path-bar) > button:checked + entry { + border-left-color: #66a1ff; } +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; } +.linked:not(.vertical).path-bar > button + button { + border-left-style: solid; } + +.linked.vertical > entry + entry { + border-top-color: rgba(255, 255, 255, 0); } +.linked.vertical > entry.error + entry, +.linked.vertical > entry + entry.error { + border-top-color: rgba(255, 255, 255, 0); } +.linked.vertical > entry.warning + entry, +.linked.vertical > entry + entry.warning { + border-top-color: rgba(255, 255, 255, 0); } +.linked.vertical > entry.error + entry.warning, +.linked.vertical > entry.warning + entry.error { + border-top-color: rgba(255, 255, 255, 0); } +.linked.vertical > entry + entry:focus:not(:last-child), +.linked.vertical > entry + entry:focus:last-child { + border-top-color: #66a1ff; } +.linked.vertical > entry:focus:not(:only-child) + entry, +.linked.vertical > entry:focus:not(:only-child) + button, +.linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: #66a1ff; } +.linked.vertical > entry + entry:drop(active):not(:last-child), +.linked.vertical > entry + entry:drop(active):last-child { + border-top-color: #F08437; } +.linked.vertical > entry:drop(active):not(:only-child) + entry, +.linked.vertical > entry:drop(active):not(:only-child) + button, +.linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-top-color: #F08437; } +.linked.vertical > entry + entry.warning:focus:not(:last-child), +.linked.vertical > entry + entry.warning:focus:last-child { + border-top-color: #F27835; } +.linked.vertical > entry.warning:focus:not(:only-child) + entry, +.linked.vertical > entry.warning:focus:not(:only-child) + button, +.linked.vertical > entry.warning:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: #F27835; } +.linked.vertical > entry + entry.error:focus:not(:last-child), +.linked.vertical > entry + entry.error:focus:last-child { + border-top-color: #FC4138; } +.linked.vertical > entry.error:focus:not(:only-child) + entry, +.linked.vertical > entry.error:focus:not(:only-child) + button, +.linked.vertical > entry.error:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: #FC4138; } +.linked.vertical > button:active + entry, +.linked.vertical > button:checked + entry { + border-top-color: #66a1ff; } +.linked.vertical > button + button { + border-top-style: none; } + +toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar toolbutton > button.sidebar-button, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, .linked:not(.vertical) > button:hover, .linked:not(.vertical) > button:active, .linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, +headerbar .linked:not(.vertical).path-bar > button, +.nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button, +headerbar .linked:not(.vertical).path-bar > button:hover, +headerbar .linked:not(.vertical).path-bar > button:active, +headerbar .linked:not(.vertical).path-bar > button:checked, +headerbar .linked:not(.vertical).path-bar > button:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled, .linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl) { + border-radius: 0; + border-right-style: none; } + +.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > combobox:first-child > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child:disabled, +headerbar .linked:not(.vertical).path-bar > button:first-child, +.nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, +headerbar .linked:not(.vertical).path-bar > button:first-child:hover, +headerbar .linked:not(.vertical).path-bar > button:first-child:active, +headerbar .linked:not(.vertical).path-bar > button:first-child:checked, +headerbar .linked:not(.vertical).path-bar > button:first-child:disabled { + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; } +.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > combobox:last-child > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child:disabled, +headerbar .linked:not(.vertical).path-bar > button:last-child, +.nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, +headerbar .linked:not(.vertical).path-bar > button:last-child:hover, +headerbar .linked:not(.vertical).path-bar > button:last-child:active, +headerbar .linked:not(.vertical).path-bar > button:last-child:checked, +headerbar .linked:not(.vertical).path-bar > button:last-child:disabled { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + border-right-style: solid; } +.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child:disabled, +headerbar .linked:not(.vertical).path-bar > button:only-child, +.nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, +headerbar .linked:not(.vertical).path-bar > button:only-child:hover, +headerbar .linked:not(.vertical).path-bar > button:only-child:active, +headerbar .linked:not(.vertical).path-bar > button:only-child:checked, +headerbar .linked:not(.vertical).path-bar > button:only-child:disabled { + border-radius: 5px; + border-style: solid; } + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:first-child { + border-top-left-radius: 5px; + border-bottom-left-radius: 0; } +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:last-child { + border-top-right-radius: 5px; + border-bottom-right-radius: 0; + border-right-style: solid; } +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:only-child { + border-radius: 5px 5px 0 0; + border-style: solid; } + +.linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button, .linked.vertical > button:hover, .linked.vertical > button:active, .linked.vertical > button:checked, spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > combobox > box > button.combo { + border-radius: 0; + border-bottom-style: none; } + +.linked.vertical > entry:first-child, .linked.vertical > button:first-child, spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 5px; + border-top-right-radius: 5px; } +.linked.vertical > entry:last-child, .linked.vertical > button:last-child, spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; + border-bottom-style: solid; } +.linked.vertical > entry:only-child, .linked.vertical > button:only-child, spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > combobox:only-child > box > button.combo { + border-radius: 5px; + border-style: solid; } + +menuitem.button.flat, +modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover, .app-notification button, calendar.button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + +menuitem.button.flat, +modelbutton.flat { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 5px; } + menuitem.button.flat:hover, + modelbutton.flat:hover { + background-color: #444444; + transition-duration: 50ms; } + menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, + modelbutton.flat:active, + modelbutton.flat:active arrow, + modelbutton.flat:selected, + modelbutton.flat:selected arrow { + color: #ffffff; + background-color: #848484; + background-image: none; + border-color: rgba(255, 255, 255, 0.12); + border-top-color: rgba(255, 255, 255, 0.12); + border-bottom-color: rgba(255, 255, 255, 0.12); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; } + menuitem.button.flat:checked, + modelbutton.flat:checked { + color: #dedede; } + menuitem.button.flat:disabled, + modelbutton.flat:disabled { + color: rgba(222, 222, 222, 0.45); } + menuitem.button.flat check:last-child, + menuitem.button.flat radio:last-child, + modelbutton.flat check:last-child, + modelbutton.flat radio:last-child { + margin-left: 8px; } + menuitem.button.flat check:first-child, + menuitem.button.flat radio:first-child, + modelbutton.flat check:first-child, + modelbutton.flat radio:first-child { + margin-right: 8px; } + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +*:link, button:link, button:visited { + color: #3484e2; } + *:link:visited, button:visited { + color: #b8b8b8; } + *:selected *:link:visited, *:selected button:visited:link, *:selected button:visited { + color: #99c0ff; } + *:link:hover, button:hover:link, button:hover:visited { + color: #619fe8; } + *:selected *:link:hover, *:selected button:hover:link, *:selected button:hover:visited { + color: #e6efff; } + *:link:active, button:active:link, button:active:visited { + color: #3484e2; } + *:selected *:link:active, *:selected button:active:link, *:selected button:active:visited { + color: #cce0ff; } + infobar.info *:link, infobar.info button:link, infobar.info button:visited, infobar.question *:link, infobar.question button:link, infobar.question button:visited, infobar.warning *:link, infobar.warning button:link, infobar.warning button:visited, infobar.error *:link, infobar.error button:link, infobar.error button:visited, *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, + .selection-mode.titlebar:not(headerbar) .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited { + color: #cce0ff; } + +button:link > label, button:visited > label { + text-decoration-line: underline; } + +spinbutton:drop(active) { + box-shadow: none; } +spinbutton button:active { + color: #ffffff; } +spinbutton:disabled { + color: rgba(222, 222, 222, 0.45); } +spinbutton:not(.vertical) entry { + min-width: 28px; } +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 5px 0 0 5px; } +spinbutton:not(.vertical) > button + button { + border-left-style: none; } +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); } +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0); } +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; } +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: #66a1ff; } +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; } +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); } +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; } +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: #66a1ff; } +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; } +spinbutton.vertical button.up { + border-radius: 5px 5px 0 0; } +spinbutton.vertical > entry:focus + button { + border-top-color: #66a1ff; } +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; } + +combobox button.combo { + min-width: 0; + margin: 0; + padding: 0 12px; } +combobox arrow { + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); + min-height: 16px; + min-width: 20px; + padding: 0; + margin: -1px -13px -1px -1px; + border-radius: 0 5px 5px 0; + color: #ffffff; + border: 1px solid #686868; + background-color: #0062FF; + background-image: linear-gradient(180deg, #686868 0%, #686868 100%); } +.linked:not(.vertical) > combobox > box > button.combo arrow { + border-radius: 0; } +.linked:not(.vertical) > combobox:last-child > box > button.combo arrow { + border-radius: 0 5px 5px 0; } + +toolbar, .inline-toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #333333; } + toolbar separator, .inline-toolbar separator { + background: none; } + toolbar.horizontal separator, .horizontal.inline-toolbar separator { + margin: 0 6px; } + toolbar.vertical separator, .vertical.inline-toolbar separator { + margin: 6px 0; } + .osd toolbar, .osd .inline-toolbar { + background-color: transparent; } + toolbar.osd, .osd.inline-toolbar { + padding: 8px; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 5px; + background-color: rgba(36, 36, 36, 0.85); } + toolbar.osd.left, .osd.left.inline-toolbar, toolbar.osd.right, .osd.right.inline-toolbar, toolbar.osd.top, .osd.top.inline-toolbar, toolbar.osd.bottom, .osd.bottom.inline-toolbar { + border-radius: 0; } + toolbar.osd.top, .osd.top.inline-toolbar { + border-width: 0 0 1px 0; } + toolbar.osd.bottom, .osd.bottom.inline-toolbar { + border-width: 1px 0 0 0; } + toolbar.osd.left, .osd.left.inline-toolbar { + border-width: 0 1px 0 0; } + toolbar.osd.right, .osd.right.inline-toolbar { + border-width: 0 0 0 1px; } + toolbar:not(.inline-toolbar) switch, .inline-toolbar:not(.inline-toolbar) switch, + toolbar:not(.inline-toolbar) scale, + .inline-toolbar:not(.inline-toolbar) scale, + toolbar:not(.inline-toolbar) entry, + .inline-toolbar:not(.inline-toolbar) entry, + toolbar:not(.inline-toolbar) spinbutton, + .inline-toolbar:not(.inline-toolbar) spinbutton, + toolbar:not(.inline-toolbar) button, + .inline-toolbar:not(.inline-toolbar) button { + margin-right: 1px; + margin-bottom: 1px; } + toolbar:not(.inline-toolbar) .linked > button, .inline-toolbar:not(.inline-toolbar) .linked > button, + toolbar:not(.inline-toolbar) .linked > entry, + .inline-toolbar:not(.inline-toolbar) .linked > entry { + margin-right: 0; } + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #dedede; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, #4B4B4B, #4B4B4B) 1 0 1 0; } + +.inline-toolbar { + background-color: #2b2b2b; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + border-width: 0 1px 1px; + padding: 3px; + border-radius: 0 0 5px 5px; } + +searchbar { + background-color: #333333; + border-style: solid; + border-color: #4B4B4B; + border-width: 0 0 1px; + padding: 3px; } + searchbar button.flat, searchbar button.sidebar-button { + min-height: 16px; + min-width: 16px; + margin: 4px 6px; + padding: 0 2px; + border-radius: 100px; } + +actionbar { + padding: 6px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #2b2b2b; + border-radius: 0 0 6px 6px; } + +headerbar, +.titlebar:not(headerbar) { + min-height: 34px; + padding: 0 8px; + background-image: none; + color: rgba(225, 219, 219, 0.8); + background-color: #373737; + border-bottom: 1px solid #484848; } + .csd headerbar, .csd + .titlebar:not(headerbar) { + background-image: none; + background-color: #373737; + border-bottom: 1px solid #484848; } + headerbar:backdrop, + .titlebar:backdrop:not(headerbar) { + transition: 200ms ease-out; + color: rgba(225, 219, 219, 0.5); + background-image: none; + background-color: #404040; + border-color: #404040; } + .csd headerbar:backdrop, .csd + .titlebar:backdrop:not(headerbar) { + background-color: #404040; + border-color: #404040; } + .maximized headerbar, .maximized + .titlebar:not(headerbar) { + background-color: #373737; + border-bottom: 1px solid #484848; } + .maximized headerbar:backdrop, .maximized + .titlebar:backdrop:not(headerbar) { + background-color: #404040; + border-color: #404040; } + headerbar .title, + .titlebar:not(headerbar) .title { + padding-left: 12px; + padding-right: 12px; } + headerbar .subtitle, + .titlebar:not(headerbar) .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; } + headerbar.selection-mode, + .selection-mode.titlebar:not(headerbar) { + color: #ffffff; + background-color: #0062FF; + border-color: #005aeb; + box-shadow: none; + background-image: none; } + headerbar.selection-mode:backdrop, + .selection-mode.titlebar:backdrop:not(headerbar) { + background-color: #0062FF; + color: rgba(255, 255, 255, 0.6); } + headerbar.selection-mode .selection-menu, + .selection-mode.titlebar:not(headerbar) .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; } + headerbar.selection-mode .selection-menu GtkArrow, + .selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; } + headerbar.selection-mode .selection-menu .arrow, + .selection-mode.titlebar:not(headerbar) .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + .maximized headerbar.selection-mode, .maximized + .selection-mode.titlebar:not(headerbar) { + background-color: #0062FF; } + .tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop, .tiled + .titlebar:not(headerbar), .tiled + .titlebar:backdrop:not(headerbar), .maximized + .titlebar:not(headerbar), .maximized + .titlebar:backdrop:not(headerbar) { + border-radius: 0; } + .maximized headerbar, .maximized + .titlebar:not(headerbar) { + background-color: #373737; + border-color: #484848; } + .maximized headerbar:backdrop, .maximized + .titlebar:backdrop:not(headerbar) { + background-color: #404040; } + headerbar.default-decoration, + .default-decoration.titlebar:not(headerbar) { + min-height: 26px; + padding: 0 6px; + background-color: #373737; + background-image: none; } + .tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration, .tiled + .default-decoration.titlebar:not(headerbar), .maximized + .default-decoration.titlebar:not(headerbar), .fullscreen + .default-decoration.titlebar:not(headerbar) { + box-shadow: none; } + headerbar.default-decoration button.titlebutton, + .default-decoration.titlebar:not(headerbar) button.titlebutton { + border: none; + min-height: 20px; + min-width: 20px; + margin: 0; + padding: 0; } + headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop, + .default-decoration.titlebar:not(headerbar), .csd + .default-decoration.titlebar:not(headerbar), + .default-decoration.titlebar:backdrop:not(headerbar), .csd + .default-decoration.titlebar:backdrop:not(headerbar) { + box-shadow: none; + border: none; } + +.titlebar { + border-radius: 6px 6px 0 0; } + +headerbar button, headerbar separator { + margin-top: 6px; + margin-bottom: 6px; } +headerbar entry { + margin-top: 5px; + margin-bottom: 5px; } +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 6px; } + .maximized separator:first-child + headerbar, .tiled separator:first-child + headerbar, .maximized separator:first-child + headerbar:backdrop, .tiled separator:first-child + headerbar:backdrop, .maximized headerbar:first-child, .tiled headerbar:first-child, .maximized headerbar:first-child:backdrop, .tiled headerbar:first-child:backdrop { + border-radius: 0; } +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 6px; } + .maximized headerbar:last-child, .tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, .tiled headerbar:last-child:backdrop { + border-radius: 0; } + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + background-image: none; + border: none; + box-shadow: none; } +.titlebar:not(headerbar) > separator { + background-image: linear-gradient(to bottom, #484848, #484848); } + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton, +.titlebar:not(headerbar) separator.titlebutton { + min-width: 0; + min-height: 0; + background: none; + border-width: 0; + border-image: none; } + .primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop, + .titlebar:not(headerbar) separator.titlebutton:backdrop { + opacity: 0.6; } + +headerbar entry, .nemo-window .primary-toolbar entry { + border: none; + color: rgba(225, 219, 219, 0.8); + background-color: rgba(119, 119, 119, 0.6); + background-image: none; } + headerbar entry image, .nemo-window .primary-toolbar entry image, headerbar entry image:hover, .nemo-window .primary-toolbar entry image:hover { + color: inherit; } + headerbar entry:backdrop, .nemo-window .primary-toolbar entry:backdrop { + opacity: 0.85; + box-shadow: none; + background-image: none; } + headerbar entry:focus, .nemo-window .primary-toolbar entry:focus { + border: none; + box-shadow: 0 0 0 2px #66a1ff, inset 0 0 0 1px #66a1ff; + border-color: #66a1ff; + background-image: none; + background-clip: padding-box; } + headerbar entry:focus image, .nemo-window .primary-toolbar entry:focus image { + color: #0062FF; } + headerbar entry:disabled, .nemo-window .primary-toolbar entry:disabled { + color: rgba(225, 219, 219, 0.35); + background-color: rgba(111, 111, 111, 0.25); } + headerbar entry selection:focus, .nemo-window .primary-toolbar entry selection:focus { + background-color: #0062FF; + color: #ffffff; } + headerbar entry progress, .nemo-window .primary-toolbar entry progress { + border-color: #0062FF; + background-image: none; + background-color: transparent; } + headerbar entry.warning, .nemo-window .primary-toolbar entry.warning { + color: white; + border-color: rgba(24, 24, 24, 0.4); + background-color: #a75e36; } + headerbar entry.warning:focus, .nemo-window .primary-toolbar entry.warning:focus { + color: white; + background-color: #F27835; } + headerbar entry.warning selection, .nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection:focus, .nemo-window .primary-toolbar entry.warning selection:focus { + background-color: white; + color: #F27835; } + headerbar entry.error, .nemo-window .primary-toolbar entry.error { + color: white; + border-color: rgba(24, 24, 24, 0.4); + background-color: #ad3d38; } + headerbar entry.error:focus, .nemo-window .primary-toolbar entry.error:focus { + color: white; + background-color: #FC4138; } + headerbar entry.error selection, .nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection:focus, .nemo-window .primary-toolbar entry.error selection:focus { + background-color: white; + color: #FC4138; } +headerbar button, +.nemo-window .primary-toolbar button { + min-width: 22px; + color: rgba(225, 219, 219, 0.8); + outline-offset: -3px; + background-color: rgba(119, 119, 119, 0.6); + background-image: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); + border: none; } + headerbar button:backdrop, + .nemo-window .primary-toolbar button:backdrop { + opacity: 0.7; + box-shadow: none; + background-image: none; } + headerbar button:hover, + .nemo-window .primary-toolbar button:hover { + color: rgba(221, 213, 213, 0.8); + background-color: rgba(119, 119, 119, 0.9); + background-image: none; + box-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + headerbar button:checked, + .nemo-window .primary-toolbar button:checked { + color: #ffffff; + background-color: #848484; + background-image: none; + border-color: rgba(255, 255, 255, 0.12); + border-top-color: rgba(255, 255, 255, 0.12); + border-bottom-color: rgba(255, 255, 255, 0.12); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + background-clip: padding-box; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; } + headerbar button:active, + .nemo-window .primary-toolbar button:active { + color: #ffffff; + background-color: #777777; + background-image: none; + border-color: rgba(255, 255, 255, 0.12); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; + background-clip: padding-box; } + headerbar button:disabled, + .nemo-window .primary-toolbar button:disabled { + background-color: rgba(119, 119, 119, 0.6); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); } + headerbar button:disabled label, + .nemo-window .primary-toolbar button:disabled label, + headerbar button:disabled, + .nemo-window .primary-toolbar button:disabled { + color: rgba(225, 219, 219, 0.35); } + headerbar button:disabled:active, + .nemo-window .primary-toolbar button:disabled:active, + headerbar button:disabled:checked, + .nemo-window .primary-toolbar button:disabled:checked { + color: rgba(255, 255, 255, 0.75); + background-color: rgba(119, 119, 119, 0.65); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); } +headerbar.selection-mode button, .nemo-window .selection-mode.primary-toolbar button, headerbar.selection-mode button.flat, .nemo-window .selection-mode.primary-toolbar button.flat, headerbar.selection-mode button.sidebar-button, .nemo-window .selection-mode.primary-toolbar button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0); } +headerbar.selection-mode button:hover, .nemo-window .selection-mode.primary-toolbar button:hover { + background-color: rgba(255, 255, 255, 0.25); } +headerbar.selection-mode button:active, .nemo-window .selection-mode.primary-toolbar button:active, headerbar.selection-mode button:checked, .nemo-window .selection-mode.primary-toolbar button:checked { + text-shadow: none; } +headerbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:only-child):not(:last-child), .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:only-child):not(:last-child), headerbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:only-child):not(:last-child):hover, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:only-child):not(:last-child):hover, headerbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:only-child):not(:last-child):active, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:only-child):not(:last-child):active, headerbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:only-child):not(:last-child):checked, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:only-child):not(:last-child):checked, headerbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:only-child):not(:last-child):disabled, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:only-child):not(:last-child):disabled { + margin-right: 1px; } +headerbar .linked:not(.vertical):not(.path-bar) > button, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button, headerbar .linked:not(.vertical):not(.path-bar) > button:hover, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover, headerbar .linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:active, headerbar .linked:not(.vertical):not(.path-bar) > button:checked, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked, headerbar .linked:not(.vertical):not(.path-bar) > button:disabled, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:disabled { + border-radius: 5px; } +headerbar .linked:not(.vertical):not(.path-bar) > entry, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:disabled, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:disabled { + border-radius: 5px; + margin-right: 4px; + margin-left: 3px; } +headerbar .linked:not(.vertical):not(.path-bar) > button:active + entry, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:active + entry, +headerbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + entry { + border-left-color: rgba(255, 255, 255, 0.12); } +headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, +headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, +headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo, +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: rgba(255, 255, 255, 0.12); } +headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), +headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action), +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action), +headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), +headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover), +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover) { + box-shadow: none; } +headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:backdrop, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:backdrop { + box-shadow: none; } +headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, +headerbar .linked:not(.vertical).path-bar > button, +.nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button { + color: rgba(225, 219, 219, 0.8); + outline-offset: -3px; + background-color: rgba(119, 119, 119, 0.6); + background-image: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); + border: none; } + headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, + headerbar .linked:not(.vertical).path-bar > button:hover, + .nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button:hover { + color: rgba(221, 213, 213, 0.8); + background-color: rgba(119, 119, 119, 0.9); + background-image: none; + box-shadow: none; } + headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, + headerbar .linked:not(.vertical).path-bar > button:active, + .nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button:active { + color: #ffffff; + background-color: #777777; + background-image: none; + border-color: rgba(255, 255, 255, 0.12); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + box-shadow: 1px 0 #777777; } + headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, + headerbar .linked:not(.vertical).path-bar > button:checked, + .nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button:checked { + color: #ffffff; + background-color: #848484; + background-image: none; + border-color: rgba(255, 255, 255, 0.12); + border-top-color: rgba(255, 255, 255, 0.12); + border-bottom-color: rgba(255, 255, 255, 0.12); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + box-shadow: 1px 0 #848484; } + headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, + headerbar .linked:not(.vertical).path-bar > button:disabled, + .nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button:disabled { + color: rgba(225, 219, 219, 0.4); } + headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:backdrop, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:backdrop, + headerbar .linked:not(.vertical).path-bar > button:backdrop, + .nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button:backdrop { + opacity: 0.7; + box-shadow: none; + background-image: none; } +headerbar button.suggested-action, .nemo-window .primary-toolbar button.suggested-action { + background-clip: border-box; + color: white; + background-color: #3484e2; + border-color: #1c6bc7; + background-image: none; } + headerbar button.suggested-action.flat, .nemo-window .primary-toolbar button.suggested-action.flat, headerbar button.suggested-action.sidebar-button, .nemo-window .primary-toolbar button.suggested-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; } + headerbar button.suggested-action:hover, .nemo-window .primary-toolbar button.suggested-action:hover { + background-clip: border-box; + color: white; + background-color: #619fe8; + border-color: #3484e2; + background-image: none; } + headerbar button.suggested-action:active, .nemo-window .primary-toolbar button.suggested-action:active, headerbar button.suggested-action:checked, .nemo-window .primary-toolbar button.suggested-action:checked { + background-clip: border-box; + color: white; + background-color: #1c6bc7; + border-color: #16539a; + background-image: none; + box-shadow: none; } + headerbar button.suggested-action.flat:disabled, .nemo-window .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.sidebar-button:disabled, .nemo-window .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action:disabled, .nemo-window .primary-toolbar button.suggested-action:disabled { + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(72, 72, 72, 0.55); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); } + headerbar button.suggested-action.flat:disabled label, .nemo-window .primary-toolbar button.suggested-action.flat:disabled label, headerbar button.suggested-action.sidebar-button:disabled label, .nemo-window .primary-toolbar button.suggested-action.sidebar-button:disabled label, headerbar button.suggested-action.flat:disabled, .nemo-window .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.sidebar-button:disabled, .nemo-window .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action:disabled label, .nemo-window .primary-toolbar button.suggested-action:disabled label, headerbar button.suggested-action:disabled, .nemo-window .primary-toolbar button.suggested-action:disabled { + color: rgba(222, 222, 222, 0.45); } +headerbar button.suggested-action:backdrop, .nemo-window .primary-toolbar button.suggested-action:backdrop, +headerbar button.suggested-action:backdrop, +.nemo-window .primary-toolbar button.suggested-action:backdrop { + opacity: 0.8; } +headerbar button.destructive-action, .nemo-window .primary-toolbar button.destructive-action { + background-clip: border-box; + color: white; + background-color: #f8464c; + border-color: #f6151c; + background-image: none; } + headerbar button.destructive-action.flat, .nemo-window .primary-toolbar button.destructive-action.flat, headerbar button.destructive-action.sidebar-button, .nemo-window .primary-toolbar button.destructive-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; } + headerbar button.destructive-action:hover, .nemo-window .primary-toolbar button.destructive-action:hover { + background-clip: border-box; + color: white; + background-color: #fa777c; + border-color: #f8464c; + background-image: none; } + headerbar button.destructive-action:active, .nemo-window .primary-toolbar button.destructive-action:active, headerbar button.destructive-action:checked, .nemo-window .primary-toolbar button.destructive-action:checked { + background-clip: border-box; + color: white; + background-color: #f6151c; + border-color: #d0080f; + background-image: none; + box-shadow: none; } + headerbar button.destructive-action.flat:disabled, .nemo-window .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.sidebar-button:disabled, .nemo-window .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action:disabled, .nemo-window .primary-toolbar button.destructive-action:disabled { + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(72, 72, 72, 0.55); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); } + headerbar button.destructive-action.flat:disabled label, .nemo-window .primary-toolbar button.destructive-action.flat:disabled label, headerbar button.destructive-action.sidebar-button:disabled label, .nemo-window .primary-toolbar button.destructive-action.sidebar-button:disabled label, headerbar button.destructive-action.flat:disabled, .nemo-window .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.sidebar-button:disabled, .nemo-window .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action:disabled label, .nemo-window .primary-toolbar button.destructive-action:disabled label, headerbar button.destructive-action:disabled, .nemo-window .primary-toolbar button.destructive-action:disabled { + color: rgba(222, 222, 222, 0.45); } +headerbar button.destructive-action:backdrop, .nemo-window .primary-toolbar button.destructive-action:backdrop, +headerbar button.destructive-action:backdrop, +.nemo-window .primary-toolbar button.destructive-action:backdrop { + opacity: 0.8; } +headerbar spinbutton:not(.vertical):focus, .nemo-window .primary-toolbar spinbutton:not(.vertical):focus { + color: rgba(225, 219, 219, 0.8); + caret-color: rgba(225, 219, 219, 0.8); } +headerbar spinbutton:not(.vertical) button, .nemo-window .primary-toolbar spinbutton:not(.vertical) button, headerbar spinbutton:not(.vertical) button:disabled, .nemo-window .primary-toolbar spinbutton:not(.vertical) button:disabled { + color: rgba(221, 213, 213, 0.8); + background-color: rgba(119, 119, 119, 0.9); + background-image: none; + box-shadow: none; } +headerbar spinbutton:not(.vertical) button:hover, .nemo-window .primary-toolbar spinbutton:not(.vertical) button:hover { + background-color: rgba(157, 157, 157, 0.6); } +headerbar spinbutton:not(.vertical) button:active, .nemo-window .primary-toolbar spinbutton:not(.vertical) button:active, headerbar spinbutton:not(.vertical) button:checked, .nemo-window .primary-toolbar spinbutton:not(.vertical) button:checked { + color: #ffffff; + background-color: #777777; + background-image: none; + border-color: rgba(255, 255, 255, 0.12); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; } +headerbar spinbutton:not(.vertical) button:disabled, .nemo-window .primary-toolbar spinbutton:not(.vertical) button:disabled { + color: rgba(225, 219, 219, 0.4); } +headerbar spinbutton:not(.vertical) > button + button, .nemo-window .primary-toolbar spinbutton:not(.vertical) > button + button { + border-left-style: none; } +headerbar spinbutton:not(.vertical) > button:hover:not(:active), .nemo-window .primary-toolbar spinbutton:not(.vertical) > button:hover:not(:active), +headerbar spinbutton:not(.vertical) > button:hover + button, +.nemo-window .primary-toolbar spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); } +headerbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), .nemo-window .primary-toolbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), +headerbar spinbutton:not(.vertical) > entry + button:not(:active):hover, +.nemo-window .primary-toolbar spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; } +headerbar spinbutton:not(.vertical) > entry:focus + button, .nemo-window .primary-toolbar spinbutton:not(.vertical) > entry:focus + button { + border-left-color: #66a1ff; } +headerbar combobox:disabled, .nemo-window .primary-toolbar combobox:disabled { + color: rgba(225, 219, 219, 0.2); } +headerbar combobox > .linked > button.combo, .nemo-window .primary-toolbar combobox > .linked > button.combo { + border: none; + color: rgba(225, 219, 219, 0.8); + background-color: rgba(119, 119, 119, 0.6); + background-image: none; } + headerbar combobox > .linked > button.combo image, .nemo-window .primary-toolbar combobox > .linked > button.combo image, headerbar combobox > .linked > button.combo image:hover, .nemo-window .primary-toolbar combobox > .linked > button.combo image:hover { + color: inherit; } + headerbar combobox > .linked > button.combo:hover, .nemo-window .primary-toolbar combobox > .linked > button.combo:hover { + border: none; + box-shadow: 0 0 0 2px #66a1ff, inset 0 0 0 1px #66a1ff; + border-color: #66a1ff; + background-image: none; + box-shadow: none; } + headerbar combobox > .linked > button.combo:disabled, .nemo-window .primary-toolbar combobox > .linked > button.combo:disabled { + color: rgba(225, 219, 219, 0.35); + background-color: rgba(111, 111, 111, 0.25); } +headerbar combobox > .linked > entry.combo:dir(ltr), .nemo-window .primary-toolbar combobox > .linked > entry.combo:dir(ltr) { + border-right-style: none; } + headerbar combobox > .linked > entry.combo:dir(ltr):focus, .nemo-window .primary-toolbar combobox > .linked > entry.combo:dir(ltr):focus { + box-shadow: none; } +headerbar combobox > .linked > entry.combo:dir(rtl), .nemo-window .primary-toolbar combobox > .linked > entry.combo:dir(rtl) { + border-left-style: none; } + headerbar combobox > .linked > entry.combo:dir(rtl):focus, .nemo-window .primary-toolbar combobox > .linked > entry.combo:dir(rtl):focus { + box-shadow: none; } +headerbar combobox > .linked > button.combo:dir(ltr), .nemo-window .primary-toolbar combobox > .linked > button.combo:dir(ltr), headerbar combobox > .linked > button.combo:dir(ltr):hover, .nemo-window .primary-toolbar combobox > .linked > button.combo:dir(ltr):hover, headerbar combobox > .linked > button.combo:dir(ltr):active, .nemo-window .primary-toolbar combobox > .linked > button.combo:dir(ltr):active, headerbar combobox > .linked > button.combo:dir(ltr):checked, .nemo-window .primary-toolbar combobox > .linked > button.combo:dir(ltr):checked, headerbar combobox > .linked > button.combo:dir(ltr):disabled, .nemo-window .primary-toolbar combobox > .linked > button.combo:dir(ltr):disabled { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } +headerbar combobox > .linked > button.combo:dir(rtl), .nemo-window .primary-toolbar combobox > .linked > button.combo:dir(rtl), headerbar combobox > .linked > button.combo:dir(rtl):hover, .nemo-window .primary-toolbar combobox > .linked > button.combo:dir(rtl):hover, headerbar combobox > .linked > button.combo:dir(rtl):active, .nemo-window .primary-toolbar combobox > .linked > button.combo:dir(rtl):active, headerbar combobox > .linked > button.combo:dir(rtl):checked, .nemo-window .primary-toolbar combobox > .linked > button.combo:dir(rtl):checked, headerbar combobox > .linked > button.combo:dir(rtl):disabled, .nemo-window .primary-toolbar combobox > .linked > button.combo:dir(rtl):disabled { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } +headerbar switch:backdrop, .nemo-window .primary-toolbar switch:backdrop { + opacity: 0.75; } +headerbar progressbar trough, .nemo-window .primary-toolbar progressbar trough { + background-color: transparent; } +headerbar progressbar:backdrop, .nemo-window .primary-toolbar progressbar:backdrop { + opacity: 0.75; } +headerbar scale:backdrop, .nemo-window .primary-toolbar scale:backdrop { + opacity: 0.75; } +headerbar scale slider, .nemo-window .primary-toolbar scale slider { + background-color: #515151; + border-color: rgba(0, 0, 0, 0.3); } + headerbar scale slider:hover, .nemo-window .primary-toolbar scale slider:hover { + background-color: #5d5d5d; + border-color: rgba(0, 0, 0, 0.3); } + headerbar scale slider:active, .nemo-window .primary-toolbar scale slider:active { + background-color: #515151; + border-color: rgba(0, 0, 0, 0.3); } + headerbar scale slider:disabled, .nemo-window .primary-toolbar scale slider:disabled { + background-color: #494949; + border-color: rgba(0, 0, 0, 0.3); } +headerbar scale trough, .nemo-window .primary-toolbar scale trough { + background-color: transparent; } + headerbar scale trough:disabled, .nemo-window .primary-toolbar scale trough:disabled { + background-color: transparent; } + +.path-bar button { + min-width: 12px; } + .path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; } + .path-bar button:hover { + box-shadow: none; } + .path-bar button:active, .path-bar button:checked { + color: #ffffff; + background-color: #848484; + background-image: none; + border-color: rgba(255, 255, 255, 0.12); + border-top-color: rgba(255, 255, 255, 0.12); + border-bottom-color: rgba(255, 255, 255, 0.12); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; } + .path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; } + .path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; } + .path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; } + .path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; } + .path-bar button image { + padding-left: 4px; + padding-right: 4px; } + +treeview.view { + border-left-color: rgba(222, 222, 222, 0.15); + border-top-color: rgba(0, 0, 0, 0.1); } + * { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; } + treeview.view acceleditor > label { + background-color: #0062FF; } + treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #80b1ff; + border-top-color: rgba(222, 222, 222, 0.1); } + treeview.view:disabled { + color: rgba(222, 222, 222, 0.45); } + treeview.view:disabled:selected { + color: #66a1ff; } + treeview.view.separator { + min-height: 2px; + color: rgba(0, 0, 0, 0.1); } + treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #6fa0ef; } + treeview.view:drop(active).after { + border-top-style: none; } + treeview.view:drop(active).before { + border-bottom-style: none; } + treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #818181; } + treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + treeview.view.expander:hover { + color: #dedede; } + treeview.view.expander:selected { + color: #b3d0ff; } + treeview.view.expander:selected:hover { + color: #ffffff; } + treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + treeview.view.progressbar, treeview.view.progressbar:focus { + color: #ffffff; + border-radius: 5px; + background-color: #0062FF; } + treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #0062FF; + box-shadow: none; + background-color: #ffffff; } + treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 5px; + border-width: 0; } + treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: #ffffff; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 5px; + border-width: 0; } + treeview.view header button { + min-height: 26px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #b9b9b9; + background-color: #242424; + background-image: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #242424 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #242424 80%) 0 1 0 0/0 1px 0 0 stretch; } + treeview.view header button:hover { + color: #0062FF; } + treeview.view header button:active { + color: #dedede; } + treeview.view header button:active, treeview.view header button:hover { + background-color: #242424; } + treeview.view header button:active:hover { + color: #dedede; } + treeview.view header button:disabled { + border-color: #333333; + background-image: none; } + treeview.view header button:last-child { + border-right-style: none; + border-image: none; } + treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, + treeview.view header.button.dnd, + treeview.view header.button.dnd:selected, + treeview.view header.button.dnd:hover, + treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: #ffffff; + background-color: #0062FF; + border-radius: 0; + border-style: none; } + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0px; + background-color: #373737; + background-image: none; + color: rgba(225, 219, 219, 0.8); + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); } + menubar:backdrop, + .menubar:backdrop { + color: rgba(225, 219, 219, 0.6); } + menubar > menuitem, + .menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: 1px solid transparent; + border-radius: 0; } + menubar > menuitem:hover, + .menubar > menuitem:hover { + color: #ffffff; + background-color: #0062FF; + border-color: #0062FF; + background-image: linear-gradient(180deg, #4c97fe 0%, #0564e3 100%); + box-shadow: none; + border: 1px solid #0062FF; + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); } + menubar > menuitem:disabled, + .menubar > menuitem:disabled { + color: rgba(225, 219, 219, 0.2); + border-color: transparent; } + +menu, +.context-menu, +popover.touch-selection, +.csd popover.touch-selection, +.menu { + margin: 0; + padding: 10px 0; + border-radius: 6px; + background-color: #333333; } + .csd menu, .csd + .context-menu, .csd popover.touch-selection, .csd + .menu { + border-radius: 6px; + background-color: #333333; + border: 1px solid rgba(255, 255, 255, 0.12); } + menu separator, .csd menu separator, + .context-menu separator, + popover.touch-selection separator, + .csd popover.touch-selection separator, .csd + .context-menu separator, .csd popover.touch-selection separator, + .menu separator, .csd + .menu separator { + margin: 4px 0; + min-height: 2px; + border: none; + background-color: rgba(255, 255, 255, 0.08); } + menu menuitem, + .context-menu menuitem, + popover.touch-selection menuitem, + .csd popover.touch-selection menuitem, + .menu menuitem { + min-height: 12px; + min-width: 40px; + padding: 2px 6px; + text-shadow: none; + border-top: 1px solid transparent; + border-bottom: 1px solid transparent; } + menu menuitem:hover, + .context-menu menuitem:hover, + popover.touch-selection menuitem:hover, + .menu menuitem:hover { + color: #ffffff; + background-color: #0062FF; + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + border-top: 1px solid transparent; + border-bottom: 1px solid #004ecc; } + menu menuitem:hover arrow, + .context-menu menuitem:hover arrow, + popover.touch-selection menuitem:hover arrow, + .menu menuitem:hover arrow { + color: #ffffff; + -gtk-icon-shadow: none; } + menu menuitem:disabled, + .context-menu menuitem:disabled, + popover.touch-selection menuitem:disabled, + .menu menuitem:disabled { + color: rgba(222, 222, 222, 0.45); } + menu menuitem arrow, + .context-menu menuitem arrow, + popover.touch-selection menuitem arrow, + .csd popover.touch-selection menuitem arrow, + .menu menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #dedede; } + menu menuitem arrow:dir(ltr), + .context-menu menuitem arrow:dir(ltr), + popover.touch-selection menuitem arrow:dir(ltr), + .menu menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; } + menu menuitem arrow:dir(rtl), + .context-menu menuitem arrow:dir(rtl), + popover.touch-selection menuitem arrow:dir(rtl), + .menu menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; } + menuitem accelerator { + color: alpha(currentColor,0.55); } + menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; } + menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; } + menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; } + menu > arrow, + .context-menu > arrow, + popover.touch-selection > arrow, + .csd popover.touch-selection > arrow, + .menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 4px; + background-color: #333333; + border-radius: 0; + border: 1px solid transparent; + background-image: none; + color: #dedede; } + menu > arrow.top, + .context-menu > arrow.top, + popover.touch-selection > arrow.top, + .csd popover.touch-selection > arrow.top, + .menu > arrow.top { + margin: -8px 1px 0 1px; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + menu > arrow.bottom, + .context-menu > arrow.bottom, + popover.touch-selection > arrow.bottom, + .csd popover.touch-selection > arrow.bottom, + .menu > arrow.bottom { + margin: 0 1px -28px 1px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + menu > arrow:hover, + .context-menu > arrow:hover, + popover.touch-selection > arrow:hover, + .csd popover.touch-selection > arrow:hover, + .menu > arrow:hover { + background-color: #373737; } + menu > arrow:disabled, + .context-menu > arrow:disabled, + popover.touch-selection > arrow:disabled, + .csd popover.touch-selection > arrow:disabled, + .menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; } + +popover.background { + padding: 2px; + border-radius: 5px; + background-color: #333333; } + .csd popover.background, popover.background { + border-radius: 5px; } + +popover { + padding: 2px; + border-radius: 5px; + background-clip: border-box; + background-color: #333333; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15); } + .csd popover, popover { + border-radius: 5px; + border: 1px solid rgba(255, 255, 255, 0.12); } + popover separator { + background-color: #333333; } + popover > list, + popover > .view, + popover > iconview, + popover > toolbar, + popover > .inline-toolbar { + border-style: none; + background-color: transparent; } + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; } + cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); } + cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } + +notebook { + padding: 0; } + notebook.frame { + border: 1px solid rgba(255, 255, 255, 0.12); } + notebook > stack:not(:only-child) { + background-color: #242424; } + notebook > header { + padding: 0; + background-color: #1e1e1e; } + notebook > header.top { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), inset 0 -1px rgba(255, 255, 255, 0.12); + margin-top: -1px; } + notebook > header.bottom { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), inset 0 -1px rgba(255, 255, 255, 0.12); + margin-bottom: -1px; } + notebook > header.right { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 rgba(255, 255, 255, 0.12); + margin-right: -1px; } + notebook > header.left { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 rgba(255, 255, 255, 0.12); + margin-left: -1px; } + notebook > header.top { + padding: 0; } + notebook > header.top > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + border-radius: 0; + outline-offset: -4px; } + notebook > header.top > tabs > tab + tab { + margin-left: -1px; } + notebook > header.bottom { + padding: 0; } + notebook > header.bottom > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + border-radius: 0; + outline-offset: -4px; } + notebook > header.bottom > tabs > tab + tab { + margin-left: -1px; } + notebook > header.right { + padding: 0; } + notebook > header.right > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + border-radius: 0; + outline-offset: -4px; } + notebook > header.right > tabs > tab + tab { + margin-top: -1px; } + notebook > header.left { + padding: 0; } + notebook > header.left > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + border-radius: 0; + outline-offset: -4px; } + notebook > header.left > tabs > tab + tab { + margin-top: -1px; } + notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; } + notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; } + notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; } + notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; } + notebook > header > tabs > arrow { + color: rgba(222, 222, 222, 0.45); } + notebook > header > tabs > arrow:hover { + color: rgba(222, 222, 222, 0.725); } + notebook > header > tabs > arrow:active { + color: #dedede; } + notebook > header > tabs > arrow:disabled { + color: rgba(222, 222, 222, 0.15); } + notebook > header > tabs > tab { + color: rgba(222, 222, 222, 0.45); + background-color: rgba(36, 36, 36, 0); + border: 1px solid transparent; } + notebook > header > tabs > tab:hover:not(:checked) { + color: rgba(222, 222, 222, 0.725); + background-color: rgba(255, 255, 255, 0.05); + border-color: #444444; } + notebook > header > tabs > tab:checked { + color: #dedede; + background-color: #373737; + border-color: #444444; } + notebook > header > tabs > tab button.flat, notebook > header > tabs > tab button.sidebar-button { + min-height: 0; + min-width: 0; + border-radius: 100%; + padding: 0 3px; + color: #a2a2a2; } + notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover { + color: rgba(255, 0, 0, 0.5); + background-color: transparent; } + notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover { + color: rgba(204, 0, 0, 0.5); + background-color: transparent; } + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; } + * { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; } + scrollbar button { + border: none; } + scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); } + scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } + scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #777777; } + scrollbar slider:hover { + background-color: #666666; } + scrollbar slider:hover:active { + background-color: #848484; } + scrollbar slider:disabled { + background-color: transparent; } + scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; } + scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; } + scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #ababab; + border: 1px solid rgba(255, 255, 255, 0.12); } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + margin: 0 3px; + min-width: 40px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + margin: 3px 0; + min-height: 40px; } + scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; } + scrollbar.horizontal slider { + min-width: 40px; } + scrollbar.vertical slider { + min-height: 40px; } + +row +switch:not(:indeterminate), row +switch:not(:indeterminate) slider:not(:indeterminate), row +switch:disabled:not(:indeterminate), row +switch:not(:indeterminate) slider:disabled:not(:indeterminate) { + padding: 0; + border: none; + color: transparent; + background: unset; + background-image: unset; + background-repeat: no-repeat; + background-position: right center; + box-shadow: none; + animation: none; + font-size: 0; + outline-color: transparent; } + row + switch:dir(rtl):not(:indeterminate), row + switch:not(:indeterminate) slider:dir(rtl):not(:indeterminate), row + switch:disabled:dir(rtl):not(:indeterminate), row + switch:not(:indeterminate) slider:disabled:dir(rtl):not(:indeterminate) { + background-position: left center; } + +row +switch:not(:indeterminate) { + min-width: 40px; + min-height: 24px; + margin: 0; + background-size: 40px 24px; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-image: -gtk-scaled(url("assets/switch.png"), url("assets/switch@2.png")); } + row + switch:not(:indeterminate) slider:not(:indeterminate) { + margin: 0; + background-size: 40px 24px; } + row + switch:not(:indeterminate):hover { + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-image: -gtk-scaled(url("assets/switch-hover.png"), url("assets/switch-hover@2.png")); } + row + switch:not(:indeterminate):checked { + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-image: -gtk-scaled(url("assets/switch-active.png"), url("assets/switch-active@2.png")); } + row + switch:not(:indeterminate):checked:hover { + background-image: -gtk-scaled(url("assets/switch-active-hover.png"), url("assets/switch-active-hover@2.png")); } + row + switch:not(:indeterminate):checked:disabled, row + switch:not(:indeterminate):checked:disabled:hover { + background-image: -gtk-scaled(url("assets/switch-active-insensitive.png"), url("assets/switch-active-insensitive@2.png")); } + row + switch:not(:indeterminate):disabled, row + switch:not(:indeterminate):disabled:hover { + background-image: -gtk-scaled(url("assets/switch-insensitive.png"), url("assets/switch-insensitive@2.png")); } + +switch { + transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1); + margin: 6px 0; + border-radius: 50px; + background-color: alpha(currentColor,0.3); + background-clip: padding-box; + font-size: 0; } + switch:disabled { + color: alpha(currentColor,0.4); } + switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: #71c837; } + switch:checked:disabled { + background-color: alpha(#71c837,0.5); + color: rgba(222, 222, 222, 0.45); } + switch slider { + transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 18px; + min-height: 18px; + margin: 2px 0 2px 2px; + border-radius: 50px; + -gtk-outline-radius: 50px; + background-color: white; + box-shadow: 0px 1px 2px 0px rgba(16, 16, 16, 0.15), 0px 2px 3px 0px rgba(16, 16, 16, 0.1); } + switch:hover slider { + box-shadow: 0px 2px 3px 0px rgba(16, 16, 16, 0.2), 0px 3px 5px 0px rgba(16, 16, 16, 0.15); } + switch:checked slider { + margin: 2px 2px 2px 0; + background-color: #ffffff; } + switch:checked:disabled slider { + animation: none; } + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } + +.osd check, +filechooser actionbar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } + +menuitem check:hover, +.view check:selected, +iconview check:selected, +treeview.check:selected, +row:selected check, +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); } + +.check:disabled, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } + +.osd check:disabled, +filechooser actionbar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } + +menuitem check:disabled:hover, +.view check:disabled:selected, +iconview check:disabled:selected, +treeview.check:disabled:selected, +row:selected check:disabled, +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); } + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } + +.osd check:indeterminate, +filechooser actionbar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } + +menuitem check:indeterminate:hover, +.view check:indeterminate:selected, +iconview check:indeterminate:selected, +treeview.check:indeterminate:selected, +row:selected check:indeterminate, +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); } + +.check:indeterminate:disabled, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } + +.osd check:indeterminate:disabled, +filechooser actionbar check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } + +menuitem check:indeterminate:disabled:hover, +.view check:indeterminate:disabled:selected, +iconview check:indeterminate:disabled:selected, +treeview.check:indeterminate:disabled:selected, +row:selected check:indeterminate:disabled, +infobar check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); } + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } + +.osd check:checked, +filechooser actionbar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } + +menuitem check:checked:hover, +.view check:checked:selected, +iconview check:checked:selected, +treeview.check:checked:selected, +row:selected check:checked, +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); } + +.check:checked:disabled, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +.osd check:checked:disabled, +filechooser actionbar check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +menuitem check:checked:disabled:hover, +.view check:checked:disabled:selected, +iconview check:checked:disabled:selected, +treeview.check:checked:disabled:selected, +row:selected check:checked:disabled, +infobar check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); } + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } + +.osd radio, +filechooser actionbar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } + +menuitem radio:hover, +.view radio:selected, +iconview radio:selected, +treeview.radio:selected, +row:selected radio, +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); } + +.radio:disabled, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } + +.osd radio:disabled, +filechooser actionbar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } + +menuitem radio:disabled:hover, +.view radio:disabled:selected, +iconview radio:disabled:selected, +treeview.radio:disabled:selected, +row:selected radio:disabled, +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); } + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } + +.osd radio:indeterminate, +filechooser actionbar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } + +menuitem radio:indeterminate:hover, +.view radio:indeterminate:selected, +iconview radio:indeterminate:selected, +treeview.radio:indeterminate:selected, +row:selected radio:indeterminate, +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); } + +.radio:indeterminate:disabled, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } + +.osd radio:indeterminate:disabled, +filechooser actionbar radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } + +menuitem radio:indeterminate:disabled:hover, +.view radio:indeterminate:disabled:selected, +iconview radio:indeterminate:disabled:selected, +treeview.radio:indeterminate:disabled:selected, +row:selected radio:indeterminate:disabled, +infobar radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); } + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } + +.osd radio:checked, +filechooser actionbar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } + +menuitem radio:checked:hover, +.view radio:checked:selected, +iconview radio:checked:selected, +treeview.radio:checked:selected, +row:selected radio:checked, +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); } + +.radio:checked:disabled, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +.osd radio:checked:disabled, +filechooser actionbar radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +menuitem radio:checked:disabled:hover, +.view radio:checked:disabled:selected, +iconview radio:checked:disabled:selected, +treeview.radio:checked:disabled:selected, +row:selected radio:checked:disabled, +infobar radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } + +.view.content-view.check:not(list), iconview.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); + background-color: transparent; } + +.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); + background-color: transparent; } + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; } + checkbutton.text-button:hover, radiobutton.text-button:hover { + color: #b8b8b8; } + checkbutton.text-button:disabled, radiobutton.text-button:disabled { + color: rgba(222, 222, 222, 0.45); } +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; } +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; } + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; } + check:only-child, menu menuitem check, + radio:only-child, menu menuitem + radio { + margin: 0; } + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; } + scale.horizontal trough { + padding: 0 4px; } + scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; } + scale.vertical trough { + padding: 4px 0; } + scale.vertical highlight, scale.vertical fill { + margin: -4px 0; } + scale slider { + min-height: 15px; + min-width: 15px; + margin: -6px; } + scale.fine-tune slider { + margin: -4px; } + scale.fine-tune fill, + scale.fine-tune highlight, + scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; } + scale trough { + outline-offset: 2px; + -gtk-outline-radius: 4.5px; + border-radius: 5px; + background-color: rgba(0, 0, 0, 0.2); } + scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); } + .osd scale trough { + background-color: rgba(0, 0, 0, 0.2); } + .osd scale trough highlight { + background-color: #0062FF; } + menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); } + menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: #ffffff; } + menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #8cb8ff; } + menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); } + scale highlight { + border-radius: 5px; + background-color: #0062FF; } + scale highlight:disabled { + background-color: rgba(0, 98, 255, 0.55); } + scale fill { + border-radius: 5px; + background-color: rgba(0, 98, 255, 0.5); } + scale fill:disabled { + background-color: transparent; } + scale slider { + background-color: #ffffff; + border: 1px solid rgba(255, 255, 255, 0); + border-radius: 100%; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.1), 0px 1px 2px 0px rgba(16, 16, 16, 0.05); + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; } + scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0); + box-shadow: 0px 1px 2px 0px rgba(16, 16, 16, 0.1), 0px 2px 2px 0px rgba(16, 16, 16, 0.05); } + scale slider:active { + background-clip: border-box; + background-color: #ffffff; + border-color: rgba(255, 255, 255, 0); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); } + scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(242, 242, 242, 0); } + menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: #ffffff; + border-color: #ffffff; } + menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #d9e7ff; + border-color: #d9e7ff; } + menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #80b1ff; + border-color: #80b1ff; } + menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #8cb8ff; + border-color: #8cb8ff; } + .osd scale slider { + background-clip: border-box; + background-color: #ffffff; + border-color: rgba(255, 255, 255, 0); } + .osd scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0); + box-shadow: 0px 1px 2px 0px rgba(16, 16, 16, 0.1), 0px 2px 2px 0px rgba(16, 16, 16, 0.05); } + .osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(255, 255, 255, 0); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); } + scale value { + color: alpha(currentColor,0.4); } + scale marks { + color: alpha(currentColor,0.4); } + scale marks.top { + margin-bottom: 1px; + margin-top: -4px; } + scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; } + scale marks.top { + margin-right: 1px; + margin-left: -4px; } + scale marks.bottom { + margin-left: 1px; + margin-right: -4px; } + scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; } + scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; } + scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; } + scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; } + scale.horizontal indicator { + min-height: 3px; + min-width: 1px; } + scale.horizontal.fine-tune indicator { + min-height: 2px; } + scale.vertical indicator { + min-height: 1px; + min-width: 3px; } + scale.vertical.fine-tune indicator { + min-width: 2px; } + scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; + margin-top: -11px; } + scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; + margin-top: -11px; } + scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; + margin-top: -11px; } + scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; + margin-top: -11px; } + scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; + margin-bottom: -11px; } + scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; + margin-bottom: -11px; } + scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; + margin-bottom: -11px; } + scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; + margin-bottom: -11px; } + scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; + margin-left: -11px; } + scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; + margin-left: -11px; } + scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; + margin-left: -11px; } + scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; + margin-left: -11px; } + scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; + margin-right: -11px; } + scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; + margin-right: -11px; } + scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; + margin-right: -11px; } + scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; + margin-right: -11px; } + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(222, 222, 222, 0.7); } + progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; } + progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; } + progressbar progress { + background-color: #0062FF; + border: none; + border-radius: 5px; + box-shadow: none; } + row:selected progressbar progress, infobar progressbar progress { + background-color: #ffffff; } + progressbar trough { + border: none; + border-radius: 5px; + background-color: #262626; } + row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); } + +levelbar block { + min-width: 32px; + min-height: 1px; } +levelbar.vertical block { + min-width: 1px; + min-height: 32px; } +levelbar trough { + border: none; + padding: 3px; + border-radius: 5px; + background-color: #262626; } +levelbar.horizontal.discrete block { + margin: 0 1px; } +levelbar.vertical.discrete block { + margin: 1px 0; } +levelbar block:not(.empty) { + border: 1px solid #0062FF; + background-color: #0062FF; + border-radius: 5px; } +levelbar block.low { + border-color: #F27835; + background-color: #F27835; } +levelbar block.high { + border-color: #0062FF; + background-color: #0062FF; } +levelbar block.full { + border-color: #71c837; + background-color: #71c837; } +levelbar block.empty { + background-color: #242424; + border-color: #242424; } + +printdialog paper { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #242424; + padding: 0; } +printdialog .dialog-action-box { + margin: 12px; } + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(255, 255, 255, 0.12); } + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; } + +scrolledwindow viewport.frame { + border-style: none; } +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(0, 98, 255, 0.2)), to(rgba(0, 98, 255, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(0, 98, 255, 0.2)), to(rgba(0, 98, 255, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(0, 98, 255, 0.2)), to(rgba(0, 98, 255, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(0, 98, 255, 0.2)), to(rgba(0, 98, 255, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; } +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; } +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; } +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; } +scrolledwindow junction { + border-color: transparent; + border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12) 1px, transparent 1px) 0 0 0 0/0 0 stretch; + background-color: #272727; } + scrolledwindow junction:dir(rtl) { + border-image-slice: 0 1 0 0; } + +separator { + background-color: rgba(0, 0, 0, 0.1); + min-width: 1px; + min-height: 1px; } + +list { + background-color: #242424; + border-color: rgba(255, 255, 255, 0.12); } + list row { + padding: 2px; } + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } +row.activatable.has-open-popup, row.activatable:hover { + background-color: rgba(255, 255, 255, 0.03); } +row.activatable:active { + color: #dedede; } +row.activatable:disabled { + color: rgba(222, 222, 222, 0.45); } + row.activatable:disabled image { + color: inherit; } +row.activatable:selected:active { + color: #ffffff; } +row.activatable:selected.has-open-popup, row.activatable:selected:hover { + background-color: #0058e6; } + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #dedede; + background-color: alpha(#484848,0.9); + border-radius: 0 0 5px 5px; + border-style: none; + box-shadow: 0px 1px 2px 0px rgba(16, 16, 16, 0.15), 0px 2px 3px 0px rgba(16, 16, 16, 0.1); } + .app-notification border { + border: none; } + .app-notification button { + padding: 0; + margin: 0 0 0 0; + min-height: 24px; + min-width: 24px; + border-radius: 100px; + outline-offset: -1px; + -gtk-outline-radius: 100px; } + .app-notification button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); } + .app-notification button:active, .app-notification button:checked { + border-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0.25); + text-shadow: none; + -gtk-icon-shadow: none; } + .app-notification button:disabled { + background-color: transparent; } + .app-notification button:disabled label, .app-notification button:disabled { + color: rgba(222, 222, 222, 0.45); } + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + expander arrow:hover { + color: white; } + expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +calendar { + color: #dedede; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 5px; + padding: 2px 6px; + margin: 0; } + calendar:selected { + border-radius: 50px; } + calendar.header { + color: #dedede; + border: none; } + calendar.button { + color: rgba(222, 222, 222, 0.45); } + calendar.button:hover { + color: #dedede; } + calendar.button:disabled { + color: rgba(222, 222, 222, 0.45); } + calendar:indeterminate { + color: alpha(currentColor,0.55); } + calendar.highlight { + color: #dedede; } + +messagedialog .titlebar { + min-height: 20px; + background-color: #373737; + border-bottom: 1px solid #484848; } +messagedialog .dialog-action-area button { + padding: 8px; + min-height: 0; } +messagedialog.csd.background { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border: none; } +messagedialog.csd .dialog-action-area button { + border-bottom-style: none; + background-image: none; } +messagedialog.csd .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } +messagedialog.csd .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog.csd .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + border-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0.25); + text-shadow: none; + -gtk-icon-shadow: none; + border-color: rgba(255, 255, 255, 0.12); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); } +messagedialog.csd .dialog-action-area button { + border-radius: 0; + border-right-style: none; } +messagedialog.csd .dialog-action-area button:last-child { + border-radius: 0 0 6px 0; + border-right-style: none; } +messagedialog.csd .dialog-action-area button:first-child { + border-radius: 0 0 0 6px; + border-left-style: none; } +messagedialog.csd .dialog-action-area button:only-child { + border-radius: 0 0 6px 6px; + border-left-style: none; + border-right-style: none; } + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(255, 255, 255, 0); } + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; } + +.sidebar { + border-style: none; + background-color: #333333; } + stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-left-style: none; } + stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right-style: none; } + .sidebar list { + background-color: transparent; } + paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; } + +stacksidebar row { + padding: 4px 4px; } + stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; } + stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; } + +placessidebar > viewport.frame { + border-style: none; } +placessidebar row { + min-height: 24px; + padding: 2px 2px 2px 10px; } + placessidebar row > revealer { + padding: 0 10px; } + placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 8px; } + placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 8px; } + placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 2px; } + placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 2px; } + button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100%; + -gtk-outline-radius: 100%; } + button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.5; } + placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; } + placessidebar row.sidebar-new-bookmark-row { + color: #0062FF; } + placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; } + placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; } + placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; } + placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #dedede; } + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); } +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); } +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; } + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); + background-size: 1px 1px; } + paned > separator:selected { + background-image: linear-gradient(to bottom, #0062FF, #0062FF); } + paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #333333; + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)), linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); + background-size: 1px 1px, 1px 1px; } +paned.horizontal > separator { + background-repeat: repeat-y; } + paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; } + paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; } + paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; } +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; } + paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; } + +infobar { + border-style: none; } + infobar.info, infobar.question, infobar.warning, infobar.error { + background-color: #0062FF; + color: #ffffff; + caret-color: currentColor; } + infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { + color: #0062FF; + background-color: #ffffff; } + +row:selected button, infobar.info button, infobar.question button, infobar.warning button, infobar.error button, .nautilus-window .floating-bar button { + color: #ffffff; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; } +row:selected button.flat, row:selected button.sidebar-button, infobar.info button.flat, infobar.info button.sidebar-button, infobar.question button.flat, infobar.question button.sidebar-button, infobar.warning button.flat, infobar.warning button.sidebar-button, infobar.error button.flat, infobar.error button.sidebar-button, .nautilus-window .floating-bar button.flat, .nautilus-window .floating-bar button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0); + background-image: none; } + headerbar.selection-mode button:disabled, .nemo-window .selection-mode.primary-toolbar button:disabled, row:selected button.flat:disabled, row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.info button.sidebar-button:disabled, infobar.question button.flat:disabled, infobar.question button.sidebar-button:disabled, infobar.warning button.flat:disabled, infobar.warning button.sidebar-button:disabled, infobar.error button.flat:disabled, infobar.error button.sidebar-button:disabled, .nautilus-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.sidebar-button:disabled, headerbar.selection-mode button:disabled label, .nemo-window .selection-mode.primary-toolbar button:disabled label, row:selected button.flat:disabled label, row:selected button.sidebar-button:disabled label, infobar.info button.flat:disabled label, infobar.info button.sidebar-button:disabled label, infobar.question button.flat:disabled label, infobar.question button.sidebar-button:disabled label, infobar.warning button.flat:disabled label, infobar.warning button.sidebar-button:disabled label, infobar.error button.flat:disabled label, infobar.error button.sidebar-button:disabled label, .nautilus-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.sidebar-button:disabled label { + color: rgba(255, 255, 255, 0.4); } +row:selected button:hover, infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover, .nautilus-window .floating-bar button:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); } +headerbar.selection-mode button:active, .nemo-window .selection-mode.primary-toolbar button:active, headerbar.selection-mode button:checked, .nemo-window .selection-mode.primary-toolbar button:checked, row:selected button:active, infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active, .nautilus-window .floating-bar button:active, headerbar.selection-mode button:hover:active, .nemo-window .selection-mode.primary-toolbar button:hover:active, headerbar.selection-mode button:hover:checked, .nemo-window .selection-mode.primary-toolbar button:hover:checked, row:selected button:active:hover, infobar.info button:active:hover, infobar.question button:active:hover, infobar.warning button:active:hover, infobar.error button:active:hover, .nautilus-window .floating-bar button:active:hover, row:selected button:checked, infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked, .nautilus-window .floating-bar button:checked { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); } +row:selected button:disabled, infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); } + row:selected button:disabled, infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, .nautilus-window .floating-bar button:disabled, row:selected button:disabled label, infobar.info button:disabled label, infobar.question button:disabled label, infobar.warning button:disabled label, infobar.error button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); } + headerbar.selection-mode button:disabled:active, .nemo-window .selection-mode.primary-toolbar button:disabled:active, headerbar.selection-mode button:disabled:checked, .nemo-window .selection-mode.primary-toolbar button:disabled:checked, row:selected button:disabled:active, infobar.info button:disabled:active, infobar.question button:disabled:active, infobar.warning button:disabled:active, infobar.error button:disabled:active, .nautilus-window .floating-bar button:disabled:active, headerbar.selection-mode button:disabled:checked, .nemo-window .selection-mode.primary-toolbar button:disabled:checked, headerbar.selection-mode button:disabled:active, .nemo-window .selection-mode.primary-toolbar button:disabled:active, row:selected button:disabled:checked, infobar.info button:disabled:checked, infobar.question button:disabled:checked, infobar.warning button:disabled:checked, infobar.error button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #0062FF; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); } + +tooltip { + border-radius: 5px; + box-shadow: none; } + tooltip.background, tooltip.background.csd { + background-color: rgba(62, 62, 62, 0.95); + background-clip: padding-box; + border-radius: 5px; } + tooltip.background label, tooltip.background.csd label { + padding: 4px; } + tooltip decoration { + background-color: transparent; } + tooltip * { + background-color: transparent; + color: #dedede; } + +colorswatch, colorswatch:drop(active) { + border-style: none; } +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; } + colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; } +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; } + colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; } + colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; } +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; } + colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; } +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); } + colorswatch.dark overlay:hover { + border-color: rgba(255, 255, 255, 0.12); } +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); } + colorswatch.light overlay:hover { + border-color: rgba(255, 255, 255, 0.12); } +colorswatch overlay { + border: 1px solid rgba(255, 255, 255, 0.12); } + colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); } +colorswatch:disabled { + opacity: 0.5; } + colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; } +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #dedede; + border-color: rgba(255, 255, 255, 0.12); + background-color: #484848; } + colorswatch#add-color-button:hover { + color: #c5c5c5; + border-color: rgba(255, 255, 255, 0.12); + background-color: #5c5c5c; + box-shadow: none; } + colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + +button.color { + padding: 0; } + button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; } + +colorchooser .popover.osd { + border-radius: 5px; } + +.content-view { + background-color: #242424; } + .content-view:hover { + -gtk-icon-effect: highlight; } + +.scale-popup button:hover { + color: #c5c5c5; + border-color: rgba(255, 255, 255, 0.12); + background-color: #5c5c5c; + box-shadow: none; } + +.context-menu, popover.touch-selection, .csd popover.touch-selection { + font: initial; } + +.monospace { + font-family: Monospace; } + +button.circular, button.nautilus-circular-button.image-button, +button.circular-button { + padding: 0; + margin: 0; + min-width: 28px; + min-height: 28px; + border-radius: 50%; + -gtk-outline-radius: 50%; } + button.circular:active, button.nautilus-circular-button.image-button:active, button.circular:checked, button.nautilus-circular-button.image-button:checked, + button.circular-button:active, + button.circular-button:checked { + border-width: 1px; + border-color: rgba(255, 255, 255, 0.35); + border-style: solid; + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0.35); + text-shadow: none; + -gtk-icon-shadow: none; } + button.circular label, button.nautilus-circular-button.image-button label, + button.circular-button label { + padding: 0; } + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #dedede; + background-color: #242424; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 5px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); } + +stackswitcher button.text-button { + min-width: 80px; } +stackswitcher button.circular, stackswitcher button.nautilus-circular-button.image-button { + min-width: 0; } + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; } + +decoration { + transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1); + border-radius: 6px; + border-width: 0; + box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3), 0 8px 15px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.12); + margin: 4px; } + decoration:backdrop { + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.12); } + .fullscreen decoration, .tiled decoration { + border-radius: 0; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.12); } + .popup decoration { + border-radius: 6px; } + .ssd decoration { + margin: -5px; + border-radius: 6px 6px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.12); } + .ssd decoration.maximized { + border-radius: 0; } + .csd.popup decoration { + border-radius: 6px; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 5px rgba(0, 0, 0, 0.06); } + tooltip.csd decoration { + border-radius: 6px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); } + messagedialog.csd decoration { + border-radius: 6px; } + .solid-csd decoration { + border: 1px solid #4B4B4B; + border-radius: 0; + margin: 0; + background-color: #373737; + box-shadow: none; } + +headerbar button.titlebutton, +.titlebar button.titlebutton { + min-width: 24px; + min-height: 24px; + margin: 0; + padding: 0; + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: rgba(55, 55, 55, 0); } + headerbar button.titlebutton:hover, + .titlebar button.titlebutton:hover { + color: rgba(221, 213, 213, 0.8); + background-color: rgba(119, 119, 119, 0.9); + background-image: none; + box-shadow: none; } + headerbar button.titlebutton:active, headerbar button.titlebutton:checked, + .titlebar button.titlebutton:active, + .titlebar button.titlebutton:checked { + color: #ffffff; + background-color: #777777; + background-image: none; + border-color: rgba(255, 255, 255, 0.12); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; } + headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, headerbar button.titlebutton.restore, + .titlebar button.titlebutton.close, + .titlebar button.titlebutton.maximize, + .titlebar button.titlebutton.minimize, + .titlebar button.titlebutton.restore { + min-width: 20px; + min-height: 20px; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + border-width: 0; + box-shadow: none; } + headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, headerbar button.titlebutton.restore:backdrop, + .titlebar button.titlebutton.close:backdrop, + .titlebar button.titlebutton.maximize:backdrop, + .titlebar button.titlebutton.minimize:backdrop, + .titlebar button.titlebutton.restore:backdrop { + opacity: 1; } + headerbar button.titlebutton.close, + .titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("assets/titlebutton-close.png"), url("assets/titlebutton-close@2.png")); } + headerbar button.titlebutton.close:backdrop, + .titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop.png"), url("assets/titlebutton-close-backdrop@2.png")); } + headerbar button.titlebutton.close:hover, + .titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("assets/titlebutton-close-hover.png"), url("assets/titlebutton-close-hover@2.png")); } + headerbar button.titlebutton.close:active, + .titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("assets/titlebutton-close-active.png"), url("assets/titlebutton-close-active@2.png")); } + headerbar button.titlebutton.maximize, + .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("assets/titlebutton-maximize.png"), url("assets/titlebutton-maximize@2.png")); } + headerbar button.titlebutton.maximize:backdrop, + .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop.png"), url("assets/titlebutton-maximize-backdrop@2.png")); } + headerbar button.titlebutton.maximize:hover, + .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover.png"), url("assets/titlebutton-maximize-hover@2.png")); } + headerbar button.titlebutton.maximize:active, + .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("assets/titlebutton-maximize-active.png"), url("assets/titlebutton-maximize-active@2.png")); } + headerbar button.titlebutton.minimize, + .titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("assets/titlebutton-minimize.png"), url("assets/titlebutton-minimize@2.png")); } + headerbar button.titlebutton.minimize:backdrop, + .titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop.png"), url("assets/titlebutton-minimize-backdrop@2.png")); } + headerbar button.titlebutton.minimize:hover, + .titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover.png"), url("assets/titlebutton-minimize-hover@2.png")); } + headerbar button.titlebutton.minimize:active, + .titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("assets/titlebutton-minimize-active.png"), url("assets/titlebutton-minimize-active@2.png")); } + headerbar button.titlebutton.restore, + .titlebar button.titlebutton.restore { + background-image: -gtk-scaled(url("assets/titlebutton-restore.png"), url("assets/titlebutton-restore@2.png")); } + headerbar button.titlebutton.restore:backdrop, + .titlebar button.titlebutton.restore:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-restore-backdrop.png"), url("assets/titlebutton-restore-backdrop@2.png")); } + headerbar button.titlebutton.restore:hover, + .titlebar button.titlebutton.restore:hover { + background-image: -gtk-scaled(url("assets/titlebutton-restore-hover.png"), url("assets/titlebutton-restore-hover@2.png")); } + headerbar button.titlebutton.restore:active, + .titlebar button.titlebutton.restore:active { + background-image: -gtk-scaled(url("assets/titlebutton-restore-active.png"), url("assets/titlebutton-restore-active@2.png")); } +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen +.titlebar button.titlebutton.maximize, .maximized +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("assets/titlebutton-restore.png"), url("assets/titlebutton-restore@2.png")); } +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen +.titlebar button.titlebutton.maximize:backdrop, .maximized +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-restore-backdrop.png"), url("assets/titlebutton-restore-backdrop@2.png")); } +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen +.titlebar button.titlebutton.maximize:hover, .maximized +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-restore-hover.png"), url("assets/titlebutton-restore-hover@2.png")); } +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen +.titlebar button.titlebutton.maximize:active, .maximized +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("assets/titlebutton-restore-active.png"), url("assets/titlebutton-restore-active@2.png")); } + +.view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, +.view text:selected, +iconview text:selected, +textview text:selected, +.view text:selected:focus, +iconview text:selected:focus, +textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, +textview text selection:focus, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget.background > widget > scrolledwindow > textview text selection { + background-color: #0062FF; } + row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, + .view text:selected, + iconview text:selected, + textview text:selected, + .view text:selected:focus, + iconview text:selected:focus, + textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, + textview text selection:focus, + textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, + #MozillaGtkWidget.background > widget > scrolledwindow > textview text selection { + color: #ffffff; } + row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, + .view text:disabled:selected, + iconview text:disabled:selected, + textview text:disabled:selected, + iconview text:disabled:selected:focus, + textview text:disabled:selected:focus, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, + textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, calendar:disabled:selected, .nemo-window .nemo-window-pane widget.entry:disabled:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:disabled:selected, + #MozillaGtkWidget.background > widget > scrolledwindow > textview text selection:disabled { + color: #80b1ff; } + +/********* + * Emoji * + *********/ +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; } + .emoji widget { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); } + .emoji widget:hover { + font-size: larger; } + +/* +.gedit-bottom-panel-paned notebook, +terminal-window notebook { + > header.top > tabs > tab:checked { box-shadow: inset 0 -1px $borders_color; } +} +*/ +terminal-window notebook > header.top tabs > tab, +.mate-terminal notebook > header.top tabs > tab { + border-top: 1px solid transparent; } +terminal-window notebook > header.top button, +.mate-terminal notebook > header.top button { + padding: 0; + min-width: 24px; + min-height: 24px; } + +.nautilus-canvas-item { + border-radius: 2px; } + +.nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item, .caja-desktop { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } + .nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active, .caja-desktop:active { + color: #dedede; } + .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected, .caja-desktop:selected { + color: #ffffff; + text-shadow: none; } + +.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, +.titlebar:not(headerbar) .nautilus-canvas-item.subtitle, +.nautilus-list-dim-label { + color: #898989; } + .nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, headerbar .nautilus-canvas-item.subtitle:selected, + .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected:focus, + .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected:focus, + .nautilus-list-dim-label:selected, + .nautilus-list-dim-label:selected:focus { + color: #cce0ff; } + +.nautilus-window searchbar { + border-top: 1px solid rgba(255, 255, 255, 0.12); } +.nautilus-window .searchbar-container { + margin-top: -1px; } + +.nautilus-window notebook, +.nautilus-window notebook > stack { + border-radius: 0 0 6px 0; } + +.nautilus-window.maximized notebook, +.nautilus-window.maximized notebook > stack { + border-radius: 0 0 0 0; } + +.nautilus-window notebook, +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: #242424; } + +.disk-space-display { + border-style: solid; + border-width: 1px; } + .disk-space-display.unknown { + background-color: rgba(222, 222, 222, 0.5); + border-color: rgba(197, 197, 197, 0.5); } + .disk-space-display.used { + background-color: rgba(0, 98, 255, 0.8); + border-color: rgba(0, 78, 204, 0.8); } + .disk-space-display.free { + background-color: #2b2b2b; + border-color: #121212; } + +@keyframes needs_attention_keyframes { + 0% { + color: rgba(221, 213, 213, 0.8); + background-color: rgba(119, 119, 119, 0.9); + background-image: none; + box-shadow: none; } + 100% { + color: #ffffff; + background-color: #777777; + background-image: none; + border-color: rgba(255, 255, 255, 0.12); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; } } +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; } + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; } + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; } +.conflict-row.activatable:hover { + background-color: #fd716a; } +.conflict-row.activatable:selected { + color: #ffffff; + background-color: #0062FF; } + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; } +.nemo-window notebook { + background-color: #242424; } +.nemo-window .nemo-window-pane widget.entry { + border: 1px solid; + border-radius: 3px; + color: #dedede; + border-color: #66a1ff; + background-color: #242424; + box-shadow: inset 0 0 0 2px #66a1ff; } +.nemo-window .primary-toolbar { + border: none; + color: rgba(225, 219, 219, 0.8); + background-color: #373737; } +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button { + padding-bottom: 2px; + margin: 0; + color: rgba(225, 219, 219, 0.8); + background-color: #373737; } + .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:not(:last-child):not(:only-child) { + margin: 0; } + .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover { + color: rgba(225, 219, 219, 0.8); + background-color: #4b4b4b; } + .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked { + transition: background-color 0.00001s 0.3s; + animation: header_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + color: rgba(225, 219, 219, 0.8); + background-color: #1e1e1e; + box-shadow: inset 0 -2px #3381ff; } + .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled { + color: rgba(225, 219, 219, 0.4); } +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: solid; } + +.caja-notebook { + border-top: 1px solid rgba(255, 255, 255, 0.12); } + +.caja-side-pane .frame { + border-width: 1px 0 0; } + +.caja-notebook .frame { + border-width: 0 0 1px; } + +.open-document-selector-treeview.view, iconview.open-document-selector-treeview { + padding: 3px 6px 3px 6px; + border-color: #242424; } + .open-document-selector-treeview.view:hover, iconview.open-document-selector-treeview:hover { + background-color: #313131; } + .open-document-selector-treeview.view:hover:selected, iconview.open-document-selector-treeview:hover:selected { + color: #ffffff; + background-color: #0062FF; } + +.open-document-selector-name-label { + color: #dedede; } + +.open-document-selector-path-label { + color: #818181; + font-size: smaller; } + .open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); } + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + color: transparent; + background: none; + border: none; + box-shadow: none; } + .gedit-document-panel row button image { + color: inherit; } +.gedit-document-panel row:hover:not(:selected) button { + color: #a2a2a2; } + .gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; } + .gedit-document-panel row:hover:not(:selected) button:active { + color: #dedede; } +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; + background: none; + border: none; + box-shadow: none; } + .gedit-document-panel row:hover:selected button:hover:active { + color: #ffffff; } + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #1a1a1a; + color: #dedede; } + +.gedit-side-panel-paned statusbar { + border-top: none; + background-color: #333333; + border-radius: 0 0 6px 6px; } + +.gedit-search-slider { + background-color: #383838; + padding: 6px; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 5px 5px; + border-width: 0 1px 1px 1px; + border-style: solid; } + +.gedit-search-entry-occurrences-tag { + color: rgba(222, 222, 222, 0.6); + border: none; + margin: 2px; + padding: 2px; } + +.gedit-map-frame border { + border-width: 0; } + .gedit-map-frame border:dir(ltr) { + border-left-width: 1px; } + .gedit-map-frame border:dir(rtl) { + border-right-width: 1px; } + +.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal > box.horizontal { + margin: 4px 0; } +.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal > scrolledwindow { + margin: 0 6px 6px 6px; + border-radius: 0; + box-shadow: 0px 1px 2px 0px rgba(16, 16, 16, 0.15), 0px 2px 3px 0px rgba(16, 16, 16, 0.1); } + +.pluma-window statusbar frame > border { + border: none; } + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; } + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; } + +.gb-search-entry-occurrences-tag { + background: none; } + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; } + workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 6px 6px 0 0; } + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #0062FF; } + +layouttab { + background-color: #242424; } + +layout { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; } + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); } + +pillbox { + color: #ffffff; + background-color: #0062FF; + border-radius: 3px; } + pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); } + +docktabstrip { + padding: 0 6px; + background-color: #333333; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); } + docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; } + docktabstrip docktab label { + opacity: 0.5; } + docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; } + docktabstrip docktab:checked { + border-color: rgba(255, 255, 255, 0.12); + background-color: #242424; } + +dockbin { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; } + +dockpaned { + border: 1px solid rgba(255, 255, 255, 0.12); } + +dockoverlayedge { + background-color: #333333; } + dockoverlayedge docktabstrip { + padding: 0; + border: none; } + dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; } + +popover.messagepopover.background { + padding: 0; } +popover.messagepopover .popover-content-area { + margin: 16px; } +popover.messagepopover .popover-action-area { + margin: 8px; } + popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; } + +popover.popover-selector { + padding: 0; } + popover.popover-selector list row { + padding: 5px 0; } + popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; } + +entry.search.preferences-search { + border: none; + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; } + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #242424, #242424); } +preferences stacksidebar.sidebar list separator { + background-color: transparent; } + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(255, 255, 255, 0.12); } + +button.run-arrow-button { + min-width: 12px; } + +omnibar.linked > entry:not(:only-child) { + border-style: solid; + border-radius: 3px; + margin-left: 1px; + margin-right: 1px; } + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #dedede; } + +configurationview entry.flat { + background: none; } +configurationview list { + border-width: 0; } + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 6px; } +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #dedede; + transition-duration: 0.1s; } + window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #dedede; } + window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: #ffffff; + font-weight: 700; } + window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#2b2b2b); + color: #ababab; + transition-property: opacity, border-image, background-image, box-shadow; } + window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#3c3c3c); + color: #dedede; } + window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#444444); + color: #dedede; + animation: none; } + window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#0062FF); + color: #ffffff; } + window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#242424); + color: #0062FF; } + window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#22272f); } + window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#202a3a); + color: #0062FF; + animation: none; } + window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#0062FF); + color: #ffffff; + transition-duration: 0s; } + +.documents-scrolledwin.frame { + border-width: 0; } + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; } + +.documents-icon-bg { + background-color: #0062FF; + color: #ffffff; + border-radius: 2px; } + +.documents-collection-icon, .photos-collection-icon { + background-color: rgba(222, 222, 222, 0.3); + border-radius: 2px; } + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #66a1ff; } + +.documents-entry-tag, .photos-entry-tag { + color: #ffffff; + background: #0062FF; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; } + .documents-entry-tag:hover, .photos-entry-tag:hover { + color: #ffffff; + background: #146fff; } + .documents-entry-tag:active, .photos-entry-tag:active { + color: #ffffff; + background: #005aeb; } + .documents-entry-tag.button, .button.photos-entry-tag { + box-shadow: none; + border: none; + background-color: transparent; } + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; } + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; } + +.tweak-categories, +.tweak-category:not(:selected):not(:hover) { + background-image: linear-gradient(to bottom, #242424, #242424); } + +.tweak-categories { + border-radius: 0 0 0 6px; } + +.tweak-titlebar-right > switch, +dialog.csd > headerbar.titlebar > switch { + margin: 8px 0; } + +box.horizontal.titlebar > headerbar > stack > box.vertical > .title { + margin: 0; } +box.horizontal.titlebar > headerbar > stack > box.vertical > .subtitle { + margin: -3px 0; } + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; } + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; } + +.atril-window .primary-toolbar toolbar, .atril-window .primary-toolbar .inline-toolbar { + background: none; } + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #f0f0f0; + background-color: rgba(36, 36, 36, 0.95); + border: 1px solid rgba(16, 16, 16, 0.95); + border-radius: 2px; } +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #0062FF; + border-color: #0062FF; } +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: rgba(23, 23, 23, 0.95); } +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; } + +#gf-input-source { + min-height: 32px; + min-width: 40px; } + #gf-input-source:selected { + color: #ffffff; + background-color: #0062FF; + border-radius: 2px; } + +gf-candidate-box label { + padding: 3px; } +gf-candidate-box:hover, gf-candidate-box:selected { + color: #ffffff; + background-color: #0062FF; + border-radius: 2px; } + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + padding: 4px; + background-color: #2b2b2b; } + .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + border-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0.25); + text-shadow: none; + -gtk-icon-shadow: none; } + .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; } + +.sidebar-paned scrolledwindow { + border: none; } + +window.csd > box.vertical > box.vertical > toolbar.horizontal, window.csd > box.vertical > box.vertical > .horizontal.inline-toolbar, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > .horizontal.inline-toolbar { + margin: -1px 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + box-shadow: none; + background-color: transparent; } + window.csd > box.vertical > box.vertical > toolbar.horizontal button, window.csd > box.vertical > box.vertical > .horizontal.inline-toolbar button, + window.solid-csd > box.vertical > box.vertical > toolbar.horizontal button, + window.solid-csd > box.vertical > box.vertical > .horizontal.inline-toolbar button { + min-height: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; } + window.csd > box.vertical > box.vertical > toolbar.horizontal button:active, window.csd > box.vertical > box.vertical > .horizontal.inline-toolbar button:active, window.csd > box.vertical > box.vertical > toolbar.horizontal button:checked, window.csd > box.vertical > box.vertical > .horizontal.inline-toolbar button:checked, + window.solid-csd > box.vertical > box.vertical > toolbar.horizontal button:active, + window.solid-csd > box.vertical > box.vertical > .horizontal.inline-toolbar button:active, + window.solid-csd > box.vertical > box.vertical > toolbar.horizontal button:checked, + window.solid-csd > box.vertical > box.vertical > .horizontal.inline-toolbar button:checked { + border-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0.25); + text-shadow: none; + -gtk-icon-shadow: none; } +window.csd > box.vertical > box.vertical > frame, +window.solid-csd > box.vertical > box.vertical > frame { + margin: -1px 0; + padding: 0; } + window.csd > box.vertical > box.vertical > frame > border, + window.solid-csd > box.vertical > box.vertical > frame > border { + border: none; } + +window.background > box.vertical > toolbar.primary-toolbar toolitem .linked > button.image-button.raised, window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem .linked > button.image-button.raised { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; } + window.background > box.vertical > toolbar.primary-toolbar toolitem .linked > button.image-button.raised:active, window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem .linked > button.image-button.raised:active, window.background > box.vertical > toolbar.primary-toolbar toolitem .linked > button.image-button.raised:checked, window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem .linked > button.image-button.raised:checked { + border-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0.25); + text-shadow: none; + -gtk-icon-shadow: none; } + window.background > box.vertical > toolbar.primary-toolbar toolitem .linked > button.image-button.raised > widget > box > image, window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem .linked > button.image-button.raised > widget > box > image { + padding: 0; } +window.background > box.vertical > toolbar.primary-toolbar toolitem button.flat.scale, window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem button.flat.scale, window.background > box.vertical > toolbar.primary-toolbar toolitem button.scale.sidebar-button, window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem button.scale.sidebar-button { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; } +window.background > box.vertical > toolbar.primary-toolbar toolitem > box.horizontal:not(.linked) > button.toggle, window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), +window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; } + window.background > box.vertical > toolbar.primary-toolbar toolitem > box.horizontal:not(.linked) > button.toggle:active, window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem > box.horizontal:not(.linked) > button.toggle:active, window.background > box.vertical > toolbar.primary-toolbar toolitem > box.horizontal:not(.linked) > button.toggle:checked, window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem > box.horizontal:not(.linked) > button.toggle:checked, + window.background > box.vertical > toolbar.primary-toolbar toolitem > .linked > button:not(.toggle):not(.raised):not(.flat):active, + window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem > .linked > button:not(.toggle):not(.raised):not(.flat):active, + window.background > box.vertical > toolbar.primary-toolbar toolitem > .linked > button:not(.toggle):not(.raised):not(.flat):checked, + window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem > .linked > button:not(.toggle):not(.raised):not(.flat):checked { + border-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0.25); + text-shadow: none; + -gtk-icon-shadow: none; } + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title, window.background > headerbar.titlebar > button.popup.toggle.text-button.title.sidebar-button { + margin: 6px 0; } + window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget, window.background > headerbar.titlebar > button.popup.toggle.text-button.title.sidebar-button > grid > widget { + padding-top: 3px; } + window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr), window.background > headerbar.titlebar > button.popup.toggle.text-button.title.sidebar-button > grid > widget:dir(ltr) { + padding-left: 4px; } + window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl), window.background > headerbar.titlebar > button.popup.toggle.text-button.title.sidebar-button > grid > widget:dir(rtl) { + padding-right: 4px; } +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; } + window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, + window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, + window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + border-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0.25); + text-shadow: none; + -gtk-icon-shadow: none; } + window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, + window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, + window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + border-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0.35); + text-shadow: none; + -gtk-icon-shadow: none; } + +headerbar.titlebar.incognito-mode entry { + border: none; + color: rgba(225, 219, 219, 0.8); + background-color: rgba(119, 119, 119, 0.6); + background-image: none; } + headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; } + headerbar.titlebar.incognito-mode entry:focus { + border: none; + box-shadow: 0 0 0 2px #66a1ff, inset 0 0 0 1px #66a1ff; + border-color: #66a1ff; + background-image: none; } + headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(225, 219, 219, 0.35); + background-color: rgba(111, 111, 111, 0.25); } + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(222, 222, 222, 0.75); } + +.background headerbar entry.starred, .background headerbar entry.non-starred { + border: none; + color: rgba(225, 219, 219, 0.8); + background-color: rgba(119, 119, 119, 0.6); + background-image: none; } + .background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; } + .background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + border: none; + box-shadow: 0 0 0 2px #66a1ff, inset 0 0 0 1px #66a1ff; + border-color: #66a1ff; + background-image: none; } + .background headerbar entry.starred:disabled, .background headerbar entry.non-starred:disabled { + color: rgba(225, 219, 219, 0.35); + background-color: rgba(111, 111, 111, 0.25); } +.background headerbar entry.starred > image.right { + color: #ccbb00; } + .background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; } + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + border-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0.25); + text-shadow: none; + -gtk-icon-shadow: none; } + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; } + popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #4d4d4d; + color: rgba(222, 222, 222, 0.85); + border-radius: 5px; + border: 1px solid rgba(255, 255, 255, 0.12); + margin: 2px; } + popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #c5c5c5; + border-color: rgba(255, 255, 255, 0.12); + background-color: #5c5c5c; + box-shadow: none; } + popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + border-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0.25); + text-shadow: none; + -gtk-icon-shadow: none; } + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(255, 255, 255, 0.12); } + popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(36, 36, 36, 0.35); + color: rgba(222, 222, 222, 0.85); + border-bottom: 1px dashed rgba(255, 255, 255, 0.05); + padding: 6px; } + popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.05); } + popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.sidebar-button { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; } + +flowboxchild.bookmark-tag-widget { + color: #333333; + font-weight: 500; } + flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; } + flowboxchild.bookmark-tag-widget-selected { + color: #ffffff; } + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid rgba(16, 16, 16, 0.95); } + MsdOsdWindow.background.osd .progressbar { + background-color: #0062FF; + border: none; + border-color: red; + border-radius: 5px; } + MsdOsdWindow.background.osd .trough { + background-color: rgba(23, 23, 23, 0.95); + border: none; + border-radius: 5px; } + +.mate-panel-menu-bar, +.mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: #2f2f2f; } +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: #dedede; } +.mate-panel-menu-bar button label, +.mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; } +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: #6f6f6f; + background-color: #161616; } + .mate-panel-menu-bar .wnck-pager:hover, + panel-toplevel.background .wnck-pager:hover { + background-color: #3c3c3c; } + .mate-panel-menu-bar .wnck-pager:selected, + panel-toplevel.background .wnck-pager:selected { + color: #66a1ff; + background-color: #0062FF; } +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; } + +.xfce4-panel.panel { + background-color: #2f2f2f; + text-shadow: none; + -gtk-icon-shadow: none; } + +#tasklist-button { + color: rgba(222, 222, 222, 0.8); + border-radius: 0; + border: none; + background-color: rgba(47, 47, 47, 0); } + #tasklist-button:hover { + color: #f8f8f8; + background-color: rgba(0, 0, 0, 0.17); } + #tasklist-button:checked { + color: white; + background-color: rgba(0, 0, 0, 0.25); + box-shadow: inset 0 -2px #0062FF; } + +.mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button), .xfce4-panel.panel button.flat, .xfce4-panel.panel button.sidebar-button { + color: #dedede; + border-radius: 0; + border: none; + background-color: rgba(47, 47, 47, 0); } + .mate-panel-menu-bar button:hover:not(#tasklist-button), + panel-toplevel.background button:hover:not(#tasklist-button), .xfce4-panel.panel button.flat:hover, .xfce4-panel.panel button.sidebar-button:hover { + border: none; + background-color: #494949; } + .mate-panel-menu-bar button:active:not(#tasklist-button), + panel-toplevel.background button:active:not(#tasklist-button), .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.sidebar-button:active, .mate-panel-menu-bar button:checked:not(#tasklist-button), + panel-toplevel.background button:checked:not(#tasklist-button), .xfce4-panel.panel button.flat:checked, .xfce4-panel.panel button.sidebar-button:checked { + color: #ffffff; + border: none; + background-color: #0062FF; } + .mate-panel-menu-bar button:active:not(#tasklist-button) label, + panel-toplevel.background button:active:not(#tasklist-button) label, .xfce4-panel.panel button.flat:active label, .xfce4-panel.panel button.sidebar-button:active label, + .mate-panel-menu-bar button:active:not(#tasklist-button) image, + panel-toplevel.background button:active:not(#tasklist-button) image, + .xfce4-panel.panel button.flat:active image, + .xfce4-panel.panel button.sidebar-button:active image, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, + panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel.panel button.flat:checked label, .xfce4-panel.panel button.sidebar-button:checked label, + .mate-panel-menu-bar button:checked:not(#tasklist-button) image, + panel-toplevel.background button:checked:not(#tasklist-button) image, + .xfce4-panel.panel button.flat:checked image, + .xfce4-panel.panel button.sidebar-button:checked image { + color: inherit; } + +.nautilus-window .floating-bar { + padding: 1px; + background-color: #0062FF; + color: #ffffff; + border-radius: 3px 0 4px 0; } + .nautilus-window .floating-bar.bottom.left { + border-top-left-radius: 0; } + .nautilus-window .floating-bar.bottom.right { + border-top-right-radius: 0; } + .nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; } + +/********* + * Geary * + *********/ +.geary-titlebar-left separator { + opacity: 0; } +.geary-titlebar-left > button { + min-width: 22px; } + +.geary-titlebar-right { + box-shadow: none; } + .geary-titlebar-right separator { + opacity: 0; } + .geary-titlebar-right > button { + min-width: 22px; } + +.marlin-pathbar.pathbar { + border-radius: 3px; + padding-left: 4px; + padding-right: 4px; + border: none; + color: rgba(225, 219, 219, 0.8); + background-color: rgba(119, 119, 119, 0.6); + background-image: none; } + .marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; } + .marlin-pathbar.pathbar:focus { + border: none; + box-shadow: 0 0 0 2px #66a1ff, inset 0 0 0 1px #66a1ff; + border-color: #66a1ff; + background-image: none; } + .marlin-pathbar.pathbar:disabled { + color: rgba(225, 219, 219, 0.35); + background-color: rgba(111, 111, 111, 0.25); } + .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { + color: #0062FF; } + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.35); + border-radius: 3px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, white, white); + background-color: transparent; } + .gala-notification .title, + .gala-notification .label { + color: #5c616c; } + +.panel { + background-color: transparent; + color: white; + font-weight: bold; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } + .panel-shadow { + background-image: none; + background-color: transparent; } + .panel .menu { + box-shadow: none; } + .panel .menu .menuitem { + font-weight: normal; + text-shadow: none; + -gtk-icon-shadow: none; } + .panel .menu .window-frame.menu.csd, + .panel .menu .window-frame.popup.csd { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } + .panel .menubar > .menuitem { + padding: 3px 6px; } + .panel .menubar > .menuitem:hover { + background-color: transparent; } + .panel .window-frame.menu.csd, + .panel .window-frame.popup.csd { + box-shadow: none; } + +.composited-indicator { + background-color: transparent; + color: white; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } + .composited-indicator > GtkWidget > GtkWidget:first-child { + padding: 0 2px; } + .composited-indicator .menuitem:active, + .composited-indicator .menuitem:hover { + border-style: none; + background-image: none; + box-shadow: none; } + .composited-indicator > .popup > .menu { + padding-top: 8px; + padding-bottom: 8px; } + +.panel-app-button > GtkWidget > GtkWidget:first-child { + padding: 0 2px 0 4px; } + +.panel .menu .spinner, +.menu .spinner { + opacity: 1; } + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(255, 255, 255, 0.07); } +window.background:not(.csd) > widget > scrollbar { + background-clip: border-box; } +window.background:not(.csd) > widget > scrollbar, +window.background:not(.csd) > widget > frame > border { + border-color: rgba(255, 255, 255, 0.12); } +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget > button > button { + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 5px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02); } +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 5px; + background-image: image(#242424); + border: 1px solid rgba(255, 255, 255, 0.12); } + window.background:not(.csd) > widget > entry:focus, + window.background:not(.csd) > widget .entry:focus { + border-color: #66a1ff; + box-shadow: inset 0 0 0 2px #66a1ff; } +window.background:not(.csd) > widget > spinbutton { + background-image: image(#484848); + border: 1px solid rgba(255, 255, 255, 0.12); } + window.background:not(.csd) > widget > spinbutton:active { + background-image: image(#777777); } + window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } +window.background:not(.csd) > widget > button > button { + min-height: 24px; } + window.background:not(.csd) > widget > button > button:active { + background-image: image(#777777); + border: none; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12); } + window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; } +window.background:not(.csd) > menu, +window.background:not(.csd) .menu { + background-color: #404040; + border-radius: 0; } + window.background:not(.csd) > menu .separator:not(label), .csd window.background:not(.csd) > menu .separator:not(label), + window.background:not(.csd) .menu .separator:not(label), .csd + window.background:not(.csd) .menu .separator:not(label) { + color: rgba(255, 255, 255, 0.12); } +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; } +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(222, 222, 222, 0.45); } +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; } + +#MozillaGtkWidget.background { + background-color: #333333; } + #MozillaGtkWidget.background .background, + #MozillaGtkWidget.background frame, + #MozillaGtkWidget.background separator, + #MozillaGtkWidget.background scrolledwindow { + background-color: #333333; } + #MozillaGtkWidget.background scrollbar { + background-color: transparent; } + #MozillaGtkWidget.background scrollbar slider { + background-color: gray; } + #MozillaGtkWidget.background scrollbar slider:hover { + background-color: #9a9a9a; } + #MozillaGtkWidget.background scrollbar slider:hover:active { + background-color: #b3b3b3; } + #MozillaGtkWidget.background scrollbar slider:disabled { + background-color: transparent; } + #MozillaGtkWidget.background *:not(menuitem):hover, #MozillaGtkWidget.background *:not(menuitem):hover button, + #MozillaGtkWidget.background *:focus, + #MozillaGtkWidget.background *:focus button, + #MozillaGtkWidget.background *:active, + #MozillaGtkWidget.background *:active button, + #MozillaGtkWidget.background *:checked, + #MozillaGtkWidget.background *:checked button { + color: #dedede; } + #MozillaGtkWidget.background > window.background > menu { + background-color: #404040; + border-radius: 0; + border-color: rgba(255, 255, 255, 0.12); } + #MozillaGtkWidget.background > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(255, 255, 255, 0.12); } + #MozillaGtkWidget.background > widget border { + border-color: rgba(255, 255, 255, 0.12); } + #MozillaGtkWidget.background > widget separator { + background-color: rgba(255, 255, 255, 0.12); } + #MozillaGtkWidget.background > widget > scrolledwindow > textview { + background-color: #404040; } + #MozillaGtkWidget.background > widget > scrolledwindow > textview text { + background-color: transparent; + color: #aaaaaa; } + +/*************** + * Chrome(ium) * + ***************/ +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; } + window.background.chromium headerbar.titlebar button.toggle:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); } + window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + border-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0.25); + text-shadow: none; + -gtk-icon-shadow: none; } +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 22px; + min-height: 22px; + margin: 0; + padding: 0; + color: transparent; } +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); } +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid rgba(255, 255, 255, 0.12); } +window.background.chromium > textview.view { + background-color: #242424; } + +/**************** + * Libre-Office * + ****************/ +window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal { + background-image: none; + background-color: transparent; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); } + window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button, window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button.sidebar-button { + color: rgba(225, 219, 219, 0.8); + border: none; + border-radius: 50px; + background-image: none; } + window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover, window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button.sidebar-button:hover { + background-color: #5d5d5d; + color: rgba(237, 233, 233, 0.8); } + window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button.sidebar-button:active, window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked, window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button.sidebar-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; } + window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button.sidebar-button:disabled { + color: alpha(rgba(225, 219, 219, 0.8),0.6); } + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #242424; } + window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; } + +window > box.vertical > box.horizontal > toolbar, window > box.vertical > box.horizontal > .inline-toolbar { + background-color: transparent; + box-shadow: none; } + window > box.vertical > box.horizontal > toolbar toolitem > box label, window > box.vertical > box.horizontal > .inline-toolbar toolitem > box label, + window > box.vertical > box.horizontal > toolbar toolitem > box entry, + window > box.vertical > box.horizontal > .inline-toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; } + window > box.vertical > box.horizontal > toolbar toolitem > box > label, window > box.vertical > box.horizontal > .inline-toolbar toolitem > box > label { + color: #dedede; } +window > box.vertical > box.horizontal > widget { + background-color: transparent; } + +UnityDecoration { + -UnityDecoration-extents: 28px 1 1 1; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 3px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #0062FF; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; } + UnityDecoration .top { + border: 1px solid #252525; + border-bottom-width: 0; + border-radius: 4px 4px 0 0; + padding: 1px 6px 0 6px; + background-image: linear-gradient(to bottom, #373737, #373737); + color: rgba(225, 219, 219, 0.8); + box-shadow: inset 0 1px #3f3f3f; } + UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(225, 219, 219, 0.5); } + UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, + UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: transparent; + background-image: linear-gradient(to bottom, #252525, #252525); } + +UnityPanelWidget, +.unity-panel { + background-image: linear-gradient(to bottom, #1b2224, #1b2224); + color: white; + box-shadow: none; } + UnityPanelWidget:backdrop, + .unity-panel:backdrop { + color: #e1e1e1; } + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: #ffffff; + background-image: linear-gradient(to bottom, #0062FF, #0062FF); + border-bottom: none; } + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; } + +.lightdm-combo .menu { + background-color: #4b4b4b; + border-radius: 0px; + padding: 0px; + color: white; } + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; } + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); } + .lightdm.menubar > .menuitem { + padding: 2px 6px; } + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; } + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; } + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; } + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); } + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; } + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; } + +.lightdm.toggle-button { + background: none; + border-width: 0; } + .lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; } + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); } } +.overlay-bar { + background-color: #0062FF; + border-color: #0062FF; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; } + .overlay-bar label { + color: #ffffff; } + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right: 1px solid rgba(255, 255, 255, 0.12); } + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; } + +.help_button { + border-radius: 100px; + padding: 3px 9px; } + +toolbar.secondary-toolbar, .secondary-toolbar.inline-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); } + toolbar.secondary-toolbar button, .secondary-toolbar.inline-toolbar button { + padding: 0 3px 0 3px; } + +toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + background-color: #333333; } + toolbar.bottom-toolbar button, .bottom-toolbar.inline-toolbar button { + padding: 2px 3px 2px 3px; } + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; } + +.source-list, +.source-list.view, +iconview.source-list { + background-color: #333333; + color: #dedede; + -gtk-icon-style: regular; } + +.source-list.category-expander { + color: transparent; } + +.source-list.view:hover, iconview.source-list:hover { + background-color: #404040; } + +.source-list.view:selected, iconview.source-list:selected, +.source-list.view:hover:selected, +iconview.source-list:hover:selected, +.source-list.view:selected:focus, +iconview.source-list:selected:focus, +.source-list.category-expander:hover { + color: #ffffff; + background-color: #0062FF; } + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #333333; + background-image: none; } + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #0062FF; + color: #ffffff; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; } + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: #ffffff; + color: #0062FF; } + +.source-list.category-expander { + color: #dedede; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; } + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; } + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +GraniteWidgetsWelcome { + background-color: #242424; } + +GraniteWidgetsWelcome label { + color: #898989; + font-size: 11px; + text-shadow: none; } + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(222, 222, 222, 0.8); } + +.help_button { + border-radius: 0; } + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; } + +.popover_bg { + background-image: linear-gradient(to bottom, #242424, #242424); + border: 1px solid rgba(0, 0, 0, 0.3); } + +GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar, +GraniteWidgetsPopOver * { + background-color: transparent; } + +GraniteWidgetsXsEntry entry { + padding: 4px; } + +.h1 { + font-size: 24px; } + +.h2 { + font-size: 18px; } + +.h3 { + font-size: 11px; } + +.h4, +.category-label { + color: #ababab; + font-weight: 600; } + +.h4 { + padding-bottom: 6px; + padding-top: 6px; } + +GtkListBox .h4 { + padding-left: 6px; } + +#panel_window { + background-color: #2f2f2f; + color: #dedede; + font-weight: bold; + box-shadow: inset 0 -1px #1d1d1d; } + #panel_window menubar { + padding-left: 5px; } + #panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: #dedede; + font-weight: bold; } + #panel_window menubar menuitem:disabled { + color: rgba(222, 222, 222, 0.5); } + #panel_window menubar menuitem:disabled label { + color: inherit; } + #panel_window menubar menu > menuitem { + font-weight: normal; } + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #dedede; } + +#content_frame { + padding-bottom: 14px; + background-color: #333333; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; } + +#content_frame button { + color: #dedede; + border-color: rgba(255, 255, 255, 0.12); + background-color: #484848; } + #content_frame button:hover { + color: #c5c5c5; + border-color: rgba(255, 255, 255, 0.12); + background-color: #5c5c5c; + box-shadow: none; } + #content_frame button:active, #content_frame button:checked { + color: #ffffff; + background-color: #0062FF; + border-color: #0062FF; + background-image: linear-gradient(180deg, #4c97fe 0%, #0564e3 100%); + box-shadow: none; } + #content_frame button:disabled { + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(72, 72, 72, 0.55); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); } + #content_frame button:disabled label, #content_frame button:disabled { + color: rgba(222, 222, 222, 0.45); } + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #373737; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #484848; } + +#buttonbox_frame button { + color: #dedede; + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(92, 92, 92, 0.35); } + #buttonbox_frame button:hover { + color: #dedede; + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(110, 110, 110, 0.45); } + #buttonbox_frame button:active, #buttonbox_frame button:checked { + color: #ffffff; + border-color: rgba(255, 255, 255, 0.12); + background-color: #0062FF; } + #buttonbox_frame button:disabled { + color: #5c5c5c; + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(92, 92, 92, 0.2); } + +#login_window #user_combobox { + color: #dedede; + font-size: 13px; } + #login_window #user_combobox menu { + font-weight: normal; } + +#user_image { + padding: 3px; + border-radius: 2px; } + +#shutdown_button.button { + background-clip: border-box; + color: green; + background-color: #f8464c; + border-color: #f6151c; + background-image: none; } + #shutdown_button.button:hover { + background-clip: border-box; + color: green; + background-color: #fa777c; + border-color: #f8464c; + background-image: none; } + #shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; + color: green; + background-color: #f6151c; + border-color: #d0080f; + background-image: none; } + +#restart_button.button { + background-clip: border-box; + color: green; + background-color: #3484e2; + border-color: #1c6bc7; + background-image: none; } + #restart_button.button:hover { + background-clip: border-box; + color: green; + background-color: #619fe8; + border-color: #3484e2; + background-image: none; } + #restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; + color: green; + background-color: #1c6bc7; + border-color: #16539a; + background-image: none; } + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; } + +.nautilus-window paned > separator { + background-image: linear-gradient(to bottom, #484848, #484848); } + +filechooser paned > separator { + background-image: linear-gradient(to bottom, #484848, #484848); } + +filechooser.csd.background, filechooser placessidebar list, +.nautilus-window.csd.background, +.nautilus-window placessidebar list { + background-color: transparent; } +filechooser.csd.background, filechooser placessidebar, +.nautilus-window.csd.background, +.nautilus-window placessidebar { + background-color: #3B3B3B; + border-radius: 0 0 6px 6px; } +filechooser placessidebar.sidebar, +.nautilus-window placessidebar.sidebar { + border-right: none; + background-color: transparent; } + filechooser placessidebar.sidebar row.sidebar-row, + .nautilus-window placessidebar.sidebar row.sidebar-row { + color: #dedede; } + filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon, + .nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: rgba(222, 222, 222, 0.85); } + filechooser placessidebar.sidebar row.sidebar-row.has-open-popup, filechooser placessidebar.sidebar row.sidebar-row.has-open-popup label, filechooser placessidebar.sidebar row.sidebar-row.has-open-popup image, filechooser placessidebar.sidebar row.sidebar-row:disabled, filechooser placessidebar.sidebar row.sidebar-row:disabled label, filechooser placessidebar.sidebar row.sidebar-row:disabled image, + .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, + .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, + .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, + .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, + .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, + .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image { + color: rgba(222, 222, 222, 0.4); } + filechooser placessidebar.sidebar row.sidebar-row:backdrop, + .nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; } + filechooser placessidebar.sidebar row.sidebar-row:selected.has-open-popup, filechooser placessidebar.sidebar row.sidebar-row:selected, filechooser placessidebar.sidebar row.sidebar-row:selected:hover, filechooser placessidebar.sidebar row.sidebar-row:active:hover, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected.has-open-popup, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, + .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + color: #dedede; + background-color: #0062FF; } + filechooser placessidebar.sidebar row.sidebar-row:selected.has-open-popup, filechooser placessidebar.sidebar row.sidebar-row:selected.has-open-popup label, filechooser placessidebar.sidebar row.sidebar-row:selected.has-open-popup image, filechooser placessidebar.sidebar row.sidebar-row:selected, filechooser placessidebar.sidebar row.sidebar-row:selected label, filechooser placessidebar.sidebar row.sidebar-row:selected image, filechooser placessidebar.sidebar row.sidebar-row:selected:hover, filechooser placessidebar.sidebar row.sidebar-row:selected:hover label, filechooser placessidebar.sidebar row.sidebar-row:selected:hover image, filechooser placessidebar.sidebar row.sidebar-row:active:hover, filechooser placessidebar.sidebar row.sidebar-row:active:hover label, filechooser placessidebar.sidebar row.sidebar-row:active:hover image, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected.has-open-popup, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected.has-open-popup label, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected.has-open-popup image, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected image, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover image, + .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover, + .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover label, + .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover image { + color: #dedede; } + filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button, + .nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button { + color: #dedede; } + filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:hover, + .nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:hover { + color: #dedede; + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(110, 110, 110, 0.45); } + filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:active, + .nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:active { + color: #ffffff; + background-color: #0062FF; + border-color: #0062FF; + background-image: linear-gradient(180deg, #4c97fe 0%, #0564e3 100%); + box-shadow: none; } + filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image, + .nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.5; } + filechooser placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row, + .nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #0062FF; } + filechooser placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon, + .nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; } + filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon, + .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), + .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, + .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #dedede; } + filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, + .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; } + filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon, + .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, + .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, + .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #dedede; } + filechooser placessidebar.sidebar separator, + .nautilus-window placessidebar.sidebar separator { + background-color: transparent; } +filechooser.maximized placessidebar, +.nautilus-window.maximized placessidebar { + border-radius: 0; } +filechooser.maximized placessidebar.sidebar, +.nautilus-window.maximized placessidebar.sidebar { + background-color: #3b3b3b; } + +.nemo-window .sidebar { + color: #dedede; + background-color: #3B3B3B; } + .nemo-window .sidebar .view, .nemo-window .sidebar iconview, .nemo-window .sidebar row { + background-color: transparent; + color: #dedede; } + .nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar iconview.cell:selected, .nemo-window .sidebar row.cell:selected { + background-color: #0062FF; + color: #ffffff; } + .nemo-window .sidebar .view.expander, .nemo-window .sidebar iconview.expander, .nemo-window .sidebar row.expander { + color: #8d8d8d; } + .nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar iconview.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #dedede; } + .nemo-window .sidebar separator { + background-color: transparent; } + +.caja-side-pane, +.caja-side-pane > notebook > stack > widget > box, +.caja-side-pane text, +.caja-side-pane treeview { + color: #dedede; + caret-color: #dedede; + background-color: #3b3b3b; } +.caja-side-pane > box button:not(:active):not(:checked) { + color: #dedede; } +.caja-side-pane .frame { + border-color: rgba(255, 255, 255, 0.12); } +.caja-side-pane junction { + background-color: #2e2e2e; } + +filechooser actionbar { + color: #dedede; + background-color: #3B3B3B; + border-color: rgba(255, 255, 255, 0.12); } + filechooser actionbar label, filechooser actionbar combobox { + color: #dedede; } + +.gedit-bottom-panel-paned { + background-color: #242424; } + +.gedit-side-panel-paned > separator { + background-image: linear-gradient(to bottom, #484848, #484848); } + +.gedit-bottom-panel-paned > separator { + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); } + +.gedit-document-panel { + background-color: #3B3B3B; } + .maximized .gedit-document-panel { + background-color: #3b3b3b; } + .gedit-document-panel row { + color: #dedede; + background-color: rgba(222, 222, 222, 0); } + .gedit-document-panel row:hover { + background-color: rgba(222, 222, 222, 0.15); } + .gedit-document-panel row:active { + color: #ffffff; + background-color: #0062FF; } + .gedit-document-panel row:active button { + color: #ffffff; } + .gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { + color: #ffffff; + background-color: #0062FF; } + .gedit-document-panel row:hover:not(:selected) button:active { + color: #dedede; } + +filechooser actionbar button { + color: #dedede; + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(92, 92, 92, 0.35); } + .caja-side-pane > box button:hover:not(:active), filechooser actionbar button:hover { + color: #dedede; + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(110, 110, 110, 0.45); } + filechooser actionbar button:active, filechooser actionbar button:checked { + color: #ffffff; + border-color: rgba(255, 255, 255, 0.12); + background-color: #0062FF; } + filechooser actionbar button:disabled { + color: #5c5c5c; + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(92, 92, 92, 0.2); } + +filechooser actionbar entry { + color: #dedede; + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(92, 92, 92, 0.35); } + filechooser actionbar entry image, filechooser actionbar entry image:hover { + color: inherit; } + filechooser actionbar entry:focus { + color: #ffffff; + border-color: rgba(255, 255, 255, 0.12); + background-color: #0062FF; } + filechooser actionbar entry:disabled { + color: #dedede; + background-color: rgba(92, 92, 92, 0.2); } + +filechooser placessidebar.sidebar scrollbar, +.nautilus-window placessidebar.sidebar scrollbar, .nemo-window .sidebar scrollbar, .caja-side-pane scrollbar { + border-color: transparent; } + filechooser placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, + .nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, .nemo-window .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, .caja-side-pane scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(255, 255, 255, 0.35); + border: none; } + filechooser placessidebar.sidebar scrollbar slider, + .nautilus-window placessidebar.sidebar scrollbar slider, .nemo-window .sidebar scrollbar slider, .caja-side-pane scrollbar slider { + min-width: 4px; + background-color: rgba(255, 255, 255, 0.7); } + filechooser placessidebar.sidebar scrollbar slider:hover, + .nautilus-window placessidebar.sidebar scrollbar slider:hover, .nemo-window .sidebar scrollbar slider:hover, .caja-side-pane scrollbar slider:hover { + background-color: white; } + filechooser placessidebar.sidebar scrollbar slider:hover:active, + .nautilus-window placessidebar.sidebar scrollbar slider:hover:active, .nemo-window .sidebar scrollbar slider:hover:active, .caja-side-pane scrollbar slider:hover:active { + background-color: #848484; } + filechooser placessidebar.sidebar scrollbar slider:disabled, + .nautilus-window placessidebar.sidebar scrollbar slider:disabled, .nemo-window .sidebar scrollbar slider:disabled, .caja-side-pane scrollbar slider:disabled { + background-color: transparent; } + filechooser placessidebar.sidebar scrollbar trough, + .nautilus-window placessidebar.sidebar scrollbar trough, .nemo-window .sidebar scrollbar trough, .caja-side-pane scrollbar trough { + background-color: transparent; } + +@define-color theme_fg_color #dedede; +@define-color theme_text_color #dedede; +@define-color theme_bg_color #333333; +@define-color theme_base_color #242424; +@define-color theme_selected_bg_color #0062FF; +@define-color theme_selected_fg_color #ffffff; +@define-color fg_color #dedede; +@define-color text_color #dedede; +@define-color bg_color #333333; +@define-color base_color #242424; +@define-color selected_bg_color #0062FF; +@define-color selected_fg_color #ffffff; +@define-color insensitive_bg_color #383838; +@define-color insensitive_fg_color alpha(#dedede, 0.5); +@define-color insensitive_base_color #242424; +@define-color theme_unfocused_fg_color #dedede; +@define-color theme_unfocused_text_color #dedede; +@define-color theme_unfocused_bg_color #333333; +@define-color theme_unfocused_base_color #242424; +@define-color borders rgba(255, 255, 255, 0.12); +@define-color unfocused_borders rgba(255, 255, 255, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #71c837; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #242424; diff --git a/src/gtk-3.0/gtk-dark-solid.scss b/src/gtk-3.0/gtk-dark-solid.scss new file mode 100644 index 0000000..6280a63 --- /dev/null +++ b/src/gtk-3.0/gtk-dark-solid.scss @@ -0,0 +1,13 @@ +$variant: 'dark'; +$darker: 'false'; +$transparency: 'false'; + +@import 'sass/colors'; +@import 'sass/drawing'; +@import 'sass/common'; +@import 'sass/applications'; +@import 'sass/unity'; +@import 'sass/granite'; +@import 'sass/lightdm'; +@import 'sass/transparent_widgets'; +@import 'sass/colors-public'; diff --git a/src/gtk-3.0/gtk-dark.css b/src/gtk-3.0/gtk-dark.css index d369721..e0edaa8 100644 --- a/src/gtk-3.0/gtk-dark.css +++ b/src/gtk-3.0/gtk-dark.css @@ -90,15 +90,13 @@ flowbox flowboxchild { flowbox flowboxchild:selected { outline-offset: -2px; } -label.separator, popover label.separator, -popover.background label.separator { +label.separator, popover label.separator { color: #dedede; } label selection { color: #ffffff; background-color: #0062FF; } -.dim-label, label.separator, popover label.separator, -popover.background label.separator, headerbar .subtitle, +.dim-label, label.separator, popover label.separator, headerbar .subtitle, .titlebar:not(headerbar) .subtitle { opacity: 0.55; } @@ -116,11 +114,7 @@ assistant .sidebar label.highlight { textview { background-color: #242424; } -popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, -popover.background.osd, -popover.background.magnifier, .csd -popover.background.osd, .csd -popover.background.magnifier, .osd .scale-popup, .osd { +popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, .osd .scale-popup, .osd { color: #dedede; border: none; background-color: rgba(36, 36, 36, 0.95); @@ -937,6 +931,12 @@ searchbar { border-color: #4B4B4B; border-width: 0 0 1px; padding: 3px; } + searchbar button.flat, searchbar button.sidebar-button { + min-height: 16px; + min-width: 16px; + margin: 4px 6px; + padding: 0 2px; + border-radius: 100px; } actionbar { padding: 6px; @@ -1052,9 +1052,12 @@ headerbar, .titlebar { border-radius: 6px 6px 0 0; } -headerbar entry, headerbar button, headerbar separator { +headerbar button, headerbar separator { margin-top: 6px; margin-bottom: 6px; } +headerbar entry { + margin-top: 5px; + margin-bottom: 5px; } separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { border-top-left-radius: 6px; } .maximized separator:first-child + headerbar, .tiled separator:first-child + headerbar, .maximized separator:first-child + headerbar:backdrop, .tiled separator:first-child + headerbar:backdrop, .maximized headerbar:first-child, .tiled headerbar:first-child, .maximized headerbar:first-child:backdrop, .tiled headerbar:first-child:backdrop { @@ -1085,7 +1088,6 @@ window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, w opacity: 0.6; } headerbar entry, .nemo-window .primary-toolbar entry { - min-height: 22px; border: none; color: rgba(225, 219, 219, 0.8); background-color: rgba(119, 119, 119, 0.55); @@ -1093,7 +1095,9 @@ headerbar entry, .nemo-window .primary-toolbar entry { headerbar entry image, .nemo-window .primary-toolbar entry image, headerbar entry image:hover, .nemo-window .primary-toolbar entry image:hover { color: inherit; } headerbar entry:backdrop, .nemo-window .primary-toolbar entry:backdrop { - opacity: 0.85; } + opacity: 0.85; + box-shadow: none; + background-image: none; } headerbar entry:focus, .nemo-window .primary-toolbar entry:focus { border: none; box-shadow: 0 0 0 2px #66a1ff, inset 0 0 0 1px #66a1ff; @@ -1608,16 +1612,13 @@ menu, .context-menu, popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, -.csd popover.background.touch-selection, .menu { margin: 0; padding: 10px 0; border-radius: 6px; - background-color: rgba(51, 51, 51, 0.95); - border: 1px solid rgba(255, 255, 255, 0.12); } + background-color: rgba(51, 51, 51, 0.95); } .csd menu, .csd - .context-menu, .csd popover.touch-selection, .csd popover.background.touch-selection, .csd + .context-menu, .csd popover.touch-selection, .csd .menu { border-radius: 6px; background-color: rgba(51, 51, 51, 0.95); @@ -1625,10 +1626,8 @@ popover.background.touch-selection, menu separator, .csd menu separator, .context-menu separator, popover.touch-selection separator, - .csd popover.touch-selection separator, - popover.background.touch-selection separator, - .csd popover.background.touch-selection separator, .csd - .context-menu separator, .csd popover.touch-selection separator, .csd popover.background.touch-selection separator, + .csd popover.touch-selection separator, .csd + .context-menu separator, .csd popover.touch-selection separator, .menu separator, .csd .menu separator { margin: 4px 0; @@ -1639,8 +1638,6 @@ popover.background.touch-selection, .context-menu menuitem, popover.touch-selection menuitem, .csd popover.touch-selection menuitem, - popover.background.touch-selection menuitem, - .csd popover.background.touch-selection menuitem, .menu menuitem { min-height: 12px; min-width: 40px; @@ -1651,7 +1648,6 @@ popover.background.touch-selection, menu menuitem:hover, .context-menu menuitem:hover, popover.touch-selection menuitem:hover, - .csd popover.background.touch-selection menuitem:hover, .menu menuitem:hover { color: #ffffff; background-color: #0062FF; @@ -1661,22 +1657,18 @@ popover.background.touch-selection, menu menuitem:hover arrow, .context-menu menuitem:hover arrow, popover.touch-selection menuitem:hover arrow, - .csd popover.background.touch-selection menuitem:hover arrow, .menu menuitem:hover arrow { color: #ffffff; -gtk-icon-shadow: none; } menu menuitem:disabled, .context-menu menuitem:disabled, popover.touch-selection menuitem:disabled, - .csd popover.background.touch-selection menuitem:disabled, .menu menuitem:disabled { color: rgba(222, 222, 222, 0.45); } menu menuitem arrow, .context-menu menuitem arrow, popover.touch-selection menuitem arrow, .csd popover.touch-selection menuitem arrow, - popover.background.touch-selection menuitem arrow, - .csd popover.background.touch-selection menuitem arrow, .menu menuitem arrow { min-height: 16px; min-width: 16px; @@ -1687,14 +1679,12 @@ popover.background.touch-selection, menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr), popover.touch-selection menuitem arrow:dir(ltr), - .csd popover.background.touch-selection menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-right: 0; } menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl), popover.touch-selection menuitem arrow:dir(rtl), - .csd popover.background.touch-selection menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-left: 0; } @@ -1713,8 +1703,6 @@ popover.background.touch-selection, .context-menu > arrow, popover.touch-selection > arrow, .csd popover.touch-selection > arrow, - popover.background.touch-selection > arrow, - .csd popover.background.touch-selection > arrow, .menu > arrow { min-width: 16px; min-height: 16px; @@ -1755,31 +1743,29 @@ popover.background.touch-selection, background-color: transparent; border-color: transparent; } -popover, popover.background { + padding: 2px; + border-radius: 5px; + background-color: rgba(51, 51, 51, 0.95); } + .csd popover.background, popover.background { + border-radius: 5px; } + +popover { padding: 2px; border-radius: 5px; background-clip: border-box; background-color: rgba(51, 51, 51, 0.95); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15); } - .csd popover, popover, .csd - popover.background, - popover.background { + .csd popover, popover { border-radius: 5px; border: 1px solid rgba(255, 255, 255, 0.12); } - popover separator, - popover.background separator { + popover separator { background-color: #333333; } popover > list, popover > .view, popover > iconview, popover > toolbar, - popover > .inline-toolbar, - popover.background > list, - popover.background > .view, - popover.background > iconview, - popover.background > toolbar, - popover.background > .inline-toolbar { + popover > .inline-toolbar { border-style: none; background-color: transparent; } @@ -3206,9 +3192,7 @@ colorchooser .popover.osd { background-color: #5c5c5c; box-shadow: none; } -.context-menu, popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd -popover.background.touch-selection { +.context-menu, popover.touch-selection, .csd popover.touch-selection { font: initial; } .monospace { @@ -3472,8 +3456,7 @@ terminal-window notebook > header.top button, color: #ffffff; text-shadow: none; } -.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, -popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, +.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle, .nautilus-list-dim-label { color: #898989; } @@ -4428,8 +4411,7 @@ window.background:not(.csd) > widget > button > button { window.background:not(.csd) > menu, window.background:not(.csd) .menu { background-color: #404040; - border-radius: 0; - border: none; } + border-radius: 0; } window.background:not(.csd) > menu .separator:not(label), .csd window.background:not(.csd) > menu .separator:not(label), window.background:not(.csd) .menu .separator:not(label), .csd window.background:not(.csd) .menu .separator:not(label) { diff --git a/src/gtk-3.0/gtk-light-solid.css b/src/gtk-3.0/gtk-light-solid.css new file mode 100644 index 0000000..cc5dd29 --- /dev/null +++ b/src/gtk-3.0/gtk-light-solid.css @@ -0,0 +1,5226 @@ +@keyframes switch_ripple_effect { + from { + background-image: radial-gradient(circle farthest-corner at center, #71c837 0%, transparent 0%); } + to { + background-image: radial-gradient(circle farthest-corner at center, #71c837 100%, transparent 0%); } } +@keyframes header_ripple_effect { + from { + background-image: radial-gradient(circle farthest-corner at center, #e5e5e5 0%, transparent 0%); } + to { + background-image: radial-gradient(circle farthest-corner at center, #e5e5e5 100%, transparent 0%); } } +* { + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.3); + outline-style: dashed; + outline-offset: -3px; + outline-width: 1px; + -gtk-outline-radius: 5px; } + +.background { + color: #242424; + background-color: #f5f5f5; } + .background.csd, .background.ssd, .background.osd { + border-radius: 0 0 6px 6px; } + .background.maximized, .background.solid-csd { + border-radius: 0; } + +.popup.background { + background-color: transparent; } + +*:disabled { + -gtk-icon-effect: dim; } + +.gtkstyle-fallback { + background-color: #f5f5f5; + color: #242424; } + .gtkstyle-fallback:hover { + background-color: white; + color: #242424; } + .gtkstyle-fallback:active { + background-color: gainsboro; + color: #242424; } + .gtkstyle-fallback:disabled { + background-color: #fbfbfb; + color: rgba(36, 36, 36, 0.55); } + .gtkstyle-fallback:selected { + background-color: #0e6bff; + color: #ffffff; } + +.view, iconview, +.view text, +iconview text, +textview text { + color: #363636; + background-color: #ffffff; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + .view:hover, iconview:hover, + .view text:hover, + iconview text:hover, + textview text:hover { + background-color: #f7f7f7; } + .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, + .view text:selected, + iconview text:selected, + textview text:selected, + .view text:selected:focus, + iconview text:selected:focus, + textview text:selected:focus { + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border-radius: 5px; } + +textview border { + background-color: #fafafa; } + +rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, +.rubberband { + border: 1px solid #0054da; + background-color: rgba(0, 84, 218, 0.2); } + +flowbox flowboxchild { + padding: 3px; + border-radius: 5px; } + flowbox flowboxchild:selected { + outline-offset: -2px; } + +label.separator, popover label.separator { + color: #242424; } +label selection { + color: #ffffff; + background-color: #0e6bff; } + +.dim-label, label.separator, popover label.separator, headerbar .subtitle, +.titlebar:not(headerbar) .subtitle { + opacity: 0.55; } + +assistant .sidebar { + background-color: #ffffff; + border-top: 1px solid rgba(0, 0, 0, 0.11); } +assistant.csd .sidebar { + border-top-style: none; } +assistant .sidebar label { + padding: 6px 12px; } +assistant .sidebar label.highlight { + background-color: #0e6bff; + color: #ffffff; } + +textview { + background-color: #ffffff; } + +popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, .osd .scale-popup, .osd { + color: #363636; + border: none; + background-color: rgba(245, 245, 245, 0.95); + background-clip: padding-box; + box-shadow: none; } + +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); } } +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } + spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; } + spinner:checked:disabled { + opacity: 0.5; } + +entry { + min-height: 20px; + border: 1px solid; + padding: 2px 8px; + caret-color: currentColor; + border-radius: 5px; + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + color: #363636; + border-color: rgba(0, 0, 0, 0.11); + background-color: #ffffff; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); } + entry.search { + border-radius: 100px; } + entry image { + color: #505050; } + entry image.left { + padding-left: 0; + padding-right: 5px; } + entry image.right { + padding-right: 0; + padding-left: 5px; } + entry.flat, entry.flat:focus { + min-height: 0; + padding: 2px; + background-image: none; + border-color: transparent; + border-radius: 0; } + entry:focus { + background-clip: border-box; + color: #363636; + border-color: #74aaff; + background-color: #ffffff; + box-shadow: 0px 1px 1px 0px transparent, 0px 1px 2px 0px transparent, inset 0 0 0 2px #74aaff; } + entry:disabled { + color: rgba(36, 36, 36, 0.55); + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.55); } + entry.warning { + color: white; + border-color: #F27835; + background-color: #f7ae86; } + entry.warning image { + color: white; } + entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; } + entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; } + entry.error { + color: white; + border-color: #FC4138; + background-color: #fd8d88; } + entry.error image { + color: white; } + entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; } + entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; } + entry.search-missing { + color: white; + border-color: #FC4138; + background-color: #fd8d88; } + entry.search-missing image { + color: white; } + entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; } + entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; } + entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; } + .osd entry { + color: #363636; + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.35); } + .osd entry image, .osd entry image:hover { + color: inherit; } + .osd entry:focus { + color: #ffffff; + border-color: rgba(0, 0, 0, 0.11); + background-color: #0e6bff; } + .osd entry:disabled { + color: #363636; + background-color: rgba(255, 255, 255, 0.2); } + .osd entry selection:focus, .osd entry selection { + color: #0e6bff; + background-color: #ffffff; } + entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #0e6bff; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; } + .linked:not(.vertical) > entry + button.combo { + padding-left: 0; } + .linked.vertical > entry + button.combo { + padding: 0; } + +treeview entry.flat, treeview entry { + border-radius: 0; + background-image: none; + background-color: #ffffff; } + treeview entry.flat:focus, treeview entry:focus { + border-color: #0e6bff; } + +.entry-tag { + margin: 8px; + border-radius: 3px; + box-shadow: none; + background-color: #0e6bff; + color: #ffffff; + border: none; } + .entry-tag:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.11); } + :dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; } + :dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; } + .entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; } + .entry-tag.button:not(:hover):not(:active) { + color: rgba(36, 36, 36, 0.55); } + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#0e6bff), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#0e6bff), to(transparent)); } } +button { + min-height: 24px; + min-width: 16px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 5px; + padding: 0 6px; + color: #242424; + border-color: rgba(0, 0, 0, 0.11); + background-color: white; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); } + button separator { + margin: 4px 1px; } + button.flat, button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + transition: none; } + button.flat:hover, button.sidebar-button:hover { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; } + button.flat:hover:active, button.sidebar-button:hover:active { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + button.flat:active, button.sidebar-button:active, button.flat:checked, button.sidebar-button:checked { + border-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.5); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); } + button.flat:disabled, button.sidebar-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.11); + background-color: #f7f7f7; + box-shadow: none; + -gtk-icon-effect: highlight; } + button:active, button:checked { + color: #ffffff; + background-color: #0e6bff; + border-color: #0e6bff; + background-image: linear-gradient(180deg, #4c97fe 0%, #0564e3 100%); + box-shadow: none; + background-clip: border-box; + transition-duration: 200ms; } + button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; } + button:active { + color: #242424; } + button:active:hover, button:checked { + color: #ffffff; } + button:disabled { + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); } + button:disabled label, button:disabled { + color: rgba(36, 36, 36, 0.55); } + button:disabled:active, button:disabled:checked { + border-color: rgba(14, 107, 255, 0.75); + background-color: rgba(14, 107, 255, 0.75); + box-shadow: none; + opacity: 0.6; } + button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.8); } + button.image-button { + min-width: 28px; + padding-left: 5px; + padding-right: 5px; } + button.text-button { + padding-left: 12px; + padding-right: 12px; } + button.text-button.image-button { + padding-left: 5px; + padding-right: 5px; } + button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; } + button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; } + button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; } + button.text-button.image-button.popup { + padding-right: 8px; + padding-left: 8px; } + button:drop(active), combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; } + button.osd { + color: #363636; + background-color: rgba(245, 245, 245, 0.95); + border-color: rgba(225, 225, 225, 0.95); } + button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; } + button.osd:hover { + color: #0e6bff; } + button.osd:active, button.osd:checked { + color: #ffffff; + border-color: rgba(0, 0, 0, 0.11); + background-color: #0e6bff; } + button.osd:disabled { + color: #bcbcbc; + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.2); } + .osd button { + color: #363636; + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.35); } + .osd button:hover { + color: #363636; + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.45); } + .osd button:active, .osd button:checked { + background-clip: padding-box; + color: #ffffff; + border-color: rgba(0, 0, 0, 0.11); + background-color: #0e6bff; } + .osd button:disabled { + color: #bcbcbc; + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.2); } + .osd button.flat, .osd button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; } + .osd button.flat:hover, .osd button.sidebar-button:hover { + color: #363636; + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.45); } + .osd button.flat:disabled, .osd button.sidebar-button:disabled { + color: #bcbcbc; + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.2); + background-image: none; } + .osd button.flat:active, .osd button.sidebar-button:active, .osd button.flat:checked, .osd button.sidebar-button:checked { + color: #ffffff; + border-color: rgba(0, 0, 0, 0.11); + background-color: #0e6bff; } + .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; } + button.suggested-action { + background-clip: border-box; + color: white; + background-color: #3484e2; + border-color: #1c6bc7; + background-image: none; } + button.suggested-action.flat, button.suggested-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; } + button.suggested-action:hover { + background-clip: border-box; + color: white; + background-color: #619fe8; + border-color: #3484e2; + background-image: none; } + button.suggested-action:active, button.suggested-action:checked { + background-clip: border-box; + color: white; + background-color: #1c6bc7; + border-color: #16539a; + background-image: none; + box-shadow: none; } + button.suggested-action.flat:disabled, button.suggested-action.sidebar-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.55); } + button.suggested-action:disabled { + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); } + button.suggested-action:disabled label, button.suggested-action:disabled { + color: rgba(36, 36, 36, 0.55); } + button.destructive-action { + background-clip: border-box; + color: white; + background-color: #f8464c; + border-color: #f6151c; + background-image: none; } + button.destructive-action.flat, button.destructive-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; } + button.destructive-action:hover { + background-clip: border-box; + color: white; + background-color: #fa777c; + border-color: #f8464c; + background-image: none; } + button.destructive-action:active, button.destructive-action:checked { + background-clip: border-box; + color: white; + background-color: #f6151c; + border-color: #d0080f; + background-image: none; + box-shadow: none; } + button.destructive-action.flat:disabled, button.destructive-action.sidebar-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.55); } + button.destructive-action:disabled { + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); } + button.destructive-action:disabled label, button.destructive-action:disabled { + color: rgba(36, 36, 36, 0.55); } + .stack-switcher > button { + outline-offset: -3px; } + .stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; } + .stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; + padding-top: 3px; + padding-bottom: 3px; } + .stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; } + .stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; } + .stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; } + .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#0e6bff), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; } + .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) { + background-position: left 3px, left 4px; } + button.font separator, button.file separator { + background-color: transparent; } + .inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 5px; + border-width: 1px; } + +.inline-toolbar toolbutton > button { + color: #242424; + border-color: rgba(0, 0, 0, 0.11); + background-color: white; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); } + .inline-toolbar toolbutton > button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.11); + background-color: #f7f7f7; + box-shadow: none; } + .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + color: #ffffff; + background-color: #0e6bff; + border-color: #0e6bff; + background-image: linear-gradient(180deg, #4c97fe 0%, #0564e3 100%); + box-shadow: none; } + .inline-toolbar toolbutton > button:disabled { + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); } + .inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(36, 36, 36, 0.55); } + .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + border-color: rgba(14, 107, 255, 0.75); + background-color: rgba(14, 107, 255, 0.75); + box-shadow: none; + opacity: 0.6; } + .inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); } + +.linked:not(.vertical):not(.path-bar) > entry + entry { + border-left-color: transparent; } +.linked:not(.vertical):not(.path-bar) > entry.error + entry, +.linked:not(.vertical):not(.path-bar) > entry + entry.error { + border-left-color: #FC4138; } +.linked:not(.vertical):not(.path-bar) > entry.warning + entry, +.linked:not(.vertical):not(.path-bar) > entry + entry.warning { + border-left-color: #F27835; } +.linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, +.linked:not(.vertical):not(.path-bar) > entry.warning + entry.error { + border-left-color: #f75d37; } +.linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { + border-left-color: #74aaff; } +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: #74aaff; } +.linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { + border-left-color: #F08437; } +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-left-color: #F08437; } +.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { + border-left-color: #F27835; } +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: #F27835; } +.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { + border-left-color: #FC4138; } +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: #FC4138; } +.linked:not(.vertical):not(.path-bar) > button:active + entry, +.linked:not(.vertical):not(.path-bar) > button:checked + entry { + border-left-color: #74aaff; } +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; } +.linked:not(.vertical).path-bar > button + button { + border-left-style: solid; } + +.linked.vertical > entry + entry { + border-top-color: transparent; } +.linked.vertical > entry.error + entry, +.linked.vertical > entry + entry.error { + border-top-color: #FC4138; } +.linked.vertical > entry.warning + entry, +.linked.vertical > entry + entry.warning { + border-top-color: #F27835; } +.linked.vertical > entry.error + entry.warning, +.linked.vertical > entry.warning + entry.error { + border-top-color: #f75d37; } +.linked.vertical > entry + entry:focus:not(:last-child), +.linked.vertical > entry + entry:focus:last-child { + border-top-color: #74aaff; } +.linked.vertical > entry:focus:not(:only-child) + entry, +.linked.vertical > entry:focus:not(:only-child) + button, +.linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: #74aaff; } +.linked.vertical > entry + entry:drop(active):not(:last-child), +.linked.vertical > entry + entry:drop(active):last-child { + border-top-color: #F08437; } +.linked.vertical > entry:drop(active):not(:only-child) + entry, +.linked.vertical > entry:drop(active):not(:only-child) + button, +.linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-top-color: #F08437; } +.linked.vertical > entry + entry.warning:focus:not(:last-child), +.linked.vertical > entry + entry.warning:focus:last-child { + border-top-color: #F27835; } +.linked.vertical > entry.warning:focus:not(:only-child) + entry, +.linked.vertical > entry.warning:focus:not(:only-child) + button, +.linked.vertical > entry.warning:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: #F27835; } +.linked.vertical > entry + entry.error:focus:not(:last-child), +.linked.vertical > entry + entry.error:focus:last-child { + border-top-color: #FC4138; } +.linked.vertical > entry.error:focus:not(:only-child) + entry, +.linked.vertical > entry.error:focus:not(:only-child) + button, +.linked.vertical > entry.error:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: #FC4138; } +.linked.vertical > button:active + entry, +.linked.vertical > button:checked + entry { + border-top-color: #74aaff; } +.linked.vertical > button + button { + border-top-style: none; } + +toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar toolbutton > button.sidebar-button, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, .linked:not(.vertical) > button:hover, .linked:not(.vertical) > button:active, .linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, +headerbar .linked:not(.vertical).path-bar > button, +.nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button, +headerbar .linked:not(.vertical).path-bar > button:hover, +headerbar .linked:not(.vertical).path-bar > button:active, +headerbar .linked:not(.vertical).path-bar > button:checked, +headerbar .linked:not(.vertical).path-bar > button:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled, .linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl) { + border-radius: 0; + border-right-style: none; } + +.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > combobox:first-child > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child:disabled, +headerbar .linked:not(.vertical).path-bar > button:first-child, +.nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, +headerbar .linked:not(.vertical).path-bar > button:first-child:hover, +headerbar .linked:not(.vertical).path-bar > button:first-child:active, +headerbar .linked:not(.vertical).path-bar > button:first-child:checked, +headerbar .linked:not(.vertical).path-bar > button:first-child:disabled { + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; } +.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > combobox:last-child > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child:disabled, +headerbar .linked:not(.vertical).path-bar > button:last-child, +.nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, +headerbar .linked:not(.vertical).path-bar > button:last-child:hover, +headerbar .linked:not(.vertical).path-bar > button:last-child:active, +headerbar .linked:not(.vertical).path-bar > button:last-child:checked, +headerbar .linked:not(.vertical).path-bar > button:last-child:disabled { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + border-right-style: solid; } +.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child:disabled, +headerbar .linked:not(.vertical).path-bar > button:only-child, +.nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, +headerbar .linked:not(.vertical).path-bar > button:only-child:hover, +headerbar .linked:not(.vertical).path-bar > button:only-child:active, +headerbar .linked:not(.vertical).path-bar > button:only-child:checked, +headerbar .linked:not(.vertical).path-bar > button:only-child:disabled { + border-radius: 5px; + border-style: solid; } + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:first-child { + border-top-left-radius: 5px; + border-bottom-left-radius: 0; } +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:last-child { + border-top-right-radius: 5px; + border-bottom-right-radius: 0; + border-right-style: solid; } +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:only-child { + border-radius: 5px 5px 0 0; + border-style: solid; } + +.linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button, .linked.vertical > button:hover, .linked.vertical > button:active, .linked.vertical > button:checked, spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > combobox > box > button.combo { + border-radius: 0; + border-bottom-style: none; } + +.linked.vertical > entry:first-child, .linked.vertical > button:first-child, spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 5px; + border-top-right-radius: 5px; } +.linked.vertical > entry:last-child, .linked.vertical > button:last-child, spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; + border-bottom-style: solid; } +.linked.vertical > entry:only-child, .linked.vertical > button:only-child, spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > combobox:only-child > box > button.combo { + border-radius: 5px; + border-style: solid; } + +menuitem.button.flat, +modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover, .app-notification button, calendar.button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + +menuitem.button.flat, +modelbutton.flat { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 5px; } + menuitem.button.flat:hover, + modelbutton.flat:hover { + background-color: #ebebeb; + transition-duration: 50ms; } + menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, + modelbutton.flat:active, + modelbutton.flat:active arrow, + modelbutton.flat:selected, + modelbutton.flat:selected arrow { + color: #ffffff; + background-color: #686868; + background-image: linear-gradient(0deg, #656565 0%, #707070 100%); + border-color: rgba(0, 0, 0, 0.11); + border-top-color: rgba(0, 0, 0, 0.11); + border-bottom-color: rgba(0, 0, 0, 0.11); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + box-shadow: none; } + menuitem.button.flat:checked, + modelbutton.flat:checked { + color: #242424; } + menuitem.button.flat:disabled, + modelbutton.flat:disabled { + color: rgba(36, 36, 36, 0.55); } + menuitem.button.flat check:last-child, + menuitem.button.flat radio:last-child, + modelbutton.flat check:last-child, + modelbutton.flat radio:last-child { + margin-left: 8px; } + menuitem.button.flat check:first-child, + menuitem.button.flat radio:first-child, + modelbutton.flat check:first-child, + modelbutton.flat radio:first-child { + margin-right: 8px; } + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +*:link, button:link, button:visited { + color: #3484e2; } + *:link:visited, button:visited { + color: #505050; } + *:selected *:link:visited, *:selected button:visited:link, *:selected button:visited { + color: #9fc4ff; } + *:link:hover, button:hover:link, button:hover:visited { + color: #619fe8; } + *:selected *:link:hover, *:selected button:hover:link, *:selected button:hover:visited { + color: #e7f0ff; } + *:link:active, button:active:link, button:active:visited { + color: #3484e2; } + *:selected *:link:active, *:selected button:active:link, *:selected button:active:visited { + color: #cfe1ff; } + infobar.info *:link, infobar.info button:link, infobar.info button:visited, infobar.question *:link, infobar.question button:link, infobar.question button:visited, infobar.warning *:link, infobar.warning button:link, infobar.warning button:visited, infobar.error *:link, infobar.error button:link, infobar.error button:visited, *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, + .selection-mode.titlebar:not(headerbar) .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited { + color: #cfe1ff; } + +button:link > label, button:visited > label { + text-decoration-line: underline; } + +spinbutton:drop(active) { + box-shadow: none; } +spinbutton button:active { + color: #ffffff; } +spinbutton:disabled { + color: rgba(36, 36, 36, 0.55); } +spinbutton:not(.vertical) entry { + min-width: 28px; } +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 5px 0 0 5px; } +spinbutton:not(.vertical) > button + button { + border-left-style: none; } +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.11); } +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 transparent; } +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; } +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: #74aaff; } +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; } +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.11); } +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; } +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: #74aaff; } +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; } +spinbutton.vertical button.up { + border-radius: 5px 5px 0 0; } +spinbutton.vertical > entry:focus + button { + border-top-color: #74aaff; } +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; } + +combobox button.combo { + min-width: 0; + margin: 0; + padding: 0 12px; } +combobox arrow { + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); + min-height: 16px; + min-width: 20px; + padding: 0; + margin: -1px -13px -1px -1px; + border-radius: 0 5px 5px 0; + color: #ffffff; + border: 1px solid #0e6bff; + background-color: #0e6bff; + background-image: linear-gradient(180deg, #4c97fe 0%, #0564e3 100%); } +.linked:not(.vertical) > combobox > box > button.combo arrow { + border-radius: 0; } +.linked:not(.vertical) > combobox:last-child > box > button.combo arrow { + border-radius: 0 5px 5px 0; } + +toolbar, .inline-toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #f5f5f5; } + toolbar separator, .inline-toolbar separator { + background: none; } + toolbar.horizontal separator, .horizontal.inline-toolbar separator { + margin: 0 6px; } + toolbar.vertical separator, .vertical.inline-toolbar separator { + margin: 6px 0; } + .osd toolbar, .osd .inline-toolbar { + background-color: transparent; } + toolbar.osd, .osd.inline-toolbar { + padding: 8px; + border: 1px solid rgba(0, 0, 0, 0.11); + border-radius: 5px; + background-color: rgba(245, 245, 245, 0.85); } + toolbar.osd.left, .osd.left.inline-toolbar, toolbar.osd.right, .osd.right.inline-toolbar, toolbar.osd.top, .osd.top.inline-toolbar, toolbar.osd.bottom, .osd.bottom.inline-toolbar { + border-radius: 0; } + toolbar.osd.top, .osd.top.inline-toolbar { + border-width: 0 0 1px 0; } + toolbar.osd.bottom, .osd.bottom.inline-toolbar { + border-width: 1px 0 0 0; } + toolbar.osd.left, .osd.left.inline-toolbar { + border-width: 0 1px 0 0; } + toolbar.osd.right, .osd.right.inline-toolbar { + border-width: 0 0 0 1px; } + toolbar:not(.inline-toolbar) switch, .inline-toolbar:not(.inline-toolbar) switch, + toolbar:not(.inline-toolbar) scale, + .inline-toolbar:not(.inline-toolbar) scale, + toolbar:not(.inline-toolbar) entry, + .inline-toolbar:not(.inline-toolbar) entry, + toolbar:not(.inline-toolbar) spinbutton, + .inline-toolbar:not(.inline-toolbar) spinbutton, + toolbar:not(.inline-toolbar) button, + .inline-toolbar:not(.inline-toolbar) button { + margin-right: 1px; + margin-bottom: 1px; } + toolbar:not(.inline-toolbar) .linked > button, .inline-toolbar:not(.inline-toolbar) .linked > button, + toolbar:not(.inline-toolbar) .linked > entry, + .inline-toolbar:not(.inline-toolbar) .linked > entry { + margin-right: 0; } + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #363636; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, #E1E1E1, #E1E1E1) 1 0 1 0; } + +.inline-toolbar { + background-color: #ededed; + border-style: solid; + border-color: rgba(0, 0, 0, 0.11); + border-width: 0 1px 1px; + padding: 3px; + border-radius: 0 0 5px 5px; } + +searchbar { + background-color: #f5f5f5; + border-style: solid; + border-color: #E1E1E1; + border-width: 0 0 1px; + padding: 3px; } + searchbar button.flat, searchbar button.sidebar-button { + min-height: 16px; + min-width: 16px; + margin: 4px 6px; + padding: 0 2px; + border-radius: 100px; } + +actionbar { + padding: 6px; + border-top: 1px solid rgba(0, 0, 0, 0.11); + background-color: #ededed; + border-radius: 0 0 6px 6px; } + +headerbar, +.titlebar:not(headerbar) { + min-height: 34px; + padding: 0 8px; + background-image: linear-gradient(0deg, #d2d2d2 0%, #e2e2e2 50%, #e9e9e9 95%, #f5f5f5 100%); + color: rgba(40, 32, 32, 0.8); + background-color: #e5e5e5; + border-bottom: 1px solid #afafaf; } + .csd headerbar, .csd + .titlebar:not(headerbar) { + background-image: linear-gradient(0deg, #d2d2d2 0%, #e2e2e2 50%, #e9e9e9 95%, #f5f5f5 100%); + background-color: #e5e5e5; + border-bottom: 1px solid #afafaf; } + headerbar:backdrop, + .titlebar:backdrop:not(headerbar) { + transition: 200ms ease-out; + color: rgba(40, 32, 32, 0.5); + background-image: none; + background-color: #F6F6F6; + border-color: #d5d5d5; } + .csd headerbar:backdrop, .csd + .titlebar:backdrop:not(headerbar) { + background-color: #F6F6F6; + border-color: #d5d5d5; } + .maximized headerbar, .maximized + .titlebar:not(headerbar) { + background-color: #e5e5e5; + border-bottom: 1px solid #afafaf; } + .maximized headerbar:backdrop, .maximized + .titlebar:backdrop:not(headerbar) { + background-color: #F6F6F6; + border-color: #d5d5d5; } + headerbar .title, + .titlebar:not(headerbar) .title { + padding-left: 12px; + padding-right: 12px; } + headerbar .subtitle, + .titlebar:not(headerbar) .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; } + headerbar.selection-mode, + .selection-mode.titlebar:not(headerbar) { + color: #ffffff; + background-color: #0e6bff; + border-color: #0060f9; + box-shadow: none; + background-image: none; } + headerbar.selection-mode:backdrop, + .selection-mode.titlebar:backdrop:not(headerbar) { + background-color: #0e6bff; + color: rgba(255, 255, 255, 0.6); } + headerbar.selection-mode .selection-menu, + .selection-mode.titlebar:not(headerbar) .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; } + headerbar.selection-mode .selection-menu GtkArrow, + .selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; } + headerbar.selection-mode .selection-menu .arrow, + .selection-mode.titlebar:not(headerbar) .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + .maximized headerbar.selection-mode, .maximized + .selection-mode.titlebar:not(headerbar) { + background-color: #0e6bff; } + .tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop, .tiled + .titlebar:not(headerbar), .tiled + .titlebar:backdrop:not(headerbar), .maximized + .titlebar:not(headerbar), .maximized + .titlebar:backdrop:not(headerbar) { + border-radius: 0; } + .maximized headerbar, .maximized + .titlebar:not(headerbar) { + background-color: #e5e5e5; + border-color: #afafaf; } + .maximized headerbar:backdrop, .maximized + .titlebar:backdrop:not(headerbar) { + background-color: #F6F6F6; } + headerbar.default-decoration, + .default-decoration.titlebar:not(headerbar) { + min-height: 26px; + padding: 0 6px; + background-color: #e5e5e5; + background-image: linear-gradient(0deg, #e2e2e2 0%, #f5f5f5 100%); } + .tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration, .tiled + .default-decoration.titlebar:not(headerbar), .maximized + .default-decoration.titlebar:not(headerbar), .fullscreen + .default-decoration.titlebar:not(headerbar) { + box-shadow: none; } + headerbar.default-decoration button.titlebutton, + .default-decoration.titlebar:not(headerbar) button.titlebutton { + border: none; + min-height: 20px; + min-width: 20px; + margin: 0; + padding: 0; } + headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop, + .default-decoration.titlebar:not(headerbar), .csd + .default-decoration.titlebar:not(headerbar), + .default-decoration.titlebar:backdrop:not(headerbar), .csd + .default-decoration.titlebar:backdrop:not(headerbar) { + box-shadow: none; + border: none; } + +.titlebar { + border-radius: 6px 6px 0 0; } + +headerbar button, headerbar separator { + margin-top: 6px; + margin-bottom: 6px; } +headerbar entry { + margin-top: 5px; + margin-bottom: 5px; } +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 6px; } + .maximized separator:first-child + headerbar, .tiled separator:first-child + headerbar, .maximized separator:first-child + headerbar:backdrop, .tiled separator:first-child + headerbar:backdrop, .maximized headerbar:first-child, .tiled headerbar:first-child, .maximized headerbar:first-child:backdrop, .tiled headerbar:first-child:backdrop { + border-radius: 0; } +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 6px; } + .maximized headerbar:last-child, .tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, .tiled headerbar:last-child:backdrop { + border-radius: 0; } + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + background-image: none; + border: none; + box-shadow: none; } +.titlebar:not(headerbar) > separator { + background-image: linear-gradient(to bottom, #afafaf, #afafaf); } + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton, +.titlebar:not(headerbar) separator.titlebutton { + min-width: 0; + min-height: 0; + background: none; + border-width: 0; + border-image: none; } + .primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop, + .titlebar:not(headerbar) separator.titlebutton:backdrop { + opacity: 0.6; } + +headerbar entry, .nemo-window .primary-toolbar entry { + color: rgba(40, 32, 32, 0.8); + background-color: white; + background-image: linear-gradient(0deg, #f1f1f1 0%, #fdfdfd 95%, #fefefe 100%); } + headerbar entry image, .nemo-window .primary-toolbar entry image, headerbar entry image:hover, .nemo-window .primary-toolbar entry image:hover { + color: inherit; } + headerbar entry:backdrop, .nemo-window .primary-toolbar entry:backdrop { + opacity: 0.85; + box-shadow: none; + background-image: none; } + headerbar entry:focus, .nemo-window .primary-toolbar entry:focus { + box-shadow: 0 0 0 2px #74aaff; + border-color: #74aaff; + background-image: none; + background-clip: border-box; } + headerbar entry:focus image, .nemo-window .primary-toolbar entry:focus image { + color: #0e6bff; } + headerbar entry:disabled, .nemo-window .primary-toolbar entry:disabled { + color: rgba(40, 32, 32, 0.35); + background-color: rgba(255, 255, 255, 0.75); } + headerbar entry selection:focus, .nemo-window .primary-toolbar entry selection:focus { + background-color: #0e6bff; + color: #ffffff; } + headerbar entry progress, .nemo-window .primary-toolbar entry progress { + border-color: #0e6bff; + background-image: none; + background-color: transparent; } + headerbar entry.warning, .nemo-window .primary-toolbar entry.warning { + color: white; + border-color: #F27835; + background-color: #eda47b; } + headerbar entry.warning:focus, .nemo-window .primary-toolbar entry.warning:focus { + color: white; + background-color: #F27835; } + headerbar entry.warning selection, .nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection:focus, .nemo-window .primary-toolbar entry.warning selection:focus { + background-color: white; + color: #F27835; } + headerbar entry.error, .nemo-window .primary-toolbar entry.error { + color: white; + border-color: #FC4138; + background-color: #f3837d; } + headerbar entry.error:focus, .nemo-window .primary-toolbar entry.error:focus { + color: white; + background-color: #FC4138; } + headerbar entry.error selection, .nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection:focus, .nemo-window .primary-toolbar entry.error selection:focus { + background-color: white; + color: #FC4138; } +headerbar button, +.nemo-window .primary-toolbar button { + min-width: 22px; + color: rgba(40, 32, 32, 0.8); + outline-offset: -3px; + background-color: white; + background-image: linear-gradient(0deg, #f1f1f1 0%, #fdfdfd 95%, #fefefe 100%); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); } + headerbar button:backdrop, + .nemo-window .primary-toolbar button:backdrop { + opacity: 0.7; + box-shadow: none; + background-image: none; } + headerbar button:hover, + .nemo-window .primary-toolbar button:hover { + color: rgba(34, 28, 28, 0.8); + background-color: #fafafa; + background-image: linear-gradient(0deg, #f8f8f8 0%, #ffffff 100%); + box-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + headerbar button:checked, + .nemo-window .primary-toolbar button:checked { + color: #ffffff; + background-color: #686868; + background-image: linear-gradient(0deg, #656565 0%, #707070 100%); + border-color: rgba(0, 0, 0, 0.11); + border-top-color: rgba(0, 0, 0, 0.11); + border-bottom-color: rgba(0, 0, 0, 0.11); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + box-shadow: none; + background-clip: border-box; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; } + headerbar button:active, + .nemo-window .primary-toolbar button:active { + color: #ffffff; + background-color: #afafaf; + background-image: none; + border-color: rgba(0, 0, 0, 0.11); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + box-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; + background-clip: border-box; } + headerbar button:disabled, + .nemo-window .primary-toolbar button:disabled { + background-color: white; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); } + headerbar button:disabled label, + .nemo-window .primary-toolbar button:disabled label, + headerbar button:disabled, + .nemo-window .primary-toolbar button:disabled { + color: rgba(40, 32, 32, 0.35); } + headerbar button:disabled:active, + .nemo-window .primary-toolbar button:disabled:active, + headerbar button:disabled:checked, + .nemo-window .primary-toolbar button:disabled:checked { + color: rgba(255, 255, 255, 0.75); + background-color: rgba(175, 175, 175, 0.65); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); } +headerbar.selection-mode button, .nemo-window .selection-mode.primary-toolbar button, headerbar.selection-mode button.flat, .nemo-window .selection-mode.primary-toolbar button.flat, headerbar.selection-mode button.sidebar-button, .nemo-window .selection-mode.primary-toolbar button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0); } +headerbar.selection-mode button:hover, .nemo-window .selection-mode.primary-toolbar button:hover { + background-color: rgba(255, 255, 255, 0.25); } +headerbar.selection-mode button:active, .nemo-window .selection-mode.primary-toolbar button:active, headerbar.selection-mode button:checked, .nemo-window .selection-mode.primary-toolbar button:checked { + text-shadow: none; } +headerbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:only-child):not(:last-child), .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:only-child):not(:last-child), headerbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:only-child):not(:last-child):hover, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:only-child):not(:last-child):hover, headerbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:only-child):not(:last-child):active, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:only-child):not(:last-child):active, headerbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:only-child):not(:last-child):checked, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:only-child):not(:last-child):checked, headerbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:only-child):not(:last-child):disabled, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:only-child):not(:last-child):disabled { + margin-right: 0; } +headerbar .linked:not(.vertical):not(.path-bar) > button, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button, headerbar .linked:not(.vertical):not(.path-bar) > button:hover, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover, headerbar .linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:active, headerbar .linked:not(.vertical):not(.path-bar) > button:checked, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked, headerbar .linked:not(.vertical):not(.path-bar) > button:disabled, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:disabled { + border-radius: 5px; + border: 1px solid rgba(0, 0, 0, 0.11); } +headerbar .linked:not(.vertical):not(.path-bar) > entry, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:disabled, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:disabled { + border-radius: 5px; + margin-right: 4px; + margin-left: 3px; + border: 1px solid rgba(0, 0, 0, 0.11); } +headerbar .linked:not(.vertical):not(.path-bar) > entry:focus, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus { + border: 1px solid #74aaff; } +headerbar .linked:not(.vertical):not(.path-bar) > button:active + entry, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:active + entry, +headerbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + entry { + border-left-color: rgba(0, 0, 0, 0.11); } +headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, +headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, +headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo, +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: rgba(0, 0, 0, 0.11); } +headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), +headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action), +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action), +headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), +headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover), +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover) { + box-shadow: none; } +headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:backdrop, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:backdrop { + box-shadow: none; } +headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, +headerbar .linked:not(.vertical).path-bar > button, +.nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button { + color: rgba(40, 32, 32, 0.8); + outline-offset: -3px; + background-color: white; + background-image: linear-gradient(0deg, #f1f1f1 0%, #fdfdfd 95%, #fefefe 100%); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); } + headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, + headerbar .linked:not(.vertical).path-bar > button:hover, + .nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button:hover { + color: rgba(34, 28, 28, 0.8); + background-color: #fafafa; + background-image: linear-gradient(0deg, #f8f8f8 0%, #ffffff 100%); + box-shadow: none; } + headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, + headerbar .linked:not(.vertical).path-bar > button:active, + .nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button:active { + color: #ffffff; + background-color: #afafaf; + background-image: none; + border-color: rgba(0, 0, 0, 0.11); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + box-shadow: none; + box-shadow: 1px 0 #afafaf; } + headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, + headerbar .linked:not(.vertical).path-bar > button:checked, + .nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button:checked { + color: #ffffff; + background-color: #686868; + background-image: linear-gradient(0deg, #656565 0%, #707070 100%); + border-color: rgba(0, 0, 0, 0.11); + border-top-color: rgba(0, 0, 0, 0.11); + border-bottom-color: rgba(0, 0, 0, 0.11); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + box-shadow: none; + box-shadow: 1px 0 #686868; } + headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, + headerbar .linked:not(.vertical).path-bar > button:disabled, + .nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button:disabled { + color: rgba(40, 32, 32, 0.4); } + headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:backdrop, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:backdrop, + headerbar .linked:not(.vertical).path-bar > button:backdrop, + .nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button:backdrop { + opacity: 0.7; + box-shadow: none; + background-image: none; } +headerbar button.suggested-action, .nemo-window .primary-toolbar button.suggested-action { + background-clip: border-box; + color: white; + background-color: #3484e2; + border-color: #1c6bc7; + background-image: none; } + headerbar button.suggested-action.flat, .nemo-window .primary-toolbar button.suggested-action.flat, headerbar button.suggested-action.sidebar-button, .nemo-window .primary-toolbar button.suggested-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; } + headerbar button.suggested-action:hover, .nemo-window .primary-toolbar button.suggested-action:hover { + background-clip: border-box; + color: white; + background-color: #619fe8; + border-color: #3484e2; + background-image: none; } + headerbar button.suggested-action:active, .nemo-window .primary-toolbar button.suggested-action:active, headerbar button.suggested-action:checked, .nemo-window .primary-toolbar button.suggested-action:checked { + background-clip: border-box; + color: white; + background-color: #1c6bc7; + border-color: #16539a; + background-image: none; + box-shadow: none; } + headerbar button.suggested-action.flat:disabled, .nemo-window .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.sidebar-button:disabled, .nemo-window .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action:disabled, .nemo-window .primary-toolbar button.suggested-action:disabled { + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); } + headerbar button.suggested-action.flat:disabled label, .nemo-window .primary-toolbar button.suggested-action.flat:disabled label, headerbar button.suggested-action.sidebar-button:disabled label, .nemo-window .primary-toolbar button.suggested-action.sidebar-button:disabled label, headerbar button.suggested-action.flat:disabled, .nemo-window .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.sidebar-button:disabled, .nemo-window .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action:disabled label, .nemo-window .primary-toolbar button.suggested-action:disabled label, headerbar button.suggested-action:disabled, .nemo-window .primary-toolbar button.suggested-action:disabled { + color: rgba(36, 36, 36, 0.55); } +headerbar button.suggested-action:backdrop, .nemo-window .primary-toolbar button.suggested-action:backdrop, +headerbar button.suggested-action:backdrop, +.nemo-window .primary-toolbar button.suggested-action:backdrop { + opacity: 0.8; } +headerbar button.destructive-action, .nemo-window .primary-toolbar button.destructive-action { + background-clip: border-box; + color: white; + background-color: #f8464c; + border-color: #f6151c; + background-image: none; } + headerbar button.destructive-action.flat, .nemo-window .primary-toolbar button.destructive-action.flat, headerbar button.destructive-action.sidebar-button, .nemo-window .primary-toolbar button.destructive-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; } + headerbar button.destructive-action:hover, .nemo-window .primary-toolbar button.destructive-action:hover { + background-clip: border-box; + color: white; + background-color: #fa777c; + border-color: #f8464c; + background-image: none; } + headerbar button.destructive-action:active, .nemo-window .primary-toolbar button.destructive-action:active, headerbar button.destructive-action:checked, .nemo-window .primary-toolbar button.destructive-action:checked { + background-clip: border-box; + color: white; + background-color: #f6151c; + border-color: #d0080f; + background-image: none; + box-shadow: none; } + headerbar button.destructive-action.flat:disabled, .nemo-window .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.sidebar-button:disabled, .nemo-window .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action:disabled, .nemo-window .primary-toolbar button.destructive-action:disabled { + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); } + headerbar button.destructive-action.flat:disabled label, .nemo-window .primary-toolbar button.destructive-action.flat:disabled label, headerbar button.destructive-action.sidebar-button:disabled label, .nemo-window .primary-toolbar button.destructive-action.sidebar-button:disabled label, headerbar button.destructive-action.flat:disabled, .nemo-window .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.sidebar-button:disabled, .nemo-window .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action:disabled label, .nemo-window .primary-toolbar button.destructive-action:disabled label, headerbar button.destructive-action:disabled, .nemo-window .primary-toolbar button.destructive-action:disabled { + color: rgba(36, 36, 36, 0.55); } +headerbar button.destructive-action:backdrop, .nemo-window .primary-toolbar button.destructive-action:backdrop, +headerbar button.destructive-action:backdrop, +.nemo-window .primary-toolbar button.destructive-action:backdrop { + opacity: 0.8; } +headerbar spinbutton:not(.vertical):focus, .nemo-window .primary-toolbar spinbutton:not(.vertical):focus { + color: rgba(40, 32, 32, 0.8); + caret-color: rgba(40, 32, 32, 0.8); } +headerbar spinbutton:not(.vertical) button, .nemo-window .primary-toolbar spinbutton:not(.vertical) button, headerbar spinbutton:not(.vertical) button:disabled, .nemo-window .primary-toolbar spinbutton:not(.vertical) button:disabled { + color: rgba(34, 28, 28, 0.8); + background-color: #fafafa; + background-image: linear-gradient(0deg, #f8f8f8 0%, #ffffff 100%); + box-shadow: none; } +headerbar spinbutton:not(.vertical) button:hover, .nemo-window .primary-toolbar spinbutton:not(.vertical) button:hover { + background-color: white; } +headerbar spinbutton:not(.vertical) button:active, .nemo-window .primary-toolbar spinbutton:not(.vertical) button:active, headerbar spinbutton:not(.vertical) button:checked, .nemo-window .primary-toolbar spinbutton:not(.vertical) button:checked { + color: #ffffff; + background-color: #afafaf; + background-image: none; + border-color: rgba(0, 0, 0, 0.11); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + box-shadow: none; } +headerbar spinbutton:not(.vertical) button:disabled, .nemo-window .primary-toolbar spinbutton:not(.vertical) button:disabled { + color: rgba(40, 32, 32, 0.4); } +headerbar spinbutton:not(.vertical) > button + button, .nemo-window .primary-toolbar spinbutton:not(.vertical) > button + button { + border-left-style: none; } +headerbar spinbutton:not(.vertical) > button:hover:not(:active), .nemo-window .primary-toolbar spinbutton:not(.vertical) > button:hover:not(:active), +headerbar spinbutton:not(.vertical) > button:hover + button, +.nemo-window .primary-toolbar spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.11); } +headerbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), .nemo-window .primary-toolbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), +headerbar spinbutton:not(.vertical) > entry + button:not(:active):hover, +.nemo-window .primary-toolbar spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; } +headerbar spinbutton:not(.vertical) > entry:focus + button, .nemo-window .primary-toolbar spinbutton:not(.vertical) > entry:focus + button { + border-left-color: #74aaff; } +headerbar combobox:disabled, .nemo-window .primary-toolbar combobox:disabled { + color: rgba(40, 32, 32, 0.2); } +headerbar combobox > .linked > button.combo, .nemo-window .primary-toolbar combobox > .linked > button.combo { + color: rgba(40, 32, 32, 0.8); + background-color: white; + background-image: linear-gradient(0deg, #f1f1f1 0%, #fdfdfd 95%, #fefefe 100%); } + headerbar combobox > .linked > button.combo image, .nemo-window .primary-toolbar combobox > .linked > button.combo image, headerbar combobox > .linked > button.combo image:hover, .nemo-window .primary-toolbar combobox > .linked > button.combo image:hover { + color: inherit; } + headerbar combobox > .linked > button.combo:hover, .nemo-window .primary-toolbar combobox > .linked > button.combo:hover { + box-shadow: 0 0 0 2px #74aaff; + border-color: #74aaff; + background-image: none; + box-shadow: none; } + headerbar combobox > .linked > button.combo:disabled, .nemo-window .primary-toolbar combobox > .linked > button.combo:disabled { + color: rgba(40, 32, 32, 0.35); + background-color: rgba(255, 255, 255, 0.75); } +headerbar combobox > .linked > entry.combo:dir(ltr), .nemo-window .primary-toolbar combobox > .linked > entry.combo:dir(ltr) { + border-right-style: none; } + headerbar combobox > .linked > entry.combo:dir(ltr):focus, .nemo-window .primary-toolbar combobox > .linked > entry.combo:dir(ltr):focus { + box-shadow: none; } +headerbar combobox > .linked > entry.combo:dir(rtl), .nemo-window .primary-toolbar combobox > .linked > entry.combo:dir(rtl) { + border-left-style: none; } + headerbar combobox > .linked > entry.combo:dir(rtl):focus, .nemo-window .primary-toolbar combobox > .linked > entry.combo:dir(rtl):focus { + box-shadow: none; } +headerbar combobox > .linked > button.combo:dir(ltr), .nemo-window .primary-toolbar combobox > .linked > button.combo:dir(ltr), headerbar combobox > .linked > button.combo:dir(ltr):hover, .nemo-window .primary-toolbar combobox > .linked > button.combo:dir(ltr):hover, headerbar combobox > .linked > button.combo:dir(ltr):active, .nemo-window .primary-toolbar combobox > .linked > button.combo:dir(ltr):active, headerbar combobox > .linked > button.combo:dir(ltr):checked, .nemo-window .primary-toolbar combobox > .linked > button.combo:dir(ltr):checked, headerbar combobox > .linked > button.combo:dir(ltr):disabled, .nemo-window .primary-toolbar combobox > .linked > button.combo:dir(ltr):disabled { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } +headerbar combobox > .linked > button.combo:dir(rtl), .nemo-window .primary-toolbar combobox > .linked > button.combo:dir(rtl), headerbar combobox > .linked > button.combo:dir(rtl):hover, .nemo-window .primary-toolbar combobox > .linked > button.combo:dir(rtl):hover, headerbar combobox > .linked > button.combo:dir(rtl):active, .nemo-window .primary-toolbar combobox > .linked > button.combo:dir(rtl):active, headerbar combobox > .linked > button.combo:dir(rtl):checked, .nemo-window .primary-toolbar combobox > .linked > button.combo:dir(rtl):checked, headerbar combobox > .linked > button.combo:dir(rtl):disabled, .nemo-window .primary-toolbar combobox > .linked > button.combo:dir(rtl):disabled { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } +headerbar switch:backdrop, .nemo-window .primary-toolbar switch:backdrop { + opacity: 0.75; } +headerbar progressbar trough, .nemo-window .primary-toolbar progressbar trough { + background-color: #cccccc; } +headerbar progressbar:backdrop, .nemo-window .primary-toolbar progressbar:backdrop { + opacity: 0.75; } +headerbar scale:backdrop, .nemo-window .primary-toolbar scale:backdrop { + opacity: 0.75; } +headerbar scale slider, .nemo-window .primary-toolbar scale slider { + background-color: white; + border-color: rgba(0, 0, 0, 0.2); } + headerbar scale slider:hover, .nemo-window .primary-toolbar scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.2); } + headerbar scale slider:active, .nemo-window .primary-toolbar scale slider:active { + background-color: white; + border-color: rgba(0, 0, 0, 0.2); } + headerbar scale slider:disabled, .nemo-window .primary-toolbar scale slider:disabled { + background-color: #f7f7f7; + border-color: rgba(0, 0, 0, 0.2); } +headerbar scale trough, .nemo-window .primary-toolbar scale trough { + background-color: #cccccc; } + headerbar scale trough:disabled, .nemo-window .primary-toolbar scale trough:disabled { + background-color: rgba(204, 204, 204, 0.95); } + +.path-bar button { + min-width: 12px; } + .path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; } + .path-bar button:hover { + box-shadow: none; } + .path-bar button:active, .path-bar button:checked { + color: #ffffff; + background-color: #686868; + background-image: linear-gradient(0deg, #656565 0%, #707070 100%); + border-color: rgba(0, 0, 0, 0.11); + border-top-color: rgba(0, 0, 0, 0.11); + border-bottom-color: rgba(0, 0, 0, 0.11); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + box-shadow: none; } + .path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; } + .path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; } + .path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; } + .path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; } + .path-bar button image { + padding-left: 4px; + padding-right: 4px; } + +treeview.view { + border-left-color: rgba(36, 36, 36, 0.15); + border-top-color: rgba(0, 0, 0, 0.1); } + * { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; } + treeview.view acceleditor > label { + background-color: #0e6bff; } + treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #87b5ff; + border-top-color: rgba(36, 36, 36, 0.1); } + treeview.view:disabled { + color: rgba(36, 36, 36, 0.55); } + treeview.view:disabled:selected { + color: #6ea6ff; } + treeview.view.separator { + min-height: 2px; + color: rgba(0, 0, 0, 0.1); } + treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #194892; } + treeview.view:drop(active).after { + border-top-style: none; } + treeview.view:drop(active).before { + border-bottom-style: none; } + treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #929292; } + treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + treeview.view.expander:hover { + color: #242424; } + treeview.view.expander:selected { + color: #b7d3ff; } + treeview.view.expander:selected:hover { + color: #ffffff; } + treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + treeview.view.progressbar, treeview.view.progressbar:focus { + color: #ffffff; + border-radius: 5px; + background-color: #0e6bff; } + treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #0e6bff; + box-shadow: none; + background-color: #ffffff; } + treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.11); + border-radius: 5px; + border-width: 0; } + treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: #ffffff; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 5px; + border-width: 0; } + treeview.view header button { + min-height: 24px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #505050; + background-color: #ffffff; + background-image: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; } + treeview.view header button:hover { + color: #0e6bff; } + treeview.view header button:active { + color: #242424; } + treeview.view header button:active, treeview.view header button:hover { + background-color: #ffffff; } + treeview.view header button:active:hover { + color: #242424; } + treeview.view header button:disabled { + border-color: #f5f5f5; + background-image: none; } + treeview.view header button:last-child { + border-right-style: none; + border-image: none; } + treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, + treeview.view header.button.dnd, + treeview.view header.button.dnd:selected, + treeview.view header.button.dnd:hover, + treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: #ffffff; + background-color: #0e6bff; + border-radius: 0; + border-style: none; } + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0px; + background-color: #e5e5e5; + background-image: linear-gradient(180deg, #e2e2e2 0%, #d2d2d2 100%); + color: rgba(40, 32, 32, 0.8); + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.11); } + menubar:backdrop, + .menubar:backdrop { + color: rgba(40, 32, 32, 0.6); } + menubar > menuitem, + .menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: 1px solid transparent; + border-radius: 0; } + menubar > menuitem:hover, + .menubar > menuitem:hover { + color: #ffffff; + background-color: #0e6bff; + border-color: #0e6bff; + background-image: linear-gradient(180deg, #4c97fe 0%, #0564e3 100%); + box-shadow: none; + border: 1px solid #0e6bff; + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); } + menubar > menuitem:disabled, + .menubar > menuitem:disabled { + color: rgba(40, 32, 32, 0.2); + border-color: transparent; } + +menu, +.context-menu, +popover.touch-selection, +.csd popover.touch-selection, +.menu { + margin: 0; + padding: 10px 0; + border-radius: 6px; + background-color: #ffffff; } + .csd menu, .csd + .context-menu, .csd popover.touch-selection, .csd + .menu { + border-radius: 6px; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.11); } + menu separator, .csd menu separator, + .context-menu separator, + popover.touch-selection separator, + .csd popover.touch-selection separator, .csd + .context-menu separator, .csd popover.touch-selection separator, + .menu separator, .csd + .menu separator { + margin: 4px 0; + min-height: 2px; + border: none; + background-color: rgba(0, 0, 0, 0.05); } + menu menuitem, + .context-menu menuitem, + popover.touch-selection menuitem, + .csd popover.touch-selection menuitem, + .menu menuitem { + min-height: 12px; + min-width: 40px; + padding: 2px 6px; + text-shadow: none; + border-top: 1px solid transparent; + border-bottom: 1px solid transparent; } + menu menuitem:hover, + .context-menu menuitem:hover, + popover.touch-selection menuitem:hover, + .menu menuitem:hover { + color: #ffffff; + background-color: #0e6bff; + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + border-top: 1px solid transparent; + border-bottom: 1px solid #0054da; } + menu menuitem:hover arrow, + .context-menu menuitem:hover arrow, + popover.touch-selection menuitem:hover arrow, + .menu menuitem:hover arrow { + color: #ffffff; + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); } + menu menuitem:disabled, + .context-menu menuitem:disabled, + popover.touch-selection menuitem:disabled, + .menu menuitem:disabled { + color: rgba(36, 36, 36, 0.55); } + menu menuitem arrow, + .context-menu menuitem arrow, + popover.touch-selection menuitem arrow, + .csd popover.touch-selection menuitem arrow, + .menu menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #242424; } + menu menuitem arrow:dir(ltr), + .context-menu menuitem arrow:dir(ltr), + popover.touch-selection menuitem arrow:dir(ltr), + .menu menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; } + menu menuitem arrow:dir(rtl), + .context-menu menuitem arrow:dir(rtl), + popover.touch-selection menuitem arrow:dir(rtl), + .menu menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; } + menuitem accelerator { + color: alpha(currentColor,0.55); } + menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; } + menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; } + menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; } + menu > arrow, + .context-menu > arrow, + popover.touch-selection > arrow, + .csd popover.touch-selection > arrow, + .menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 4px; + background-color: #ffffff; + border-radius: 0; + border: 1px solid transparent; + background-image: none; + color: #242424; } + menu > arrow.top, + .context-menu > arrow.top, + popover.touch-selection > arrow.top, + .csd popover.touch-selection > arrow.top, + .menu > arrow.top { + margin: -8px 1px 0 1px; + border-bottom: 1px solid rgba(0, 0, 0, 0.11); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + menu > arrow.bottom, + .context-menu > arrow.bottom, + popover.touch-selection > arrow.bottom, + .csd popover.touch-selection > arrow.bottom, + .menu > arrow.bottom { + margin: 0 1px -28px 1px; + border-top: 1px solid rgba(0, 0, 0, 0.11); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + menu > arrow:hover, + .context-menu > arrow:hover, + popover.touch-selection > arrow:hover, + .csd popover.touch-selection > arrow:hover, + .menu > arrow:hover { + background-color: #e9e9e9; } + menu > arrow:disabled, + .context-menu > arrow:disabled, + popover.touch-selection > arrow:disabled, + .csd popover.touch-selection > arrow:disabled, + .menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; } + +popover.background { + padding: 2px; + border-radius: 5px; + background-color: #ffffff; } + .csd popover.background, popover.background { + border-radius: 5px; } + +popover { + padding: 2px; + border-radius: 5px; + background-clip: border-box; + background-color: #ffffff; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15); } + .csd popover, popover { + border-radius: 5px; + border: 1px solid rgba(0, 0, 0, 0.11); } + popover separator { + background-color: #ffffff; } + popover > list, + popover > .view, + popover > iconview, + popover > toolbar, + popover > .inline-toolbar { + border-style: none; + background-color: transparent; } + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; } + cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); } + cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } + +notebook { + padding: 0; } + notebook.frame { + border: 1px solid rgba(0, 0, 0, 0.11); } + notebook > stack:not(:only-child) { + background-color: #ffffff; } + notebook > header { + padding: 0; + background-color: #cccccc; } + notebook > header.top { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.11), inset 0 -1px rgba(0, 0, 0, 0.11); + box-shadow: inset 0 1px rgba(0, 0, 0, 0.11), inset 0 -1px rgba(0, 0, 0, 0.11), 1px 0 rgba(0, 0, 0, 0.11), -1px 0 rgba(0, 0, 0, 0.11); + margin-top: -1px; } + notebook > header.bottom { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.11), inset 0 -1px rgba(0, 0, 0, 0.11); + box-shadow: inset 0 1px rgba(0, 0, 0, 0.11), inset 0 -1px rgba(0, 0, 0, 0.11), 1px 0 rgba(0, 0, 0, 0.11), -1px 0 rgba(0, 0, 0, 0.11); + margin-bottom: -1px; } + notebook > header.right { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.11), inset -1px 0 rgba(0, 0, 0, 0.11); + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.11), inset -1px 0 rgba(0, 0, 0, 0.11), 0 1px rgba(0, 0, 0, 0.11), 0 -1px rgba(0, 0, 0, 0.11); + margin-right: -1px; } + notebook > header.left { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.11), inset -1px 0 rgba(0, 0, 0, 0.11); + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.11), inset -1px 0 rgba(0, 0, 0, 0.11), 0 1px rgba(0, 0, 0, 0.11), 0 -1px rgba(0, 0, 0, 0.11); + margin-left: -1px; } + notebook > header.top { + padding: 0; } + notebook > header.top > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + border-radius: 0; + outline-offset: -4px; } + notebook > header.top > tabs > tab + tab { + margin-left: -1px; } + notebook > header.bottom { + padding: 0; } + notebook > header.bottom > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + border-radius: 0; + outline-offset: -4px; } + notebook > header.bottom > tabs > tab + tab { + margin-left: -1px; } + notebook > header.right { + padding: 0; } + notebook > header.right > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + border-radius: 0; + outline-offset: -4px; } + notebook > header.right > tabs > tab + tab { + margin-top: -1px; } + notebook > header.left { + padding: 0; } + notebook > header.left > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + border-radius: 0; + outline-offset: -4px; } + notebook > header.left > tabs > tab + tab { + margin-top: -1px; } + notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; } + notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; } + notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; } + notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; } + notebook > header > tabs > arrow { + color: rgba(36, 36, 36, 0.55); } + notebook > header > tabs > arrow:hover { + color: rgba(36, 36, 36, 0.775); } + notebook > header > tabs > arrow:active { + color: #242424; } + notebook > header > tabs > arrow:disabled { + color: rgba(36, 36, 36, 0.25); } + notebook > header > tabs > tab { + color: rgba(36, 36, 36, 0.55); + background-color: rgba(255, 255, 255, 0); + border: 1px solid transparent; } + notebook > header > tabs > tab:hover:not(:checked) { + color: rgba(36, 36, 36, 0.775); + background-color: rgba(255, 255, 255, 0.2); + border-color: #bfbfbf; } + notebook > header > tabs > tab:checked { + color: #242424; + background-color: #e5e5e5; + border-color: #bfbfbf; } + notebook > header > tabs > tab button.flat, notebook > header > tabs > tab button.sidebar-button { + min-height: 0; + min-width: 0; + border-radius: 100%; + padding: 0 3px; + color: #6d6d6d; } + notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover { + color: rgba(255, 0, 0, 0.5); + background-color: transparent; } + notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover { + color: rgba(204, 0, 0, 0.5); + background-color: transparent; } + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; } + * { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; } + scrollbar button { + border: none; } + scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); } + scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } + scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #a1a1a1; } + scrollbar slider:hover { + background-color: #b6b6b6; } + scrollbar slider:hover:active { + background-color: #686868; } + scrollbar slider:disabled { + background-color: transparent; } + scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; } + scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; } + scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #636363; + border: 1px solid rgba(0, 0, 0, 0.11); } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + margin: 0 3px; + min-width: 40px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + margin: 3px 0; + min-height: 40px; } + scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; } + scrollbar.horizontal slider { + min-width: 40px; } + scrollbar.vertical slider { + min-height: 40px; } + +row +switch:not(:indeterminate), row +switch:not(:indeterminate) slider:not(:indeterminate), row +switch:disabled:not(:indeterminate), row +switch:not(:indeterminate) slider:disabled:not(:indeterminate) { + padding: 0; + border: none; + color: transparent; + background: unset; + background-image: unset; + background-repeat: no-repeat; + background-position: right center; + box-shadow: none; + animation: none; + font-size: 0; + outline-color: transparent; } + row + switch:dir(rtl):not(:indeterminate), row + switch:not(:indeterminate) slider:dir(rtl):not(:indeterminate), row + switch:disabled:dir(rtl):not(:indeterminate), row + switch:not(:indeterminate) slider:disabled:dir(rtl):not(:indeterminate) { + background-position: left center; } + +row +switch:not(:indeterminate) { + min-width: 40px; + min-height: 24px; + margin: 0; + background-size: 40px 24px; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-image: -gtk-scaled(url("assets/switch.png"), url("assets/switch@2.png")); } + row + switch:not(:indeterminate) slider:not(:indeterminate) { + margin: 0; + background-size: 40px 24px; } + row + switch:not(:indeterminate):hover { + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-image: -gtk-scaled(url("assets/switch-hover.png"), url("assets/switch-hover@2.png")); } + row + switch:not(:indeterminate):checked { + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-image: -gtk-scaled(url("assets/switch-active.png"), url("assets/switch-active@2.png")); } + row + switch:not(:indeterminate):checked:hover { + background-image: -gtk-scaled(url("assets/switch-active-hover.png"), url("assets/switch-active-hover@2.png")); } + row + switch:not(:indeterminate):checked:disabled, row + switch:not(:indeterminate):checked:disabled:hover { + background-image: -gtk-scaled(url("assets/switch-active-insensitive.png"), url("assets/switch-active-insensitive@2.png")); } + row + switch:not(:indeterminate):disabled, row + switch:not(:indeterminate):disabled:hover { + background-image: -gtk-scaled(url("assets/switch-insensitive.png"), url("assets/switch-insensitive@2.png")); } + +switch { + transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1); + margin: 6px 0; + border-radius: 50px; + background-color: alpha(currentColor,0.3); + background-clip: padding-box; + font-size: 0; } + switch:disabled { + color: alpha(currentColor,0.4); } + switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: #71c837; } + switch:checked:disabled { + background-color: alpha(#71c837,0.5); + color: rgba(36, 36, 36, 0.55); } + switch slider { + transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 18px; + min-height: 18px; + margin: 2px 0 2px 2px; + border-radius: 50px; + -gtk-outline-radius: 50px; + background-color: white; + box-shadow: 0px 1px 2px 0px rgba(16, 16, 16, 0.15), 0px 2px 3px 0px rgba(16, 16, 16, 0.1); } + switch:hover slider { + box-shadow: 0px 2px 3px 0px rgba(16, 16, 16, 0.2), 0px 3px 5px 0px rgba(16, 16, 16, 0.15); } + switch:checked slider { + margin: 2px 2px 2px 0; + background-color: #ffffff; } + switch:checked:disabled slider { + animation: none; } + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } + +.osd check, +filechooser actionbar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } + +menuitem check:hover, +.view check:selected, +iconview check:selected, +treeview.check:selected, +row:selected check, +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); } + +.check:disabled, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); } + +.osd check:disabled, +filechooser actionbar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } + +menuitem check:disabled:hover, +.view check:disabled:selected, +iconview check:disabled:selected, +treeview.check:disabled:selected, +row:selected check:disabled, +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); } + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } + +.osd check:indeterminate, +filechooser actionbar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } + +menuitem check:indeterminate:hover, +.view check:indeterminate:selected, +iconview check:indeterminate:selected, +treeview.check:indeterminate:selected, +row:selected check:indeterminate, +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); } + +.check:indeterminate:disabled, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); } + +.osd check:indeterminate:disabled, +filechooser actionbar check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } + +menuitem check:indeterminate:disabled:hover, +.view check:indeterminate:disabled:selected, +iconview check:indeterminate:disabled:selected, +treeview.check:indeterminate:disabled:selected, +row:selected check:indeterminate:disabled, +infobar check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); } + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } + +.osd check:checked, +filechooser actionbar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } + +menuitem check:checked:hover, +.view check:checked:selected, +iconview check:checked:selected, +treeview.check:checked:selected, +row:selected check:checked, +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); } + +.check:checked:disabled, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); } + +.osd check:checked:disabled, +filechooser actionbar check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +menuitem check:checked:disabled:hover, +.view check:checked:disabled:selected, +iconview check:checked:disabled:selected, +treeview.check:checked:disabled:selected, +row:selected check:checked:disabled, +infobar check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); } + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } + +.osd radio, +filechooser actionbar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } + +menuitem radio:hover, +.view radio:selected, +iconview radio:selected, +treeview.radio:selected, +row:selected radio, +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); } + +.radio:disabled, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); } + +.osd radio:disabled, +filechooser actionbar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } + +menuitem radio:disabled:hover, +.view radio:disabled:selected, +iconview radio:disabled:selected, +treeview.radio:disabled:selected, +row:selected radio:disabled, +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); } + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } + +.osd radio:indeterminate, +filechooser actionbar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } + +menuitem radio:indeterminate:hover, +.view radio:indeterminate:selected, +iconview radio:indeterminate:selected, +treeview.radio:indeterminate:selected, +row:selected radio:indeterminate, +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); } + +.radio:indeterminate:disabled, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); } + +.osd radio:indeterminate:disabled, +filechooser actionbar radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } + +menuitem radio:indeterminate:disabled:hover, +.view radio:indeterminate:disabled:selected, +iconview radio:indeterminate:disabled:selected, +treeview.radio:indeterminate:disabled:selected, +row:selected radio:indeterminate:disabled, +infobar radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); } + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } + +.osd radio:checked, +filechooser actionbar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } + +menuitem radio:checked:hover, +.view radio:checked:selected, +iconview radio:checked:selected, +treeview.radio:checked:selected, +row:selected radio:checked, +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); } + +.radio:checked:disabled, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); } + +.osd radio:checked:disabled, +filechooser actionbar radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +menuitem radio:checked:disabled:hover, +.view radio:checked:disabled:selected, +iconview radio:checked:disabled:selected, +treeview.radio:checked:disabled:selected, +row:selected radio:checked:disabled, +infobar radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } + +.view.content-view.check:not(list), iconview.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); + background-color: transparent; } + +.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); + background-color: transparent; } + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; } + checkbutton.text-button:hover, radiobutton.text-button:hover { + color: black; } + checkbutton.text-button:disabled, radiobutton.text-button:disabled { + color: rgba(36, 36, 36, 0.55); } +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; } +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; } + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; } + check:only-child, menu menuitem check, + radio:only-child, menu menuitem + radio { + margin: 0; } + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; } + scale.horizontal trough { + padding: 0 4px; } + scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; } + scale.vertical trough { + padding: 4px 0; } + scale.vertical highlight, scale.vertical fill { + margin: -4px 0; } + scale slider { + min-height: 15px; + min-width: 15px; + margin: -6px; } + scale.fine-tune slider { + margin: -4px; } + scale.fine-tune fill, + scale.fine-tune highlight, + scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; } + scale trough { + outline-offset: 2px; + -gtk-outline-radius: 4.5px; + border-radius: 5px; + background-color: rgba(0, 0, 0, 0.2); } + scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); } + .osd scale trough { + background-color: rgba(0, 0, 0, 0.2); } + .osd scale trough highlight { + background-color: #0e6bff; } + menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); } + menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: #ffffff; } + menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #93bcff; } + menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); } + scale highlight { + border-radius: 5px; + background-color: #0e6bff; } + scale highlight:disabled { + background-color: rgba(14, 107, 255, 0.55); } + scale fill { + border-radius: 5px; + background-color: rgba(14, 107, 255, 0.5); } + scale fill:disabled { + background-color: transparent; } + scale slider { + background-color: #ffffff; + border: 1px solid transparent; + border-radius: 100%; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.1), 0px 1px 2px 0px rgba(16, 16, 16, 0.05); + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; } + scale slider:hover { + background-color: white; + border-color: transparent; + box-shadow: 0px 1px 2px 0px rgba(16, 16, 16, 0.1), 0px 2px 2px 0px rgba(16, 16, 16, 0.05); } + scale slider:active { + background-clip: border-box; + background-color: #ffffff; + border-color: transparent; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); } + scale slider:disabled { + background-color: #f2f2f2; + border-color: transparent; } + menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: #ffffff; + border-color: #ffffff; } + menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #dbe9ff; + border-color: #dbe9ff; } + menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #87b5ff; + border-color: #87b5ff; } + menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #93bcff; + border-color: #93bcff; } + .osd scale slider { + background-clip: border-box; + background-color: #ffffff; + border-color: transparent; } + .osd scale slider:hover { + background-color: white; + border-color: transparent; + box-shadow: 0px 1px 2px 0px rgba(16, 16, 16, 0.1), 0px 2px 2px 0px rgba(16, 16, 16, 0.05); } + .osd scale slider:active { + background-color: #f7f7f7; + border-color: transparent; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); } + scale value { + color: alpha(currentColor,0.4); } + scale marks { + color: alpha(currentColor,0.4); } + scale marks.top { + margin-bottom: 1px; + margin-top: -4px; } + scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; } + scale marks.top { + margin-right: 1px; + margin-left: -4px; } + scale marks.bottom { + margin-left: 1px; + margin-right: -4px; } + scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; } + scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; } + scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; } + scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; } + scale.horizontal indicator { + min-height: 3px; + min-width: 1px; } + scale.horizontal.fine-tune indicator { + min-height: 2px; } + scale.vertical indicator { + min-height: 1px; + min-width: 3px; } + scale.vertical.fine-tune indicator { + min-width: 2px; } + scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; + margin-top: -11px; } + scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; + margin-top: -11px; } + scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; + margin-top: -11px; } + scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; + margin-top: -11px; } + scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; + margin-bottom: -11px; } + scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; + margin-bottom: -11px; } + scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; + margin-bottom: -11px; } + scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; + margin-bottom: -11px; } + scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; + margin-left: -11px; } + scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; + margin-left: -11px; } + scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; + margin-left: -11px; } + scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; + margin-left: -11px; } + scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; + margin-right: -11px; } + scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; + margin-right: -11px; } + scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; + margin-right: -11px; } + scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; + margin-right: -11px; } + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(36, 36, 36, 0.7); } + progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; } + progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; } + progressbar progress { + background-color: #0e6bff; + border: none; + border-radius: 5px; + box-shadow: none; } + row:selected progressbar progress, infobar progressbar progress { + background-color: #ffffff; } + progressbar trough { + border: none; + border-radius: 5px; + background-color: rgba(0, 0, 0, 0.11); } + row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); } + +levelbar block { + min-width: 32px; + min-height: 1px; } +levelbar.vertical block { + min-width: 1px; + min-height: 32px; } +levelbar trough { + border: none; + padding: 3px; + border-radius: 5px; + background-color: rgba(0, 0, 0, 0.11); } +levelbar.horizontal.discrete block { + margin: 0 1px; } +levelbar.vertical.discrete block { + margin: 1px 0; } +levelbar block:not(.empty) { + border: 1px solid #0e6bff; + background-color: #0e6bff; + border-radius: 5px; } +levelbar block.low { + border-color: #F27835; + background-color: #F27835; } +levelbar block.high { + border-color: #0e6bff; + background-color: #0e6bff; } +levelbar block.full { + border-color: #71c837; + background-color: #71c837; } +levelbar block.empty { + background-color: rgba(36, 36, 36, 0.2); + border-color: rgba(36, 36, 36, 0.2); } + +printdialog paper { + border: 1px solid rgba(0, 0, 0, 0.11); + background: #ffffff; + padding: 0; } +printdialog .dialog-action-box { + margin: 12px; } + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(0, 0, 0, 0.11); } + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; } + +scrolledwindow viewport.frame { + border-style: none; } +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(14, 107, 255, 0.2)), to(rgba(14, 107, 255, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(14, 107, 255, 0.2)), to(rgba(14, 107, 255, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(14, 107, 255, 0.2)), to(rgba(14, 107, 255, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(14, 107, 255, 0.2)), to(rgba(14, 107, 255, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; } +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; } +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; } +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; } +scrolledwindow junction { + border-color: transparent; + border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.11) 1px, transparent 1px) 0 0 0 0/0 0 stretch; + background-color: #fcfcfc; } + scrolledwindow junction:dir(rtl) { + border-image-slice: 0 1 0 0; } + +separator { + background-color: rgba(0, 0, 0, 0.1); + min-width: 1px; + min-height: 1px; } + +list { + background-color: #ffffff; + border-color: rgba(0, 0, 0, 0.11); } + list row { + padding: 2px; } + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } +row.activatable.has-open-popup, row.activatable:hover { + background-color: rgba(0, 0, 0, 0.05); } +row.activatable:active { + color: #242424; } +row.activatable:disabled { + color: rgba(36, 36, 36, 0.55); } + row.activatable:disabled image { + color: inherit; } +row.activatable:selected:active { + color: #ffffff; } +row.activatable:selected.has-open-popup, row.activatable:selected:hover { + background-color: #0d60e6; } + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #363636; + background-color: alpha(white,0.9); + border-radius: 0 0 5px 5px; + border-style: none; + box-shadow: 0px 1px 2px 0px rgba(16, 16, 16, 0.15), 0px 2px 3px 0px rgba(16, 16, 16, 0.1); } + .app-notification border { + border: none; } + .app-notification button { + padding: 0; + margin: 0 0 0 0; + min-height: 24px; + min-width: 24px; + border-radius: 100px; + outline-offset: -1px; + -gtk-outline-radius: 100px; } + .app-notification button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); } + .app-notification button:active, .app-notification button:checked { + border-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.5); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); } + .app-notification button:disabled { + background-color: transparent; } + .app-notification button:disabled label, .app-notification button:disabled { + color: rgba(36, 36, 36, 0.55); } + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + expander arrow:hover { + color: #717171; } + expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +calendar { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.11); + border-radius: 5px; + padding: 2px 6px; + margin: 0; } + calendar:selected { + border-radius: 50px; } + calendar.header { + color: #242424; + border: none; } + calendar.button { + color: rgba(36, 36, 36, 0.45); } + calendar.button:hover { + color: #242424; } + calendar.button:disabled { + color: rgba(36, 36, 36, 0.55); } + calendar:indeterminate { + color: alpha(currentColor,0.55); } + calendar.highlight { + color: #242424; } + +messagedialog .titlebar { + min-height: 20px; + background-color: #e5e5e5; + border-bottom: 1px solid #afafaf; } +messagedialog .dialog-action-area button { + padding: 8px; + min-height: 0; } +messagedialog.csd.background { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border: none; } +messagedialog.csd .dialog-action-area button { + border-bottom-style: none; + background-image: none; } +messagedialog.csd .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } +messagedialog.csd .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog.csd .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + border-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.5); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + border-color: rgba(0, 0, 0, 0.11); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); } +messagedialog.csd .dialog-action-area button { + border-radius: 0; + border-right-style: none; } +messagedialog.csd .dialog-action-area button:last-child { + border-radius: 0 0 6px 0; + border-right-style: none; } +messagedialog.csd .dialog-action-area button:first-child { + border-radius: 0 0 0 6px; + border-left-style: none; } +messagedialog.csd .dialog-action-area button:only-child { + border-radius: 0 0 6px 6px; + border-left-style: none; + border-right-style: none; } + +filechooser #pathbarbox { + border-bottom: 1px solid transparent; } + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; } + +.sidebar { + border-style: none; + background-color: #f5f5f5; } + stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { + border-right: 1px solid rgba(0, 0, 0, 0.11); + border-left-style: none; } + stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(0, 0, 0, 0.11); + border-right-style: none; } + .sidebar list { + background-color: transparent; } + paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; } + +stacksidebar row { + padding: 4px 4px; } + stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; } + stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; } + +placessidebar > viewport.frame { + border-style: none; } +placessidebar row { + min-height: 24px; + padding: 2px 2px 2px 10px; } + placessidebar row > revealer { + padding: 0 10px; } + placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 8px; } + placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 8px; } + placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 2px; } + placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 2px; } + button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100%; + -gtk-outline-radius: 100%; } + button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.5; } + placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; } + placessidebar row.sidebar-new-bookmark-row { + color: #0e6bff; } + placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; } + placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; } + placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; } + placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #363636; } + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); } +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); } +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; } + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.11), rgba(0, 0, 0, 0.11)); + background-size: 1px 1px; } + paned > separator:selected { + background-image: linear-gradient(to bottom, #0e6bff, #0e6bff); } + paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #f5f5f5; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.11), rgba(0, 0, 0, 0.11)), linear-gradient(to bottom, rgba(0, 0, 0, 0.11), rgba(0, 0, 0, 0.11)); + background-size: 1px 1px, 1px 1px; } +paned.horizontal > separator { + background-repeat: repeat-y; } + paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; } + paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; } + paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; } +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; } + paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; } + +infobar { + border-style: none; } + infobar.info, infobar.question, infobar.warning, infobar.error { + background-color: #0e6bff; + color: #ffffff; + caret-color: currentColor; } + infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { + color: #0e6bff; + background-color: #ffffff; } + +row:selected button, infobar.info button, infobar.question button, infobar.warning button, infobar.error button, .nautilus-window .floating-bar button { + color: #ffffff; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; } +row:selected button.flat, row:selected button.sidebar-button, infobar.info button.flat, infobar.info button.sidebar-button, infobar.question button.flat, infobar.question button.sidebar-button, infobar.warning button.flat, infobar.warning button.sidebar-button, infobar.error button.flat, infobar.error button.sidebar-button, .nautilus-window .floating-bar button.flat, .nautilus-window .floating-bar button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0); + background-image: none; } + headerbar.selection-mode button:disabled, .nemo-window .selection-mode.primary-toolbar button:disabled, row:selected button.flat:disabled, row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.info button.sidebar-button:disabled, infobar.question button.flat:disabled, infobar.question button.sidebar-button:disabled, infobar.warning button.flat:disabled, infobar.warning button.sidebar-button:disabled, infobar.error button.flat:disabled, infobar.error button.sidebar-button:disabled, .nautilus-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.sidebar-button:disabled, headerbar.selection-mode button:disabled label, .nemo-window .selection-mode.primary-toolbar button:disabled label, row:selected button.flat:disabled label, row:selected button.sidebar-button:disabled label, infobar.info button.flat:disabled label, infobar.info button.sidebar-button:disabled label, infobar.question button.flat:disabled label, infobar.question button.sidebar-button:disabled label, infobar.warning button.flat:disabled label, infobar.warning button.sidebar-button:disabled label, infobar.error button.flat:disabled label, infobar.error button.sidebar-button:disabled label, .nautilus-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.sidebar-button:disabled label { + color: rgba(255, 255, 255, 0.4); } +row:selected button:hover, infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover, .nautilus-window .floating-bar button:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); } +headerbar.selection-mode button:active, .nemo-window .selection-mode.primary-toolbar button:active, headerbar.selection-mode button:checked, .nemo-window .selection-mode.primary-toolbar button:checked, row:selected button:active, infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active, .nautilus-window .floating-bar button:active, headerbar.selection-mode button:hover:active, .nemo-window .selection-mode.primary-toolbar button:hover:active, headerbar.selection-mode button:hover:checked, .nemo-window .selection-mode.primary-toolbar button:hover:checked, row:selected button:active:hover, infobar.info button:active:hover, infobar.question button:active:hover, infobar.warning button:active:hover, infobar.error button:active:hover, .nautilus-window .floating-bar button:active:hover, row:selected button:checked, infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked, .nautilus-window .floating-bar button:checked { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); } +row:selected button:disabled, infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); } + row:selected button:disabled, infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, .nautilus-window .floating-bar button:disabled, row:selected button:disabled label, infobar.info button:disabled label, infobar.question button:disabled label, infobar.warning button:disabled label, infobar.error button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); } + headerbar.selection-mode button:disabled:active, .nemo-window .selection-mode.primary-toolbar button:disabled:active, headerbar.selection-mode button:disabled:checked, .nemo-window .selection-mode.primary-toolbar button:disabled:checked, row:selected button:disabled:active, infobar.info button:disabled:active, infobar.question button:disabled:active, infobar.warning button:disabled:active, infobar.error button:disabled:active, .nautilus-window .floating-bar button:disabled:active, headerbar.selection-mode button:disabled:checked, .nemo-window .selection-mode.primary-toolbar button:disabled:checked, headerbar.selection-mode button:disabled:active, .nemo-window .selection-mode.primary-toolbar button:disabled:active, row:selected button:disabled:checked, infobar.info button:disabled:checked, infobar.question button:disabled:checked, infobar.warning button:disabled:checked, infobar.error button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #0e6bff; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); } + +tooltip { + border-radius: 5px; + box-shadow: none; } + tooltip.background, tooltip.background.csd { + background-color: rgba(255, 255, 255, 0.95); + background-clip: padding-box; + border-radius: 5px; } + tooltip.background label, tooltip.background.csd label { + padding: 4px; } + tooltip decoration { + background-color: transparent; } + tooltip * { + background-color: transparent; + color: #363636; } + +colorswatch, colorswatch:drop(active) { + border-style: none; } +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; } + colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; } +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; } + colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; } + colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; } +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; } + colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; } +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); } + colorswatch.dark overlay:hover { + border-color: rgba(0, 0, 0, 0.5); } +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); } + colorswatch.light overlay:hover { + border-color: rgba(0, 0, 0, 0.3); } +colorswatch overlay { + border: 1px solid rgba(0, 0, 0, 0.15); } + colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); } +colorswatch:disabled { + opacity: 0.5; } + colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; } +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #242424; + border-color: rgba(0, 0, 0, 0.11); + background-color: white; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); } + colorswatch#add-color-button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.11); + background-color: #f7f7f7; + box-shadow: none; } + colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + +button.color { + padding: 0; } + button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; } + +colorchooser .popover.osd { + border-radius: 5px; } + +.content-view { + background-color: #ffffff; } + .content-view:hover { + -gtk-icon-effect: highlight; } + +.scale-popup button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.11); + background-color: #f7f7f7; + box-shadow: none; } + +.context-menu, popover.touch-selection, .csd popover.touch-selection { + font: initial; } + +.monospace { + font-family: Monospace; } + +button.circular, button.nautilus-circular-button.image-button, +button.circular-button { + padding: 0; + margin: 0; + min-width: 28px; + min-height: 28px; + border-radius: 50%; + -gtk-outline-radius: 50%; } + button.circular:active, button.nautilus-circular-button.image-button:active, button.circular:checked, button.nautilus-circular-button.image-button:checked, + button.circular-button:active, + button.circular-button:checked { + border-width: 1px; + border-color: rgba(0, 0, 0, 0.1); + border-style: solid; + background-image: none; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.6); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); } + button.circular label, button.nautilus-circular-button.image-button label, + button.circular-button label { + padding: 0; } + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.11); + border-radius: 5px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); } + +stackswitcher button.text-button { + min-width: 80px; } +stackswitcher button.circular, stackswitcher button.nautilus-circular-button.image-button { + min-width: 0; } + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; } + +decoration { + transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1); + border-radius: 6px; + border-width: 0; + box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.25), 0 8px 15px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.11); + margin: 4px; } + decoration:backdrop { + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.11); } + .fullscreen decoration, .tiled decoration { + border-radius: 0; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.11); } + .popup decoration { + border-radius: 6px; } + .ssd decoration { + margin: -5px; + border-radius: 6px 6px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.11); } + .ssd decoration.maximized { + border-radius: 0; } + .csd.popup decoration { + border-radius: 6px; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 5px rgba(0, 0, 0, 0.06); } + tooltip.csd decoration { + border-radius: 6px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); } + messagedialog.csd decoration { + border-radius: 6px; } + .solid-csd decoration { + border: 1px solid #E1E1E1; + border-radius: 0; + margin: 0; + background-color: #e5e5e5; + box-shadow: none; } + +headerbar button.titlebutton, +.titlebar button.titlebutton { + min-width: 24px; + min-height: 24px; + margin: 0; + padding: 0; + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: rgba(229, 229, 229, 0); } + headerbar button.titlebutton:hover, + .titlebar button.titlebutton:hover { + color: rgba(34, 28, 28, 0.8); + background-color: #fafafa; + background-image: linear-gradient(0deg, #f8f8f8 0%, #ffffff 100%); + box-shadow: none; } + headerbar button.titlebutton:active, headerbar button.titlebutton:checked, + .titlebar button.titlebutton:active, + .titlebar button.titlebutton:checked { + color: #ffffff; + background-color: #afafaf; + background-image: none; + border-color: rgba(0, 0, 0, 0.11); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + box-shadow: none; } + headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, headerbar button.titlebutton.restore, + .titlebar button.titlebutton.close, + .titlebar button.titlebutton.maximize, + .titlebar button.titlebutton.minimize, + .titlebar button.titlebutton.restore { + min-width: 20px; + min-height: 20px; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + border-width: 0; + box-shadow: none; } + headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, headerbar button.titlebutton.restore:backdrop, + .titlebar button.titlebutton.close:backdrop, + .titlebar button.titlebutton.maximize:backdrop, + .titlebar button.titlebutton.minimize:backdrop, + .titlebar button.titlebutton.restore:backdrop { + opacity: 1; } + headerbar button.titlebutton.close, + .titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("assets/titlebutton-close.png"), url("assets/titlebutton-close@2.png")); } + headerbar button.titlebutton.close:backdrop, + .titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop.png"), url("assets/titlebutton-close-backdrop@2.png")); } + headerbar button.titlebutton.close:hover, + .titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("assets/titlebutton-close-hover.png"), url("assets/titlebutton-close-hover@2.png")); } + headerbar button.titlebutton.close:active, + .titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("assets/titlebutton-close-active.png"), url("assets/titlebutton-close-active@2.png")); } + headerbar button.titlebutton.maximize, + .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("assets/titlebutton-maximize.png"), url("assets/titlebutton-maximize@2.png")); } + headerbar button.titlebutton.maximize:backdrop, + .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop.png"), url("assets/titlebutton-maximize-backdrop@2.png")); } + headerbar button.titlebutton.maximize:hover, + .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover.png"), url("assets/titlebutton-maximize-hover@2.png")); } + headerbar button.titlebutton.maximize:active, + .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("assets/titlebutton-maximize-active.png"), url("assets/titlebutton-maximize-active@2.png")); } + headerbar button.titlebutton.minimize, + .titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("assets/titlebutton-minimize.png"), url("assets/titlebutton-minimize@2.png")); } + headerbar button.titlebutton.minimize:backdrop, + .titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop.png"), url("assets/titlebutton-minimize-backdrop@2.png")); } + headerbar button.titlebutton.minimize:hover, + .titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover.png"), url("assets/titlebutton-minimize-hover@2.png")); } + headerbar button.titlebutton.minimize:active, + .titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("assets/titlebutton-minimize-active.png"), url("assets/titlebutton-minimize-active@2.png")); } + headerbar button.titlebutton.restore, + .titlebar button.titlebutton.restore { + background-image: -gtk-scaled(url("assets/titlebutton-restore.png"), url("assets/titlebutton-restore@2.png")); } + headerbar button.titlebutton.restore:backdrop, + .titlebar button.titlebutton.restore:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-restore-backdrop.png"), url("assets/titlebutton-restore-backdrop@2.png")); } + headerbar button.titlebutton.restore:hover, + .titlebar button.titlebutton.restore:hover { + background-image: -gtk-scaled(url("assets/titlebutton-restore-hover.png"), url("assets/titlebutton-restore-hover@2.png")); } + headerbar button.titlebutton.restore:active, + .titlebar button.titlebutton.restore:active { + background-image: -gtk-scaled(url("assets/titlebutton-restore-active.png"), url("assets/titlebutton-restore-active@2.png")); } +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen +.titlebar button.titlebutton.maximize, .maximized +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("assets/titlebutton-restore.png"), url("assets/titlebutton-restore@2.png")); } +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen +.titlebar button.titlebutton.maximize:backdrop, .maximized +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-restore-backdrop.png"), url("assets/titlebutton-restore-backdrop@2.png")); } +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen +.titlebar button.titlebutton.maximize:hover, .maximized +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-restore-hover.png"), url("assets/titlebutton-restore-hover@2.png")); } +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen +.titlebar button.titlebutton.maximize:active, .maximized +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("assets/titlebutton-restore-active.png"), url("assets/titlebutton-restore-active@2.png")); } + +.view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, +.view text:selected, +iconview text:selected, +textview text:selected, +.view text:selected:focus, +iconview text:selected:focus, +textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, +textview text selection:focus, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget.background > widget > scrolledwindow > textview text selection { + background-color: #0e6bff; } + row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, + .view text:selected, + iconview text:selected, + textview text:selected, + .view text:selected:focus, + iconview text:selected:focus, + textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, + textview text selection:focus, + textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, + #MozillaGtkWidget.background > widget > scrolledwindow > textview text selection { + color: #ffffff; } + row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, + .view text:disabled:selected, + iconview text:disabled:selected, + textview text:disabled:selected, + iconview text:disabled:selected:focus, + textview text:disabled:selected:focus, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, + textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, calendar:disabled:selected, .nemo-window .nemo-window-pane widget.entry:disabled:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:disabled:selected, + #MozillaGtkWidget.background > widget > scrolledwindow > textview text selection:disabled { + color: #87b5ff; } + +/********* + * Emoji * + *********/ +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; } + .emoji widget { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); } + .emoji widget:hover { + font-size: larger; } + +/* +.gedit-bottom-panel-paned notebook, +terminal-window notebook { + > header.top > tabs > tab:checked { box-shadow: inset 0 -1px $borders_color; } +} +*/ +terminal-window notebook > header.top tabs > tab, +.mate-terminal notebook > header.top tabs > tab { + border-top: 1px solid transparent; } +terminal-window notebook > header.top button, +.mate-terminal notebook > header.top button { + padding: 0; + min-width: 24px; + min-height: 24px; } + +.nautilus-canvas-item { + border-radius: 2px; } + +.nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item, .caja-desktop { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } + .nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active, .caja-desktop:active { + color: #242424; } + .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected, .caja-desktop:selected { + color: #ffffff; + text-shadow: none; } + +.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, +.titlebar:not(headerbar) .nautilus-canvas-item.subtitle, +.nautilus-list-dim-label { + color: #8d8d8d; } + .nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, headerbar .nautilus-canvas-item.subtitle:selected, + .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected:focus, + .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected:focus, + .nautilus-list-dim-label:selected, + .nautilus-list-dim-label:selected:focus { + color: #cfe1ff; } + +.nautilus-window searchbar { + border-top: 1px solid rgba(0, 0, 0, 0.11); } +.nautilus-window .searchbar-container { + margin-top: -1px; } + +.nautilus-window notebook, +.nautilus-window notebook > stack { + border-radius: 0 0 6px 0; } + +.nautilus-window.maximized notebook, +.nautilus-window.maximized notebook > stack { + border-radius: 0 0 0 0; } + +.nautilus-window notebook, +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: #ffffff; } + +.disk-space-display { + border-style: solid; + border-width: 1px; } + .disk-space-display.unknown { + background-color: rgba(36, 36, 36, 0.5); + border-color: rgba(11, 11, 11, 0.5); } + .disk-space-display.used { + background-color: rgba(14, 107, 255, 0.8); + border-color: rgba(0, 84, 218, 0.8); } + .disk-space-display.free { + background-color: #ededed; + border-color: #d4d4d4; } + +@keyframes needs_attention_keyframes { + 0% { + color: rgba(34, 28, 28, 0.8); + background-color: #fafafa; + background-image: linear-gradient(0deg, #f8f8f8 0%, #ffffff 100%); + box-shadow: none; } + 100% { + color: #ffffff; + background-color: #afafaf; + background-image: none; + border-color: rgba(0, 0, 0, 0.11); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + box-shadow: none; } } +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; } + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; } + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; } +.conflict-row.activatable:hover { + background-color: #fd716a; } +.conflict-row.activatable:selected { + color: #ffffff; + background-color: #0e6bff; } + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; } +.nemo-window notebook { + background-color: #ffffff; } +.nemo-window .nemo-window-pane widget.entry { + border: 1px solid; + border-radius: 3px; + color: #363636; + border-color: #74aaff; + background-color: #ffffff; + box-shadow: 0px 1px 1px 0px transparent, 0px 1px 2px 0px transparent, inset 0 0 0 2px #74aaff; } +.nemo-window .primary-toolbar { + border: none; + color: rgba(40, 32, 32, 0.8); + background-color: #e5e5e5; } +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button { + padding-bottom: 2px; + margin: 0; + color: rgba(40, 32, 32, 0.8); + background-color: #e5e5e5; } + .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:not(:last-child):not(:only-child) { + margin: 0; } + .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover { + color: rgba(40, 32, 32, 0.8); + background-color: #f9f9f9; } + .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked { + transition: background-color 0.00001s 0.3s; + animation: header_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + color: rgba(40, 32, 32, 0.8); + background-color: #cccccc; + box-shadow: inset 0 -2px #418aff; } + .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled { + color: rgba(40, 32, 32, 0.4); } +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: solid; } + +.caja-notebook { + border-top: 1px solid rgba(0, 0, 0, 0.11); } + +.caja-side-pane .frame { + border-width: 1px 0 0; } + +.caja-notebook .frame { + border-width: 0 0 1px; } + +.open-document-selector-treeview.view, iconview.open-document-selector-treeview { + padding: 3px 6px 3px 6px; + border-color: #ffffff; } + .open-document-selector-treeview.view:hover, iconview.open-document-selector-treeview:hover { + background-color: #f0f0f0; } + .open-document-selector-treeview.view:hover:selected, iconview.open-document-selector-treeview:hover:selected { + color: #ffffff; + background-color: #0e6bff; } + +.open-document-selector-name-label { + color: #242424; } + +.open-document-selector-path-label { + color: #929292; + font-size: smaller; } + .open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); } + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + color: transparent; + background: none; + border: none; + box-shadow: none; } + .gedit-document-panel row button image { + color: inherit; } +.gedit-document-panel row:hover:not(:selected) button { + color: #6d6d6d; } + .gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; } + .gedit-document-panel row:hover:not(:selected) button:active { + color: #242424; } +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; + background: none; + border: none; + box-shadow: none; } + .gedit-document-panel row:hover:selected button:hover:active { + color: #ffffff; } + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(0, 0, 0, 0.11); + background-color: gainsboro; + color: #242424; } + +.gedit-side-panel-paned statusbar { + border-top: none; + background-color: #f5f5f5; + border-radius: 0 0 6px 6px; } + +.gedit-search-slider { + background-color: #fafafa; + padding: 6px; + border-color: rgba(0, 0, 0, 0.11); + border-radius: 0 0 5px 5px; + border-width: 0 1px 1px 1px; + border-style: solid; } + +.gedit-search-entry-occurrences-tag { + color: rgba(36, 36, 36, 0.6); + border: none; + margin: 2px; + padding: 2px; } + +.gedit-map-frame border { + border-color: rgba(0, 0, 0, 0.3); + border-width: 0; } + .gedit-map-frame border:dir(ltr) { + border-left-width: 1px; } + .gedit-map-frame border:dir(rtl) { + border-right-width: 1px; } + +.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal > box.horizontal { + margin: 4px 0; } +.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal > scrolledwindow { + margin: 0 6px 6px 6px; + border-radius: 0; + box-shadow: 0px 1px 2px 0px rgba(16, 16, 16, 0.15), 0px 2px 3px 0px rgba(16, 16, 16, 0.1); } + +.pluma-window statusbar frame > border { + border: none; } + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; } + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; } + +.gb-search-entry-occurrences-tag { + background: none; } + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; } + workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 6px 6px 0 0; } + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #0e6bff; } + +layouttab { + background-color: #ffffff; } + +layout { + border: 1px solid rgba(0, 0, 0, 0.11); + -PnlDockBin-handle-size: 1; } + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(0, 0, 0, 0.11); } + +pillbox { + color: #ffffff; + background-color: #0e6bff; + border-radius: 3px; } + pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); } + +docktabstrip { + padding: 0 6px; + background-color: #f5f5f5; + border-bottom: 1px solid rgba(0, 0, 0, 0.11); } + docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; } + docktabstrip docktab label { + opacity: 0.5; } + docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; } + docktabstrip docktab:checked { + border-color: rgba(0, 0, 0, 0.11); + background-color: #ffffff; } + +dockbin { + border: 1px solid rgba(0, 0, 0, 0.11); + -PnlDockBin-handle-size: 1; } + +dockpaned { + border: 1px solid rgba(0, 0, 0, 0.11); } + +dockoverlayedge { + background-color: #f5f5f5; } + dockoverlayedge docktabstrip { + padding: 0; + border: none; } + dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; } + +popover.messagepopover.background { + padding: 0; } +popover.messagepopover .popover-content-area { + margin: 16px; } +popover.messagepopover .popover-action-area { + margin: 8px; } + popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; } + +popover.popover-selector { + padding: 0; } + popover.popover-selector list row { + padding: 5px 0; } + popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; } + +entry.search.preferences-search { + border: none; + border-right: 1px solid rgba(0, 0, 0, 0.11); + border-bottom: 1px solid rgba(0, 0, 0, 0.11); + border-radius: 0; } + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); } +preferences stacksidebar.sidebar list separator { + background-color: transparent; } + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(0, 0, 0, 0.11); } + +button.run-arrow-button { + min-width: 12px; } + +omnibar.linked > entry:not(:only-child) { + border-style: solid; + border-radius: 3px; + margin-left: 1px; + margin-right: 1px; } + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #242424; } + +configurationview entry.flat { + background: none; } +configurationview list { + border-width: 0; } + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 6px; } +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #242424; + transition-duration: 0.1s; } + window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #242424; } + window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: #ffffff; + font-weight: 700; } + window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#ededed); + color: black; + transition-property: opacity, border-image, background-image, box-shadow; } + window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#ebebeb); + color: #242424; } + window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#e0e0e0); + color: #242424; + animation: none; } + window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#0e6bff); + color: #ffffff; } + window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#ffffff); + color: #0e6bff; } + window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#f3f8ff); } + window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#e7f0ff); + color: #0e6bff; + animation: none; } + window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#0e6bff); + color: #ffffff; + transition-duration: 0s; } + +.documents-scrolledwin.frame { + border-width: 0; } + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; } + +.documents-icon-bg { + background-color: #0e6bff; + color: #ffffff; + border-radius: 2px; } + +.documents-collection-icon, .photos-collection-icon { + background-color: rgba(36, 36, 36, 0.3); + border-radius: 2px; } + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #74aaff; } + +.documents-entry-tag, .photos-entry-tag { + color: #ffffff; + background: #0e6bff; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; } + .documents-entry-tag:hover, .photos-entry-tag:hover { + color: #ffffff; + background: #2278ff; } + .documents-entry-tag:active, .photos-entry-tag:active { + color: #ffffff; + background: #0060f9; } + .documents-entry-tag.button, .button.photos-entry-tag { + box-shadow: none; + border: none; + background-color: transparent; } + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; } + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; } + +.tweak-categories, +.tweak-category:not(:selected):not(:hover) { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); } + +.tweak-categories { + border-radius: 0 0 0 6px; } + +.tweak-titlebar-right > switch, +dialog.csd > headerbar.titlebar > switch { + margin: 8px 0; } + +box.horizontal.titlebar > headerbar > stack > box.vertical > .title { + margin: 0; } +box.horizontal.titlebar > headerbar > stack > box.vertical > .subtitle { + margin: -3px 0; } + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; } + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; } + +.atril-window .primary-toolbar toolbar, .atril-window .primary-toolbar .inline-toolbar { + background: none; } + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #484848; + background-color: rgba(245, 245, 245, 0.95); + border: 1px solid rgba(225, 225, 225, 0.95); + border-radius: 2px; } +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #0e6bff; + border-color: #0e6bff; } +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: rgba(232, 232, 232, 0.95); } +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; } + +#gf-input-source { + min-height: 32px; + min-width: 40px; } + #gf-input-source:selected { + color: #ffffff; + background-color: #0e6bff; + border-radius: 2px; } + +gf-candidate-box label { + padding: 3px; } +gf-candidate-box:hover, gf-candidate-box:selected { + color: #ffffff; + background-color: #0e6bff; + border-radius: 2px; } + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.11); + padding: 4px; + background-color: #ededed; } + .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + border-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.5); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); } + .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; } + +.sidebar-paned scrolledwindow { + border: none; } + +window.csd > box.vertical > box.vertical > toolbar.horizontal, window.csd > box.vertical > box.vertical > .horizontal.inline-toolbar, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > .horizontal.inline-toolbar { + margin: -1px 0; + border-top: 1px solid rgba(0, 0, 0, 0.11); + box-shadow: none; + background-color: transparent; } + window.csd > box.vertical > box.vertical > toolbar.horizontal button, window.csd > box.vertical > box.vertical > .horizontal.inline-toolbar button, + window.solid-csd > box.vertical > box.vertical > toolbar.horizontal button, + window.solid-csd > box.vertical > box.vertical > .horizontal.inline-toolbar button { + min-height: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; } + window.csd > box.vertical > box.vertical > toolbar.horizontal button:active, window.csd > box.vertical > box.vertical > .horizontal.inline-toolbar button:active, window.csd > box.vertical > box.vertical > toolbar.horizontal button:checked, window.csd > box.vertical > box.vertical > .horizontal.inline-toolbar button:checked, + window.solid-csd > box.vertical > box.vertical > toolbar.horizontal button:active, + window.solid-csd > box.vertical > box.vertical > .horizontal.inline-toolbar button:active, + window.solid-csd > box.vertical > box.vertical > toolbar.horizontal button:checked, + window.solid-csd > box.vertical > box.vertical > .horizontal.inline-toolbar button:checked { + border-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.5); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); } +window.csd > box.vertical > box.vertical > frame, +window.solid-csd > box.vertical > box.vertical > frame { + margin: -1px 0; + padding: 0; } + window.csd > box.vertical > box.vertical > frame > border, + window.solid-csd > box.vertical > box.vertical > frame > border { + border: none; } + +window.background > box.vertical > toolbar.primary-toolbar toolitem .linked > button.image-button.raised, window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem .linked > button.image-button.raised { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; } + window.background > box.vertical > toolbar.primary-toolbar toolitem .linked > button.image-button.raised:active, window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem .linked > button.image-button.raised:active, window.background > box.vertical > toolbar.primary-toolbar toolitem .linked > button.image-button.raised:checked, window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem .linked > button.image-button.raised:checked { + border-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.5); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); } + window.background > box.vertical > toolbar.primary-toolbar toolitem .linked > button.image-button.raised > widget > box > image, window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem .linked > button.image-button.raised > widget > box > image { + padding: 0; } +window.background > box.vertical > toolbar.primary-toolbar toolitem button.flat.scale, window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem button.flat.scale, window.background > box.vertical > toolbar.primary-toolbar toolitem button.scale.sidebar-button, window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem button.scale.sidebar-button { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; } +window.background > box.vertical > toolbar.primary-toolbar toolitem > box.horizontal:not(.linked) > button.toggle, window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), +window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; } + window.background > box.vertical > toolbar.primary-toolbar toolitem > box.horizontal:not(.linked) > button.toggle:active, window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem > box.horizontal:not(.linked) > button.toggle:active, window.background > box.vertical > toolbar.primary-toolbar toolitem > box.horizontal:not(.linked) > button.toggle:checked, window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem > box.horizontal:not(.linked) > button.toggle:checked, + window.background > box.vertical > toolbar.primary-toolbar toolitem > .linked > button:not(.toggle):not(.raised):not(.flat):active, + window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem > .linked > button:not(.toggle):not(.raised):not(.flat):active, + window.background > box.vertical > toolbar.primary-toolbar toolitem > .linked > button:not(.toggle):not(.raised):not(.flat):checked, + window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem > .linked > button:not(.toggle):not(.raised):not(.flat):checked { + border-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.5); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); } + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title, window.background > headerbar.titlebar > button.popup.toggle.text-button.title.sidebar-button { + margin: 6px 0; } + window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget, window.background > headerbar.titlebar > button.popup.toggle.text-button.title.sidebar-button > grid > widget { + padding-top: 3px; } + window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr), window.background > headerbar.titlebar > button.popup.toggle.text-button.title.sidebar-button > grid > widget:dir(ltr) { + padding-left: 4px; } + window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl), window.background > headerbar.titlebar > button.popup.toggle.text-button.title.sidebar-button > grid > widget:dir(rtl) { + padding-right: 4px; } +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; } + window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, + window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, + window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + border-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.5); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); } + window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, + window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, + window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + border-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.65); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); } + +headerbar.titlebar.incognito-mode entry { + color: rgba(40, 32, 32, 0.8); + background-color: white; + background-image: linear-gradient(0deg, #f1f1f1 0%, #fdfdfd 95%, #fefefe 100%); } + headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; } + headerbar.titlebar.incognito-mode entry:focus { + box-shadow: 0 0 0 2px #74aaff; + border-color: #74aaff; + background-image: none; } + headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(40, 32, 32, 0.35); + background-color: rgba(255, 255, 255, 0.75); } + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(36, 36, 36, 0.75); } + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: rgba(40, 32, 32, 0.8); + background-color: white; + background-image: linear-gradient(0deg, #f1f1f1 0%, #fdfdfd 95%, #fefefe 100%); } + .background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; } + .background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + box-shadow: 0 0 0 2px #74aaff; + border-color: #74aaff; + background-image: none; } + .background headerbar entry.starred:disabled, .background headerbar entry.non-starred:disabled { + color: rgba(40, 32, 32, 0.35); + background-color: rgba(255, 255, 255, 0.75); } +.background headerbar entry.starred > image.right { + color: #ccbb00; } + .background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; } + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + border-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.5); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); } + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; } + popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #f5f5f5; + color: rgba(36, 36, 36, 0.85); + border-radius: 5px; + border: 1px solid rgba(0, 0, 0, 0.11); + margin: 2px; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); } + popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.11); + background-color: #f7f7f7; + box-shadow: none; } + popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + border-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.5); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); } + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(0, 0, 0, 0.11); } + popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(255, 255, 255, 0.35); + color: rgba(36, 36, 36, 0.85); + border-bottom: 1px dashed rgba(0, 0, 0, 0.05); + padding: 6px; } + popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.05); } + popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.sidebar-button { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; } + +flowboxchild.bookmark-tag-widget { + color: #f5f5f5; + font-weight: 500; } + flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; } + flowboxchild.bookmark-tag-widget-selected { + color: #ffffff; } + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid rgba(225, 225, 225, 0.95); } + MsdOsdWindow.background.osd .progressbar { + background-color: #0e6bff; + border: none; + border-color: red; + border-radius: 5px; } + MsdOsdWindow.background.osd .trough { + background-color: rgba(232, 232, 232, 0.95); + border: none; + border-radius: 5px; } + +.mate-panel-menu-bar, +.mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: #eaeaea; } +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: #363636; } +.mate-panel-menu-bar button label, +.mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; } +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: #1b1b1b; + background-color: #d1d1d1; } + .mate-panel-menu-bar .wnck-pager:hover, + panel-toplevel.background .wnck-pager:hover { + background-color: #f7f7f7; } + .mate-panel-menu-bar .wnck-pager:selected, + panel-toplevel.background .wnck-pager:selected { + color: #74aaff; + background-color: #0e6bff; } +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; } + +.xfce4-panel.panel { + background-color: #eaeaea; + text-shadow: none; + -gtk-icon-shadow: none; } + +#tasklist-button { + color: rgba(54, 54, 54, 0.8); + border-radius: 0; + border: none; + background-color: rgba(234, 234, 234, 0); } + #tasklist-button:hover { + color: #505050; + background-color: rgba(0, 0, 0, 0.17); } + #tasklist-button:checked { + color: white; + background-color: rgba(0, 0, 0, 0.25); + box-shadow: inset 0 -2px #0e6bff; } + +.mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button), .xfce4-panel.panel button.flat, .xfce4-panel.panel button.sidebar-button { + color: #363636; + border-radius: 0; + border: none; + background-color: rgba(234, 234, 234, 0); } + .mate-panel-menu-bar button:hover:not(#tasklist-button), + panel-toplevel.background button:hover:not(#tasklist-button), .xfce4-panel.panel button.flat:hover, .xfce4-panel.panel button.sidebar-button:hover { + border: none; + background-color: white; } + .mate-panel-menu-bar button:active:not(#tasklist-button), + panel-toplevel.background button:active:not(#tasklist-button), .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.sidebar-button:active, .mate-panel-menu-bar button:checked:not(#tasklist-button), + panel-toplevel.background button:checked:not(#tasklist-button), .xfce4-panel.panel button.flat:checked, .xfce4-panel.panel button.sidebar-button:checked { + color: #ffffff; + border: none; + background-color: #0e6bff; } + .mate-panel-menu-bar button:active:not(#tasklist-button) label, + panel-toplevel.background button:active:not(#tasklist-button) label, .xfce4-panel.panel button.flat:active label, .xfce4-panel.panel button.sidebar-button:active label, + .mate-panel-menu-bar button:active:not(#tasklist-button) image, + panel-toplevel.background button:active:not(#tasklist-button) image, + .xfce4-panel.panel button.flat:active image, + .xfce4-panel.panel button.sidebar-button:active image, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, + panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel.panel button.flat:checked label, .xfce4-panel.panel button.sidebar-button:checked label, + .mate-panel-menu-bar button:checked:not(#tasklist-button) image, + panel-toplevel.background button:checked:not(#tasklist-button) image, + .xfce4-panel.panel button.flat:checked image, + .xfce4-panel.panel button.sidebar-button:checked image { + color: inherit; } + +.nautilus-window .floating-bar { + padding: 1px; + background-color: #0e6bff; + color: #ffffff; + border-radius: 3px 0 4px 0; } + .nautilus-window .floating-bar.bottom.left { + border-top-left-radius: 0; } + .nautilus-window .floating-bar.bottom.right { + border-top-right-radius: 0; } + .nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; } + +/********* + * Geary * + *********/ +.geary-titlebar-left separator { + opacity: 0; } +.geary-titlebar-left > button { + min-width: 22px; } + +.geary-titlebar-right { + box-shadow: none; } + .geary-titlebar-right separator { + opacity: 0; } + .geary-titlebar-right > button { + min-width: 22px; } + +.marlin-pathbar.pathbar { + border-radius: 3px; + padding-left: 4px; + padding-right: 4px; + color: rgba(40, 32, 32, 0.8); + background-color: white; + background-image: linear-gradient(0deg, #f1f1f1 0%, #fdfdfd 95%, #fefefe 100%); } + .marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; } + .marlin-pathbar.pathbar:focus { + box-shadow: 0 0 0 2px #74aaff; + border-color: #74aaff; + background-image: none; } + .marlin-pathbar.pathbar:disabled { + color: rgba(40, 32, 32, 0.35); + background-color: rgba(255, 255, 255, 0.75); } + .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { + color: #0e6bff; } + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.35); + border-radius: 3px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, white, white); + background-color: transparent; } + .gala-notification .title, + .gala-notification .label { + color: #5c616c; } + +.panel { + background-color: transparent; + color: white; + font-weight: bold; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } + .panel-shadow { + background-image: none; + background-color: transparent; } + .panel .menu { + box-shadow: none; } + .panel .menu .menuitem { + font-weight: normal; + text-shadow: none; + -gtk-icon-shadow: none; } + .panel .menu .window-frame.menu.csd, + .panel .menu .window-frame.popup.csd { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } + .panel .menubar > .menuitem { + padding: 3px 6px; } + .panel .menubar > .menuitem:hover { + background-color: transparent; } + .panel .window-frame.menu.csd, + .panel .window-frame.popup.csd { + box-shadow: none; } + +.composited-indicator { + background-color: transparent; + color: white; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } + .composited-indicator > GtkWidget > GtkWidget:first-child { + padding: 0 2px; } + .composited-indicator .menuitem:active, + .composited-indicator .menuitem:hover { + border-style: none; + background-image: none; + box-shadow: none; } + .composited-indicator > .popup > .menu { + padding-top: 8px; + padding-bottom: 8px; } + +.panel-app-button > GtkWidget > GtkWidget:first-child { + padding: 0 2px 0 4px; } + +.panel .menu .spinner, +.menu .spinner { + opacity: 1; } + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(0, 0, 0, 0.07); } +window.background:not(.csd) > widget > scrollbar { + background-clip: border-box; } +window.background:not(.csd) > widget > scrollbar, +window.background:not(.csd) > widget > frame > border { + border-color: rgba(0, 0, 0, 0.11); } +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget > button > button { + border: 1px solid rgba(0, 0, 0, 0.11); + border-radius: 5px; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.02); } +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 5px; + background-image: image(#ffffff); + border: 1px solid rgba(0, 0, 0, 0.11); } + window.background:not(.csd) > widget > entry:focus, + window.background:not(.csd) > widget .entry:focus { + border-color: #74aaff; + box-shadow: inset 0 0 0 2px #74aaff; } +window.background:not(.csd) > widget > spinbutton { + background-image: image(white); + border: 1px solid rgba(0, 0, 0, 0.11); } + window.background:not(.csd) > widget > spinbutton:active { + background-image: image(#afafaf); } + window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } +window.background:not(.csd) > widget > button > button { + min-height: 24px; } + window.background:not(.csd) > widget > button > button:active { + background-image: image(#afafaf); + border: none; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.11); } + window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; } +window.background:not(.csd) > menu, +window.background:not(.csd) .menu { + background-color: #ffffff; + border-radius: 0; } + window.background:not(.csd) > menu .separator:not(label), .csd window.background:not(.csd) > menu .separator:not(label), + window.background:not(.csd) .menu .separator:not(label), .csd + window.background:not(.csd) .menu .separator:not(label) { + color: rgba(0, 0, 0, 0.11); } +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; } +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(36, 36, 36, 0.55); } +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; } + +#MozillaGtkWidget.background { + background-color: #f5f5f5; } + #MozillaGtkWidget.background .background, + #MozillaGtkWidget.background frame, + #MozillaGtkWidget.background separator, + #MozillaGtkWidget.background scrolledwindow { + background-color: #f5f5f5; } + #MozillaGtkWidget.background scrollbar { + background-color: transparent; } + #MozillaGtkWidget.background scrollbar slider { + background-color: #979797; } + #MozillaGtkWidget.background scrollbar slider:hover { + background-color: #787878; } + #MozillaGtkWidget.background scrollbar slider:hover:active { + background-color: #585858; } + #MozillaGtkWidget.background scrollbar slider:disabled { + background-color: transparent; } + #MozillaGtkWidget.background *:not(menuitem):hover, #MozillaGtkWidget.background *:not(menuitem):hover button, + #MozillaGtkWidget.background *:focus, + #MozillaGtkWidget.background *:focus button, + #MozillaGtkWidget.background *:active, + #MozillaGtkWidget.background *:active button, + #MozillaGtkWidget.background *:checked, + #MozillaGtkWidget.background *:checked button { + color: #242424; } + #MozillaGtkWidget.background > window.background > menu { + background-color: #ffffff; + border-radius: 0; + border-color: rgba(0, 0, 0, 0.11); } + #MozillaGtkWidget.background > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(0, 0, 0, 0.11); } + #MozillaGtkWidget.background > widget border { + border-color: rgba(0, 0, 0, 0.11); } + #MozillaGtkWidget.background > widget separator { + background-color: rgba(0, 0, 0, 0.11); } + #MozillaGtkWidget.background > widget > scrolledwindow > textview { + background-color: #ffffff; } + #MozillaGtkWidget.background > widget > scrolledwindow > textview text { + background-color: transparent; + color: #242424; } + +/*************** + * Chrome(ium) * + ***************/ +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; } + window.background.chromium headerbar.titlebar button.toggle:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); } + window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + border-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.5); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); } +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 22px; + min-height: 22px; + margin: 0; + padding: 0; + color: transparent; } +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: rgba(0, 0, 0, 0.11); } +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid rgba(0, 0, 0, 0.11); } +window.background.chromium > textview.view { + background-color: #ffffff; } + +/**************** + * Libre-Office * + ****************/ +window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal { + background-image: linear-gradient(180deg, #E2E2E2 0%, #d2d2d2 100%); + background-color: transparent; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.11); } + window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button, window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button.sidebar-button { + color: rgba(40, 32, 32, 0.8); + border: none; + border-radius: 50px; + background-image: none; } + window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover, window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button.sidebar-button:hover { + background-color: white; + color: rgba(54, 44, 44, 0.8); } + window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button.sidebar-button:active, window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked, window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button.sidebar-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; } + window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button.sidebar-button:disabled { + color: alpha(rgba(40, 32, 32, 0.8),0.6); } + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #ffffff; } + window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; } + +window > box.vertical > box.horizontal > toolbar, window > box.vertical > box.horizontal > .inline-toolbar { + background-color: transparent; + box-shadow: none; } + window > box.vertical > box.horizontal > toolbar toolitem > box label, window > box.vertical > box.horizontal > .inline-toolbar toolitem > box label, + window > box.vertical > box.horizontal > toolbar toolitem > box entry, + window > box.vertical > box.horizontal > .inline-toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; } + window > box.vertical > box.horizontal > toolbar toolitem > box > label, window > box.vertical > box.horizontal > .inline-toolbar toolitem > box > label { + color: #242424; } +window > box.vertical > box.horizontal > widget { + background-color: transparent; } + +UnityDecoration { + -UnityDecoration-extents: 28px 1 1 1; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 3px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #0e6bff; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; } + UnityDecoration .top { + border: 1px solid rgba(0, 0, 0, 0.1); + border-bottom-width: 0; + border-radius: 4px 4px 0 0; + padding: 1px 6px 0 6px; + background-image: linear-gradient(to bottom, #e5e5e5, #e5e5e5); + color: rgba(40, 32, 32, 0.8); + box-shadow: inset 0 1px #ededed; } + UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(40, 32, 32, 0.5); } + UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, + UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); } + +UnityPanelWidget, +.unity-panel { + background-image: linear-gradient(to bottom, #1b2224, #1b2224); + color: dimgray; + box-shadow: none; } + UnityPanelWidget:backdrop, + .unity-panel:backdrop { + color: #393939; } + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: #ffffff; + background-image: linear-gradient(to bottom, #0e6bff, #0e6bff); + border-bottom: none; } + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; } + +.lightdm-combo .menu { + background-color: #f9f9f9; + border-radius: 0px; + padding: 0px; + color: white; } + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; } + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); } + .lightdm.menubar > .menuitem { + padding: 2px 6px; } + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; } + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; } + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; } + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); } + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; } + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; } + +.lightdm.toggle-button { + background: none; + border-width: 0; } + .lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; } + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); } } +.overlay-bar { + background-color: #0e6bff; + border-color: #0e6bff; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; } + .overlay-bar label { + color: #ffffff; } + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(0, 0, 0, 0.11); + border-right: 1px solid rgba(0, 0, 0, 0.11); } + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; } + +.help_button { + border-radius: 100px; + padding: 3px 9px; } + +toolbar.secondary-toolbar, .secondary-toolbar.inline-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(0, 0, 0, 0.11); } + toolbar.secondary-toolbar button, .secondary-toolbar.inline-toolbar button { + padding: 0 3px 0 3px; } + +toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(0, 0, 0, 0.11); + background-color: #f5f5f5; } + toolbar.bottom-toolbar button, .bottom-toolbar.inline-toolbar button { + padding: 2px 3px 2px 3px; } + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; } + +.source-list, +.source-list.view, +iconview.source-list { + background-color: #f5f5f5; + color: #242424; + -gtk-icon-style: regular; } + +.source-list.category-expander { + color: transparent; } + +.source-list.view:hover, iconview.source-list:hover { + background-color: white; } + +.source-list.view:selected, iconview.source-list:selected, +.source-list.view:hover:selected, +iconview.source-list:hover:selected, +.source-list.view:selected:focus, +iconview.source-list:selected:focus, +.source-list.category-expander:hover { + color: #ffffff; + background-color: #0e6bff; } + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #f5f5f5; + background-image: none; } + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #0e6bff; + color: #ffffff; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; } + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: #ffffff; + color: #0e6bff; } + +.source-list.category-expander { + color: #242424; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; } + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; } + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +GraniteWidgetsWelcome { + background-color: #ffffff; } + +GraniteWidgetsWelcome label { + color: #8d8d8d; + font-size: 11px; + text-shadow: none; } + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(36, 36, 36, 0.8); } + +.help_button { + border-radius: 0; } + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; } + +.popover_bg { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); + border: 1px solid rgba(0, 0, 0, 0.3); } + +GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar, +GraniteWidgetsPopOver * { + background-color: transparent; } + +GraniteWidgetsXsEntry entry { + padding: 4px; } + +.h1 { + font-size: 24px; } + +.h2 { + font-size: 18px; } + +.h3 { + font-size: 11px; } + +.h4, +.category-label { + color: #6f6f6f; + font-weight: 600; } + +.h4 { + padding-bottom: 6px; + padding-top: 6px; } + +GtkListBox .h4 { + padding-left: 6px; } + +#panel_window { + background-color: #eaeaea; + color: #363636; + font-weight: bold; + box-shadow: inset 0 -1px #d8d8d8; } + #panel_window menubar { + padding-left: 5px; } + #panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: #363636; + font-weight: bold; } + #panel_window menubar menuitem:disabled { + color: rgba(54, 54, 54, 0.5); } + #panel_window menubar menuitem:disabled label { + color: inherit; } + #panel_window menubar menu > menuitem { + font-weight: normal; } + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #242424; } + +#content_frame { + padding-bottom: 14px; + background-color: #f5f5f5; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; } + +#content_frame button { + color: #242424; + border-color: rgba(0, 0, 0, 0.11); + background-color: white; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); } + #content_frame button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.11); + background-color: #f7f7f7; + box-shadow: none; } + #content_frame button:active, #content_frame button:checked { + color: #ffffff; + background-color: #0e6bff; + border-color: #0e6bff; + background-image: linear-gradient(180deg, #4c97fe 0%, #0564e3 100%); + box-shadow: none; } + #content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); } + #content_frame button:disabled label, #content_frame button:disabled { + color: rgba(36, 36, 36, 0.55); } + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: rgba(245, 245, 245, 0.95); + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #e9e9e9; } + +#buttonbox_frame button { + color: #363636; + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.35); } + #buttonbox_frame button:hover { + color: #363636; + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.45); } + #buttonbox_frame button:active, #buttonbox_frame button:checked { + color: #ffffff; + border-color: rgba(0, 0, 0, 0.11); + background-color: #0e6bff; } + #buttonbox_frame button:disabled { + color: #bcbcbc; + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.2); } + +#login_window #user_combobox { + color: #242424; + font-size: 13px; } + #login_window #user_combobox menu { + font-weight: normal; } + +#user_image { + padding: 3px; + border-radius: 2px; } + +#shutdown_button.button { + background-clip: border-box; + color: green; + background-color: #f8464c; + border-color: #f6151c; + background-image: none; } + #shutdown_button.button:hover { + background-clip: border-box; + color: green; + background-color: #fa777c; + border-color: #f8464c; + background-image: none; } + #shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; + color: green; + background-color: #f6151c; + border-color: #d0080f; + background-image: none; } + +#restart_button.button { + background-clip: border-box; + color: green; + background-color: #3484e2; + border-color: #1c6bc7; + background-image: none; } + #restart_button.button:hover { + background-clip: border-box; + color: green; + background-color: #619fe8; + border-color: #3484e2; + background-image: none; } + #restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; + color: green; + background-color: #1c6bc7; + border-color: #16539a; + background-image: none; } + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; } + +.nautilus-window paned > separator { + background-image: linear-gradient(to bottom, #e9e9e9, #e9e9e9); } + .nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; } + .nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; } + +filechooser paned > separator { + background-image: linear-gradient(to bottom, #e9e9e9, #e9e9e9); } + +filechooser.csd.background, filechooser placessidebar list, +.nautilus-window.csd.background, +.nautilus-window placessidebar list { + background-color: transparent; } +filechooser.csd.background, filechooser placessidebar, +.nautilus-window.csd.background, +.nautilus-window placessidebar { + background-color: #f6f6f6; + border-radius: 0 0 6px 6px; } +filechooser placessidebar.sidebar, +.nautilus-window placessidebar.sidebar { + border-right: 1px solid rgba(0, 0, 0, 0.11); + background-color: transparent; } + filechooser placessidebar.sidebar row.sidebar-row, + .nautilus-window placessidebar.sidebar row.sidebar-row { + color: #363636; } + filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon, + .nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: rgba(54, 54, 54, 0.85); } + filechooser placessidebar.sidebar row.sidebar-row.has-open-popup, filechooser placessidebar.sidebar row.sidebar-row.has-open-popup label, filechooser placessidebar.sidebar row.sidebar-row.has-open-popup image, filechooser placessidebar.sidebar row.sidebar-row:disabled, filechooser placessidebar.sidebar row.sidebar-row:disabled label, filechooser placessidebar.sidebar row.sidebar-row:disabled image, + .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, + .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, + .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, + .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, + .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, + .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image { + color: rgba(54, 54, 54, 0.4); } + filechooser placessidebar.sidebar row.sidebar-row:backdrop, + .nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; } + filechooser placessidebar.sidebar row.sidebar-row:selected.has-open-popup, filechooser placessidebar.sidebar row.sidebar-row:selected, filechooser placessidebar.sidebar row.sidebar-row:selected:hover, filechooser placessidebar.sidebar row.sidebar-row:active:hover, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected.has-open-popup, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, + .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + color: #242424; + background-color: #CAD2DE; } + filechooser placessidebar.sidebar row.sidebar-row:selected.has-open-popup, filechooser placessidebar.sidebar row.sidebar-row:selected.has-open-popup label, filechooser placessidebar.sidebar row.sidebar-row:selected.has-open-popup image, filechooser placessidebar.sidebar row.sidebar-row:selected, filechooser placessidebar.sidebar row.sidebar-row:selected label, filechooser placessidebar.sidebar row.sidebar-row:selected image, filechooser placessidebar.sidebar row.sidebar-row:selected:hover, filechooser placessidebar.sidebar row.sidebar-row:selected:hover label, filechooser placessidebar.sidebar row.sidebar-row:selected:hover image, filechooser placessidebar.sidebar row.sidebar-row:active:hover, filechooser placessidebar.sidebar row.sidebar-row:active:hover label, filechooser placessidebar.sidebar row.sidebar-row:active:hover image, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected.has-open-popup, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected.has-open-popup label, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected.has-open-popup image, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected image, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover image, + .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover, + .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover label, + .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover image { + color: #242424; } + filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button, + .nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button { + color: #363636; } + filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:hover, + .nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:hover { + color: #363636; + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.45); } + filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:active, + .nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:active { + color: #ffffff; + background-color: #0e6bff; + border-color: #0e6bff; + background-image: linear-gradient(180deg, #4c97fe 0%, #0564e3 100%); + box-shadow: none; } + filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image, + .nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.5; } + filechooser placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row, + .nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #0e6bff; } + filechooser placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon, + .nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; } + filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon, + .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), + .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, + .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #363636; } + filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, + .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; } + filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon, + .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, + .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, + .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #363636; } + filechooser placessidebar.sidebar separator, + .nautilus-window placessidebar.sidebar separator { + background-color: transparent; } +filechooser.maximized placessidebar, +.nautilus-window.maximized placessidebar { + border-radius: 0; } +filechooser.maximized placessidebar.sidebar, +.nautilus-window.maximized placessidebar.sidebar { + background-color: #f6f6f6; } + +.nemo-window .sidebar { + color: #363636; + background-color: #f6f6f6; } + .nemo-window .sidebar .view, .nemo-window .sidebar iconview, .nemo-window .sidebar row { + background-color: transparent; + color: #363636; } + .nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar iconview.cell:selected, .nemo-window .sidebar row.cell:selected { + background-color: #0e6bff; + color: #ffffff; } + .nemo-window .sidebar .view.expander, .nemo-window .sidebar iconview.expander, .nemo-window .sidebar row.expander { + color: #969696; } + .nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar iconview.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #363636; } + .nemo-window .sidebar separator { + background-color: transparent; } + +.caja-side-pane, +.caja-side-pane > notebook > stack > widget > box, +.caja-side-pane text, +.caja-side-pane treeview { + color: #363636; + caret-color: #363636; + background-color: #f6f6f6; } +.caja-side-pane > box button:not(:active):not(:checked) { + color: #363636; } +.caja-side-pane .frame { + border-color: rgba(0, 0, 0, 0.11); } +.caja-side-pane junction { + background-color: #e9e9e9; } + +filechooser actionbar { + color: #363636; + background-color: #f6f6f6; + border-color: rgba(0, 0, 0, 0.11); } + filechooser actionbar label, filechooser actionbar combobox { + color: #363636; } + +.gedit-bottom-panel-paned { + background-color: #ffffff; } + +.gedit-side-panel-paned > separator { + background-image: linear-gradient(to bottom, #e9e9e9, #e9e9e9); } + +.gedit-bottom-panel-paned > separator { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.11), rgba(0, 0, 0, 0.11)); } + +.gedit-document-panel { + background-color: #f6f6f6; } + .maximized .gedit-document-panel { + background-color: #f6f6f6; } + .gedit-document-panel row { + color: #363636; + background-color: rgba(54, 54, 54, 0); } + .gedit-document-panel row:hover { + background-color: rgba(54, 54, 54, 0.15); } + .gedit-document-panel row:active { + color: #ffffff; + background-color: #0e6bff; } + .gedit-document-panel row:active button { + color: #ffffff; } + .gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { + color: #ffffff; + background-color: #0e6bff; } + .gedit-document-panel row:hover:not(:selected) button:active { + color: #363636; } + +filechooser actionbar button { + color: #363636; + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.35); } + .caja-side-pane > box button:hover:not(:active), filechooser actionbar button:hover { + color: #363636; + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.45); } + filechooser actionbar button:active, filechooser actionbar button:checked { + color: #ffffff; + border-color: rgba(0, 0, 0, 0.11); + background-color: #0e6bff; } + filechooser actionbar button:disabled { + color: #bcbcbc; + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.2); } + +filechooser actionbar entry { + color: #363636; + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.35); } + filechooser actionbar entry image, filechooser actionbar entry image:hover { + color: inherit; } + filechooser actionbar entry:focus { + color: #ffffff; + border-color: rgba(0, 0, 0, 0.11); + background-color: #0e6bff; } + filechooser actionbar entry:disabled { + color: #363636; + background-color: rgba(255, 255, 255, 0.2); } + +filechooser placessidebar.sidebar scrollbar, +.nautilus-window placessidebar.sidebar scrollbar, .nemo-window .sidebar scrollbar, .caja-side-pane scrollbar { + border-color: transparent; } + filechooser placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, + .nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, .nemo-window .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, .caja-side-pane scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(92, 92, 92, 0.35); + border: none; } + filechooser placessidebar.sidebar scrollbar slider, + .nautilus-window placessidebar.sidebar scrollbar slider, .nemo-window .sidebar scrollbar slider, .caja-side-pane scrollbar slider { + min-width: 4px; + background-color: rgba(92, 92, 92, 0.7); } + filechooser placessidebar.sidebar scrollbar slider:hover, + .nautilus-window placessidebar.sidebar scrollbar slider:hover, .nemo-window .sidebar scrollbar slider:hover, .caja-side-pane scrollbar slider:hover { + background-color: dimgray; } + filechooser placessidebar.sidebar scrollbar slider:hover:active, + .nautilus-window placessidebar.sidebar scrollbar slider:hover:active, .nemo-window .sidebar scrollbar slider:hover:active, .caja-side-pane scrollbar slider:hover:active { + background-color: #686868; } + filechooser placessidebar.sidebar scrollbar slider:disabled, + .nautilus-window placessidebar.sidebar scrollbar slider:disabled, .nemo-window .sidebar scrollbar slider:disabled, .caja-side-pane scrollbar slider:disabled { + background-color: transparent; } + filechooser placessidebar.sidebar scrollbar trough, + .nautilus-window placessidebar.sidebar scrollbar trough, .nemo-window .sidebar scrollbar trough, .caja-side-pane scrollbar trough { + background-color: transparent; } + +@define-color theme_fg_color #242424; +@define-color theme_text_color #363636; +@define-color theme_bg_color #f5f5f5; +@define-color theme_base_color #ffffff; +@define-color theme_selected_bg_color #0e6bff; +@define-color theme_selected_fg_color #ffffff; +@define-color fg_color #242424; +@define-color text_color #363636; +@define-color bg_color #f5f5f5; +@define-color base_color #ffffff; +@define-color selected_bg_color #0e6bff; +@define-color selected_fg_color #ffffff; +@define-color insensitive_bg_color #fbfbfb; +@define-color insensitive_fg_color alpha(#242424, 0.5); +@define-color insensitive_base_color #ffffff; +@define-color theme_unfocused_fg_color #242424; +@define-color theme_unfocused_text_color #363636; +@define-color theme_unfocused_bg_color #f5f5f5; +@define-color theme_unfocused_base_color #ffffff; +@define-color borders rgba(0, 0, 0, 0.11); +@define-color unfocused_borders rgba(0, 0, 0, 0.11); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #71c837; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #ffffff; diff --git a/src/gtk-3.0/gtk-light-solid.scss b/src/gtk-3.0/gtk-light-solid.scss new file mode 100644 index 0000000..a970858 --- /dev/null +++ b/src/gtk-3.0/gtk-light-solid.scss @@ -0,0 +1,13 @@ +$variant: 'light'; +$darker: 'false'; +$transparency: 'false'; + +@import 'sass/colors'; +@import 'sass/drawing'; +@import 'sass/common'; +@import 'sass/applications'; +@import 'sass/unity'; +@import 'sass/granite'; +@import 'sass/lightdm'; +@import 'sass/transparent_widgets'; +@import 'sass/colors-public'; diff --git a/src/gtk-3.0/gtk-light.css b/src/gtk-3.0/gtk-light.css index c55a96b..5819f6d 100644 --- a/src/gtk-3.0/gtk-light.css +++ b/src/gtk-3.0/gtk-light.css @@ -90,15 +90,13 @@ flowbox flowboxchild { flowbox flowboxchild:selected { outline-offset: -2px; } -label.separator, popover label.separator, -popover.background label.separator { +label.separator, popover label.separator { color: #242424; } label selection { color: #ffffff; background-color: #0e6bff; } -.dim-label, label.separator, popover label.separator, -popover.background label.separator, headerbar .subtitle, +.dim-label, label.separator, popover label.separator, headerbar .subtitle, .titlebar:not(headerbar) .subtitle { opacity: 0.55; } @@ -116,11 +114,7 @@ assistant .sidebar label.highlight { textview { background-color: #ffffff; } -popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, -popover.background.osd, -popover.background.magnifier, .csd -popover.background.osd, .csd -popover.background.magnifier, .osd .scale-popup, .osd { +popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, .osd .scale-popup, .osd { color: #363636; border: none; background-color: rgba(245, 245, 245, 0.95); @@ -940,6 +934,12 @@ searchbar { border-color: #E1E1E1; border-width: 0 0 1px; padding: 3px; } + searchbar button.flat, searchbar button.sidebar-button { + min-height: 16px; + min-width: 16px; + margin: 4px 6px; + padding: 0 2px; + border-radius: 100px; } actionbar { padding: 6px; @@ -1055,9 +1055,12 @@ headerbar, .titlebar { border-radius: 6px 6px 0 0; } -headerbar entry, headerbar button, headerbar separator { +headerbar button, headerbar separator { margin-top: 6px; margin-bottom: 6px; } +headerbar entry { + margin-top: 5px; + margin-bottom: 5px; } separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { border-top-left-radius: 6px; } .maximized separator:first-child + headerbar, .tiled separator:first-child + headerbar, .maximized separator:first-child + headerbar:backdrop, .tiled separator:first-child + headerbar:backdrop, .maximized headerbar:first-child, .tiled headerbar:first-child, .maximized headerbar:first-child:backdrop, .tiled headerbar:first-child:backdrop { @@ -1088,14 +1091,15 @@ window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, w opacity: 0.6; } headerbar entry, .nemo-window .primary-toolbar entry { - min-height: 20px; color: rgba(40, 32, 32, 0.8); background-color: white; background-image: linear-gradient(0deg, #f1f1f1 0%, #fdfdfd 95%, #fefefe 100%); } headerbar entry image, .nemo-window .primary-toolbar entry image, headerbar entry image:hover, .nemo-window .primary-toolbar entry image:hover { color: inherit; } headerbar entry:backdrop, .nemo-window .primary-toolbar entry:backdrop { - opacity: 0.85; } + opacity: 0.85; + box-shadow: none; + background-image: none; } headerbar entry:focus, .nemo-window .primary-toolbar entry:focus { box-shadow: 0 0 0 2px #74aaff; border-color: #74aaff; @@ -1609,16 +1613,13 @@ menu, .context-menu, popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, -.csd popover.background.touch-selection, .menu { margin: 0; padding: 10px 0; border-radius: 6px; - background-color: rgba(255, 255, 255, 0.95); - border: 1px solid rgba(0, 0, 0, 0.11); } + background-color: rgba(255, 255, 255, 0.95); } .csd menu, .csd - .context-menu, .csd popover.touch-selection, .csd popover.background.touch-selection, .csd + .context-menu, .csd popover.touch-selection, .csd .menu { border-radius: 6px; background-color: rgba(255, 255, 255, 0.95); @@ -1626,10 +1627,8 @@ popover.background.touch-selection, menu separator, .csd menu separator, .context-menu separator, popover.touch-selection separator, - .csd popover.touch-selection separator, - popover.background.touch-selection separator, - .csd popover.background.touch-selection separator, .csd - .context-menu separator, .csd popover.touch-selection separator, .csd popover.background.touch-selection separator, + .csd popover.touch-selection separator, .csd + .context-menu separator, .csd popover.touch-selection separator, .menu separator, .csd .menu separator { margin: 4px 0; @@ -1640,8 +1639,6 @@ popover.background.touch-selection, .context-menu menuitem, popover.touch-selection menuitem, .csd popover.touch-selection menuitem, - popover.background.touch-selection menuitem, - .csd popover.background.touch-selection menuitem, .menu menuitem { min-height: 12px; min-width: 40px; @@ -1652,7 +1649,6 @@ popover.background.touch-selection, menu menuitem:hover, .context-menu menuitem:hover, popover.touch-selection menuitem:hover, - .csd popover.background.touch-selection menuitem:hover, .menu menuitem:hover { color: #ffffff; background-color: #0e6bff; @@ -1662,22 +1658,18 @@ popover.background.touch-selection, menu menuitem:hover arrow, .context-menu menuitem:hover arrow, popover.touch-selection menuitem:hover arrow, - .csd popover.background.touch-selection menuitem:hover arrow, .menu menuitem:hover arrow { color: #ffffff; -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); } menu menuitem:disabled, .context-menu menuitem:disabled, popover.touch-selection menuitem:disabled, - .csd popover.background.touch-selection menuitem:disabled, .menu menuitem:disabled { color: rgba(36, 36, 36, 0.55); } menu menuitem arrow, .context-menu menuitem arrow, popover.touch-selection menuitem arrow, .csd popover.touch-selection menuitem arrow, - popover.background.touch-selection menuitem arrow, - .csd popover.background.touch-selection menuitem arrow, .menu menuitem arrow { min-height: 16px; min-width: 16px; @@ -1688,14 +1680,12 @@ popover.background.touch-selection, menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr), popover.touch-selection menuitem arrow:dir(ltr), - .csd popover.background.touch-selection menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-right: 0; } menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl), popover.touch-selection menuitem arrow:dir(rtl), - .csd popover.background.touch-selection menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-left: 0; } @@ -1714,8 +1704,6 @@ popover.background.touch-selection, .context-menu > arrow, popover.touch-selection > arrow, .csd popover.touch-selection > arrow, - popover.background.touch-selection > arrow, - .csd popover.background.touch-selection > arrow, .menu > arrow { min-width: 16px; min-height: 16px; @@ -1756,31 +1744,29 @@ popover.background.touch-selection, background-color: transparent; border-color: transparent; } -popover, popover.background { + padding: 2px; + border-radius: 5px; + background-color: rgba(255, 255, 255, 0.95); } + .csd popover.background, popover.background { + border-radius: 5px; } + +popover { padding: 2px; border-radius: 5px; background-clip: border-box; background-color: rgba(255, 255, 255, 0.95); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15); } - .csd popover, popover, .csd - popover.background, - popover.background { + .csd popover, popover { border-radius: 5px; border: 1px solid rgba(0, 0, 0, 0.11); } - popover separator, - popover.background separator { + popover separator { background-color: #ffffff; } popover > list, popover > .view, popover > iconview, popover > toolbar, - popover > .inline-toolbar, - popover.background > list, - popover.background > .view, - popover.background > iconview, - popover.background > toolbar, - popover.background > .inline-toolbar { + popover > .inline-toolbar { border-style: none; background-color: transparent; } @@ -3212,9 +3198,7 @@ colorchooser .popover.osd { background-color: #f7f7f7; box-shadow: none; } -.context-menu, popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd -popover.background.touch-selection { +.context-menu, popover.touch-selection, .csd popover.touch-selection { font: initial; } .monospace { @@ -3478,8 +3462,7 @@ terminal-window notebook > header.top button, color: #ffffff; text-shadow: none; } -.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, -popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, +.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle, .nautilus-list-dim-label { color: #8d8d8d; } @@ -4430,8 +4413,7 @@ window.background:not(.csd) > widget > button > button { window.background:not(.csd) > menu, window.background:not(.csd) .menu { background-color: #ffffff; - border-radius: 0; - border: none; } + border-radius: 0; } window.background:not(.csd) > menu .separator:not(label), .csd window.background:not(.csd) > menu .separator:not(label), window.background:not(.csd) .menu .separator:not(label), .csd window.background:not(.csd) .menu .separator:not(label) { diff --git a/src/gtk-3.0/sass/_applications.scss b/src/gtk-3.0/sass/_applications.scss index 9b02ecf..0948f30 100644 --- a/src/gtk-3.0/sass/_applications.scss +++ b/src/gtk-3.0/sass/_applications.scss @@ -1487,7 +1487,7 @@ window.background:not(.csd) { .menu { // context-menus background-color: if($variant == 'light', $base_color, lighten($bg_color, 5%)); border-radius: 0; - border: none; +// border: 1px solid $borders_color; .separator:not(label), .csd & .separator:not(label) { color: $borders_color; } diff --git a/src/gtk-3.0/sass/_common.scss b/src/gtk-3.0/sass/_common.scss index 399a2e7..5876c68 100644 --- a/src/gtk-3.0/sass/_common.scss +++ b/src/gtk-3.0/sass/_common.scss @@ -1048,6 +1048,15 @@ searchbar { border-color: $bar_border; border-width: 0 0 1px; padding: 3px; + + // Close button on searchbar + button.flat { + min-height: 16px; + min-width: 16px; + margin: 4px 6px; + padding: 0 2px; + border-radius: 100px; + } } actionbar { @@ -1196,11 +1205,16 @@ headerbar, headerbar { @extend %header_widgets; - entry, button, separator { + button, separator { margin-top: 6px; margin-bottom: 6px; } + entry { + margin-top: 5px; + margin-bottom: 5px; + } + // Fixes split headerbars separator:first-child + &, &:first-child { @@ -1254,10 +1268,10 @@ headerbar { // Headerbar Entries entry { - min-height: if($variant =='light', 20px, 22px); +// min-height: if($variant == 'light', 20px, 22px); @include entry(header-normal); - &:backdrop { opacity: 0.85; } + &:backdrop { opacity: 0.85; box-shadow: none; background-image: none; } &:focus { @include entry(header-focus); @@ -1805,12 +1819,12 @@ menu, margin: 0; padding: 10px 0; border-radius: $wm_radius; - background-color: rgba($_menu_bg, 0.95); - border: 1px solid $borders_color; + background-color: if($transparency == 'true', rgba($_menu_bg, 0.95), $_menu_bg); +// border: 1px solid $borders_color; .csd & { border-radius: $wm_radius; - background-color: rgba($_menu_bg, 0.95); + background-color: if($transparency == 'true', rgba($_menu_bg, 0.95), $_menu_bg); border: 1px solid $borders_color; } @@ -1909,13 +1923,22 @@ menu, // // Popovers // -popover, + +$_popover_bg: if($variant=='light', $base_color, $bg_color); + popover.background { - $_popover_bg: if($variant=='light', $base_color, $bg_color); + padding: 2px; + border-radius: $bt_radius; + background-color: if($transparency == 'true', rgba($_popover_bg, 0.95), $_popover_bg); + + .csd &, & { border-radius: $bt_radius; } +} + +popover { padding: 2px; border-radius: $bt_radius; background-clip: border-box; - background-color: rgba($_popover_bg, 0.95); + background-color: if($transparency == 'true', rgba($_popover_bg, 0.95), $_popover_bg); box-shadow: 0 3px 6px 0 if($variant=='light', transparentize(black, 0.85), transparentize(black, 0.85)); diff --git a/src/gtk-3.0/sass/_drawing.scss b/src/gtk-3.0/sass/_drawing.scss index b562639..3369675 100644 --- a/src/gtk-3.0/sass/_drawing.scss +++ b/src/gtk-3.0/sass/_drawing.scss @@ -1,13 +1,13 @@ // Shadows -$shadow_0: 0px 1px 2px 0px rgba(16, 16, 16, 0.1), 0px 2px 2px 0px rgba(16, 16, 16, 0.05); -$shadow_1: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); -$shadow_2: 0px 1px 1px 0px rgba(16, 16, 16, 0.1), 0px 1px 2px 0px rgba(16, 16, 16, 0.05); +$shadow_0: 0px 1px 2px 0px rgba(16, 16, 16, 0.1), 0px 2px 2px 0px rgba(16, 16, 16, 0.05); // Slider hover shadow +$shadow_1: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); // Header-button shadow +$shadow_2: 0px 1px 1px 0px rgba(16, 16, 16, 0.1), 0px 1px 2px 0px rgba(16, 16, 16, 0.05); // Slider normal shadow $shadow_3: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); // Normal button shadow -$shadow_4: 0px 2px 3px 0px rgba(16, 16, 16, 0.2), 0px 3px 5px 0px rgba(16, 16, 16, 0.15); -$shadow_5: 0px 1px 2px 0px rgba(16, 16, 16, 0.15), 0px 2px 3px 0px rgba(16, 16, 16, 0.1); +$shadow_4: 0px 2px 3px 0px rgba(16, 16, 16, 0.2), 0px 3px 5px 0px rgba(16, 16, 16, 0.15); // Switch-slider hover shadow +$shadow_5: 0px 1px 2px 0px rgba(16, 16, 16, 0.15), 0px 2px 3px 0px rgba(16, 16, 16, 0.1); // Switch-slider normal shadow $text_shadow: 0 -1px rgba(#ffffff, 0.04), -1px 0px rgba(#202020, 0.05), 1px 0px rgba(#202020, 0.05), - 0px 1px rgba(#202020, 0.3), 0px 2px rgba(#202020, 0.05); + 0px 1px rgba(#202020, 0.3), 0px 2px rgba(#202020, 0.05); // text and icon shadow // Transitions $ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);