diff --git a/build-theme.js b/build-theme.js new file mode 100644 index 0000000..b03f7ce --- /dev/null +++ b/build-theme.js @@ -0,0 +1,72 @@ +/** + * {} + * @author yutent + * @date 2022/05/05 11:21:01 + */ + +import scss from 'sass' +import fs from 'iofs' +import { parse } from 'path' +import { execSync } from 'child_process' +import chokidar from 'chokidar' +import chalk from 'chalk' + +const CINNAMON_SCSS = './cinnamon/sass/cinnamon.scss' +const CINNAMON_STYLE = './cinnamon/cinnamon.css' +const GTK3_SCSS = './gtk-3.0/sass/gtk.scss' +const GTK3_STYLE = './gtk-3.0/gtk.css' + +function render(file) { + return scss.renderSync({ + file, + indentType: 'space', + indentWidth: 2 + }).css +} + +/*=======================================================*/ +/*===== ===*/ +/*=======================================================*/ + +let ready = false +let timer = null + +chokidar + .watch('./') + .on('all', (act, file) => { + if (!ready) { + return + } + if (act === 'add' || act === 'change') { + let { ext } = parse(file) + + if (ext === '.scss') { + clearTimeout(timer) + timer = setTimeout(_ => { + console.log('更新 Cinnamon 样式……') + { + let style = render(CINNAMON_SCSS) + fs.echo(style, CINNAMON_STYLE) + } + console.log('更新 Cinnamon 完成!!!') + + console.log('更新 Gtk3 样式……') + { + let style = render(GTK3_SCSS) + fs.echo(style, GTK3_STYLE) + } + + console.log('更新 Gtk3 完成!!!') + console.log() + + execSync('bash ./update-theme.sh', { + stdio: [process.stdin, process.stdout, process.stdout] + }) + }, 1000) + } + } + }) + .on('ready', () => { + ready = true + console.log(chalk.red('预处理完成,监听文件变化中,请勿关闭本窗口...')) + }) diff --git a/cinnamon/README.md b/cinnamon/README.md deleted file mode 100755 index de547fb..0000000 --- a/cinnamon/README.md +++ /dev/null @@ -1,11 +0,0 @@ -This theme uses libsass to process the sass/*.scss. Never edit any of the .css files manually. - -#### Editing the theme - -In most cases edits will done in sass/_common.scss. The sass directory contains several other supporting style sheets: - -* _colors.scss This file defines the color variables used by the theme - -* _drawing.scss Drawing helper mixins/functions to allow for easier definition of widget drawing - -Once you have made your edits run ./parse-sass.sh to update the css files diff --git a/cinnamon/cinnamon-dark.css b/cinnamon/cinnamon-dark.css deleted file mode 100755 index d52aff6..0000000 --- a/cinnamon/cinnamon-dark.css +++ /dev/null @@ -1,1731 +0,0 @@ -stage { - color: rgba(255, 255, 255, 0.87); } - -.label-shadow { - color: rgba(0, 0, 0, 0); } - -.sound-button, .modal-dialog-button-box .modal-dialog-button, .notification-button, .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 0; - color: rgba(255, 255, 255, 0.87); - background-color: #474746; - border: 1px solid #212221; - box-shadow: inset 0 2px 4px rgba(71, 71, 70, 0.05); } - .sound-button, .modal-dialog-button-box .modal-dialog-button, .notification-button, .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - border-radius: 2px; } - .sound-button:focus, .modal-dialog-button-box .modal-dialog-button:focus, .notification-button:focus, .notification-icon-button:focus, .popup-menu #notification .notification-button:focus, .popup-menu #notification .notification-icon-button:focus { - color: rgba(255, 255, 255, 0.87); - background-color: #474746; - border: 1px solid #8fa876; - box-shadow: inset 0 2px 4px rgba(71, 71, 70, 0.05); } - .sound-button:hover, .modal-dialog-button-box .modal-dialog-button:hover, .notification-button:hover, .notification-icon-button:hover, .popup-menu #notification .notification-button:hover, .popup-menu #notification .notification-icon-button:hover { - color: rgba(255, 255, 255, 0.87); - background-color: #545453; - border: 1px solid #212221; - box-shadow: inset 0 2px 4px rgba(84, 84, 83, 0.05); } - .sound-button:hover:focus, .modal-dialog-button-box .modal-dialog-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, .popup-menu #notification .notification-button:hover:focus, .popup-menu #notification .notification-icon-button:hover:focus { - color: rgba(255, 255, 255, 0.87); - background-color: #545453; - border: 1px solid #8fa876; - box-shadow: inset 0 2px 4px rgba(71, 71, 70, 0.05); } - .sound-button:active, .modal-dialog-button-box .modal-dialog-button:active, .notification-button:active, .notification-icon-button:active, .popup-menu #notification .notification-button:active, .popup-menu #notification .notification-icon-button:active { - color: #ffffff; - background-color: #8fa876; - border: 1px solid #8fa876; - box-shadow: inset 0 2px 4px #8fa876; } - .sound-button:insensitive, .modal-dialog-button-box .modal-dialog-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, .popup-menu #notification .notification-button:insensitive, .popup-menu #notification .notification-icon-button:insensitive { - color: rgba(255, 255, 255, 0.32); - border: 1px solid rgba(33, 34, 33, 0.55); - background-color: rgba(71, 71, 70, 0.55); - box-shadow: inset 0 2px 4px rgba(71, 71, 70, 0.05); } - -#menu-search-entry, .popup-menu #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #8fa876; - selected-color: #ffffff; - transition-duration: 300ms; - border-radius: 3px; - color: #D3D3D3; - background-color: #424241; - border: 1px solid #212221; - box-shadow: inset 0 2px 4px rgba(66, 66, 65, 0.05); } - #menu-search-entry:focus, .popup-menu #notification StEntry:focus, #menu-search-entry:hover, .popup-menu #notification StEntry:hover { - color: rgba(255, 255, 255, 0.87); - background-color: #424241; - border: 1px solid #8fa876; - box-shadow: inset 0 2px 4px rgba(66, 66, 65, 0.05); } - #menu-search-entry:insensitive, .popup-menu #notification StEntry:insensitive { - color: rgba(255, 255, 255, 0.32); - background-color: #3a3a39; - border-color: 1px solid #282828; - box-shadow: inset 0 2px 4px rgba(58, 58, 57, 0.05); } - #menu-search-entry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; } - -.notification StEntry { - padding: 7px; - caret-size: 1px; - caret-color: #c3c3c3; - selection-background-color: #8fa876; - selected-color: #ffffff; - transition-duration: 300ms; - border-radius: 3px; - color: #c3c3c3; - background-color: rgba(109, 109, 109, 0.4); - border: 1px solid rgba(22, 22, 22, 0.4); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } - .notification StEntry:focus { - color: #ffffff; - background-color: #8fa876; - border: 1px solid #8fa876; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } - .notification StEntry:insensitive { - color: rgba(195, 195, 195, 0.55); - background-color: rgba(109, 109, 109, 0.25); - border: 1px solid rgba(22, 22, 22, 0.4); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } - -StScrollView.vfade { - -st-vfade-offset: 68px; } - -StScrollView.hfade { - -st-hfade-offset: 68px; } - -StScrollBar { - padding: 8px; } - StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; } - StScrollBar StBin#trough { - background-color: rgba(66, 66, 65, 0.1); - border-radius: 8px; } - StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 2px; - background-color: rgba(118, 119, 118, 0.948); - border: 0px solid; - margin: 0px; } - StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: rgba(99, 100, 99, 0.961); } - StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #8fa876; } - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; } - -.popup-slider-menu-item, -.slider { - -slider-height: 0.3em; - -slider-background-color: #212221; - -slider-border-color: rgba(48, 49, 48, 0.3); - -slider-active-background-color: #8fa876; - -slider-active-border-color: rgba(48, 49, 48, 0.3); - -slider-border-width: 1px; - -slider-handle-radius: 0.5em; - height: 1em; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; } - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; } - -.check-box StLabel { - font-weight: normal; } - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("dark-assets/checkbox/checkbox-unchecked.svg"); } - -.check-box:focus StBin { - background-image: url("dark-assets/checkbox/checkbox-unchecked-focused.svg"); } - -.check-box:checked StBin { - background-image: url("dark-assets/checkbox/checkbox-checked.svg"); } - -.check-box:focus:checked StBin { - background-image: url("dark-assets/checkbox/checkbox-checked-focused.svg"); } - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; } - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; } - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("dark-assets/checkbox/checkbox-unchecked.svg"); } - -.radiobutton:focus StBin { - background-image: url("dark-assets/checkbox/checkbox-unchecked-focused.svg"); } - -.radiobutton:checked StBin { - background-image: url("dark-assets/checkbox/checkbox-checked.svg"); } - -.radiobutton:focus:checked StBin { - background-image: url("dark-assets/checkbox/checkbox-checked-focused.svg"); } - -.toggle-switch { - width: 50px; - height: 20px; - background-size: contain; } - .toggle-switch-us, .toggle-switch-intl { - background-image: url("dark-assets/switch/switch-off.svg"); } - .toggle-switch-us:checked, .toggle-switch-intl:checked { - background-image: url("dark-assets/switch/switch-on.svg"); } - -.cinnamon-link { - color: #c2d0b4; - text-decoration: underline; } - .cinnamon-link:hover { - color: #dce3d4; } - -#Tooltip { - border: 1px solid #d0d0d0; - border-radius: 3px; - padding: 5px 12px; - background-color: #fbeaa0; - color: #4a4a4a; - font-size: 1em; - font-weight: normal; - text-align: center; } - -#LookingGlassDialog { - color: rgba(255, 255, 255, 0.87); - border: 1px solid #212221; - border-radius: 3px; - background-color: #303130; - spacing: 4px; - padding: 8px; } - -.menu { - color: rgba(255, 255, 255, 0.87); - border: 1px solid #212221; - border-radius: 3px; - background-color: rgba(48, 49, 48, 0.99); } - .menu.top { - border-radius: 0 0 3px 3px; } - .menu.bottom { - border-radius: 3px 3px 0 0; } - .menu.left { - border-radius: 0 3px 3px 0; } - .menu.right { - border-radius: 3px 0 0 3px; } - -.popup-sub-menu { - background-color: #424241; - box-shadow: none; } - .popup-sub-menu .popup-menu-item:ltr { - padding-right: 1.75em; } - .popup-sub-menu .popup-menu-item:rtl { - padding-left: 1.75em; } - .popup-sub-menu StScrollBar { - padding: 4px; } - .popup-sub-menu StScrollBar StBin#trough, .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; } - -.popup-menu-content { - padding: 1em 0em 1em 0em; } - -.popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; - border-left-width: 0; - border-right-width: 0; } - .popup-menu-item:active { - color: #ffffff; - background-color: #8fa876; } - .popup-menu-item:insensitive { - color: rgba(255, 255, 255, 0.37); - background: none; } - -.popup-inactive-menu-item { - color: rgba(255, 255, 255, 0.87); } - .popup-inactive-menu-item:insensitive { - color: rgba(255, 255, 255, 0.32); } - -/* This is for popup menus in Cinnamon versions < 3.2 */ -.popup-menu { - color: white; - color: rgba(255, 255, 255, 0.87); } - .popup-menu-arrow { - icon-size: 16px; } - .popup-menu .popup-sub-menu { - background-color: #424241; - box-shadow: none; } - .popup-menu .popup-sub-menu .popup-menu-item:ltr { - padding-right: 1.75em; } - .popup-menu .popup-sub-menu .popup-menu-item:rtl { - padding-left: 1.75em; } - .popup-menu .popup-sub-menu StScrollBar { - padding: 4px; } - .popup-menu .popup-sub-menu StScrollBar StBin#trough, .popup-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; } - .popup-menu .popup-menu-content { - padding: 1em 0em 1em 0em; } - .popup-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; - border: 1px solid transparent; - border-left-width: 0; - border-right-width: 0; } - .popup-menu .popup-menu-item:active { - color: rgba(255, 255, 255, 0.87); - border-color: rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); } - .popup-menu .popup-menu-item:insensitive { - color: rgba(255, 255, 255, 0.37); - background: none; } - .popup-menu .popup-inactive-menu-item { - color: rgba(255, 255, 255, 0.87); } - .popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(255, 255, 255, 0.32); } - .popup-menu-icon { - icon-size: 16px; } - -.popup-menu-boxpointer { - -arrow-border-radius: 3px; - -arrow-background-color: #303130; - -arrow-border-width: 1px; - -arrow-border-color: #212221; - -arrow-base: 21px; - -arrow-rise: 9px; - -boxpointer-gap: 2px; } - -/*Scale view context menu*/ -.popup-combo-menu { - color: rgba(255, 255, 255, 0.87); - border: 1px solid #212221; - border-radius: 3px; - background-color: #424241; - box-shadow: none; - padding: 1em 0em 1em 0em; } - -.popup-combobox-item { - spacing: 1em; - padding: .4em 1.75em; - border: 1px solid transparent; - border-left-width: 0; - border-right-width: 0; } - -.popup-separator-menu-item { - -gradient-height: 1px; - -gradient-start: #212221; - -gradient-end: #212221; - -margin-horizontal: 0; - height: 1px; } - -.popup-alternating-menu-item:alternate { - font-weight: normal; } - -.popup-device-menu-item { - spacing: .5em; } - -.popup-subtitle-menu-item { - font-weight: normal; } - -.nm-menu-item-icons { - spacing: .5em; } - -#panel { - font-weight: bold; - /* sets the height of horizontal panels */ - height: 40px; - /* sets the width of vertical panels */ - width: 32px; - /* Set the symbolic foreground color for icons, and importantly, the system tray applet icons */ - color: rgba(255, 255, 255, 0.87); } - #panelLeft { - spacing: 4px; } - #panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); } - #panelLeft:ltr { - padding-right: 4px; } - #panelLeft:rtl { - padding-left: 4px; } - #panelLeft.vertical { - padding: 0px; } - #panelLeft.vertical:ltr { - padding-right: 0px; } - #panelLeft.vertical:rtl { - padding-left: 0px; } - #panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); } - #panelRight:ltr { - padding-left: 4px; - spacing: 0px; } - #panelRight:rtl { - padding-right: 4px; - spacing: 0px; } - #panelRight.vertical { - padding: 0px; } - #panelRight.vertical:ltr { - padding-right: 0px; } - #panelRight.vertical:rtl { - padding-left: 0px; } - #panelCenter { - spacing: 4px; } - #panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); } - #panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); } - -.panelLeft { - spacing: 4px; } - .panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); } - .panelLeft:ltr { - padding-right: 4px; } - .panelLeft:rtl { - padding-left: 4px; } - .panelLeft.vertical { - padding: 0px; } - .panelLeft.vertical:ltr { - padding-right: 0px; } - .panelLeft.vertical:rtl { - padding-left: 0px; } - -.panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); } - -.panelRight:ltr { - padding-left: 4px; - spacing: 0px; } - -.panelRight:rtl { - padding-right: 4px; - spacing: 0px; } - -.panelRight.vertical { - padding: 0px; } - .panelRight.vertical:ltr { - padding-left: 0px; - spacing: 0px; } - .panelRight.vertical:rtl { - padding-right: 0px; - spacing: 0px; } - -.panelCenter { - spacing: 4px; } - .panelCenter.vertical { - padding-left: 0px; - padding-right: 0px; } - .panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); } - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: #ffffff; - border: none; - background-color: rgba(48, 49, 48, 0.99); - font-size: 1em; - padding: 0px; } - -.panel-top { - box-shadow: 0 1px #212221; } - -.panel-bottom { - box-shadow: 0 -1px #212221; } - -.panel-left { - box-shadow: 1px 0 #212221; } - -.panel-right { - box-shadow: -1px 0 #212221; } - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); } - .panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); } - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - color: rgba(255, 255, 255, 0.87); } - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - color: green; - transition-duration: 100; } - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; } - .system-status-icon.warning { - color: #F27835; } - .system-status-icon.error { - color: #FC4138; } - -#overview { - spacing: 12px; } - -.window-caption { - background-color: #353535; - border: 1px solid #353535; - color: #c3c3c3; - spacing: 8px; - border-radius: 2px; - font-size: 0.9em; - padding: 5px 8px; - -cinnamon-caption-spacing: 8px; } - .window-caption:focus { - background-color: #8fa876; - color: #ffffff; - border: 1px solid #8fa876; } - -.window-border { - border: 3px #8fa876; - border-radius: 2px; - background-color: rgba(255, 255, 255, 0.05); - /* Cover rounded corners and some bad adjustment gaps */ - box-shadow: 0 0 0 1px #8fa876 inset; } - -.overview-empty-placeholder { - color: #ffffff; - font-size: 2em; } - -.expo-workspaces-name-entry, -.expo-workspaces-name-entry#selected { - height: 1.5em; - border-radius: 2px; - font-size: 1em; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #c3c3c3; - background-color: rgba(109, 109, 109, 0.4); - border: 1px solid rgba(22, 22, 22, 0.4); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } - .expo-workspaces-name-entry:focus, - .expo-workspaces-name-entry#selected:focus { - border: 1px solid #8fa876; - background-color: #8fa876; - color: #ffffff; - font-style: italic; - transition-duration: 300; - selection-background-color: #ffffff; - selected-color: #8fa876; } - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 2px; } - .expo-workspace-thumbnail-frame#active { - border: 4px solid #8fa876; - background-color: black; - border-radius: 2px; } - -.expo-background { - background-color: #353535; } - -.workspace-thumbnails { - spacing: 26px; } - .workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; } - -.workspace-add-button { - background-image: url("common-assets/misc/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; } - .workspace-add-button:hover { - background-image: url("common-assets/misc/add-workspace-hover.svg"); - transition-duration: 100; } - .workspace-add-button:active { - background-image: url("common-assets/misc/add-workspace-active.svg"); - transition-duration: 100; } - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); } - -.workspace-close-button, -.window-close { - background-image: url("common-assets/misc/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 12px; } - .workspace-close-button:hover, - .window-close:hover { - background-image: url("common-assets/misc/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; } - .workspace-close-button:active, - .window-close:active { - background-image: url("common-assets/misc/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; } - -.window-close-area { - background-image: url("common-assets/misc/trash-icon.svg"); - height: 120px; - width: 400px; } - -.calendar { - spacing-rows: 0; - spacing-columns: 0; } - -.calendar-main-box { - margin: 0 .8em .5em .8em; } - -.calendar-events-main-box { - height: 300px; - margin-right: .5em; - padding: .5em; - min-width: 350px; - border: 1px solid #212221; - background-color: #424241; } - -.calendar-events-no-events-button { - margin: 6px 0 6px 0; - padding: 6px; } - .calendar-events-no-events-button:hover { - background-color: #8fa876; } - .calendar-events-no-events-button:hover .calendar-events-no-events-icon, - .calendar-events-no-events-button:hover .calendar-events-no-events-label { - color: #ffffff; } - -.calendar-events-no-events-icon, -.calendar-events-no-events-label { - font-weight: bold; - color: rgba(255, 255, 255, 0.87); - text-align: center; } - -.calendar-events-date-label { - padding: .1em .1em .5em .1em; - color: rgba(255, 255, 255, 0.87); - font-weight: bold; - text-align: center; } - -.calendar-events-event-container { - padding: 0; } - -.calendar-event-button { - border: 1px solid rgba(0, 0, 0, 0); } - .calendar-event-button .calendar-event-time-past { - color: rgba(255, 255, 255, 0.27); - font-weight: bold; - text-align: left; - margin-bottom: .2em; } - .calendar-event-button .calendar-event-time-present { - color: rgba(255, 255, 255, 0.87); - font-weight: bold; - text-align: left; - margin-bottom: .2em; } - .calendar-event-button .calendar-event-time-present:all-day { - color: #8fa876; } - .calendar-event-button .calendar-event-time-future { - color: rgba(255, 255, 255, 0.87); - font-weight: bold; - text-align: left; - margin-bottom: .2em; } - .calendar-event-button .calendar-event-summary { - color: rgba(255, 255, 255, 0.87); - text-align: left; - width: 200px; } - .calendar-event-button .calendar-event-countdown { - text-align: right; - margin-bottom: .6em; - color: rgba(255, 255, 255, 0.87); } - .calendar-event-button .calendar-event-countdown:soon { - font-weight: bold; } - .calendar-event-button .calendar-event-countdown:imminent { - font-weight: bold; - color: #F27835; } - .calendar-event-button .calendar-event-countdown:current { - font-weight: bold; - color: #8fa876; } - .calendar-event-button:hover { - background-color: #8fa876; - border: 1px solid #212221; } - .calendar-event-button:hover .calendar-event-time-past, - .calendar-event-button:hover .calendar-event-time-present, - .calendar-event-button:hover .calendar-event-time-future, - .calendar-event-button:hover .calendar-event-summary { - color: #ffffff; } - .calendar-event-button:hover .calendar-event-countdown { - text-align: right; - margin-bottom: .6em; - color: #ffffff; } - .calendar-event-button:hover .calendar-event-countdown:soon { - font-weight: bold; } - .calendar-event-button:hover .calendar-event-countdown:imminent { - font-weight: bold; } - .calendar-event-button:hover .calendar-event-countdown:current { - font-weight: bold; } - -.calendar-event-color-strip { - width: 2px; } - -.calendar-today-home-button { - padding: 6px; } - -.calendar-today-day-label { - font-size: 1.75em; - color: rgba(255, 255, 255, 0.87); - font-weight: bold; - text-align: center; - padding-bottom: .1em; } - -.calendar-today-date-label { - font-size: 1.1em; - color: rgba(255, 255, 255, 0.87); - font-weight: bold; - text-align: center; } - -.calendar-today-home-button-enabled { - padding: 6px; } - .calendar-today-home-button-enabled:hover { - background-color: #8fa876; } - .calendar-today-home-button-enabled:hover .calendar-today-day-label { - color: #ffffff; } - .calendar-today-home-button-enabled:hover .calendar-today-date-label { - color: #ffffff; } - -.calendar-month-label { - color: rgba(255, 255, 255, 0.87); - font-weight: bold; - padding: 8px 0; } - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 16px; - height: 16px; } - -.calendar-change-month-back { - background-image: url("common-assets/misc/calendar-arrow-left.svg"); } - .calendar-change-month-back:focus, .calendar-change-month-back:hover { - background-image: url("common-assets/misc/calendar-arrow-left-hover.svg"); } - .calendar-change-month-back:active { - background-image: url("common-assets/misc/calendar-arrow-left.svg"); } - .calendar-change-month-back:rtl { - background-image: url("common-assets/misc/calendar-arrow-right.svg"); } - .calendar-change-month-back:rtl:focus, .calendar-change-month-back:rtl:hover { - background-image: url("common-assets/misc/calendar-arrow-right-hover.svg"); } - .calendar-change-month-back:rtl:active { - background-image: url("common-assets/misc/calendar-arrow-right.svg"); } - -.calendar-change-month-forward { - background-image: url("common-assets/misc/calendar-arrow-right.svg"); } - .calendar-change-month-forward:focus, .calendar-change-month-forward:hover { - background-image: url("common-assets/misc/calendar-arrow-right-hover.svg"); } - .calendar-change-month-forward:active { - background-image: url("common-assets/misc/calendar-arrow-right.svg"); } - .calendar-change-month-forward:rtl { - background-image: url("common-assets/misc/calendar-arrow-left.svg"); } - .calendar-change-month-forward:rtl:focus, .calendar-change-month-forward:rtl:hover { - background-image: url("common-assets/misc/calendar-arrow-left-hover.svg"); } - .calendar-change-month-forward:rtl:active { - background-image: url("common-assets/misc/calendar-arrow-left.svg"); } - -.calendar-day-event-dot-box { - margin-top: 1.7em; - max-rows: 1; } - -.calendar-day-event-dot { - margin: 1px; - border-radius: 2px; - width: 4px; - height: 4px; } - -.calendar-day-base { - font-size: 1em; - text-align: center; - width: 2.2em; - height: 2.2em; - padding: 0.1em; } - .calendar-day-base:hover { - font-weight: bold; - color: #ffffff; - background-color: #8fa876; } - -.calendar-day-heading { - color: rgba(255, 255, 255, 0.72); - margin-top: 1em; - font-size: 1.05em; } - -.calendar-day { - border-width: 0; - color: rgba(255, 255, 255, 0.77); } - -.calendar-day-top { - border-top-width: 0; } - -.calendar-day-left { - border-left-width: 0; } - -.calendar-nonwork-day { - color: rgba(255, 255, 255, 0.87); - background-color: transparent; - font-weight: bold; } - -.calendar-today { - color: rgba(255, 255, 255, 0.87); - background-color: rgba(143, 168, 118, 0.4); - border-width: 0; } - .calendar-today:selected { - font-weight: bold; } - -.calendar-not-today { - color: rgba(255, 255, 255, 0.87); } - .calendar-not-today:selected { - font-weight: bold; - background-color: rgba(255, 255, 255, 0.27); } - .calendar-not-today:selected:hover { - font-weight: bold; - color: rgba(255, 255, 255, 0.87); } - -.calendar-other-month-day { - color: rgba(255, 255, 255, 0.17); - opacity: 1; } - -.calendar-other-month-day:hover { - color: #ffffff; - opacity: 1; } - -.calendar-week-number { - color: rgba(255, 255, 255, 0.72); - font-size: 0.8em; - margin-top: 0.8em; } - -#notification { - border: 1px solid #212221; - border-radius: 3px; - background-color: #303130; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: rgba(255, 255, 255, 0.87); } - .popup-menu #notification { - color: rgba(255, 255, 255, 0.87); - border-image: url("dark-assets/misc/message.svg") 9 9 9 9; } - .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; } - #notification.multi-line-notification { - padding-bottom: 13px; - color: rgba(255, 255, 255, 0.87); } - #notification-scrollview { - max-height: 10em; } - #notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; } - #notification-scrollview:ltr > StScrollBar { - padding-left: 6px; } - #notification-scrollview:rtl > StScrollBar { - padding-right: 6px; } - #notification-body { - spacing: 5px; } - #notification-actions { - spacing: 10px; } - -.notification-with-image { - min-height: 159px; - color: rgba(255, 255, 255, 0.87); } - -.notification-button, .notification-icon-button { - padding: 5px; } - -.notification-icon-button > StIcon { - icon-size: 32px; } - -#altTabPopup { - padding: 8px; - spacing: 16px; } - -.switcher-list { - color: rgba(255, 255, 255, 0.87); - border: 1px solid #212221; - background-color: #303130; - border-radius: 3px; - padding: 20px; } - .switcher-list > StBoxLayout { - padding: 4px; } - .switcher-list-item-container { - spacing: 8px; } - .switcher-list .item-box { - padding: 8px; - border-radius: 2px; } - .switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #8fa876; } - .switcher-list .item-box:selected { - color: #ffffff; - background-color: #8fa876; - border: 0px solid #8fa876; } - .switcher-list .thumbnail { - width: 256px; } - .switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; } - .switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); } - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: rgba(255, 255, 255, 0.87); } - .switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: #ffffff; } - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; } - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; } - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("common-assets/misc/corner-ripple.svg"); - background-size: contain; } - .ripple-box:rtl { - background-image: url("common-assets/misc/corner-ripple.svg"); } - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); } - -.flashspot { - background-color: white; } - -.modal-dialog { - background-color: #303130; - border: 1px solid #212221; - border-radius: 3px; - padding: 5px 10px; } - .modal-dialog > StBoxLayout:first-child { - padding: 10px; } - .modal-dialog-button-box { - spacing: 0; - margin: 0px; - padding: 10px; - border: none; - background-color: #303130; } - .modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; } - .modal-dialog .confirm-dialog-title { - text-align: center; - font-weight: bold; - font-size: 1.3em; - padding-bottom: 12px; } - -.run-dialog { - padding: 10px 15px 10px 15px; - border: 1px solid #212221; - border-radius: 3px; - background-color: #303130; } - .run-dialog > * { - padding: 0; } - .run-dialog-label { - font-size: 1.3em; - font-weight: bold; - color: rgba(255, 255, 255, 0.87); - padding-bottom: 15px; - text-align: center; } - .run-dialog-description { - color: rgba(255, 255, 255, 0.87); - padding-top: 15px; - text-align: center; } - .run-dialog-description.error { - color: #FC4138; } - .run-dialog-completion-box { - padding-top: 5px; - padding-left: 15px; - font-size: 1em; } - .run-dialog-entry { - width: 21em; - height: 1.2em; - padding: 7px; - border-radius: 3px; - caret-color: #c3c3c3; - selected-color: #ffffff; - selection-background-color: #8fa876; - color: #c3c3c3; - background-color: rgba(109, 109, 109, 0.4); - border: 1px solid rgba(22, 22, 22, 0.4); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } - .run-dialog-entry:focus { - color: rgba(255, 255, 255, 0.87); - background-color: #424241; - border: 1px solid #8fa876; - box-shadow: inset 0 2px 4px rgba(66, 66, 65, 0.05); } - .run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; } - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; } - -.mount-password-reask { - color: #F27835; } - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; } - .show-processes-dialog-subject, - .mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; } - .show-processes-dialog-subject:rtl, - .mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; } - .show-processes-dialog-description, - .mount-question-dialog-description { - padding-left: 17px; - width: 28em; } - .show-processes-dialog-description:rtl, - .mount-question-dialog-description:rtl { - padding-right: 17px; } - -.show-processes-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; } - .show-processes-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; } - .show-processes-dialog-app-list-item { - color: #ccc; } - .show-processes-dialog-app-list-item:hover { - color: white; } - .show-processes-dialog-app-list-item:ltr { - padding-right: 1em; } - .show-processes-dialog-app-list-item:rtl { - padding-left: 1em; } - .show-processes-dialog-app-list-item-icon:ltr { - padding-right: 17px; } - .show-processes-dialog-app-list-item-icon:rtl { - padding-left: 17px; } - .show-processes-dialog-app-list-item-name { - font-size: 1.1em; } - -.magnifier-zoom-region { - border: 2px solid maroon; } - .magnifier-zoom-region .full-screen { - border-width: 0px; } - -#keyboard { - background-color: #353535; - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); } - -.keyboard-layout { - spacing: 10px; - padding: 10px; } - -.keyboard-row { - spacing: 15px; } - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 1.4em; - font-weight: bold; - border-radius: 3px; - box-shadow: none; - color: #c3c3c3; - border: 1px solid #212221; - background-color: rgba(109, 109, 109, 0.4); } - .keyboard-key:hover { - color: #c3c3c3; - border: 1px solid rgba(2, 2, 2, 0.4); - background-color: rgba(127, 127, 127, 0.5); } - .keyboard-key:active, .keyboard-key:checked { - color: #ffffff; - border: 1px solid #8fa876; - background-color: #8fa876; } - .keyboard-key:grayed { - color: #606060; - border: 1px solid rgba(2, 2, 2, 0.4); - background-color: rgba(109, 109, 109, 0.25); } - -.keyboard-subkeys { - color: #c3c3c3; - padding: 5px; - -arrow-border-radius: 2px; - -arrow-background-color: #353535; - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; } - -.menu-favorites-box { - padding: 10px; - transition-duration: 300; - background-color: #424241; - border: 1px solid #212221; } - -.menu-favorites-button { - padding: .9em 1em; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 2px; } - .menu-favorites-button:hover { - background-color: #8fa876; } - -.menu-places-box { - padding: 10px; - border: 0px solid red; } - -.menu-places-button { - padding: 10px; } - -.menu-categories-box { - padding: 10px 30px 10px 30px; } - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; } - -.menu-application-button { - padding: 7px; - border: 1px solid rgba(0, 0, 0, 0); } - .menu-application-button:highlighted { - font-weight: bold; } - .menu-application-button-selected { - padding: 7px; - color: #ffffff; - background-color: #8fa876; - border: 1px solid #212221; } - .menu-application-button-selected:highlighted { - font-weight: bold; } - .menu-application-button-label:ltr { - padding-left: 5px; } - .menu-application-button-label:rtl { - padding-right: 5px; } - -.menu-category-button { - padding: 7px; - border: 1px solid rgba(0, 0, 0, 0); } - .menu-category-button-selected { - padding: 7px; - color: #ffffff; - background-color: #8fa876; - border: 1px solid #212221; } - .menu-category-button-hover { - background-color: red; - border-radius: 2px; } - .menu-category-button-greyed { - padding: 7px; - color: rgba(255, 255, 255, 0.32); - border: 1px solid rgba(0, 0, 0, 0); } - .menu-category-button-label:ltr { - padding-left: 5px; } - .menu-category-button-label:rtl { - padding-right: 5px; } - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 2.2em; } - .menu-selected-app-box:rtl { - padding-top: 10px; - height: 2.2em; } - -.menu-selected-app-title { - font-weight: bold; } - -.menu-selected-app-description { - max-width: 150px; } - -.menu-search-box:ltr { - padding-left: 30px; } - -.menu-search-box-rtl { - padding-right: 30px; } - -#menu-search-entry { - width: 250px; - min-height: 16px; - font-weight: normal; - caret-color: rgba(255, 255, 255, 0.87); } - -.menu-search-entry-icon { - icon-size: 1em; - color: rgba(255, 255, 255, 0.87); } - -/* Context menu (at the moment only for favorites) */ -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #212221; - border-radius: 5px; - background-color: #303130; } - -.restart-osd { - font-size: 1.6em; } - -.workspace-osd { - font-size: 4em; } - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - color: rgba(255, 255, 255, 0.87); - background-color: #303130; - border: 1px solid #212221; - border-radius: 5px; } - .osd-window .osd-monitor-label { - font-size: 3em; } - .osd-window .level { - padding: 0; - height: 0.7em; - background-color: rgba(0, 0, 0, 0.5); - border-radius: 2px; } - .osd-window .level-bar { - border-radius: 2px; - background-color: #8fa876; } - -.window-list-box { - spacing: 6px; - padding-left: 10px; - padding-top: 1px; } - .window-list-box.vertical { - spacing: 2px; - padding-left: 0px; - padding-right: 0px; - padding-top: 10px; - padding-bottom: 10px; } - .window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); } - -.window-list-item-label { - font-weight: bold; - width: 15em; - min-width: 5px; } - -.window-list-item-box { - font-weight: bold; - background-image: none; - padding-top: 0; - padding-left: 8px; - padding-right: 8px; - transition-duration: 100; - color: rgba(255, 255, 255, 0.67); } - .window-list-item-box.top, .window-list-item-box.bottom { - border-bottom-width: 2px; } - .window-list-item-box.top StLabel, .window-list-item-box.bottom StLabel { - padding-left: 2px; } - .window-list-item-box.right { - padding-left: 0px; - padding-right: 0px; - border-right-width: 2px; } - .window-list-item-box.right StBin { - padding-right: 0; } - .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; - border-left-width: 2px; } - .window-list-item-box.left StBin { - padding-left: 1px; } - .window-list-item-box:hover, .window-list-item-box:groupFocus { - color: rgba(255, 255, 255, 0.87); - background-color: rgba(255, 255, 255, 0.07); } - .window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:focus, .window-list-item-box:running { - color: rgba(255, 255, 255, 0.87); - border-color: #8fa876; - background-color: rgba(255, 255, 255, 0.07); } - .window-list-item-box .progress { - background-color: rgba(143, 168, 118, 0.8); } - -.window-list-item-demands-attention { - background-gradient-direction: vertical; - background-gradient-start: #F04A50; - background-gradient-end: #F04A50; } - -.window-list-preview { - spacing: 6px; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #212221; - background-color: #303130; - border-radius: 3px; - padding: 6px 12px 12px 12px; - font-size: 1em; } - -.grouped-window-list-item-label { - font-weight: bold; - width: 15em; - min-width: 5px; } - -.grouped-window-list-item-box { - text-align: left; - font-weight: bold; - background-image: none; - padding-top: 0; - padding-left: 8px; - padding-right: 8px; - transition-duration: 100; - color: rgba(255, 255, 255, 0.67); } - .grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom { - border-bottom-width: 2px; } - .grouped-window-list-item-box.top StLabel, .grouped-window-list-item-box.bottom StLabel { - padding-left: 2px; } - .grouped-window-list-item-box.right { - padding-left: 0px; - padding-right: 0px; - border-right-width: 2px; } - .grouped-window-list-item-box.right StBin { - padding-right: 0; } - .grouped-window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; - border-left-width: 2px; } - .grouped-window-list-item-box.left StBin { - padding-left: 1px; } - .grouped-window-list-item-box:hover, .grouped-window-list-item-box:focus { - color: rgba(255, 255, 255, 0.87); - background-color: rgba(255, 255, 255, 0.17); } - .grouped-window-list-item-box:active, .grouped-window-list-item-box:checked { - color: rgba(255, 255, 255, 0.87); - border-color: #8fa876; } - .grouped-window-list-item-box .progress { - background-color: rgba(143, 168, 118, 0.8); } - -.grouped-window-list-item-demands-attention { - background-gradient-direction: vertical; - background-gradient-start: #F04A50; - background-gradient-end: #F04A50; } - -.grouped-window-list-thumbnail-label { - padding-left: 4px; } - -.grouped-window-list-number-label { - z-index: 99; - color: #d0d0d0; } - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #4a4a4a; } - -.grouped-window-list-button-label { - padding-left: 4px; } - -.grouped-window-list-thumbnail-alert { - background: rgba(255, 52, 52, 0.3); } - -.grouped-window-list-thumbnail-menu { - color: rgba(255, 255, 255, 0.87); - border: 1px solid #212221; - background-color: #303130; - border-radius: 3px; - padding: 0px; } - .grouped-window-list-thumbnail-menu > StBoxLayout { - padding: 4px; } - .grouped-window-list-thumbnail-menu .item-box { - padding: 10px; - border-radius: 2px; - spacing: 4px; } - .grouped-window-list-thumbnail-menu .item-box:outlined { - padding: 8px; - border: 1px solid #8fa876; } - .grouped-window-list-thumbnail-menu .item-box:selected { - border: 1px solid #8fa876; } - .grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; } - .grouped-window-list-thumbnail-menu .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); } - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; } - .sound-button-container { - padding-right: 3px; - padding-left: 3px; } - .sound-button StIcon { - icon-size: 1.4em; } - -.sound-track-infos { - padding: 5px; } - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; } - .sound-track-info StIcon { - icon-size: 16px; } - .sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; } - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; } - -.sound-seek-box { - padding-left: 15px; } - .sound-seek-box StLabel { - padding-top: 2px; } - .sound-seek-box StIcon { - icon-size: 16px; } - -.sound-seek-slider { - width: 140px; } - -.sound-volume-menu-item { - padding: .4em 1.75em; } - .sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; } - -.sound-playback-control { - padding: 5px 10px 10px 10px; } - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 12px 10px; - spacing: 0.5em; } - .sound-player > StBoxLayout:first-child StButton:small { - width: 20px; - height: 20px; - border: 1px solid transparent; } - .sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 12px; } - .sound-player > StBoxLayout:first-child StButton:small:hover { - color: rgba(255, 255, 255, 0.87); - background-color: #545453; - border: 1px solid #212221; - box-shadow: inset 0 2px 4px rgba(84, 84, 83, 0.05); } - .sound-player > StBoxLayout:first-child StButton:small:active { - color: #ffffff; - background-color: #8fa876; - border: 1px solid #8fa876; - box-shadow: inset 0 2px 4px #8fa876; } - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); } - -.sound-player-overlay { - width: 290px; - height: 70px; - padding: 15px; - spacing: 0.5em; - background: rgba(48, 49, 48, 0.9); - border-top: 1px solid #212221; - color: rgba(255, 255, 255, 0.87); } - .sound-player-overlay StButton { - width: 22px; - height: 13px; - padding: 5px; - color: rgba(255, 255, 255, 0.87); - border-radius: 2px; - border: 1px solid transparent; } - .sound-player-overlay StButton StIcon { - icon-size: 16px; } - .sound-player-overlay StButton:hover { - color: rgba(255, 255, 255, 0.87); - background-color: #545453; - border: 1px solid #212221; - box-shadow: inset 0 2px 4px rgba(84, 84, 83, 0.05); } - .sound-player-overlay StButton:active { - color: #ffffff; - background-color: #8fa876; - border: 1px solid #8fa876; - box-shadow: inset 0 2px 4px #8fa876; } - .sound-player-overlay StBoxLayout { - padding-top: 2px; } - .sound-player-overlay > StBoxLayout { - spacing: 5px; } - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: none; - -slider-height: 0.5em; - -slider-background-color: #232423; - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #8fa876; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; } - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; } - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; } - .panel-left .workspace-switcher, .panel-right .workspace-switcher { - padding: 0; } - -.workspace-button { - border: 1px solid rgba(0, 0, 0, 0.4); - background-color: rgba(0, 0, 0, 0.2); - width: 20px; - height: 14px; - color: rgba(255, 255, 255, 0.45); - padding: 3px; - padding-top: 4px; - transition-duration: 200; } - .workspace-button.vertical { - height: 1.5em; - width: 24px; - padding: 0; - padding-top: 3px; - padding-bottom: 3px; } - .workspace-button:outlined { - background-color: #8fa876; - color: #ffffff; } - .workspace-button:outlined:hover { - background-color: rgba(143, 168, 118, 0.7); - color: #ffffff; } - .workspace-button:hover { - background-color: rgba(255, 255, 255, 0.07); - color: #ffffff; } - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 6px; } - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-color: rgba(0, 0, 0, 0.2); } - -.workspace-graph .workspace:active { - border: 1px solid #8fa876; } - -.workspace-graph .workspace .windows { - -active-window-background: #565856; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: #565856; - -inactive-window-border: rgba(0, 0, 0, 0.8); } - -.workspace-graph .workspace:active .windows { - -active-window-background: #6f716f; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: #3d3e3d; - -inactive-window-border: rgba(0, 0, 0, 0.8); } - -.panel-launchers { - padding-left: 7px; - spacing: 2px; } - .panel-launchers .launcher { - padding-left: 2px; - padding-right: 2px; - padding-bottom: 2px; - transition-duration: 200; } - .panel-launchers .launcher:hover { - background-color: #8fa876; } - .panel-launchers.vertical { - padding-top: 2px; - padding-bottom: 2px; - padding-left: 0px; - padding-right: 0px; - spacing: 1px; } - .panel-launchers.vertical .launcher { - padding-top: 2px; - padding-bottom: 2px; } - -#overview-corner { - background-image: url("common-assets/misc/overview.png"); } - #overview-corner:hover { - background-image: url("common-assets/misc/overview-hover.png"); } - -.applet-separator { - padding: 1px 4px; } - .applet-separator.vertical { - padding: 4px 1px; } - -.applet-separator-line { - width: 1px; - background: rgba(255, 255, 255, 0.12); } - .applet-separator-line-vertical { - height: 1px; - background: rgba(255, 255, 255, 0.12); } - -.applet-box { - padding-left: 4px; - padding-right: 4px; - spacing: 4px; - color: rgba(255, 255, 255, 0.87); - text-shadow: none; - transition-duration: 100; - text-align: center; } - .applet-box.vertical { - padding-left: 0px; - padding-right: 0px; - padding-top: 3px; - padding-bottom: 3px; } - .applet-box:hover, .applet-box:checked { - color: #ffffff; - background-color: #8fa876; } - .applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); } - -.applet-label { - font-weight: bold; - color: rgba(255, 255, 255, 0.87); } - .applet-label:hover, .applet-label:checked, .applet-box:hover .applet-label, .applet-box:checked .applet-label { - color: #ffffff; - text-shadow: none; } - -.applet-icon { - color: #ffffff; - icon-size: 22px; } - .applet-icon:hover, .applet-icon:checked, .applet-box:hover > .applet-icon, .applet-box:checked > .applet-icon { - color: #ffffff; - text-shadow: none; } - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; } - -.user-label { - color: rgba(255, 255, 255, 0.87); - font-size: 1em; - font-weight: bold; - margin: 0px; } - -.desklet { - color: rgba(255, 255, 255, 0.87); } - .desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); } - .desklet-with-borders { - border: 1px solid #212221; - border-radius: 5px; - background-color: #303130; - color: rgba(255, 255, 255, 0.87); - padding: 12px; - padding-bottom: 16px; } - .desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); } - .desklet-with-borders-and-header { - border: 1px solid #212221; - border-top-width: 0; - border-radius: 0 0 5px 5px; - background-color: #303130; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; } - .desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); } - .desklet-header { - border: 1px solid #212221; - border-radius: 5px 5px 0 0; - background-color: #282928; - color: rgba(255, 255, 255, 0.87); - font-size: 1em; - padding: 12px; - padding-bottom: 6px; } - .desklet-drag-placeholder { - border: 2px solid #8fa876; - background-color: rgba(143, 168, 118, 0.3); } - -.photoframe-box { - border: 1px solid #212221; - border-radius: 5px; - background-color: #303130; - color: rgba(255, 255, 255, 0.87); - padding: 12px; - padding-bottom: 16px; } - -.notification-applet-padding { - padding: .5em 1em; } - -.notification-applet-container { - max-height: 100px; } - -.tile-preview { - background-color: rgba(143, 168, 118, 0.3); - border: 1px solid #8fa876; } - .tile-preview.snap { - background-color: rgba(143, 168, 118, 0.6); } - -.tile-hud { - background-color: rgba(143, 168, 118, 0.3); - border: 1px solid #8fa876; } - .tile-hud.snap { - background-color: rgba(143, 168, 118, 0.6); } - .tile-hud:top { - border-top-width: 0px; } - .tile-hud:bottom { - border-bottom-width: 0px; } - .tile-hud:left { - border-left-width: 0px; } - .tile-hud:right { - border-right-width: 0px; } - .tile-hud:top-left { - border-top-width: 0px; - border-left-width: 0px; } - .tile-hud:top-right { - border-top-width: 0px; - border-right-width: 0px; } - .tile-hud:bottom-left { - border-bottom-width: 0px; - border-left-width: 0px; } - .tile-hud:bottom-right { - border-bottom-width: 0px; - border-right-width: 0px; } - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; } diff --git a/cinnamon/cinnamon.css b/cinnamon/cinnamon.css index 5e75af0..a3f9975 100755 --- a/cinnamon/cinnamon.css +++ b/cinnamon/cinnamon.css @@ -1,200 +1,236 @@ +/** + * + * @authors yutent + * @date 2022/05/05 14:02:55 + */ stage { - color: rgba(0, 0, 0, 0.87); } + color: #ced6e0; +} .label-shadow { - color: rgba(0, 0, 0, 0); } + color: rgba(0, 0, 0, 0); +} -.sound-button, .modal-dialog-button-box .modal-dialog-button, .notification-button, .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { +.modal-dialog-button-box .modal-dialog-button, .notification-button, .notification-icon-button, .popup-menu #notification .notification-button, +.popup-menu #notification .notification-icon-button { min-height: 20px; padding: 5px 32px; transition-duration: 0; - color: rgba(0, 0, 0, 0.87); - background-color: #f8f9f8; - border: 1px solid #c0c5bb; - box-shadow: inset 0 2px 4px rgba(248, 249, 248, 0.05); } - .sound-button, .modal-dialog-button-box .modal-dialog-button, .notification-button, .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - border-radius: 2px; } - .sound-button:focus, .modal-dialog-button-box .modal-dialog-button:focus, .notification-button:focus, .notification-icon-button:focus, .popup-menu #notification .notification-button:focus, .popup-menu #notification .notification-icon-button:focus { - color: rgba(0, 0, 0, 0.87); - background-color: #f8f9f8; - border: 1px solid #92b372; - box-shadow: inset 0 2px 4px rgba(248, 249, 248, 0.05); } - .sound-button:hover, .modal-dialog-button-box .modal-dialog-button:hover, .notification-button:hover, .notification-icon-button:hover, .popup-menu #notification .notification-button:hover, .popup-menu #notification .notification-icon-button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: white; - border: 1px solid #c0c5bb; - box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.05); } - .sound-button:hover:focus, .modal-dialog-button-box .modal-dialog-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, .popup-menu #notification .notification-button:hover:focus, .popup-menu #notification .notification-icon-button:hover:focus { - color: rgba(0, 0, 0, 0.87); - background-color: white; - border: 1px solid #92b372; - box-shadow: inset 0 2px 4px rgba(248, 249, 248, 0.05); } - .sound-button:active, .modal-dialog-button-box .modal-dialog-button:active, .notification-button:active, .notification-icon-button:active, .popup-menu #notification .notification-button:active, .popup-menu #notification .notification-icon-button:active { - color: #ffffff; - background-color: #92b372; - border: 1px solid #92b372; - box-shadow: inset 0 2px 4px #92b372; } - .sound-button:insensitive, .modal-dialog-button-box .modal-dialog-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, .popup-menu #notification .notification-button:insensitive, .popup-menu #notification .notification-icon-button:insensitive { - color: rgba(0, 0, 0, 0.42); - border: 1px solid rgba(192, 197, 187, 0.55); - background-color: rgba(248, 249, 248, 0.55); - box-shadow: inset 0 2px 4px rgba(248, 249, 248, 0.05); } + color: #ced6e0; + background-color: #405264; + border: 1px solid #4a515e; + box-shadow: inset 0 2px 4px rgba(64, 82, 100, 0.05); +} +.modal-dialog-button-box .modal-dialog-button, .notification-button, .notification-icon-button, .popup-menu #notification .notification-button, +.popup-menu #notification .notification-icon-button { + border-radius: 2px; +} +.modal-dialog-button-box .modal-dialog-button:focus, .notification-button:focus, .notification-icon-button:focus, .popup-menu #notification .notification-button:focus, +.popup-menu #notification .notification-icon-button:focus { + color: #ced6e0; + background-color: #405264; + border: 1px solid rgba(100, 181, 246, 0.35); + box-shadow: inset 0 2px 4px rgba(64, 82, 100, 0.05); +} +.modal-dialog-button-box .modal-dialog-button:hover, .notification-button:hover, .notification-icon-button:hover, .popup-menu #notification .notification-button:hover, +.popup-menu #notification .notification-icon-button:hover { + color: #ced6e0; + background-color: #4a5f74; + border: 1px solid #4a515e; + box-shadow: inset 0 2px 4px rgba(74, 95, 116, 0.05); +} +.modal-dialog-button-box .modal-dialog-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, .popup-menu #notification .notification-button:hover:focus, +.popup-menu #notification .notification-icon-button:hover:focus { + color: #ced6e0; + background-color: #4a5f74; + border: 1px solid rgba(100, 181, 246, 0.35); + box-shadow: inset 0 2px 4px rgba(64, 82, 100, 0.05); +} +.modal-dialog-button-box .modal-dialog-button:active, .notification-button:active, .notification-icon-button:active, .popup-menu #notification .notification-button:active, +.popup-menu #notification .notification-icon-button:active { + color: #f2f5fc; + background-color: rgba(100, 181, 246, 0.35); + border: 1px solid rgba(100, 181, 246, 0.35); + box-shadow: inset 0 2px 4px rgba(100, 181, 246, 0.35); +} +.modal-dialog-button-box .modal-dialog-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, .popup-menu #notification .notification-button:insensitive, +.popup-menu #notification .notification-icon-button:insensitive { + color: rgba(206, 214, 224, 0.45); + border: 1px solid rgba(74, 81, 94, 0.55); + background-color: rgba(64, 82, 100, 0.55); + box-shadow: inset 0 2px 4px rgba(64, 82, 100, 0.05); +} #menu-search-entry, .popup-menu #notification StEntry { padding: 7px; caret-size: 1px; - selection-background-color: #92b372; - selected-color: #ffffff; + selection-background-color: rgba(100, 181, 246, 0.35); + selected-color: #f2f5fc; transition-duration: 300ms; - border-radius: 3px; - color: #202020; - background-color: #fdfdfc; - border: 1px solid #cfd6e6; - box-shadow: inset 0 2px 4px rgba(253, 253, 252, 0.05); } - #menu-search-entry:focus, .popup-menu #notification StEntry:focus, #menu-search-entry:hover, .popup-menu #notification StEntry:hover { - color: rgba(0, 0, 0, 0.87); - background-color: #fdfdfc; - border: 1px solid #92b372; - box-shadow: inset 0 2px 4px rgba(253, 253, 252, 0.05); } - #menu-search-entry:insensitive, .popup-menu #notification StEntry:insensitive { - color: rgba(0, 0, 0, 0.42); - background-color: #f9f9f8; - border-color: 1px solid #dfe4eb; - box-shadow: inset 0 2px 4px rgba(249, 249, 248, 0.05); } - #menu-search-entry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; } +} +#menu-search-entry:insensitive, .popup-menu #notification StEntry:insensitive { + color: rgba(206, 214, 224, 0.45); + background-color: #485666; + border-color: 1px solid #505866; + box-shadow: inset 0 2px 4px rgba(72, 86, 102, 0.05); +} +#menu-search-entry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #f27835; + padding: 0 4px; +} .notification StEntry { padding: 7px; caret-size: 1px; caret-color: #c3c3c3; - selection-background-color: #92b372; - selected-color: #ffffff; + selection-background-color: rgba(100, 181, 246, 0.35); + selected-color: #f2f5fc; transition-duration: 300ms; border-radius: 3px; color: #c3c3c3; background-color: rgba(109, 109, 109, 0.4); border: 1px solid rgba(22, 22, 22, 0.4); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } - .notification StEntry:focus { - color: #ffffff; - background-color: #92b372; - border: 1px solid #92b372; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } - .notification StEntry:insensitive { - color: rgba(195, 195, 195, 0.55); - background-color: rgba(109, 109, 109, 0.25); - border: 1px solid rgba(22, 22, 22, 0.4); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} +.notification StEntry:focus { + color: #f2f5fc; + background-color: rgba(100, 181, 246, 0.35); + border: 1px solid rgba(100, 181, 246, 0.35); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} +.notification StEntry:insensitive { + color: rgba(195, 195, 195, 0.55); + background-color: rgba(109, 109, 109, 0.25); + border: 1px solid rgba(22, 22, 22, 0.4); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} StScrollView.vfade { - -st-vfade-offset: 68px; } - + -st-vfade-offset: 68px; +} StScrollView.hfade { - -st-hfade-offset: 68px; } + -st-hfade-offset: 68px; +} StScrollBar { - padding: 8px; } - StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; } - StScrollBar StBin#trough { - background-color: rgba(253, 253, 252, 0.1); - border-radius: 8px; } - StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 2px; - background-color: rgba(161, 161, 160, 0.948); - border: 0px solid; - margin: 0px; } - StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: rgba(183, 183, 182, 0.961); } - StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #92b372; } + padding: 8px; +} +StScrollView StScrollBar { + min-width: 5px; + min-height: 5px; +} +StScrollBar StBin#trough { + background-color: rgba(60, 77, 94, 0.1); + border-radius: 8px; +} +StScrollBar StButton#vhandle, +StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #878f9c; + border: 0px solid; + margin: 0px; +} +StScrollBar StButton#vhandle:hover, +StScrollBar StButton#hhandle:hover { + background-color: #7b8391; +} +StScrollBar StButton#vhandle:active, +StScrollBar StButton#hhandle:active { + background-color: rgba(100, 181, 246, 0.35); +} .separator { -gradient-height: 1px; -gradient-start: rgba(0, 0, 0, 0); -gradient-end: rgba(0, 0, 0, 0); -margin-horizontal: 1.5em; - height: 1em; } + height: 1em; +} .popup-slider-menu-item, .slider { -slider-height: 0.3em; - -slider-background-color: #cfd6e6; - -slider-border-color: rgba(243, 244, 242, 0.3); - -slider-active-background-color: #92b372; - -slider-active-border-color: rgba(243, 244, 242, 0.3); + -slider-background-color: #4a515e; + -slider-border-color: rgba(87, 96, 111, 0.3); + -slider-active-background-color: rgba(100, 181, 246, 0.35); + -slider-active-border-color: rgba(87, 96, 111, 0.3); -slider-border-width: 1px; -slider-handle-radius: 0.5em; height: 1em; min-width: 15em; border: 0 solid transparent; border-right-width: 1px; - border-left-width: 5px; } + border-left-width: 5px; +} .check-box CinnamonGenericContainer { - spacing: .2em; + spacing: 0.2em; min-height: 30px; - padding-top: 2px; } - + padding-top: 2px; +} .check-box StLabel { - font-weight: normal; } - + font-weight: normal; +} .check-box StBin { width: 16px; height: 16px; - background-image: url("light-assets/checkbox/checkbox-unchecked.svg"); } - + background-image: url("dark-assets/checkbox/checkbox-unchecked.svg"); +} .check-box:focus StBin { - background-image: url("light-assets/checkbox/checkbox-unchecked-focused.svg"); } - + background-image: url("dark-assets/checkbox/checkbox-unchecked-focused.svg"); +} .check-box:checked StBin { - background-image: url("light-assets/checkbox/checkbox-checked.svg"); } - + background-image: url("dark-assets/checkbox/checkbox-checked.svg"); +} .check-box:focus:checked StBin { - background-image: url("light-assets/checkbox/checkbox-checked-focused.svg"); } + background-image: url("dark-assets/checkbox/checkbox-checked-focused.svg"); +} .radiobutton CinnamonGenericContainer { - spacing: .2em; + spacing: 0.2em; height: 26px; - padding-top: 2px; } - + padding-top: 2px; +} .radiobutton StLabel { padding-top: 4px; font-size: 0.9em; - box-shadow: none; } - + box-shadow: none; +} .radiobutton StBin { width: 16px; height: 16px; - background-image: url("light-assets/checkbox/checkbox-unchecked.svg"); } - + background-image: url("dark-assets/checkbox/checkbox-unchecked.svg"); +} .radiobutton:focus StBin { - background-image: url("light-assets/checkbox/checkbox-unchecked-focused.svg"); } - + background-image: url("dark-assets/checkbox/checkbox-unchecked-focused.svg"); +} .radiobutton:checked StBin { - background-image: url("light-assets/checkbox/checkbox-checked.svg"); } - + background-image: url("dark-assets/checkbox/checkbox-checked.svg"); +} .radiobutton:focus:checked StBin { - background-image: url("light-assets/checkbox/checkbox-checked-focused.svg"); } + background-image: url("dark-assets/checkbox/checkbox-checked-focused.svg"); +} .toggle-switch { width: 50px; height: 20px; - background-size: contain; } - .toggle-switch-us, .toggle-switch-intl { - background-image: url("light-assets/switch/switch-off.svg"); } - .toggle-switch-us:checked, .toggle-switch-intl:checked { - background-image: url("light-assets/switch/switch-on.svg"); } + background-size: contain; +} +.toggle-switch-us, .toggle-switch-intl { + background-image: url("dark-assets/switch/switch-off.svg"); +} +.toggle-switch-us:checked, .toggle-switch-intl:checked { + background-image: url("dark-assets/switch/switch-on.svg"); +} .cinnamon-link { - color: #789d55; - text-decoration: underline; } - .cinnamon-link:hover { - color: #92b372; } + color: rgba(196, 227, 252, 0.35); + text-decoration: underline; +} +.cinnamon-link:hover { + color: rgba(245, 250, 254, 0.35); +} #Tooltip { border: 1px solid #d0d0d0; @@ -204,144 +240,17 @@ StScrollBar { color: #4a4a4a; font-size: 1em; font-weight: normal; - text-align: center; } + text-align: center; +} #LookingGlassDialog { - color: rgba(0, 0, 0, 0.87); - border: 1px solid #c0c5bb; + color: #ced6e0; + border: 1px solid #4a515e; border-radius: 3px; - background-color: #f3f4f2; + background-color: #57606f; spacing: 4px; - padding: 8px; } - -.menu { - color: rgba(0, 0, 0, 0.87); - border: 1px solid #c0c5bb; - border-radius: 3px; - background-color: rgba(243, 244, 242, 0.99); } - .menu.top { - border-radius: 0 0 3px 3px; } - .menu.bottom { - border-radius: 3px 3px 0 0; } - .menu.left { - border-radius: 0 3px 3px 0; } - .menu.right { - border-radius: 3px 0 0 3px; } - -.popup-sub-menu { - background-color: #fdfdfc; - box-shadow: none; } - .popup-sub-menu .popup-menu-item:ltr { - padding-right: 1.75em; } - .popup-sub-menu .popup-menu-item:rtl { - padding-left: 1.75em; } - .popup-sub-menu StScrollBar { - padding: 4px; } - .popup-sub-menu StScrollBar StBin#trough, .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; } - -.popup-menu-content { - padding: 1em 0em 1em 0em; } - -.popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; - border-left-width: 0; - border-right-width: 0; } - .popup-menu-item:active { - color: #ffffff; - background-color: #92b372; } - .popup-menu-item:insensitive { - color: rgba(0, 0, 0, 0.37); - background: none; } - -.popup-inactive-menu-item { - color: rgba(0, 0, 0, 0.87); } - .popup-inactive-menu-item:insensitive { - color: rgba(0, 0, 0, 0.42); } - -/* This is for popup menus in Cinnamon versions < 3.2 */ -.popup-menu { - color: white; - color: rgba(0, 0, 0, 0.87); } - .popup-menu-arrow { - icon-size: 16px; } - .popup-menu .popup-sub-menu { - background-color: #fdfdfc; - box-shadow: none; } - .popup-menu .popup-sub-menu .popup-menu-item:ltr { - padding-right: 1.75em; } - .popup-menu .popup-sub-menu .popup-menu-item:rtl { - padding-left: 1.75em; } - .popup-menu .popup-sub-menu StScrollBar { - padding: 4px; } - .popup-menu .popup-sub-menu StScrollBar StBin#trough, .popup-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; } - .popup-menu .popup-menu-content { - padding: 1em 0em 1em 0em; } - .popup-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; - border: 1px solid transparent; - border-left-width: 0; - border-right-width: 0; } - .popup-menu .popup-menu-item:active { - color: rgba(0, 0, 0, 0.87); - border-color: rgba(0, 0, 0, 0); - background-color: rgba(0, 0, 0, 0); } - .popup-menu .popup-menu-item:insensitive { - color: rgba(0, 0, 0, 0.37); - background: none; } - .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.42); } - .popup-menu-icon { - icon-size: 16px; } - -.popup-menu-boxpointer { - -arrow-border-radius: 3px; - -arrow-background-color: #f3f4f2; - -arrow-border-width: 1px; - -arrow-border-color: #c0c5bb; - -arrow-base: 21px; - -arrow-rise: 9px; - -boxpointer-gap: 2px; } - -/*Scale view context menu*/ -.popup-combo-menu { - color: rgba(0, 0, 0, 0.87); - border: 1px solid #c0c5bb; - border-radius: 3px; - background-color: #fdfdfc; - box-shadow: none; - padding: 1em 0em 1em 0em; } - -.popup-combobox-item { - spacing: 1em; - padding: .4em 1.75em; - border: 1px solid transparent; - border-left-width: 0; - border-right-width: 0; } - -.popup-separator-menu-item { - -gradient-height: 1px; - -gradient-start: #cdd1c9; - -gradient-end: #cdd1c9; - -margin-horizontal: 0; - height: 1px; } - -.popup-alternating-menu-item:alternate { - font-weight: normal; } - -.popup-device-menu-item { - spacing: .5em; } - -.popup-subtitle-menu-item { - font-weight: normal; } - -.nm-menu-item-icons { - spacing: .5em; } + padding: 8px; +} #panel { font-weight: bold; @@ -350,146 +259,435 @@ StScrollBar { /* sets the width of vertical panels */ width: 32px; /* Set the symbolic foreground color for icons, and importantly, the system tray applet icons */ - color: rgba(0, 0, 0, 0.87); } - #panelLeft { - spacing: 4px; } - #panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); } - #panelLeft:ltr { - padding-right: 4px; } - #panelLeft:rtl { - padding-left: 4px; } - #panelLeft.vertical { - padding: 0px; } - #panelLeft.vertical:ltr { - padding-right: 0px; } - #panelLeft.vertical:rtl { - padding-left: 0px; } - #panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); } - #panelRight:ltr { - padding-left: 4px; - spacing: 0px; } - #panelRight:rtl { - padding-right: 4px; - spacing: 0px; } - #panelRight.vertical { - padding: 0px; } - #panelRight.vertical:ltr { - padding-right: 0px; } - #panelRight.vertical:rtl { - padding-left: 0px; } - #panelCenter { - spacing: 4px; } - #panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); } - #panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); } + color: #ced6e0; + background-color: rgba(16, 16, 16, 0.1); +} +#panel:highlight { + border-image: none; + background-color: rgba(252, 118, 97, 0.5); +} .panelLeft { - spacing: 4px; } - .panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); } - .panelLeft:ltr { - padding-right: 4px; } - .panelLeft:rtl { - padding-left: 4px; } - .panelLeft.vertical { - padding: 0px; } - .panelLeft.vertical:ltr { - padding-right: 0px; } - .panelLeft.vertical:rtl { - padding-left: 0px; } - + spacing: 4px; +} +.panelLeft:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(255, 0, 0, 0.05); + background-gradient-end: rgba(255, 0, 0, 0.2); +} +.panelLeft:ltr { + padding-right: 4px; +} +.panelLeft:rtl { + padding-left: 4px; +} +.panelLeft.vertical { + padding: 0px; +} +.panelLeft.vertical:ltr { + padding-right: 0px; +} +.panelLeft.vertical:rtl { + padding-left: 0px; +} .panelRight:dnd { background-gradient-direction: vertical; background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); } - + background-gradient-end: rgba(0, 0, 255, 0.2); +} .panelRight:ltr { padding-left: 4px; - spacing: 0px; } - + spacing: 0px; +} .panelRight:rtl { padding-right: 4px; - spacing: 0px; } - + spacing: 0px; +} .panelRight.vertical { - padding: 0px; } - .panelRight.vertical:ltr { - padding-left: 0px; - spacing: 0px; } - .panelRight.vertical:rtl { - padding-right: 0px; - spacing: 0px; } - + padding: 0px; +} +.panelRight.vertical:ltr { + padding-left: 0px; + spacing: 0px; +} +.panelRight.vertical:rtl { + padding-right: 0px; + spacing: 0px; +} .panelCenter { - spacing: 4px; } - .panelCenter.vertical { - padding-left: 0px; - padding-right: 0px; } - .panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); } - + spacing: 4px; +} +.panelCenter.vertical { + padding-left: 0px; + padding-right: 0px; +} +.panelCenter:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 255, 0, 0.05); + background-gradient-end: rgba(0, 255, 0, 0.2); +} .panel-top, .panel-bottom, .panel-left, .panel-right { - color: #ffffff; + color: #f2f5fc; border: none; - background-color: rgba(243, 244, 242, 0.99); + background-color: rgba(87, 96, 111, 0.99); font-size: 1em; - padding: 0px; } - + padding: 0px; +} .panel-top { - box-shadow: 0 1px #c0c5bb; } - + padding-right: 12px; + box-shadow: 0 1px #4a515e; +} .panel-bottom { - box-shadow: 0 -1px #c0c5bb; } - + padding-right: 12px; + box-shadow: 0 -1px #4a515e; +} .panel-left { - box-shadow: 1px 0 #c0c5bb; } - + box-shadow: 1px 0 #4a515e; +} .panel-right { - box-shadow: -1px 0 #c0c5bb; } - + box-shadow: -1px 0 #4a515e; +} .panel-dummy { - background-color: rgba(252, 65, 56, 0.5); } - .panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); } - + background-color: rgba(252, 118, 97, 0.5); +} +.panel-dummy:entered { + background-color: rgba(252, 118, 97, 0.6); +} .panel-status-button { border-width: 0; -natural-hpadding: 3px; -minimum-hpadding: 3px; font-weight: bold; - color: rgba(0, 0, 0, 0.87); } - + color: #ced6e0; +} .panel-button { -natural-hpadding: 6px; -minimum-hpadding: 2px; font-weight: bold; color: green; - transition-duration: 100; } + transition-duration: 100; +} .system-status-icon { icon-size: 16px; - padding: 0 1px; } - .system-status-icon.warning { - color: #F27835; } - .system-status-icon.error { - color: #FC4138; } + padding: 0 1px; +} +.system-status-icon.warning { + color: #f27835; +} +.system-status-icon.error { + color: #fc7661; +} + +.panel-launchers { + padding-left: 7px; + spacing: 2px; +} +.panel-launchers .launcher { + padding-left: 2px; + padding-right: 2px; + padding-bottom: 2px; + transition-duration: 200; +} +.panel-launchers .launcher:hover { + background-color: rgba(100, 181, 246, 0.35); +} +.panel-launchers.vertical { + padding-top: 2px; + padding-bottom: 2px; + padding-left: 0px; + padding-right: 0px; + spacing: 1px; +} +.panel-launchers.vertical .launcher { + padding-top: 2px; + padding-bottom: 2px; +} + +.calendar { + spacing-rows: 0; + spacing-columns: 0; +} + +.calendar-main-box { + margin: 0 16px 8px; +} + +.calendar-events-main-box { + height: 300px; + margin-right: 0.5em; + padding: 0.5em; + min-width: 350px; + border: 0; + border-radius: 6px; + background-color: rgba(60, 77, 94, 0.3); +} + +.calendar-events-no-events-button { + margin: 6px 0 6px 0; + padding: 6px; +} +.calendar-events-no-events-button:hover { + background-color: rgba(100, 181, 246, 0.35); +} +.calendar-events-no-events-button:hover .calendar-events-no-events-icon, +.calendar-events-no-events-button:hover .calendar-events-no-events-label { + color: #f2f5fc; +} + +.calendar-events-no-events-icon, +.calendar-events-no-events-label { + font-weight: bold; + color: #ced6e0; + text-align: center; +} + +.calendar-events-date-label { + padding: 0.1em 0.1em 0.5em 0.1em; + color: #ced6e0; + font-weight: bold; + text-align: center; +} + +.calendar-events-event-container { + padding: 0; +} + +.calendar-event-button { + border: 1px solid rgba(0, 0, 0, 0); +} +.calendar-event-button .calendar-event-time-past { + color: rgba(206, 214, 224, 0.4); + font-weight: bold; + text-align: left; + margin-bottom: 0.2em; +} +.calendar-event-button .calendar-event-time-present { + color: #ced6e0; + font-weight: bold; + text-align: left; + margin-bottom: 0.2em; +} +.calendar-event-button .calendar-event-time-present:all-day { + color: rgba(100, 181, 246, 0.35); +} +.calendar-event-button .calendar-event-time-future { + color: #ced6e0; + font-weight: bold; + text-align: left; + margin-bottom: 0.2em; +} +.calendar-event-button .calendar-event-summary { + color: #ced6e0; + text-align: left; + width: 200px; +} +.calendar-event-button .calendar-event-countdown { + text-align: right; + margin-bottom: 0.6em; + color: #ced6e0; +} +.calendar-event-button .calendar-event-countdown:soon { + font-weight: bold; +} +.calendar-event-button .calendar-event-countdown:imminent { + font-weight: bold; + color: #f27835; +} +.calendar-event-button .calendar-event-countdown:current { + font-weight: bold; + color: rgba(100, 181, 246, 0.35); +} +.calendar-event-button:hover { + background-color: rgba(100, 181, 246, 0.35); + border: 1px solid #4a515e; +} +.calendar-event-button:hover .calendar-event-time-past, +.calendar-event-button:hover .calendar-event-time-present, +.calendar-event-button:hover .calendar-event-time-future, +.calendar-event-button:hover .calendar-event-summary { + color: #f2f5fc; +} +.calendar-event-button:hover .calendar-event-countdown { + text-align: right; + margin-bottom: 0.6em; + color: #f2f5fc; +} +.calendar-event-button:hover .calendar-event-countdown:soon { + font-weight: bold; +} +.calendar-event-button:hover .calendar-event-countdown:imminent { + font-weight: bold; +} +.calendar-event-button:hover .calendar-event-countdown:current { + font-weight: bold; +} + +.calendar-event-color-strip { + width: 2px; +} + +.calendar-today-home-button { + padding: 0; +} + +.calendar-today-day-label { + font-size: 1.75em; + color: #ced6e0; + font-weight: bold; + text-align: center; +} + +.calendar-today-date-label { + font-size: 1.1em; + color: #ced6e0; + font-weight: bold; + text-align: center; +} + +.calendar-today-home-button-enabled { + padding: 0; +} +.calendar-today-home-button-enabled:hover { + color: rgb(100, 181, 246); +} +.calendar-today-home-button-enabled:hover .calendar-today-day-label, +.calendar-today-home-button-enabled:hover .calendar-today-date-label { + color: inherit; +} + +.calendar-month-label { + color: #ced6e0; + font-weight: bold; + padding: 8px 0; + font-size: 1.2em; +} + +.calendar-change-month-back, +.calendar-change-month-forward { + width: 32px; + height: 32px; + background-size: 32px; +} + +.calendar-change-month-back { + background-image: url("common-assets/misc/calendar-arrow-left.svg"); +} +.calendar-change-month-back:focus, .calendar-change-month-back:hover { + background-image: url("common-assets/misc/calendar-arrow-left-hover.svg"); +} +.calendar-change-month-back:active { + background-image: url("common-assets/misc/calendar-arrow-left.svg"); +} +.calendar-change-month-back:rtl { + background-image: url("common-assets/misc/calendar-arrow-right.svg"); +} +.calendar-change-month-back:rtl:focus, .calendar-change-month-back:rtl:hover { + background-image: url("common-assets/misc/calendar-arrow-right-hover.svg"); +} +.calendar-change-month-back:rtl:active { + background-image: url("common-assets/misc/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + background-image: url("common-assets/misc/calendar-arrow-right.svg"); +} +.calendar-change-month-forward:focus, .calendar-change-month-forward:hover { + background-image: url("common-assets/misc/calendar-arrow-right-hover.svg"); +} +.calendar-change-month-forward:active { + background-image: url("common-assets/misc/calendar-arrow-right.svg"); +} +.calendar-change-month-forward:rtl { + background-image: url("common-assets/misc/calendar-arrow-left.svg"); +} +.calendar-change-month-forward:rtl:focus, .calendar-change-month-forward:rtl:hover { + background-image: url("common-assets/misc/calendar-arrow-left-hover.svg"); +} +.calendar-change-month-forward:rtl:active { + background-image: url("common-assets/misc/calendar-arrow-left.svg"); +} + +.calendar-day-event-dot-box { + margin-top: 17px; + max-rows: 1; +} + +.calendar-day-event-dot { + margin: 1px; + border-radius: 2px; + width: 4px; + height: 4px; +} + +.calendar-day-base { + font-size: 1.1em; + text-align: center; + width: 48px; + height: 48px; + margin: 0 8px; + border-radius: 24px; + border: 1px solid transparent; +} +.calendar-day-base:hover { + color: #f2f5fc; + background-color: rgba(100, 181, 246, 0.35); + background-color: rgba(100, 181, 246, 0.15); +} + +.calendar-day-heading { + color: #f2f5fc; + margin-top: 16px; + margin-bottom: 0; + font-size: 1.2em; + font-weight: bold; +} + +.calendar-today { + font-weight: bold; + color: #f2f5fc; + background-color: rgba(100, 181, 246, 0.35); + border-width: 0; +} +.calendar-today:selected { + background-color: rgba(100, 181, 246, 0.35); +} + +.calendar-not-today { + color: #ced6e0; +} +.calendar-not-today:selected { + font-weight: bold; + background-color: transparent; + border: 1px solid rgba(100, 181, 246, 0.35); +} + +.calendar-nonwork-day { + color: #fc7661; + background-color: transparent; + font-weight: bold; +} +.calendar-nonwork-day:hover { + color: #fc7661; +} + +.calendar-other-month-day { + color: rgba(206, 214, 224, 0.3); +} + +.calendar-other-month-day:hover { + color: inherit; +} + +.calendar-week-number { + margin-top: 14px; + color: rgba(206, 214, 224, 0.85); + font-size: 1em; +} #overview { - spacing: 12px; } + spacing: 12px; +} .window-caption { background-color: #353535; @@ -499,22 +697,26 @@ StScrollBar { border-radius: 2px; font-size: 0.9em; padding: 5px 8px; - -cinnamon-caption-spacing: 8px; } - .window-caption:focus { - background-color: #92b372; - color: #ffffff; - border: 1px solid #92b372; } + -cinnamon-caption-spacing: 8px; +} +.window-caption:focus { + background-color: rgba(100, 181, 246, 0.35); + color: #f2f5fc; + border: 1px solid rgba(100, 181, 246, 0.35); +} .window-border { - border: 3px #92b372; + border: 3px rgba(100, 181, 246, 0.35); border-radius: 2px; background-color: rgba(255, 255, 255, 0.05); /* Cover rounded corners and some bad adjustment gaps */ - box-shadow: 0 0 0 1px #92b372 inset; } + box-shadow: 0 0 0 1px rgba(100, 181, 246, 0.35) inset; +} .overview-empty-placeholder { color: #ffffff; - font-size: 2em; } + font-size: 2em; +} .expo-workspaces-name-entry, .expo-workspaces-name-entry#selected { @@ -526,48 +728,57 @@ StScrollBar { color: #c3c3c3; background-color: rgba(109, 109, 109, 0.4); border: 1px solid rgba(22, 22, 22, 0.4); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } - .expo-workspaces-name-entry:focus, - .expo-workspaces-name-entry#selected:focus { - border: 1px solid #92b372; - background-color: #92b372; - color: #ffffff; - font-style: italic; - transition-duration: 300; - selection-background-color: #ffffff; - selected-color: #92b372; } + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} +.expo-workspaces-name-entry:focus, +.expo-workspaces-name-entry#selected:focus { + border: 1px solid rgba(100, 181, 246, 0.35); + background-color: rgba(100, 181, 246, 0.35); + color: #f2f5fc; + font-style: italic; + transition-duration: 300; + selection-background-color: #f2f5fc; + selected-color: rgba(100, 181, 246, 0.35); +} .expo-workspace-thumbnail-frame { border: 4px solid rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0); - border-radius: 2px; } - .expo-workspace-thumbnail-frame#active { - border: 4px solid #92b372; - background-color: black; - border-radius: 2px; } + border-radius: 2px; +} +.expo-workspace-thumbnail-frame#active { + border: 4px solid rgba(100, 181, 246, 0.35); + background-color: black; + border-radius: 2px; +} .expo-background { - background-color: #353535; } + background-color: #353535; +} .workspace-thumbnails { - spacing: 26px; } - .workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; } - + spacing: 26px; +} +.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { + padding: 8px; +} .workspace-add-button { background-image: url("common-assets/misc/add-workspace.svg"); height: 200px; width: 35px; - transition-duration: 100; } - .workspace-add-button:hover { - background-image: url("common-assets/misc/add-workspace-hover.svg"); - transition-duration: 100; } - .workspace-add-button:active { - background-image: url("common-assets/misc/add-workspace-active.svg"); - transition-duration: 100; } - + transition-duration: 100; +} +.workspace-add-button:hover { + background-image: url("common-assets/misc/add-workspace-hover.svg"); + transition-duration: 100; +} +.workspace-add-button:active { + background-image: url("common-assets/misc/add-workspace-active.svg"); + transition-duration: 100; +} .workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); } + background-color: rgba(0, 0, 0, 0.5); +} .workspace-close-button, .window-close { @@ -575,496 +786,410 @@ StScrollBar { background-size: 26px; height: 26px; width: 26px; - -cinnamon-close-overlap: 12px; } - .workspace-close-button:hover, - .window-close:hover { - background-image: url("common-assets/misc/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; } - .workspace-close-button:active, - .window-close:active { - background-image: url("common-assets/misc/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; } + -cinnamon-close-overlap: 12px; +} +.workspace-close-button:hover, +.window-close:hover { + background-image: url("common-assets/misc/close-hover.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} +.workspace-close-button:active, +.window-close:active { + background-image: url("common-assets/misc/close-active.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} .window-close-area { background-image: url("common-assets/misc/trash-icon.svg"); height: 120px; - width: 400px; } + width: 400px; +} -.calendar { - spacing-rows: 0; - spacing-columns: 0; } +#workspaceSwitcher { + spacing: 0px; + padding: 3px; +} -.calendar-main-box { - margin: 0 .8em .5em .8em; } +/* Controls the styling when using the "Simple buttons" option */ +.workspace-switcher { + padding-left: 3px; + padding-right: 3px; +} +.panel-left .workspace-switcher, .panel-right .workspace-switcher { + padding: 0; +} -.calendar-events-main-box { - height: 300px; - margin-right: .5em; - padding: .5em; - min-width: 350px; - border: 1px solid #c0c5bb; - background-color: #fdfdfc; } +.workspace-button { + border: 1px solid rgba(0, 0, 0, 0.4); + background-color: rgba(0, 0, 0, 0.2); + width: 20px; + height: 14px; + color: rgba(242, 245, 252, 0.45); + padding: 3px; + padding-top: 4px; + transition-duration: 200; +} +.workspace-button.vertical { + height: 1.5em; + width: 24px; + padding: 0; + padding-top: 3px; + padding-bottom: 3px; +} +.workspace-button:outlined { + background-color: rgba(100, 181, 246, 0.35); + color: #f2f5fc; +} +.workspace-button:outlined:hover { + background-color: rgba(100, 181, 246, 0.05); + color: #f2f5fc; +} +.workspace-button:hover { + background-color: rgba(206, 214, 224, 0.2); + color: #f2f5fc; +} -.calendar-events-no-events-button { - margin: 6px 0 6px 0; - padding: 6px; } - .calendar-events-no-events-button:hover { - background-color: #92b372; } - .calendar-events-no-events-button:hover .calendar-events-no-events-icon, - .calendar-events-no-events-button:hover .calendar-events-no-events-label { - color: #ffffff; } +/* Controls the style when using the "Visual representation" option */ +.workspace-graph { + padding: 3px; + spacing: 6px; +} -.calendar-events-no-events-icon, -.calendar-events-no-events-label { - font-weight: bold; - color: rgba(0, 0, 0, 0.87); - text-align: center; } +.workspace-graph .workspace { + border: 1px solid rgba(0, 0, 0, 0.4); + background-color: rgba(0, 0, 0, 0.2); +} -.calendar-events-date-label { - padding: .1em .1em .5em .1em; - color: rgba(0, 0, 0, 0.87); - font-weight: bold; - text-align: center; } +.workspace-graph .workspace:active { + border: 1px solid rgba(100, 181, 246, 0.35); +} -.calendar-events-event-container { - padding: 0; } +.workspace-graph .workspace .windows { + -active-window-background: #7b8698; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: #7b8698; + -inactive-window-border: rgba(0, 0, 0, 0.8); +} -.calendar-event-button { - border: 1px solid rgba(0, 0, 0, 0); } - .calendar-event-button .calendar-event-time-past { - color: rgba(0, 0, 0, 0.27); - font-weight: bold; - text-align: left; - margin-bottom: .2em; } - .calendar-event-button .calendar-event-time-present { - color: rgba(0, 0, 0, 0.87); - font-weight: bold; - text-align: left; - margin-bottom: .2em; } - .calendar-event-button .calendar-event-time-present:all-day { - color: #92b372; } - .calendar-event-button .calendar-event-time-future { - color: rgba(0, 0, 0, 0.87); - font-weight: bold; - text-align: left; - margin-bottom: .2em; } - .calendar-event-button .calendar-event-summary { - color: rgba(0, 0, 0, 0.87); - text-align: left; - width: 200px; } - .calendar-event-button .calendar-event-countdown { - text-align: right; - margin-bottom: .6em; - color: rgba(0, 0, 0, 0.87); } - .calendar-event-button .calendar-event-countdown:soon { - font-weight: bold; } - .calendar-event-button .calendar-event-countdown:imminent { - font-weight: bold; - color: #F27835; } - .calendar-event-button .calendar-event-countdown:current { - font-weight: bold; - color: #92b372; } - .calendar-event-button:hover { - background-color: #92b372; - border: 1px solid #c0c5bb; } - .calendar-event-button:hover .calendar-event-time-past, - .calendar-event-button:hover .calendar-event-time-present, - .calendar-event-button:hover .calendar-event-time-future, - .calendar-event-button:hover .calendar-event-summary { - color: #ffffff; } - .calendar-event-button:hover .calendar-event-countdown { - text-align: right; - margin-bottom: .6em; - color: #ffffff; } - .calendar-event-button:hover .calendar-event-countdown:soon { - font-weight: bold; } - .calendar-event-button:hover .calendar-event-countdown:imminent { - font-weight: bold; } - .calendar-event-button:hover .calendar-event-countdown:current { - font-weight: bold; } - -.calendar-event-color-strip { - width: 2px; } - -.calendar-today-home-button { - padding: 6px; } - -.calendar-today-day-label { - font-size: 1.75em; - color: rgba(0, 0, 0, 0.87); - font-weight: bold; - text-align: center; - padding-bottom: .1em; } - -.calendar-today-date-label { - font-size: 1.1em; - color: rgba(0, 0, 0, 0.87); - font-weight: bold; - text-align: center; } - -.calendar-today-home-button-enabled { - padding: 6px; } - .calendar-today-home-button-enabled:hover { - background-color: #92b372; } - .calendar-today-home-button-enabled:hover .calendar-today-day-label { - color: #ffffff; } - .calendar-today-home-button-enabled:hover .calendar-today-date-label { - color: #ffffff; } - -.calendar-month-label { - color: rgba(0, 0, 0, 0.87); - font-weight: bold; - padding: 8px 0; } - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 16px; - height: 16px; } - -.calendar-change-month-back { - background-image: url("common-assets/misc/calendar-arrow-left.svg"); } - .calendar-change-month-back:focus, .calendar-change-month-back:hover { - background-image: url("common-assets/misc/calendar-arrow-left-hover.svg"); } - .calendar-change-month-back:active { - background-image: url("common-assets/misc/calendar-arrow-left.svg"); } - .calendar-change-month-back:rtl { - background-image: url("common-assets/misc/calendar-arrow-right.svg"); } - .calendar-change-month-back:rtl:focus, .calendar-change-month-back:rtl:hover { - background-image: url("common-assets/misc/calendar-arrow-right-hover.svg"); } - .calendar-change-month-back:rtl:active { - background-image: url("common-assets/misc/calendar-arrow-right.svg"); } - -.calendar-change-month-forward { - background-image: url("common-assets/misc/calendar-arrow-right.svg"); } - .calendar-change-month-forward:focus, .calendar-change-month-forward:hover { - background-image: url("common-assets/misc/calendar-arrow-right-hover.svg"); } - .calendar-change-month-forward:active { - background-image: url("common-assets/misc/calendar-arrow-right.svg"); } - .calendar-change-month-forward:rtl { - background-image: url("common-assets/misc/calendar-arrow-left.svg"); } - .calendar-change-month-forward:rtl:focus, .calendar-change-month-forward:rtl:hover { - background-image: url("common-assets/misc/calendar-arrow-left-hover.svg"); } - .calendar-change-month-forward:rtl:active { - background-image: url("common-assets/misc/calendar-arrow-left.svg"); } - -.calendar-day-event-dot-box { - margin-top: 1.7em; - max-rows: 1; } - -.calendar-day-event-dot { - margin: 1px; - border-radius: 2px; - width: 4px; - height: 4px; } - -.calendar-day-base { - font-size: 1em; - text-align: center; - width: 2.2em; - height: 2.2em; - padding: 0.1em; } - .calendar-day-base:hover { - font-weight: bold; - color: #ffffff; - background-color: #92b372; } - -.calendar-day-heading { - color: rgba(0, 0, 0, 0.72); - margin-top: 1em; - font-size: 1.05em; } - -.calendar-day { - border-width: 0; - color: rgba(0, 0, 0, 0.77); } - -.calendar-day-top { - border-top-width: 0; } - -.calendar-day-left { - border-left-width: 0; } - -.calendar-nonwork-day { - color: rgba(0, 0, 0, 0.87); - background-color: transparent; - font-weight: bold; } - -.calendar-today { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(146, 179, 114, 0.4); - border-width: 0; } - .calendar-today:selected { - font-weight: bold; } - -.calendar-not-today { - color: rgba(0, 0, 0, 0.87); } - .calendar-not-today:selected { - font-weight: bold; - background-color: rgba(0, 0, 0, 0.17); } - .calendar-not-today:selected:hover { - font-weight: bold; - color: rgba(0, 0, 0, 0.87); } - -.calendar-other-month-day { - color: rgba(0, 0, 0, 0.17); - opacity: 1; } - -.calendar-other-month-day:hover { - color: #ffffff; - opacity: 1; } - -.calendar-week-number { - color: rgba(0, 0, 0, 0.72); - font-size: 0.8em; - margin-top: 0.8em; } +.workspace-graph .workspace:active .windows { + -active-window-background: #98a0ae; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: #626c7d; + -inactive-window-border: rgba(0, 0, 0, 0.8); +} #notification { - border: 1px solid #c0c5bb; + border: 1px solid #4a515e; border-radius: 3px; - background-color: #f3f4f2; + background-color: #57606f; padding: 13px; spacing-rows: 10px; spacing-columns: 10px; margin-from-right-edge-of-screen: 20px; width: 34em; - color: rgba(0, 0, 0, 0.87); } - .popup-menu #notification { - color: rgba(0, 0, 0, 0.87); - border-image: url("light-assets/misc/message.svg") 9 9 9 9; } - .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; } - #notification.multi-line-notification { - padding-bottom: 13px; - color: rgba(0, 0, 0, 0.87); } - #notification-scrollview { - max-height: 10em; } - #notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; } - #notification-scrollview:ltr > StScrollBar { - padding-left: 6px; } - #notification-scrollview:rtl > StScrollBar { - padding-right: 6px; } - #notification-body { - spacing: 5px; } - #notification-actions { - spacing: 10px; } + color: #ced6e0; +} +.popup-menu #notification { + color: #ced6e0; + border-image: url("dark-assets/misc/message.svg") 9 9 9 9; +} +.popup-menu #notification .notification-button, +.popup-menu #notification .notification-icon-button { + padding: 5px; +} +#notification.multi-line-notification { + padding-bottom: 13px; + color: #ced6e0; +} +#notification-scrollview { + max-height: 10em; +} +#notification-scrollview > .top-shadow, +#notification-scrollview > .bottom-shadow { + height: 1em; +} +#notification-scrollview:ltr > StScrollBar { + padding-left: 6px; +} +#notification-scrollview:rtl > StScrollBar { + padding-right: 6px; +} +#notification-body { + spacing: 5px; +} +#notification-actions { + spacing: 10px; +} .notification-with-image { min-height: 159px; - color: rgba(0, 0, 0, 0.87); } - + color: #ced6e0; +} .notification-button, .notification-icon-button { - padding: 5px; } - + padding: 5px; +} .notification-icon-button > StIcon { - icon-size: 32px; } - + icon-size: 32px; +} #altTabPopup { padding: 8px; - spacing: 16px; } + spacing: 16px; +} .switcher-list { - color: rgba(0, 0, 0, 0.87); - border: 1px solid #c0c5bb; - background-color: #f3f4f2; + color: #ced6e0; + border: 1px solid #4a515e; + background-color: #57606f; border-radius: 3px; - padding: 20px; } - .switcher-list > StBoxLayout { - padding: 4px; } - .switcher-list-item-container { - spacing: 8px; } - .switcher-list .item-box { - padding: 8px; - border-radius: 2px; } - .switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #92b372; } - .switcher-list .item-box:selected { - color: #ffffff; - background-color: #92b372; - border: 0px solid #92b372; } - .switcher-list .thumbnail { - width: 256px; } - .switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; } - .switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); } + padding: 20px; +} +.switcher-list > StBoxLayout { + padding: 4px; +} +.switcher-list-item-container { + spacing: 8px; +} +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid rgba(100, 181, 246, 0.35); +} +.switcher-list .item-box:selected { + color: #f2f5fc; + background-color: rgba(100, 181, 246, 0.35); + border: 0px solid rgba(100, 181, 246, 0.35); +} +.switcher-list .thumbnail { + width: 256px; +} +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.2); +} .switcher-arrow { border-color: rgba(0, 0, 0, 0); - color: rgba(0, 0, 0, 0.87); } - .switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: #ffffff; } + color: #ced6e0; +} +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: #f2f5fc; +} .thumbnail-scroll-gradient-left { background-color: rgba(0, 0, 0, 0); border-radius: 24px; border-radius-topright: 0px; border-radius-bottomright: 0px; - width: 60px; } + width: 60px; +} .thumbnail-scroll-gradient-right { background-color: rgba(0, 0, 0, 0); border-radius: 24px; border-radius-topleft: 0px; border-radius-bottomleft: 0px; - width: 60px; } + width: 60px; +} .ripple-box { width: 104px; height: 104px; background-image: url("common-assets/misc/corner-ripple.svg"); - background-size: contain; } - .ripple-box:rtl { - background-image: url("common-assets/misc/corner-ripple.svg"); } + background-size: contain; +} +.ripple-box:rtl { + background-image: url("common-assets/misc/corner-ripple.svg"); +} .lightbox { - background-color: rgba(0, 0, 0, 0.4); } + background-color: rgba(0, 0, 0, 0.4); +} .flashspot { - background-color: white; } + background-color: white; +} .modal-dialog { - background-color: #f3f4f2; - border: 1px solid #c0c5bb; + background-color: #57606f; + border: 1px solid #4a515e; border-radius: 3px; - padding: 5px 10px; } - .modal-dialog > StBoxLayout:first-child { - padding: 10px; } - .modal-dialog-button-box { - spacing: 0; - margin: 0px; - padding: 10px; - border: none; - background-color: #f3f4f2; } - .modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; } - .modal-dialog .confirm-dialog-title { - text-align: center; - font-weight: bold; - font-size: 1.3em; - padding-bottom: 12px; } + padding: 5px 10px; +} +.modal-dialog > StBoxLayout:first-child { + padding: 10px; +} +.modal-dialog-button-box { + spacing: 0; + margin: 0px; + padding: 10px; + border: none; + background-color: #57606f; +} +.modal-dialog-button-box .modal-dialog-button { + padding-top: 0; + padding-bottom: 0; + height: 30px; +} +.modal-dialog .confirm-dialog-title { + text-align: center; + font-weight: bold; + font-size: 1.3em; + padding-bottom: 12px; +} .run-dialog { padding: 10px 15px 10px 15px; - border: 1px solid #c0c5bb; + border: 1px solid #4a515e; border-radius: 3px; - background-color: #f3f4f2; } - .run-dialog > * { - padding: 0; } - .run-dialog-label { - font-size: 1.3em; - font-weight: bold; - color: rgba(0, 0, 0, 0.87); - padding-bottom: 15px; - text-align: center; } - .run-dialog-description { - color: rgba(0, 0, 0, 0.87); - padding-top: 15px; - text-align: center; } - .run-dialog-description.error { - color: #FC4138; } - .run-dialog-completion-box { - padding-top: 5px; - padding-left: 15px; - font-size: 1em; } - .run-dialog-entry { - width: 21em; - height: 1.2em; - padding: 7px; - border-radius: 3px; - caret-color: #c3c3c3; - selected-color: #ffffff; - selection-background-color: #92b372; - color: #c3c3c3; - background-color: rgba(109, 109, 109, 0.4); - border: 1px solid rgba(22, 22, 22, 0.4); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } - .run-dialog-entry:focus { - color: rgba(0, 0, 0, 0.87); - background-color: #fdfdfc; - border: 1px solid #92b372; - box-shadow: inset 0 2px 4px rgba(253, 253, 252, 0.05); } - .run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; } + background-color: #57606f; +} +.run-dialog > * { + padding: 0; +} +.run-dialog-label { + font-size: 1.3em; + font-weight: bold; + color: #ced6e0; + padding-bottom: 15px; + text-align: center; +} +.run-dialog-description { + color: #ced6e0; + padding-top: 15px; + text-align: center; +} +.run-dialog-description.error { + color: #fc7661; +} +.run-dialog-completion-box { + padding-top: 5px; + padding-left: 15px; + font-size: 1em; +} +.run-dialog-entry { + width: 21em; + height: 1.2em; + padding: 7px; + border-radius: 3px; + caret-color: #c3c3c3; + selected-color: #f2f5fc; + selection-background-color: rgba(100, 181, 246, 0.35); + color: #c3c3c3; + background-color: rgba(109, 109, 109, 0.4); + border: 1px solid rgba(22, 22, 22, 0.4); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} +.run-dialog-entry:focus { + color: #dae1e9; + background-color: #86909b; + box-shadow: inset 0 2px 4px rgba(60, 77, 94, 0.05); +} +.run-dialog .modal-dialog-button-box { + border: none; + box-shadow: none; + background: none; +} /* CinnamonMountOperation Dialogs */ .cinnamon-mount-operation-icon { - icon-size: 48px; } + icon-size: 48px; +} .mount-password-reask { - color: #F27835; } + color: #f27835; +} .show-processes-dialog, .mount-question-dialog { - spacing: 24px; } - .show-processes-dialog-subject, - .mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; } - .show-processes-dialog-subject:rtl, - .mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; } - .show-processes-dialog-description, - .mount-question-dialog-description { - padding-left: 17px; - width: 28em; } - .show-processes-dialog-description:rtl, - .mount-question-dialog-description:rtl { - padding-right: 17px; } + spacing: 24px; +} +.show-processes-dialog-subject, +.mount-question-dialog-subject { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; +} +.show-processes-dialog-subject:rtl, +.mount-question-dialog-subject:rtl { + padding-left: 0px; + padding-right: 17px; +} +.show-processes-dialog-description, +.mount-question-dialog-description { + padding-left: 17px; + width: 28em; +} +.show-processes-dialog-description:rtl, +.mount-question-dialog-description:rtl { + padding-right: 17px; +} .show-processes-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 49px; - padding-right: 32px; } - .show-processes-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; } - .show-processes-dialog-app-list-item { - color: #ccc; } - .show-processes-dialog-app-list-item:hover { - color: white; } - .show-processes-dialog-app-list-item:ltr { - padding-right: 1em; } - .show-processes-dialog-app-list-item:rtl { - padding-left: 1em; } - .show-processes-dialog-app-list-item-icon:ltr { - padding-right: 17px; } - .show-processes-dialog-app-list-item-icon:rtl { - padding-left: 17px; } - .show-processes-dialog-app-list-item-name { - font-size: 1.1em; } + padding-right: 32px; +} +.show-processes-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} +.show-processes-dialog-app-list-item { + color: #ccc; +} +.show-processes-dialog-app-list-item:hover { + color: white; +} +.show-processes-dialog-app-list-item:ltr { + padding-right: 1em; +} +.show-processes-dialog-app-list-item:rtl { + padding-left: 1em; +} +.show-processes-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} +.show-processes-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} +.show-processes-dialog-app-list-item-name { + font-size: 1.1em; +} .magnifier-zoom-region { - border: 2px solid maroon; } - .magnifier-zoom-region .full-screen { - border-width: 0px; } + border: 2px solid rgb(128, 0, 0); +} +.magnifier-zoom-region .full-screen { + border-width: 0px; +} #keyboard { background-color: #353535; border-width: 0; border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); } + border-color: rgba(0, 0, 0, 0.4); +} .keyboard-layout { spacing: 10px; - padding: 10px; } + padding: 10px; +} .keyboard-row { - spacing: 15px; } + spacing: 15px; +} .keyboard-key { min-height: 2em; @@ -1074,20 +1199,24 @@ StScrollBar { border-radius: 3px; box-shadow: none; color: #c3c3c3; - border: 1px solid #c0c5bb; - background-color: rgba(109, 109, 109, 0.4); } - .keyboard-key:hover { - color: #c3c3c3; - border: 1px solid rgba(2, 2, 2, 0.4); - background-color: rgba(127, 127, 127, 0.5); } - .keyboard-key:active, .keyboard-key:checked { - color: #ffffff; - border: 1px solid #92b372; - background-color: #92b372; } - .keyboard-key:grayed { - color: #606060; - border: 1px solid rgba(2, 2, 2, 0.4); - background-color: rgba(109, 109, 109, 0.25); } + border: 1px solid #4a515e; + background-color: rgba(109, 109, 109, 0.4); +} +.keyboard-key:hover { + color: #c3c3c3; + border: 1px solid rgba(2, 2, 2, 0.4); + background-color: rgba(127, 127, 127, 0.5); +} +.keyboard-key:active, .keyboard-key:checked { + color: #f2f5fc; + border: 1px solid rgba(100, 181, 246, 0.35); + background-color: rgba(100, 181, 246, 0.35); +} +.keyboard-key:grayed { + color: #606060; + border: 1px solid rgba(2, 2, 2, 0.4); + background-color: rgba(109, 109, 109, 0.25); +} .keyboard-subkeys { color: #c3c3c3; @@ -1098,101 +1227,223 @@ StScrollBar { -arrow-border-color: rgba(0, 0, 0, 0.4); -arrow-base: 20px; -arrow-rise: 10px; - -boxpointer-gap: 5px; } + -boxpointer-gap: 5px; +} + +.menu { + color: #ced6e0; + border: 0; + border-radius: 12px; + background-color: rgba(87, 96, 111, 0.9); +} + +.popup-sub-menu { + background-color: #3c4d5e; + box-shadow: none; +} +.popup-sub-menu .popup-menu-item:ltr { + padding-right: 1.75em; +} +.popup-sub-menu .popup-menu-item:rtl { + padding-left: 1.75em; +} +.popup-sub-menu StScrollBar { + padding: 4px; +} +.popup-sub-menu StScrollBar StBin#trough, +.popup-sub-menu StScrollBar StBin#vhandle { + border-width: 0; +} + +.popup-menu-content { + padding: 1em 0em 1em 0em; +} + +.popup-menu-item { + padding: 0.4em 1.75em; + spacing: 1em; + border-left-width: 0; + border-right-width: 0; +} +.popup-menu-item:active { + color: #f2f5fc; + background-color: rgba(100, 181, 246, 0.35); +} +.popup-menu-item:insensitive { + color: rgba(206, 214, 224, 0.5); + background: none; +} + +.popup-inactive-menu-item { + color: #ced6e0; +} +.popup-inactive-menu-item:insensitive { + color: rgba(206, 214, 224, 0.45); +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -arrow-background-color: #57606f; + -arrow-border-width: 1px; + -arrow-border-color: #4a515e; + -arrow-base: 21px; + -arrow-rise: 9px; + -boxpointer-gap: 2px; +} + +/*Scale view context menu*/ +.popup-combo-menu { + color: #ced6e0; + border: 1px solid #4a515e; + border-radius: 3px; + background-color: #3c4d5e; + box-shadow: none; + padding: 1em 0em 1em 0em; +} + +.popup-combobox-item { + spacing: 1em; + padding: 0.4em 1.75em; + border: 1px solid transparent; + border-left-width: 0; + border-right-width: 0; +} + +.popup-separator-menu-item { + -gradient-height: 1px; + -gradient-start: #75818d; + -gradient-end: #75818d; + -margin-horizontal: 0; + height: 1px; +} + +.popup-alternating-menu-item:alternate { + font-weight: normal; +} + +.popup-device-menu-item { + spacing: 0.5em; +} + +.popup-subtitle-menu-item { + font-weight: normal; +} + +.nm-menu-item-icons { + spacing: 0.5em; +} .menu-favorites-box { padding: 10px; transition-duration: 300; - background-color: #fdfdfc; - border: 1px solid #c0c5bb; } - + background-color: rgba(60, 77, 94, 0.3); + border: 0; + border-radius: 6px; +} .menu-favorites-button { - padding: .9em 1em; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 2px; } - .menu-favorites-button:hover { - background-color: #92b372; } - + padding: 0.9em 1em; + border: 0; + border-radius: 6px; +} +.menu-favorites-button:hover { + background-color: rgba(100, 181, 246, 0.35); +} .menu-places-box { padding: 10px; - border: 0px solid red; } - + border: 0px solid red; +} .menu-places-button { - padding: 10px; } - + padding: 10px; +} .menu-categories-box { - padding: 10px 30px 10px 30px; } - + padding: 10px 30px 10px 30px; +} .menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; } - + padding: 10px 10px 0 10px; +} .menu-application-button { padding: 7px; - border: 1px solid rgba(0, 0, 0, 0); } - .menu-application-button:highlighted { - font-weight: bold; } - .menu-application-button-selected { - padding: 7px; - color: #ffffff; - background-color: #92b372; - border: 1px solid #c0c5bb; } - .menu-application-button-selected:highlighted { - font-weight: bold; } - .menu-application-button-label:ltr { - padding-left: 5px; } - .menu-application-button-label:rtl { - padding-right: 5px; } - + border: 0; +} +.menu-application-button:highlighted { + font-weight: bold; +} +.menu-application-button-selected { + padding: 7px; + color: #f2f5fc; + background-color: rgba(100, 181, 246, 0.35); + border-radius: 6px; +} +.menu-application-button-selected:highlighted { + font-weight: bold; +} +.menu-application-button-label:ltr { + padding-left: 5px; +} +.menu-application-button-label:rtl { + padding-right: 5px; +} .menu-category-button { padding: 7px; - border: 1px solid rgba(0, 0, 0, 0); } - .menu-category-button-selected { - padding: 7px; - color: #ffffff; - background-color: #92b372; - border: 1px solid #c0c5bb; } - .menu-category-button-hover { - background-color: red; - border-radius: 2px; } - .menu-category-button-greyed { - padding: 7px; - color: rgba(0, 0, 0, 0.42); - border: 1px solid rgba(0, 0, 0, 0); } - .menu-category-button-label:ltr { - padding-left: 5px; } - .menu-category-button-label:rtl { - padding-right: 5px; } - + border: 0; +} +.menu-category-button-selected { + padding: 7px; + color: #f2f5fc; + background-color: rgba(100, 181, 246, 0.35); + border-radius: 6px; +} +.menu-category-button-hover { + background-color: red; + border-radius: 2px; +} +.menu-category-button-greyed { + padding: 7px; + color: rgba(206, 214, 224, 0.45); + border-radius: 6px; +} +.menu-category-button-label:ltr { + padding-left: 5px; +} +.menu-category-button-label:rtl { + padding-right: 5px; +} .menu-selected-app-box { padding-right: 30px; padding-left: 28px; text-align: right; - height: 2.2em; } - .menu-selected-app-box:rtl { - padding-top: 10px; - height: 2.2em; } - + height: 2.2em; +} +.menu-selected-app-box:rtl { + padding-top: 10px; + height: 2.2em; +} .menu-selected-app-title { - font-weight: bold; } - + font-weight: bold; +} .menu-selected-app-description { - max-width: 150px; } - + max-width: 150px; +} .menu-search-box:ltr { - padding-left: 30px; } - + padding-left: 30px; +} .menu-search-box-rtl { - padding-right: 30px; } + padding-right: 30px; +} #menu-search-entry { - width: 250px; + width: 220px; min-height: 16px; font-weight: normal; - caret-color: rgba(0, 0, 0, 0.87); } - + border: 0; + border-radius: 6px; + caret-color: #ced6e0; + background-color: rgba(134, 144, 155, 0.65); +} .menu-search-entry-icon { icon-size: 1em; - color: rgba(0, 0, 0, 0.87); } + color: #ced6e0; +} /* Context menu (at the moment only for favorites) */ .info-osd { @@ -1200,55 +1451,64 @@ StScrollBar { font-weight: bold; spacing: 1em; padding: 16px; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #c0c5bb; + color: #ced6e0; + border: 1px solid #4a515e; border-radius: 5px; - background-color: #f3f4f2; } + background-color: #57606f; +} .restart-osd { - font-size: 1.6em; } + font-size: 1.6em; +} .workspace-osd { - font-size: 4em; } + font-size: 4em; +} .osd-window { text-align: center; font-weight: bold; spacing: 1em; padding: 20px; - color: rgba(0, 0, 0, 0.87); - background-color: #f3f4f2; - border: 1px solid #c0c5bb; - border-radius: 5px; } - .osd-window .osd-monitor-label { - font-size: 3em; } - .osd-window .level { - padding: 0; - height: 0.7em; - background-color: rgba(0, 0, 0, 0.5); - border-radius: 2px; } - .osd-window .level-bar { - border-radius: 2px; - background-color: #92b372; } + color: #ced6e0; + background-color: #57606f; + border: 1px solid #4a515e; + border-radius: 5px; +} +.osd-window .osd-monitor-label { + font-size: 3em; +} +.osd-window .level { + padding: 0; + height: 0.7em; + background-color: rgba(0, 0, 0, 0.5); + border-radius: 2px; +} +.osd-window .level-bar { + border-radius: 2px; + background-color: rgba(100, 181, 246, 0.35); +} .window-list-box { spacing: 6px; padding-left: 10px; - padding-top: 1px; } - .window-list-box.vertical { - spacing: 2px; - padding-left: 0px; - padding-right: 0px; - padding-top: 10px; - padding-bottom: 10px; } - .window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); } - + padding-top: 1px; +} +.window-list-box.vertical { + spacing: 2px; + padding-left: 0px; + padding-right: 0px; + padding-top: 10px; + padding-bottom: 10px; +} +.window-list-box:highlight { + background-color: rgba(252, 118, 97, 0.5); +} .window-list-item-label { font-weight: bold; width: 15em; - min-width: 5px; } - + min-width: 5px; +} .window-list-item-box { font-weight: bold; background-image: none; @@ -1256,52 +1516,62 @@ StScrollBar { padding-left: 8px; padding-right: 8px; transition-duration: 100; - color: rgba(0, 0, 0, 0.67); } - .window-list-item-box.top, .window-list-item-box.bottom { - border-bottom-width: 2px; } - .window-list-item-box.top StLabel, .window-list-item-box.bottom StLabel { - padding-left: 2px; } - .window-list-item-box.right { - padding-left: 0px; - padding-right: 0px; - border-right-width: 2px; } - .window-list-item-box.right StBin { - padding-right: 0; } - .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; - border-left-width: 2px; } - .window-list-item-box.left StBin { - padding-left: 1px; } - .window-list-item-box:hover, .window-list-item-box:groupFocus { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.07); } - .window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:focus, .window-list-item-box:running { - color: rgba(0, 0, 0, 0.87); - border-color: #92b372; - background-color: rgba(0, 0, 0, 0.07); } - .window-list-item-box .progress { - background-color: rgba(146, 179, 114, 0.8); } - + color: rgba(206, 214, 224, 0.8); +} +.window-list-item-box.top, .window-list-item-box.bottom { + border-bottom-width: 2px; +} +.window-list-item-box.top StLabel, .window-list-item-box.bottom StLabel { + padding-left: 2px; +} +.window-list-item-box.right { + padding-left: 0px; + padding-right: 0px; + border-right-width: 2px; +} +.window-list-item-box.right StBin { + padding-right: 0; +} +.window-list-item-box.left { + padding-left: 0px; + padding-right: 0px; + border-left-width: 2px; +} +.window-list-item-box.left StBin { + padding-left: 1px; +} +.window-list-item-box:hover, .window-list-item-box:groupfocus { + color: #ced6e0; + background-color: rgba(206, 214, 224, 0.2); +} +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:focus, .window-list-item-box:running { + color: #ced6e0; + border-color: rgba(100, 181, 246, 0.35); + background-color: rgba(206, 214, 224, 0.2); +} +.window-list-item-box .progress { + background-color: rgba(100, 181, 246, 0.15); +} .window-list-item-demands-attention { background-gradient-direction: vertical; - background-gradient-start: #F04A50; - background-gradient-end: #F04A50; } - + background-gradient-start: #ff5f45; + background-gradient-end: #ff5f45; +} .window-list-preview { spacing: 6px; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #c0c5bb; - background-color: #f3f4f2; + color: #ced6e0; + border: 1px solid #4a515e; + background-color: #57606f; border-radius: 3px; padding: 6px 12px 12px 12px; - font-size: 1em; } + font-size: 1em; +} .grouped-window-list-item-label { font-weight: bold; width: 15em; - min-width: 5px; } - + min-width: 5px; +} .grouped-window-list-item-box { text-align: left; font-weight: bold; @@ -1310,422 +1580,280 @@ StScrollBar { padding-left: 8px; padding-right: 8px; transition-duration: 100; - color: rgba(0, 0, 0, 0.67); } - .grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom { - border-bottom-width: 2px; } - .grouped-window-list-item-box.top StLabel, .grouped-window-list-item-box.bottom StLabel { - padding-left: 2px; } - .grouped-window-list-item-box.right { - padding-left: 0px; - padding-right: 0px; - border-right-width: 2px; } - .grouped-window-list-item-box.right StBin { - padding-right: 0; } - .grouped-window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; - border-left-width: 2px; } - .grouped-window-list-item-box.left StBin { - padding-left: 1px; } - .grouped-window-list-item-box:hover, .grouped-window-list-item-box:focus { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.17); } - .grouped-window-list-item-box:active, .grouped-window-list-item-box:checked { - color: rgba(0, 0, 0, 0.87); - border-color: #92b372; } - .grouped-window-list-item-box .progress { - background-color: rgba(146, 179, 114, 0.8); } - + color: rgba(206, 214, 224, 0.8); +} +.grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} +.grouped-window-list-item-box.top StLabel, .grouped-window-list-item-box.bottom StLabel { + padding-left: 2px; +} +.grouped-window-list-item-box.right { + padding-left: 0px; + padding-right: 0px; + border-right-width: 2px; +} +.grouped-window-list-item-box.right StBin { + padding-right: 0; +} +.grouped-window-list-item-box.left { + padding-left: 0px; + padding-right: 0px; + border-left-width: 2px; +} +.grouped-window-list-item-box.left StBin { + padding-left: 1px; +} +.grouped-window-list-item-box:hover, .grouped-window-list-item-box:focus { + color: #ced6e0; + background-color: rgba(206, 214, 224, 0.3); +} +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked { + color: #ced6e0; + border-color: rgba(100, 181, 246, 0.35); +} +.grouped-window-list-item-box .progress { + background-color: rgba(100, 181, 246, 0.15); +} .grouped-window-list-item-demands-attention { background-gradient-direction: vertical; - background-gradient-start: #F04A50; - background-gradient-end: #F04A50; } - + background-gradient-start: #ff5f45; + background-gradient-end: #ff5f45; +} .grouped-window-list-thumbnail-label { - padding-left: 4px; } - + padding-left: 4px; +} .grouped-window-list-number-label { z-index: 99; - color: #d0d0d0; } - + color: #d0d0d0; +} .grouped-window-list-badge { border-radius: 256px; - background-color: #4a4a4a; } - + background-color: #4a4a4a; +} .grouped-window-list-button-label { - padding-left: 4px; } - + padding-left: 4px; +} .grouped-window-list-thumbnail-alert { - background: rgba(255, 52, 52, 0.3); } - + background: rgba(255, 52, 52, 0.3); +} .grouped-window-list-thumbnail-menu { - color: rgba(0, 0, 0, 0.87); - border: 1px solid #c0c5bb; - background-color: #f3f4f2; + color: #ced6e0; + border: 1px solid #4a515e; + background-color: #57606f; border-radius: 3px; - padding: 0px; } - .grouped-window-list-thumbnail-menu > StBoxLayout { - padding: 4px; } - .grouped-window-list-thumbnail-menu .item-box { - padding: 10px; - border-radius: 2px; - spacing: 4px; } - .grouped-window-list-thumbnail-menu .item-box:outlined { - padding: 8px; - border: 1px solid #92b372; } - .grouped-window-list-thumbnail-menu .item-box:selected { - border: 1px solid #92b372; } - .grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; } - .grouped-window-list-thumbnail-menu .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); } - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; } - .sound-button-container { - padding-right: 3px; - padding-left: 3px; } - .sound-button StIcon { - icon-size: 1.4em; } - -.sound-track-infos { - padding: 5px; } - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; } - .sound-track-info StIcon { - icon-size: 16px; } - .sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; } - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; } - -.sound-seek-box { - padding-left: 15px; } - .sound-seek-box StLabel { - padding-top: 2px; } - .sound-seek-box StIcon { - icon-size: 16px; } - -.sound-seek-slider { - width: 140px; } - -.sound-volume-menu-item { - padding: .4em 1.75em; } - .sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; } - -.sound-playback-control { - padding: 5px 10px 10px 10px; } - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 12px 10px; - spacing: 0.5em; } - .sound-player > StBoxLayout:first-child StButton:small { - width: 20px; - height: 20px; - border: 1px solid transparent; } - .sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 12px; } - .sound-player > StBoxLayout:first-child StButton:small:hover { - color: rgba(0, 0, 0, 0.87); - background-color: white; - border: 1px solid #c0c5bb; - box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.05); } - .sound-player > StBoxLayout:first-child StButton:small:active { - color: #ffffff; - background-color: #92b372; - border: 1px solid #92b372; - box-shadow: inset 0 2px 4px #92b372; } - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); } - -.sound-player-overlay { - width: 290px; - height: 70px; - padding: 15px; - spacing: 0.5em; - background: rgba(243, 244, 242, 0.9); - border-top: 1px solid #c0c5bb; - color: rgba(0, 0, 0, 0.87); } - .sound-player-overlay StButton { - width: 22px; - height: 13px; - padding: 5px; - color: rgba(0, 0, 0, 0.87); - border-radius: 2px; - border: 1px solid transparent; } - .sound-player-overlay StButton StIcon { - icon-size: 16px; } - .sound-player-overlay StButton:hover { - color: rgba(0, 0, 0, 0.87); - background-color: white; - border: 1px solid #c0c5bb; - box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.05); } - .sound-player-overlay StButton:active { - color: #ffffff; - background-color: #92b372; - border: 1px solid #92b372; - box-shadow: inset 0 2px 4px #92b372; } - .sound-player-overlay StBoxLayout { - padding-top: 2px; } - .sound-player-overlay > StBoxLayout { - spacing: 5px; } - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: none; - -slider-height: 0.5em; - -slider-background-color: #cfd6e6; - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #92b372; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; } - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; } - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; } - .panel-left .workspace-switcher, .panel-right .workspace-switcher { - padding: 0; } - -.workspace-button { - border: 1px solid rgba(0, 0, 0, 0.4); - background-color: rgba(0, 0, 0, 0.2); - width: 20px; - height: 14px; - color: rgba(255, 255, 255, 0.45); - padding: 3px; - padding-top: 4px; - transition-duration: 200; } - .workspace-button.vertical { - height: 1.5em; - width: 24px; - padding: 0; - padding-top: 3px; - padding-bottom: 3px; } - .workspace-button:outlined { - background-color: #92b372; - color: #ffffff; } - .workspace-button:outlined:hover { - background-color: rgba(146, 179, 114, 0.7); - color: #ffffff; } - .workspace-button:hover { - background-color: rgba(0, 0, 0, 0.07); - color: #ffffff; } - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 6px; } - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-color: rgba(0, 0, 0, 0.2); } - -.workspace-graph .workspace:active { - border: 1px solid #92b372; } - -.workspace-graph .workspace .windows { - -active-window-background: white; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: white; - -inactive-window-border: rgba(0, 0, 0, 0.8); } - -.workspace-graph .workspace:active .windows { - -active-window-background: white; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: white; - -inactive-window-border: rgba(0, 0, 0, 0.8); } - -.panel-launchers { - padding-left: 7px; - spacing: 2px; } - .panel-launchers .launcher { - padding-left: 2px; - padding-right: 2px; - padding-bottom: 2px; - transition-duration: 200; } - .panel-launchers .launcher:hover { - background-color: #92b372; } - .panel-launchers.vertical { - padding-top: 2px; - padding-bottom: 2px; - padding-left: 0px; - padding-right: 0px; - spacing: 1px; } - .panel-launchers.vertical .launcher { - padding-top: 2px; - padding-bottom: 2px; } + padding: 0px; +} +.grouped-window-list-thumbnail-menu > StBoxLayout { + padding: 4px; +} +.grouped-window-list-thumbnail-menu .item-box { + padding: 10px; + border-radius: 2px; + spacing: 4px; +} +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 8px; + border: 1px solid rgba(100, 181, 246, 0.35); +} +.grouped-window-list-thumbnail-menu .item-box:selected { + border: 1px solid rgba(100, 181, 246, 0.35); +} +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background: rgba(255, 255, 255, 0.2); +} #overview-corner { - background-image: url("common-assets/misc/overview.png"); } - #overview-corner:hover { - background-image: url("common-assets/misc/overview-hover.png"); } + background-image: url("common-assets/misc/overview.png"); +} +#overview-corner:hover { + background-image: url("common-assets/misc/overview-hover.png"); +} .applet-separator { - padding: 1px 4px; } - .applet-separator.vertical { - padding: 4px 1px; } - + padding: 1px 4px; +} +.applet-separator.vertical { + padding: 4px 1px; +} .applet-separator-line { width: 1px; - background: rgba(255, 255, 255, 0.12); } - .applet-separator-line-vertical { - height: 1px; - background: rgba(255, 255, 255, 0.12); } - + background: rgba(255, 255, 255, 0.12); +} +.applet-separator-line-vertical { + height: 1px; + background: rgba(255, 255, 255, 0.12); +} .applet-box { - padding-left: 4px; - padding-right: 4px; + padding-left: 8px; + padding-right: 8px; spacing: 4px; - color: rgba(0, 0, 0, 0.87); + color: #ced6e0; text-shadow: none; transition-duration: 100; - text-align: center; } - .applet-box.vertical { - padding-left: 0px; - padding-right: 0px; - padding-top: 3px; - padding-bottom: 3px; } - .applet-box:hover, .applet-box:checked { - color: #ffffff; - background-color: #92b372; } - .applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); } - + text-align: center; +} +.applet-box.vertical { + padding-left: 0px; + padding-right: 0px; + padding-top: 3px; + padding-bottom: 3px; +} +.applet-box:hover, .applet-box:checked { + color: #f2f5fc; + background-color: rgba(100, 181, 246, 0.35); +} +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 118, 97, 0.5); +} .applet-label { font-weight: bold; - color: rgba(0, 0, 0, 0.87); } - .applet-label:hover, .applet-label:checked, .applet-box:hover .applet-label, .applet-box:checked .applet-label { - color: #ffffff; - text-shadow: none; } - + color: #ced6e0; +} +.applet-label:hover, .applet-label:checked, .applet-box:hover .applet-label, .applet-box:checked .applet-label { + color: #f2f5fc; + text-shadow: none; +} .applet-icon { - color: #ffffff; - icon-size: 22px; } - .applet-icon:hover, .applet-icon:checked, .applet-box:hover > .applet-icon, .applet-box:checked > .applet-icon { - color: #ffffff; - text-shadow: none; } + color: #f2f5fc; + icon-size: 22px; +} +.applet-icon:hover, .applet-icon:checked, .applet-box:hover > .applet-icon, .applet-box:checked > .applet-icon { + color: #f2f5fc; + text-shadow: none; +} .user-icon { width: 32px; height: 32px; background-color: transparent; border: none; - border-radius: 0; } + border-radius: 0; +} .user-label { - color: rgba(0, 0, 0, 0.87); + color: #ced6e0; font-size: 1em; font-weight: bold; - margin: 0px; } + margin: 0px; +} .desklet { - color: rgba(0, 0, 0, 0.87); } - .desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); } - .desklet-with-borders { - border: 1px solid #c0c5bb; - border-radius: 5px; - background-color: #f3f4f2; - color: rgba(0, 0, 0, 0.87); - padding: 12px; - padding-bottom: 16px; } - .desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); } - .desklet-with-borders-and-header { - border: 1px solid #c0c5bb; - border-top-width: 0; - border-radius: 0 0 5px 5px; - background-color: #f3f4f2; - color: rgba(0, 0, 0, 0.87); - border-radius: 0; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; } - .desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); } - .desklet-header { - border: 1px solid #c0c5bb; - border-radius: 5px 5px 0 0; - background-color: #ebedea; - color: rgba(0, 0, 0, 0.87); - font-size: 1em; - padding: 12px; - padding-bottom: 6px; } - .desklet-drag-placeholder { - border: 2px solid #92b372; - background-color: rgba(146, 179, 114, 0.3); } + color: #ced6e0; +} +.desklet:highlight { + background-color: rgba(252, 118, 97, 0.5); +} +.desklet-with-borders { + border: 1px solid #4a515e; + border-radius: 5px; + background-color: #57606f; + color: #ced6e0; + padding: 12px; + padding-bottom: 16px; +} +.desklet-with-borders:highlight { + background-color: rgba(252, 118, 97, 0.5); +} +.desklet-with-borders-and-header { + border: 1px solid #4a515e; + border-top-width: 0; + border-radius: 0 0 5px 5px; + background-color: #57606f; + color: #ced6e0; + border-radius: 0; + border-radius-topleft: 0; + border-radius-topright: 0; + padding: 12px; + padding-bottom: 17px; +} +.desklet-with-borders-and-header:highlight { + background-color: rgba(252, 118, 97, 0.5); +} +.desklet-header { + border: 1px solid #4a515e; + border-radius: 5px 5px 0 0; + background-color: #505966; + color: #ced6e0; + font-size: 1em; + padding: 12px; + padding-bottom: 6px; +} +.desklet-drag-placeholder { + border: 2px solid rgba(100, 181, 246, 0.35); + background-color: rgba(100, 181, 246, 0); +} .photoframe-box { - border: 1px solid #c0c5bb; + border: 1px solid #4a515e; border-radius: 5px; - background-color: #f3f4f2; - color: rgba(0, 0, 0, 0.87); + background-color: #57606f; + color: #ced6e0; padding: 12px; - padding-bottom: 16px; } + padding-bottom: 16px; +} .notification-applet-padding { - padding: .5em 1em; } + padding: 0.5em 1em; +} .notification-applet-container { - max-height: 100px; } + max-height: 100px; +} .tile-preview { - background-color: rgba(146, 179, 114, 0.3); - border: 1px solid #92b372; } - .tile-preview.snap { - background-color: rgba(146, 179, 114, 0.6); } + background-color: rgba(100, 181, 246, 0); + border: 1px solid rgba(100, 181, 246, 0.35); +} +.tile-preview.snap { + background-color: rgba(100, 181, 246, 0); +} .tile-hud { - background-color: rgba(146, 179, 114, 0.3); - border: 1px solid #92b372; } - .tile-hud.snap { - background-color: rgba(146, 179, 114, 0.6); } - .tile-hud:top { - border-top-width: 0px; } - .tile-hud:bottom { - border-bottom-width: 0px; } - .tile-hud:left { - border-left-width: 0px; } - .tile-hud:right { - border-right-width: 0px; } - .tile-hud:top-left { - border-top-width: 0px; - border-left-width: 0px; } - .tile-hud:top-right { - border-top-width: 0px; - border-right-width: 0px; } - .tile-hud:bottom-left { - border-bottom-width: 0px; - border-left-width: 0px; } - .tile-hud:bottom-right { - border-bottom-width: 0px; - border-right-width: 0px; } + background-color: rgba(100, 181, 246, 0); + border: 1px solid rgba(100, 181, 246, 0.35); +} +.tile-hud.snap { + background-color: rgba(100, 181, 246, 0); +} +.tile-hud:top { + border-top-width: 0px; +} +.tile-hud:bottom { + border-bottom-width: 0px; +} +.tile-hud:left { + border-left-width: 0px; +} +.tile-hud:right { + border-right-width: 0px; +} +.tile-hud:top-left { + border-top-width: 0px; + border-left-width: 0px; +} +.tile-hud:top-right { + border-top-width: 0px; + border-right-width: 0px; +} +.tile-hud:bottom-left { + border-bottom-width: 0px; + border-left-width: 0px; +} +.tile-hud:bottom-right { + border-bottom-width: 0px; + border-right-width: 0px; +} .xkcd-box { padding: 6px; border: 0px; background-color: rgba(0, 0, 0, 0); - border-radius: 0px; } + border-radius: 0px; +} \ No newline at end of file diff --git a/cinnamon/common-assets/misc/calendar-arrow-left-hover.svg b/cinnamon/common-assets/misc/calendar-arrow-left-hover.svg index fb957eb..0ce6498 100755 --- a/cinnamon/common-assets/misc/calendar-arrow-left-hover.svg +++ b/cinnamon/common-assets/misc/calendar-arrow-left-hover.svg @@ -1,152 +1 @@ - - - - - - - - image/svg+xml - - Gnome Symbolic Icon Theme - - - - - - - - Gnome Symbolic Icon Theme - - - - - - - - - - - - - + \ No newline at end of file diff --git a/cinnamon/common-assets/misc/calendar-arrow-left.svg b/cinnamon/common-assets/misc/calendar-arrow-left.svg index 2774254..2d6dc3b 100755 --- a/cinnamon/common-assets/misc/calendar-arrow-left.svg +++ b/cinnamon/common-assets/misc/calendar-arrow-left.svg @@ -1,152 +1 @@ - - - - - - - - image/svg+xml - - Gnome Symbolic Icon Theme - - - - - - - - Gnome Symbolic Icon Theme - - - - - - - - - - - - - + \ No newline at end of file diff --git a/cinnamon/common-assets/misc/calendar-arrow-right-hover.svg b/cinnamon/common-assets/misc/calendar-arrow-right-hover.svg index f2c44a4..78b3082 100755 --- a/cinnamon/common-assets/misc/calendar-arrow-right-hover.svg +++ b/cinnamon/common-assets/misc/calendar-arrow-right-hover.svg @@ -1,152 +1 @@ - - - - - - - - image/svg+xml - - Gnome Symbolic Icon Theme - - - - - - - - Gnome Symbolic Icon Theme - - - - - - - - - - - - - + \ No newline at end of file diff --git a/cinnamon/common-assets/misc/calendar-arrow-right.svg b/cinnamon/common-assets/misc/calendar-arrow-right.svg index 366e69b..9fbadf2 100755 --- a/cinnamon/common-assets/misc/calendar-arrow-right.svg +++ b/cinnamon/common-assets/misc/calendar-arrow-right.svg @@ -1,152 +1 @@ - - - - - - - - image/svg+xml - - Gnome Symbolic Icon Theme - - - - - - - - Gnome Symbolic Icon Theme - - - - - - - - - - - - - + \ No newline at end of file diff --git a/cinnamon/mint-y-thumbnail.png b/cinnamon/mint-y-thumbnail.png deleted file mode 100755 index 508cfe6..0000000 Binary files a/cinnamon/mint-y-thumbnail.png and /dev/null differ diff --git a/cinnamon/parse-sass.sh b/cinnamon/parse-sass.sh deleted file mode 100755 index b4483da..0000000 --- a/cinnamon/parse-sass.sh +++ /dev/null @@ -1,4 +0,0 @@ -#! /bin/bash - -sassc ./sass/cinnamon.scss cinnamon.css -sassc ./sass/cinnamon-dark.scss cinnamon-dark.css \ No newline at end of file diff --git a/cinnamon/sass/_colors.scss b/cinnamon/sass/_colors.scss deleted file mode 100755 index 9451e66..0000000 --- a/cinnamon/sass/_colors.scss +++ /dev/null @@ -1,50 +0,0 @@ -// When color definition differs for dark and light variant, -// it gets @if ed depending on $variant - -// We need to set this first because we use it to tint many -// of the remaining colors -$selected_bg_color: if($variant == 'light', #92b372, #8fa876); - -$base_color: if($variant =='light', mix($selected_bg_color, #ffffff, 2%), mix($selected_bg_color, #404040, 2%)); -$text_color: if($variant == 'light', #202020, #D3D3D3); -$bg_color: if($variant == 'light', mix($selected_bg_color, #f5f5f5, 2%), mix($selected_bg_color, #2f2f2f, 1.5%)); -$fg_color: if($variant =='light', transparentize(black, 0.13), transparentize(white, 0.13)); - -$selected_fg_color: #ffffff; - -$borders_color: if($variant =='light', darken($bg_color, 20%), darken($bg_color, 6%)); - -$separator_color: if($variant == 'light', darken($bg_color, 15%), darken($bg_color, 6%)); - -$link_color: if($variant == 'light', darken($selected_bg_color,10%), - lighten($selected_bg_color,20%)); - -$warning_color: #F27835; -$error_color: #FC4138; -$destructive_color: #F04A50; - -$insensitive_fg_color: if($variant == 'light', transparentize($fg_color, 0.45), transparentize($fg_color, 0.55)); - -$tooltip_bg_color: #fbeaa0; -$tooltip_fg_color: #4a4a4a; -$tooltip_border_color: #d0d0d0; - -$osd_fg_color: #c3c3c3; -$osd_bg_color: #353535; - -$osd_button_bg: transparentize(lighten($osd_bg_color, 22%), 0.6); -$osd_button_border: transparentize(darken($osd_bg_color, 20%), 0.6); - -$osd_entry_bg: transparentize(lighten($osd_bg_color, 22%), 0.6); -$osd_entry_border: transparentize(darken($osd_bg_color, 12%), 0.6); - -$osd_insensitive_fg_color: mix($osd_fg_color, opacify($osd_bg_color, 1), 30%); - -$panel_bg: $bg_color; -$panel_fg: $fg_color; - -$entry_bg: if($variant=='light', $base_color, lighten($base_color, 0%)); -$entry_border: if($variant == 'light', #cfd6e6, darken($borders_color, 0%)); - -$button_bg: if($variant == 'light', lighten($bg_color, 2%), lighten($base_color, 2%)); -$button_border: $entry_border; diff --git a/cinnamon/sass/_common.scss b/cinnamon/sass/_common.scss deleted file mode 100755 index d93f8b7..0000000 --- a/cinnamon/sass/_common.scss +++ /dev/null @@ -1,2253 +0,0 @@ - -$asset_path: if($variant == 'dark', dark-assets, light-assets); - -stage { - color: $fg_color; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -// -// Buttons -// -%button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 0; - - &, &:focus, &:hover, &:hover:focus, &:active, &:active:focus, &:insensitive { - border-radius: 2px; - } - - @include button(normal); - - &:focus { @include button(focus); } - &:hover { @include button(hover); } - &:hover:focus { @include button(focus-hover); } - &:active, &:active:focus { @include button(active); } - &:insensitive { @include button(insensitive); } -} - -%osd_button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 0; - border-radius: 2px; - - @include button(osd); - - &:hover { @include button(osd-hover); } - &:focus { color: $selected_bg_color; } - &:active { @include button(osd-active); } - &:insensitive { @include button(osd-insensitive); } -} - -// -// Entries -// -%entry { - padding: 7px; - caret-size: 1px; - selection-background-color: $selected_bg_color; - selected-color: $selected_fg_color; - transition-duration: 300ms; - border-radius: 3px; - - @include entry(normal); - - &:focus, &:hover { @include entry(focus); } - &:insensitive { @include entry(insensitive); } - - StIcon.capslock-warning { - icon-size: 16px; - warning-color: $warning_color; - padding: 0 4px; - } -} - -%osd_entry { - padding: 7px; - caret-size: 1px; - caret-color: $osd_fg_color; - selection-background-color: $selected_bg_color; - selected-color: $selected_fg_color; - transition-duration: 300ms; - border-radius: 3px; - - @include entry(osd); - - &:focus { @include entry(osd-focus); } - &:insensitive { @include entry(osd-insensitive); } -} - -// -// Scrollbars -// -StScrollView { - &.vfade { -st-vfade-offset: 68px; } - &.hfade { -st-hfade-offset: 68px; } -} - -StScrollBar { - - padding: 8px; - - StScrollView & { - min-width: 5px; - min-height: 5px; - } - - StBin#trough { - background-color: transparentize($base_color, 0.9); - border-radius: 8px; - } - - StButton#vhandle, StButton#hhandle { - border-radius: 2px; - background-color: mix($fg_color, $bg_color, 40%); - border: 0px solid; - margin: 0px; - - &:hover { background-color: mix($fg_color, $bg_color, 30%); } - - &:active { background-color: $selected_bg_color; } - } -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0,0,0,0); - -gradient-end: rgba(0,0,0,0); - -margin-horizontal: 1.5em; - height: 1em; -} - -// -// Slider -// -.popup-slider-menu-item, -.slider { - -slider-height: 0.3em; - -slider-background-color: $button_border; //background of the trough - -slider-border-color: transparentize($bg_color, 0.7); //trough border color - -slider-active-background-color: $selected_bg_color; //active trough fill - -slider-active-border-color: transparentize($bg_color, 0.7); //active trough border - -slider-border-width: 1px; - -slider-handle-radius: 0.5em; - height: 1em; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; -} - -// -// Check Boxes -// -.check-box { - - CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; - } - - StLabel { font-weight: normal; } - - StBin { - width: 16px; - height: 16px; - background-image: url("#{$asset_path}/checkbox/checkbox-unchecked.svg"); - } - - &:focus StBin { background-image: url("#{$asset_path}/checkbox/checkbox-unchecked-focused.svg"); } - - &:checked StBin { background-image: url("#{$asset_path}/checkbox/checkbox-checked.svg"); } - - &:focus:checked StBin { background-image: url("#{$asset_path}/checkbox/checkbox-checked-focused.svg"); } -} - -// -// Radio Buttons -// -.radiobutton { - - CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; - } - - StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; - } - - StBin { - width: 16px; - height: 16px; - background-image: url("#{$asset_path}/checkbox/checkbox-unchecked.svg"); - } - - &:focus StBin { background-image: url("#{$asset_path}/checkbox/checkbox-unchecked-focused.svg"); } - - &:checked StBin { background-image: url("#{$asset_path}/checkbox/checkbox-checked.svg"); } - - &:focus:checked StBin { background-image: url("#{$asset_path}/checkbox/checkbox-checked-focused.svg"); } -} - -// -// Switches -// -.toggle-switch { - width: 50px; - height: 20px; - background-size: contain; - - &-us, &-intl { - background-image: url("#{$asset_path}/switch/switch-off.svg"); - - &:checked { background-image: url("#{$asset_path}/switch/switch-on.svg"); } - } -} - -// -// Links -// -.cinnamon-link { - color: $link_color; - text-decoration: underline; - - &:hover { color: lighten($link_color,10%); } -} - -// -// Tooltip -// -#Tooltip { - border: 1px solid $tooltip_border_color; - border-radius: 3px; - padding: 5px 12px; - background-color: $tooltip_bg_color; - color: $tooltip_fg_color; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -// -// Looking Glass -// -#LookingGlassDialog { - color: $fg_color; - border: 1px solid $borders_color; - border-radius: 3px; - background-color: $bg_color; - spacing: 4px; - padding: 8px; -} - -// -// Popvers/Menus -// -.menu { - color: $fg_color; - border: 1px solid $borders_color; - border-radius: 3px; - background-color: transparentize($bg_color, 0.01); - - &.top { - border-radius: 0 0 3px 3px; - } - - &.bottom { - border-radius: 3px 3px 0 0; - } - - &.left { - border-radius: 0 3px 3px 0; - } - - &.right { - border-radius: 3px 0 0 3px; - } -} - -.popup-sub-menu { - background-color: $base_color; - box-shadow: none; - - .popup-menu-item:ltr { padding-right: 1.75em; } - .popup-menu-item:rtl { padding-left: 1.75em; } - - StScrollBar { - padding: 4px; - StBin#trough, StBin#vhandle { border-width: 0; } - } -} - -.popup-menu-content { padding: 1em 0em 1em 0em; } -.popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; - // border: 1px solid transparent; - border-left-width: 0; - border-right-width: 0; - - &:active { - color: $selected_fg_color; - // border-color: transparentize($fg_color, 0.89); - background-color: $selected_bg_color; - } - &:insensitive { - color: transparentize($fg_color, 0.5); - background: none; - } -} - -.popup-inactive-menu-item { //all icons and other graphical elements - color: $fg_color; - - &:insensitive { color: $insensitive_fg_color; } -} - - -/* This is for popup menus in Cinnamon versions < 3.2 */ -.popup-menu { - color: white; - color: $fg_color; - - &-arrow { icon-size: 16px; } - - .popup-sub-menu { - background-color: $base_color; - box-shadow: none; - - .popup-menu-item:ltr { padding-right: 1.75em; } - .popup-menu-item:rtl { padding-left: 1.75em; } - - StScrollBar { - padding: 4px; - StBin#trough, StBin#vhandle { border-width: 0; } - } - } - - .popup-menu-content { padding: 1em 0em 1em 0em; } - .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; - border: 1px solid transparent; - border-left-width: 0; - border-right-width: 0; - - &:active { - color: $fg_color; - border-color: transparentize($fg_color, 0.89); - background-color: transparentize($fg_color, 0.92); - } - &:insensitive { - color: transparentize($fg_color, 0.5); - background: none; - } - } - - .popup-inactive-menu-item { //all icons and other graphical elements - color: $fg_color; - - &:insensitive { color: $insensitive_fg_color; } - } - - &-icon { icon-size: 16px; } -} - -.popup-menu-boxpointer { - -arrow-border-radius: 3px; - -arrow-background-color: $bg_color; - -arrow-border-width: 1px; - -arrow-border-color: $borders_color; - -arrow-base: 21px; - -arrow-rise: 9px; - -boxpointer-gap: 2px; -} - -/*Scale view context menu*/ -.popup-combo-menu { - color: $fg_color; - border: 1px solid $borders_color; - border-radius: 3px; - background-color: $base_color; - box-shadow: none; - padding: 1em 0em 1em 0em; -} - -.popup-image-menu-item {} - -.popup-combobox-item { - spacing: 1em; - padding: .4em 1.75em; - border: 1px solid transparent; - border-left-width: 0; - border-right-width: 0; -} - -.popup-separator-menu-item { - -gradient-height: 1px; - -gradient-start: $separator_color; - -gradient-end: $separator_color; - -margin-horizontal: 0; - height: 1px; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { spacing: .5em; } - -.popup-subtitle-menu-item { font-weight: normal; } - -.nm-menu-item-icons { spacing: .5em; } - -// -// Panel -// -#panel { - font-weight: bold; - /* sets the height of horizontal panels */ - height: 40px; - /* sets the width of vertical panels */ - width: 32px; - /* Set the symbolic foreground color for icons, and importantly, the system tray applet icons */ - color: $fg_color; - - &Left { - spacing: 4px; - - &:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255,0,0,0.05); - background-gradient-end: rgba(255,0,0,0.2); - } - &:ltr { padding-right: 4px; } - &:rtl { padding-left: 4px; } - &.vertical { - padding: 0px; - &:ltr { padding-right: 0px; } - &:rtl { padding-left: 0px; } - } - } - - &Right { - - &:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0,0,255,0.05); - background-gradient-end: rgba(0,0,255,0.2); - } - &:ltr { padding-left: 4px; spacing: 0px; } - &:rtl { padding-right: 4px; spacing: 0px; } - &.vertical { - padding: 0px; - &:ltr { padding-right: 0px; } - &:rtl { padding-left: 0px; } - } - } - - &Center { - spacing: 4px; - - &:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0,255,0,0.05); - background-gradient-end: rgba(0,255,0,0.2); - } - } - - &:highlight { - border-image: none; - background-color: transparentize($error_color, 0.5); - } -} - -.panel { - - &Left { - spacing: 4px; - - &:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255,0,0,0.05); - background-gradient-end: rgba(255,0,0,0.2); - } - &:ltr { padding-right: 4px; } - &:rtl { padding-left: 4px; } - - &.vertical { - padding: 0px; - &:ltr { padding-right: 0px; } - &:rtl { padding-left: 0px; } - } - } - - &Right { - - &:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0,0,255,0.05); - background-gradient-end: rgba(0,0,255,0.2); - } - &:ltr { padding-left: 4px; spacing: 0px; } - &:rtl { padding-right: 4px; spacing: 0px; } - - &.vertical { - padding: 0px; - &:ltr { padding-left: 0px; spacing: 0px; } - &:rtl { padding-right: 0px; spacing: 0px; } - } - } - - &Center { - spacing: 4px; - - &.vertical { - padding-left: 0px; - padding-right: 0px; - } - - &:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0,255,0,0.05); - background-gradient-end: rgba(0,255,0,0.2); - } - } - - - &-top, &-bottom, &-left, &-right { - color: $selected_fg_color; - border: none; - background-color: transparentize($panel_bg, 0.01); - font-size: 1em; - padding: 0px; - } - - &-top { - box-shadow: 0 1px $borders_color; - } - - &-bottom { - box-shadow: 0 -1px $borders_color; - } - - &-left { - box-shadow: 1px 0 $borders_color; - } - - &-right { - box-shadow: -1px 0 $borders_color; - } - - &-dummy { - background-color: transparentize($error_color, 0.5); - - &:entered { background-color: transparentize($error_color, 0.4); } - } - - &-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - color: $panel_fg; - - &:hover {} - } - - &-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - color: green; - transition-duration: 100; - - &:hover {} - } -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; - - &.warning { color: $warning_color; } - &.error { color: $error_color; } -} - -// -// Overview -// -#overview { spacing: 12px; } - -.window-caption { - background-color: $osd_bg_color; - border: 1px solid $osd_bg_color; - color: $osd_fg_color; - spacing: 8px; - border-radius: 2px; - font-size: 0.9em; - padding: 5px 8px; - -cinnamon-caption-spacing: 8px; - - &:focus { - background-color: $selected_bg_color; - color: $selected_fg_color; - border: 1px solid $selected_bg_color; - } -} - -.window-border { - border: 3px $selected_bg_color; - border-radius: 2px; - background-color: rgba(255,255,255,.05); - /* Cover rounded corners and some bad adjustment gaps */ - box-shadow: 0 0 0 1px $selected_bg_color inset; -} - -.overview-empty-placeholder { - color: #ffffff; - font-size: 2em; -} - -.expo-workspaces-name-entry, -.expo-workspaces-name-entry#selected { - height: 1.5em; - border-radius: 2px; - font-size: 1em; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - @include entry(osd); - - &:focus { - border: 1px solid $selected_bg_color; - background-color: $selected_bg_color; - color: $selected_fg_color; - font-style: italic; - transition-duration: 300; - selection-background-color: $selected_fg_color; - selected-color: $selected_bg_color; - } -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255,255,255,0.0); - background-color: rgba(255,255,255,0.0); - border-radius: 2px; - - &#active { - border: 4px solid $selected_bg_color; - background-color: black; - border-radius: 2px; - } -} - -.expo-background { - background-color: opacify($osd_bg_color, 1); -} - -.workspace { - //&-controls { visible-height: 32px; } - - &-thumbnails { - spacing: 26px; - - &-background, &-background:rtl { padding: 8px; } - } - - &-add-button { - background-image: url("common-assets/misc/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; - - &:hover { - background-image: url("common-assets/misc/add-workspace-hover.svg"); - transition-duration: 100; - } - &:active { - background-image: url("common-assets/misc/add-workspace-active.svg"); - transition-duration: 100; - } - } - &-overview-background-shade { background-color: rgba(0,0,0,0.5); } -} - -.workspace-close-button, -.window-close { - background-image: url("common-assets/misc/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 12px; - - &:hover { - background-image: url("common-assets/misc/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; - } - &:active { - background-image: url("common-assets/misc/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; - } -} - -//.workspace-thumbnail-indicator { -// outline: 2px solid red; -// border: 1px solid green; -//} -// -//.window-close:rtl { -// -st-background-image-shadow: 2px 2px 6px rgba(0,0,0,0.5); -//} - -.window-close-area { - background-image: url("common-assets/misc/trash-icon.svg"); - height: 120px; - width: 400px; -} - -// -// Calendar -// -.calendar { - spacing-rows: 0; - spacing-columns: 0; -} - -.calendar-main-box { - margin: 0 .8em .5em .8em; -} - -.calendar-events-main-box { - height: 300px; - margin-right: .5em; - padding: .5em; - min-width: 350px; - border: 1px solid $borders_color; - background-color: $base_color; -} - -.calendar-events-no-events-box { -} - -.calendar-events-no-events-button { - margin: 6px 0 6px 0; - padding: 6px; - - &:hover { - background-color: $selected_bg_color; - - .calendar-events-no-events-icon, - .calendar-events-no-events-label { - color: $selected_fg_color; - } - } -} - -.calendar-events-no-events-icon, -.calendar-events-no-events-label { - font-weight: bold; - color: $fg_color; - text-align: center; -} - -.calendar-events-date-label { - padding: .1em .1em .5em .1em; - color: $fg_color; - font-weight: bold; - text-align: center; -} - -.calendar-events-event-container { - padding: 0; -} - -.calendar-event-button { - border: 1px solid rgba(0,0,0,0); - - .calendar-event-time-past { - color: transparentize($fg_color, 0.6); - font-weight: bold; - text-align: left; - margin-bottom: .2em; - } - .calendar-event-time-present { - color: $fg_color; - font-weight: bold; - text-align: left; - margin-bottom: .2em; - - &:all-day { - color: $selected_bg_color; - } - } - .calendar-event-time-future { - color: $fg_color; - font-weight: bold; - text-align: left; - margin-bottom: .2em; - } - - .calendar-event-summary { - color: $fg_color; - text-align: left; - width: 200px; - } - - .calendar-event-countdown { - text-align: right; - margin-bottom: .6em; - color: $fg_color; - - &:soon { - font-weight: bold; - } - &:imminent { - font-weight: bold; - color: $warning_color; - } - &:current { - font-weight: bold; - color: $selected_bg_color; - } - } - - &:hover { - background-color: $selected_bg_color; - border: 1px solid $borders_color; - .calendar-event-time-past, - .calendar-event-time-present, - .calendar-event-time-future, - .calendar-event-summary { - color: $selected_fg_color - } - - .calendar-event-countdown { - text-align: right; - margin-bottom: .6em; - color: $selected_fg_color; - - &:soon { - font-weight: bold; - } - &:imminent { - font-weight: bold; - } - &:current { - font-weight: bold; - } - } - } -} - -.calendar-event-row-content { -} - -.calendar-event-color-strip { - width: 2px; -} - -.calendar-today-home-button { - padding: 6px; -} - -.calendar-today-day-label { - font-size: 1.75em; - color: $fg_color; - font-weight: bold; - text-align: center; - padding-bottom: .1em; -} - -.calendar-today-date-label { - font-size: 1.1em; - color: $fg_color; - font-weight: bold; - text-align: center; -} - -.calendar-today-home-button-enabled { - padding: 6px; - - &:hover { - background-color: $selected_bg_color; - - .calendar-today-day-label { - color: $selected_fg_color - } - .calendar-today-date-label { - color: $selected-fg-color - } - } -} - -.calendar-month-label { - color: $fg_color; - font-weight: bold; - padding: 8px 0; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 16px; - height: 16px; -} - -//arrow back -.calendar-change-month-back { - background-image: url("common-assets/misc/calendar-arrow-left.svg"); - - &:focus, &:hover { background-image: url("common-assets/misc/calendar-arrow-left-hover.svg"); } - - &:active { background-image: url("common-assets/misc/calendar-arrow-left.svg"); } - - &:rtl { - background-image: url("common-assets/misc/calendar-arrow-right.svg"); - - &:focus, &:hover { background-image: url("common-assets/misc/calendar-arrow-right-hover.svg"); } - - &:active { background-image: url("common-assets/misc/calendar-arrow-right.svg"); } - } -} - -//arrow forward -.calendar-change-month-forward { - background-image: url("common-assets/misc/calendar-arrow-right.svg"); - - &:focus, &:hover { background-image: url("common-assets/misc/calendar-arrow-right-hover.svg"); } - - &:active { background-image: url("common-assets/misc/calendar-arrow-right.svg"); } - - &:rtl { - background-image: url("common-assets/misc/calendar-arrow-left.svg"); - - &:focus, &:hover { background-image: url("common-assets/misc/calendar-arrow-left-hover.svg"); } - - &:active { background-image: url("common-assets/misc/calendar-arrow-left.svg"); } - } -} - -.calendar-day-event-dot-box { - margin-top: 1.7em; - max-rows: 1; -} - -.calendar-day-event-dot { - margin: 1px; - border-radius: 2px; - width: 4px; - height: 4px; -} - -.calendar-day-base { - font-size: 1em; - text-align: center; - width: 2.2em; - height: 2.2em; - padding: 0.1em; - - &:hover { - font-weight: bold; - color: $selected_fg_color; - background-color: $selected_bg_color; - } -} - -.calendar-day-heading { - color: transparentize($fg_color, 0.15); - margin-top: 1em; - font-size: 1.05em; -} - -.calendar-day { - border-width: 0; - color: transparentize($fg_color, 0.1); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: $fg_color; - background-color: transparent; - font-weight: bold; -} - -.calendar-today { - color: $fg_color; - background-color: if($variant == 'light', transparentize($selected_bg_color, 0.6), transparentize($selected_bg_color, 0.6)); - border-width: 0; - - &:selected { - font-weight: bold; - } -} - -.calendar-not-today { - color: $fg_color; - - &:selected { - font-weight: bold; - background-color: if($variant == 'light', transparentize($fg_color, 0.7), transparentize($fg_color, 0.6)); - - &:hover { - font-weight: bold; - color: $fg_color; - } - } -} - -.calendar-other-month-day { - color: transparentize($fg_color, 0.7); - opacity: 1; -} - -.calendar-other-month-day:hover { - color: $selected_fg_color; - opacity: 1; -} - -.calendar-week-number { - color: transparentize($fg_color, 0.15); - font-size: 0.8em; - margin-top: 0.8em; -} - -// -// Notifications -// -#notification { - border: 1px solid $borders_color; - border-radius: 3px; - background-color: $bg_color; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: $fg_color; - - .popup-menu & { - color: $fg_color; - border-image: url("#{$asset_path}/misc/message.svg") 9 9 9 9; - - .notification-button, .notification-icon-button { - @extend %button; - padding: 5px; - } - - StEntry { @extend %entry; } - } - - &.multi-line-notification { - padding-bottom: 13px; - color: $fg_color; - } - - &-scrollview { - max-height: 10em; - - > .top-shadow, > .bottom-shadow { height: 1em; } - - &:ltr > StScrollBar { padding-left: 6px; } - &:rtl > StScrollBar { padding-right: 6px; } - } - - &-body { spacing: 5px; } - &-actions { spacing: 10px; } -} - -.notification { - - &-with-image { - min-height: 159px; - color: $fg_color; - } - - &-button, &-icon-button { - @extend %button; - padding: 5px; - } - - &-icon-button > StIcon { icon-size: 32px; } - - StEntry { @extend %osd_entry; } -} - -// -// Alt Tab -/// -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: $fg_color; - border: 1px solid $borders_color; - background-color: $bg_color; - border-radius: 3px; - padding: 20px; - - > StBoxLayout { - padding: 4px; - } - - &-item-container { spacing: 8px; } - - .item-box { - padding: 8px; - border-radius: 2px; - - &:outlined { - padding: 8px; - border: 1px solid $selected_bg_color; - } - - &:selected { - color: $selected_fg_color; - background-color: $selected_bg_color; - border: 0px solid $selected_bg_color; - } - } - - .thumbnail { width: 256px; } - - .thumbnail-box { - padding: 2px; - spacing: 4px; - } - .separator { - width: 1px; - background: rgba(255,255,255,0.2); - } -} - -.switcher-arrow { - border-color: rgba(0,0,0,0); - color: $fg_color; - - &:highlighted { - border-color: rgba(0,0,0,0); - color: $selected_fg_color; - } -} - -//.switcher-preview-backdrop { background-color: rgba(25,25,25,0.95); } - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -// -//Activities Ripples -// -.ripple-box { - width: 104px; - height: 104px; - background-image: url("common-assets/misc/corner-ripple.svg"); - background-size: contain; - - &:rtl { background-image: url("common-assets/misc/corner-ripple.svg"); } -} - -// -// Modal dialogs -// -.lightbox { background-color: rgba(0, 0, 0, 0.4); } -.flashspot { background-color: white; } - -.modal-dialog { - background-color: $bg_color; - border: 1px solid $borders_color; - border-radius: 3px; - padding: 5px 10px; - - > StBoxLayout:first-child { - padding: 10px; - } - - &-button-box { - spacing: 0; - margin: 0px; - padding: 10px; - border: none; - background-color: $bg_color; - - .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; - - @extend %button; - } - } - - .confirm-dialog-title { - text-align: center; - font-weight: bold; - font-size: 1.3em; - padding-bottom: 12px; - } -} - -// -// Run dialog -// -.run-dialog { - padding: 10px 15px 10px 15px; - border: 1px solid $borders_color; - border-radius: 3px; - background-color: $bg_color; - - > * { padding: 0; } - - &-label { - font-size: 1.3em; - font-weight: bold; - color: $fg_color; - padding-bottom: 15px; - text-align: center; - } - - &-description { - color: $fg_color; - padding-top: 15px; - text-align: center; - - &.error { color: $error_color; } - } - - // &-error-label { color: $error_color; } - - // &-error-box { - // padding-top: 15px; - // spacing: 5px; - // } - &-completion-box { - padding-top: 5px; - padding-left: 15px; - font-size: 1em; - } - &-entry { - width: 21em; - height: 1.2em; - padding: 7px; - border-radius: 3px; - caret-color: $osd_fg_color; - selected-color: $selected_fg_color; - selection-background-color: $selected_bg_color; - - @include entry(osd); - - &:focus { @include entry(focus); } - } - .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - } -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: $warning_color; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; - - &-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - - &:rtl { - padding-left: 0px; - padding-right: 17px; - } - } - &-description { - padding-left: 17px; - width: 28em; - - &:rtl { padding-right: 17px; } - } -} - -.show-processes-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; - - &:rtl { - padding-right: 49px; - padding-left: 32px; - } - - &-item { - color: #ccc; - - &:hover { color: white } - - &:ltr { padding-right: 1em; } - &:rtl { padding-left: 1em; } - - &-icon:ltr { padding-right: 17px; } - &-icon:rtl { padding-left: 17px; } - - &-name { font-size: 1.1em; } - } -} - -// -// Magnifier -// -.magnifier-zoom-region { - border: 2px solid rgba(128, 0, 0, 1); - - .full-screen { border-width: 0px; } -} - -// -// On-Screen Keyboard -// -#keyboard { - background-color: $osd_bg_color; - border-width: 0; - border-top-width: 1px; - border-color: transparentize(black, 0.6); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 1.4em; - font-weight: bold; - border-radius: 3px; - box-shadow: none; - - @include button(osd); - - &:hover { @include button(osd-hover); } - &:active, &:checked { @include button(osd-active); } - - &:grayed { @include button(osd-insensitive); } -} - -.keyboard-subkeys { //long press on a key popup - color: $osd_fg_color; - padding: 5px; - -arrow-border-radius: 2px; - -arrow-background-color: $osd_bg_color; - -arrow-border-width: 1px; - -arrow-border-color: transparentize(black, 0.6);; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -// -// Cinnamon Specific Section -// - -// -// Menu (menu.js) -// -.menu { - &-favorites-box { - padding: 10px; - transition-duration: 300; - background-color: $base_color; - border: 1px solid $borders_color; - } - - &-favorites-button { - padding: .9em 1em; - border: 1px solid rgba(0,0,0,0); - border-radius: 2px; - - &:hover { - background-color: $selected_bg_color; - } - } - - &-places { - - &-box { - padding: 10px; - border: 0px solid red; - } - - &-button { padding: 10px; } - } - - &-categories-box { padding: 10px 30px 10px 30px; } - - &-applications-inner-box, - &-applications-outer-box { padding: 10px 10px 0 10px; } - - &-application-button { - padding: 7px; - border: 1px solid rgba(0,0,0,0); - - // This style is used in menu application buttons for applications which were newly installed - &:highlighted { font-weight: bold; } - - &-selected { - padding: 7px; - color: $selected_fg_color; - background-color: $selected_bg_color; - border: 1px solid $borders_color; - - &:highlighted { font-weight: bold; } - } - - &-label:ltr { padding-left: 5px; } - &-label:rtl { padding-right: 5px; } - } - - &-category-button { - padding: 7px; - border: 1px solid rgba(0,0,0,0); - - &-selected { - padding: 7px; - color: $selected_fg_color; - background-color: $selected_bg_color; - border: 1px solid $borders_color; - } - &-hover { - background-color: red; - border-radius: 2px; - } - &-greyed { - padding: 7px; - color: $insensitive_fg_color; - border: 1px solid rgba(0,0,0,0); - } - - &-label:ltr { padding-left: 5px; } - &-label:rtl { padding-right: 5px; } - } - - // Name and description of the currently hovered item in the menu - // This appears on the bottom right hand corner of the menu - &-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 2.2em; - - &:rtl { - padding-top: 10px; - height: 2.2em; - } - } - - &-selected-app-title { font-weight: bold; } - - &-selected-app-description { max-width: 150px; } - - &-search-box:ltr { padding-left: 30px; } - &-search-box-rtl { padding-right: 30px; } -} - -#menu-search-entry { - width: 250px; - min-height: 16px; - font-weight: normal; - caret-color: $fg_color; - - @extend %entry; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: $fg_color; -} - -/* Context menu (at the moment only for favorites) */ -.menu-context-menu { -} - -// -// OSD -// -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: $fg_color; - border: 1px solid $borders_color; - border-radius: 5px; - background-color: $bg_color; -} - -.restart-osd { - font-size: 1.6em; -} - -.workspace-osd { - font-size: 4em; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - - color: $fg_color; - background-color: $bg_color; - border: 1px solid $borders_color; - border-radius: 5px; - - .osd-monitor-label { font-size: 3em; } - - .level { - padding: 0; - height: 0.7em; - background-color: transparentize(black, 0.5); - border-radius: 2px; - } - - .level-bar { - border-radius: 2px; - background-color: $selected_bg_color; - } -} - -// -// Window list (windowList.js) -// -.window-list { - - &-box { - spacing: 6px; - padding-left: 10px; - padding-top: 1px; - - &.vertical { - spacing: 2px; - padding-left: 0px; - padding-right: 0px; - padding-top: 10px; - padding-bottom: 10px; - } - - &:highlight { - background-color: transparentize($error_color, 0.5); - } - } - - &-item-label { - font-weight: bold; - width: 15em; - min-width: 5px; - } - - &-item-box { - font-weight: bold; - background-image: none; - padding-top: 0; - padding-left: 8px; - padding-right: 8px; - transition-duration: 100; - color: transparentize($panel_fg, 0.2); - - &.top, - &.bottom { - border-bottom-width: 2px; - - & StLabel { padding-left: 2px; } - } - - &.right { - padding-left: 0px; - padding-right: 0px; - border-right-width: 2px; - - & StBin { padding-right: 0; } - } - - &.left { - padding-left: 0px; - padding-right: 0px; - border-left-width: 2px; - - & StBin { padding-left: 1px; } - } - - &:hover, - &:groupFocus { - color: $panel_fg; - background-color: transparentize($panel_fg, 0.8); - } - - &:active, - &:checked, - &:focus, - &:running { - color: $panel_fg; - border-color: $selected_bg_color; - background-color: transparentize($panel_fg, 0.8); - } - - & .progress { - background-color: transparentize($selected_bg_color, 0.2); - } - } - - &-item-demands-attention { - background-gradient-direction: vertical; - background-gradient-start: $destructive_color; - background-gradient-end: $destructive_color; - } - - &-preview { - spacing: 6px; - color: $fg_color; - border: 1px solid $borders_color; - background-color: $bg_color; - border-radius: 3px; - padding: 6px 12px 12px 12px; - font-size: 1em; - } -} - -// -// Grouped window list -// - -.grouped-window-list { - - &-item-label { - font-weight: bold; - width: 15em; - min-width: 5px; - } - - &-item-box { - text-align: left; - font-weight: bold; - background-image: none; - padding-top: 0; - padding-left: 8px; - padding-right: 8px; - transition-duration: 100; - color: transparentize($panel_fg, 0.2); - - &.top, - &.bottom { - border-bottom-width: 2px; - - & StLabel { padding-left: 2px; } - } - - &.right { - padding-left: 0px; - padding-right: 0px; - border-right-width: 2px; - - & StBin { padding-right: 0; } - } - - &.left { - padding-left: 0px; - padding-right: 0px; - border-left-width: 2px; - - & StBin { padding-left: 1px; } - } - - &:hover, - &:focus { - color: $panel_fg; - background-color: transparentize($panel_fg, 0.7); - } - - &:active, - &:checked { - color: $panel_fg; - border-color: $selected_bg_color; - } - - & .progress { - background-color: transparentize($selected_bg_color, 0.2); - } - } - - &-item-demands-attention { - background-gradient-direction: vertical; - background-gradient-start: $destructive_color; - background-gradient-end: $destructive_color; - } - - &-thumbnail-label { - padding-left: 4px; - } - - &-number-label { - z-index: 99; - color: $tooltip_border_color; - } - - &-badge { - border-radius: 256px; - background-color: $tooltip_fg_color; - } - - &-button-label { - padding-left: 4px; - } - - &-thumbnail-alert { - background: rgba(255,52,52,0.3); - } - - &-thumbnail-menu { - color: $fg_color; - border: 1px solid $borders_color; - background-color: $bg_color; - border-radius: 3px; - padding: 0px; - - > StBoxLayout { - padding: 4px; - } - - .item-box { - padding: 10px; - border-radius: 2px; - spacing: 4px; - - &:outlined { - padding: 8px; - border: 1px solid $selected_bg_color; - } - - &:selected { - border: 1px solid $selected_bg_color; - } - } - - .thumbnail { width: 256px; } - - .separator { - width: 1px; - background: rgba(255,255,255,0.2); - } - } -} - -/// -// Sound Applet (status/volume.js) -// -.sound-button { - width: 22px; - height: 13px; - padding: 8px; - - @extend %button; - - &-container { - padding-right: 3px; - padding-left: 3px; - } - StIcon { icon-size: 1.4em; } -} - -.sound-track { - &-infos { padding: 5px; } - &-info { - padding-top: 2px; - padding-bottom: 2px; - - StIcon { icon-size: 16px; } - - StLabel { - padding-left: 5px; - padding-right: 5px; - } - } - &-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; - } -} - -.sound-seek-box { - padding-left: 15px; - - StLabel { padding-top: 2px; } - StIcon { icon-size: 16px; } -} - -.sound-seek-slider { width: 140px; } - -.sound-volume-menu-item { - padding: .4em 1.75em; - - StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; - } -} - -.sound-playback-control { padding: 5px 10px 10px 10px; } - -// 2.8 -.sound-player { - // padding: 0 4px; - - > StBoxLayout:first-child { - padding: 5px 10px 12px 10px; - spacing: 0.5em; - - StButton:small { - width: 20px; - height: 20px; - border: 1px solid transparent; - - StIcon { icon-size: 12px; } - - &:hover { @include button(hover); } - &:active { @include button(active); } - } - } - - &-generic-coverart { - background: rgba(0,0,0,0.2); - } - - &-overlay { - width: 290px; - height: 70px; - padding: 15px; - spacing: 0.5em; - background: transparentize($bg_color, 0.1); - border-top: 1px solid $borders_color; - // background: transparentize(darken($osd_bg_color, 5%), 0.1); - // border: 0px solid darken($osd_bg_color, 10%); - // border-bottom: 1px ; - color: $fg_color; - - StButton { - width: 22px; - height: 13px; - padding: 5px; - color: $fg_color; - border-radius: 2px; - border: 1px solid transparent; - - StIcon { icon-size: 16px; } - - &:hover{ @include button(hover); } - &:active { @include button(active); } - } - - StBoxLayout { - padding-top: 2px; - } - - > StBoxLayout { - spacing: 5px; - } - } - - .slider { - height: 0.5em; - padding: 0; - border: none; - -slider-height: 0.5em; - -slider-background-color: if($variant == 'light', $button_border, darken($bg_color, 5%)); - -slider-border-color: rgba(0,0,0,0); - -slider-active-background-color: $selected_bg_color; - -slider-active-border-color: rgba(0,0,0,0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; - } -} - -// -// Workspace Switcher applet (workspaceSwitcher.js) -// -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; - - .panel-left &, - .panel-right & { - padding: 0; - } -} - -.workspace-button { - border: 1px solid transparentize(black, 0.6); - background-color: transparentize(black, 0.8); - width: 20px; - height: 14px; - color: transparentize($selected_fg_color, 0.55); - padding: 3px; - padding-top: 4px; - transition-duration: 200; - - &.vertical { - height: 1.5em; - width: 24px; - padding: 0; - padding-top: 3px; - padding-bottom: 3px; - } - - &:outlined { - background-color: $selected_bg_color; - color: $selected_fg_color; - - &:hover { - background-color: transparentize($selected_bg_color, 0.3); - color: $selected_fg_color; - } - } - - &:hover { - background-color: transparentize($fg_color, 0.8); - color: $selected_fg_color; - } -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 6px; -} - -.workspace-graph .workspace { - border: 1px solid transparentize(black, 0.6); - background-color: transparentize(black, 0.8); -} - -.workspace-graph .workspace:active { - border: 1px solid $selected_bg_color; -} - -.workspace-graph .workspace .windows { - -active-window-background: lighten($panel_bg, 15%); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: lighten($panel_bg, 15%); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: lighten($panel_bg, 25%); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: lighten($panel_bg, 5%); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -// -// Panel Launchers Applet (panelLaunchers.js) -// -.panel-launchers { - padding-left: 7px; - spacing: 2px; - - & .launcher { - padding-left: 2px; - padding-right: 2px; - padding-bottom: 2px; - // border-bottom-width: 1px; - transition-duration: 200; - - &:hover { background-color: $selected_bg_color; } - } - - &.vertical { - padding-top: 2px; - padding-bottom: 2px; - padding-left:0px; - padding-right: 0px; - spacing: 1px; - - & .launcher { - padding-top: 2px; - padding-bottom: 2px; - } - } -} - -// -// Overview corner -// -#overview-corner { - background-image: url("common-assets/misc/overview.png"); - - &:hover { background-image: url("common-assets/misc/overview-hover.png"); } -} - -// -// Applets (applet.js) -// -.applet { - &-separator { - padding: 1px 4px; - - &.vertical { padding: 4px 1px; } - } - - &-separator-line { - width: 1px; - background: rgba(255,255,255, 0.12); - - &-vertical { - height: 1px; - background: rgba(255,255,255, 0.12); - } - } - - &-box { - padding-left: 4px; - padding-right: 4px; - spacing: 4px; - color: $panel_fg; - text-shadow: none; - transition-duration: 100; - text-align: center; - - &.vertical { - padding-left: 0px; - padding-right: 0px; - padding-top: 3px; - padding-bottom: 3px; - } - - &:hover, - &:checked { - color: $selected_fg_color; - background-color: $selected_bg_color; - } - - &:highlight { - background-image: none; - border-image: none; - background-color: transparentize($error_color, 0.5); - } - } - - &-label { - font-weight: bold; - color: $panel_fg; - - &:hover, - &:checked, - .applet-box:hover &, - .applet-box:checked & { - color: $selected_fg_color; - text-shadow: none; - } - } - - &-icon { - color: $selected_fg_color; - icon-size: 22px; - - &:hover, - &:checked, - .applet-box:hover > &, - .applet-box:checked > & { - color: $selected_fg_color; - text-shadow: none; - } - } - -} - -// -// User Applet -// -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: $fg_color; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -// -// Desklets (desklet.js) -// -.desklet { - color: $fg_color; - - &:highlight { - background-color: transparentize($error_color, 0.5); - } - - &-with-borders { - border: 1px solid $borders_color; - border-radius: 5px; - background-color: $bg_color; - color: $fg_color; - padding: 12px; - padding-bottom: 16px; - - &:highlight { - background-color: transparentize($error_color, 0.5); - } - } - - &-with-borders-and-header { - border: 1px solid $borders_color; - border-top-width: 0; - border-radius: 0 0 5px 5px; - background-color: $bg_color; - color: $fg_color; - border-radius: 0; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; - - &:highlight { - background-color: transparentize($error_color, 0.5); - } - } - - &-header { - border: 1px solid $borders_color; - border-radius: 5px 5px 0 0; - background-color: darken($bg_color, 3%); - color: $fg_color; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; - } - - &-drag-placeholder { - border: 2px solid $selected_bg_color; - background-color: transparentize($selected_bg_color, 0.7); - } -} - -.photoframe-box { - border: 1px solid $borders_color; - border-radius: 5px; - background-color: $bg_color; - color: $fg_color; - padding: 12px; - padding-bottom: 16px; -} - -// -// Notification Applet -// -.notification-applet-padding { padding: .5em 1em; } - -.notification-applet-container { max-height: 100px; } - -// -// Tile Preview -// -.tile-preview { - background-color: transparentize($selected_bg_color, 0.7); - border: 1px solid $selected_bg_color; - - &.snap { background-color: transparentize($selected_bg_color, 0.4); } -} - -.tile-hud { - background-color: transparentize($selected_bg_color, 0.7); - border: 1px solid $selected_bg_color; - - &.snap { background-color: transparentize($selected_bg_color, 0.4); } - - &:top { border-top-width: 0px; } - &:bottom { border-bottom-width: 0px; } - &:left { border-left-width: 0px; } - &:right { border-right-width: 0px; } - &:top-left { - border-top-width: 0px; - border-left-width: 0px; - } - &:top-right { - border-top-width: 0px; - border-right-width: 0px; - } - &:bottom-left { - border-bottom-width: 0px; - border-left-width: 0px; - } - &:bottom-right { - border-bottom-width: 0px; - border-right-width: 0px; - } -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0,0,0,0); - border-radius: 0px; -} diff --git a/cinnamon/sass/cinnamon-dark.scss b/cinnamon/sass/cinnamon-dark.scss deleted file mode 100755 index 6e75827..0000000 --- a/cinnamon/sass/cinnamon-dark.scss +++ /dev/null @@ -1,5 +0,0 @@ -$variant: 'dark'; - -@import "_colors"; //use gtk colors -@import "_drawing"; -@import "_common"; diff --git a/cinnamon/sass/cinnamon.css b/cinnamon/sass/cinnamon.css new file mode 100644 index 0000000..a492ded --- /dev/null +++ b/cinnamon/sass/cinnamon.css @@ -0,0 +1 @@ +stage{color:#ced6e0}.label-shadow{color:rgba(0,0,0,0)}.modal-dialog-button-box .modal-dialog-button,.notification-button,.notification-icon-button,.popup-menu #notification .notification-button,.popup-menu #notification .notification-icon-button{min-height:20px;padding:5px 32px;transition-duration:0;color:#ced6e0;background-color:#405264;border:1px solid #4a515e;box-shadow:inset 0 2px 4px rgba(64,82,100,.05)}.modal-dialog-button-box .modal-dialog-button,.notification-button,.notification-icon-button,.popup-menu #notification .notification-button,.popup-menu #notification .notification-icon-button{border-radius:2px}.modal-dialog-button-box .modal-dialog-button:focus,.notification-button:focus,.notification-icon-button:focus,.popup-menu #notification .notification-button:focus,.popup-menu #notification .notification-icon-button:focus{color:#ced6e0;background-color:#405264;border:1px solid rgba(100,181,246,.35);box-shadow:inset 0 2px 4px rgba(64,82,100,.05)}.modal-dialog-button-box .modal-dialog-button:hover,.notification-button:hover,.notification-icon-button:hover,.popup-menu #notification .notification-button:hover,.popup-menu #notification .notification-icon-button:hover{color:#ced6e0;background-color:#4a5f74;border:1px solid #4a515e;box-shadow:inset 0 2px 4px rgba(74,95,116,.05)}.modal-dialog-button-box .modal-dialog-button:hover:focus,.notification-button:hover:focus,.notification-icon-button:hover:focus,.popup-menu #notification .notification-button:hover:focus,.popup-menu #notification .notification-icon-button:hover:focus{color:#ced6e0;background-color:#4a5f74;border:1px solid rgba(100,181,246,.35);box-shadow:inset 0 2px 4px rgba(64,82,100,.05)}.modal-dialog-button-box .modal-dialog-button:active,.notification-button:active,.notification-icon-button:active,.popup-menu #notification .notification-button:active,.popup-menu #notification .notification-icon-button:active{color:#f2f5fc;background-color:rgba(100,181,246,.35);border:1px solid rgba(100,181,246,.35);box-shadow:inset 0 2px 4px rgba(100,181,246,.35)}.modal-dialog-button-box .modal-dialog-button:insensitive,.notification-button:insensitive,.notification-icon-button:insensitive,.popup-menu #notification .notification-button:insensitive,.popup-menu #notification .notification-icon-button:insensitive{color:rgba(206,214,224,.45);border:1px solid rgba(74,81,94,.55);background-color:rgba(64,82,100,.55);box-shadow:inset 0 2px 4px rgba(64,82,100,.05)}#menu-search-entry,.popup-menu #notification StEntry{padding:7px;caret-size:1px;selection-background-color:rgba(100,181,246,.35);selected-color:#f2f5fc;transition-duration:300ms}#menu-search-entry:insensitive,.popup-menu #notification StEntry:insensitive{color:rgba(206,214,224,.45);background-color:#485666;border-color:1px solid #505866;box-shadow:inset 0 2px 4px rgba(72,86,102,.05)}#menu-search-entry StIcon.capslock-warning,.popup-menu #notification StEntry StIcon.capslock-warning{icon-size:16px;warning-color:#f27835;padding:0 4px}.notification StEntry{padding:7px;caret-size:1px;caret-color:#c3c3c3;selection-background-color:rgba(100,181,246,.35);selected-color:#f2f5fc;transition-duration:300ms;border-radius:3px;color:#c3c3c3;background-color:rgba(109,109,109,.4);border:1px solid rgba(22,22,22,.4);box-shadow:inset 0 2px 4px rgba(0,0,0,.05)}.notification StEntry:focus{color:#f2f5fc;background-color:rgba(100,181,246,.35);border:1px solid rgba(100,181,246,.35);box-shadow:inset 0 2px 4px rgba(0,0,0,.05)}.notification StEntry:insensitive{color:rgba(195,195,195,.55);background-color:rgba(109,109,109,.25);border:1px solid rgba(22,22,22,.4);box-shadow:inset 0 2px 4px rgba(0,0,0,.05)}StScrollView.vfade{-st-vfade-offset:68px}StScrollView.hfade{-st-hfade-offset:68px}StScrollBar{padding:8px}StScrollView StScrollBar{min-width:5px;min-height:5px}StScrollBar StBin#trough{background-color:rgba(60,77,94,.1);border-radius:8px}StScrollBar StButton#vhandle,StScrollBar StButton#hhandle{border-radius:2px;background-color:#878f9c;border:0px solid;margin:0px}StScrollBar StButton#vhandle:hover,StScrollBar StButton#hhandle:hover{background-color:#7b8391}StScrollBar StButton#vhandle:active,StScrollBar StButton#hhandle:active{background-color:rgba(100,181,246,.35)}.separator{-gradient-height:1px;-gradient-start:rgba(0,0,0,0);-gradient-end:rgba(0,0,0,0);-margin-horizontal:1.5em;height:1em}.popup-slider-menu-item,.slider{-slider-height:.3em;-slider-background-color:#4a515e;-slider-border-color:rgba(87,96,111,.3);-slider-active-background-color:rgba(100,181,246,.35);-slider-active-border-color:rgba(87,96,111,.3);-slider-border-width:1px;-slider-handle-radius:.5em;height:1em;min-width:15em;border:0 solid transparent;border-right-width:1px;border-left-width:5px}.check-box CinnamonGenericContainer{spacing:.2em;min-height:30px;padding-top:2px}.check-box StLabel{font-weight:normal}.check-box StBin{width:16px;height:16px;background-image:url("dark-assets/checkbox/checkbox-unchecked.svg")}.check-box:focus StBin{background-image:url("dark-assets/checkbox/checkbox-unchecked-focused.svg")}.check-box:checked StBin{background-image:url("dark-assets/checkbox/checkbox-checked.svg")}.check-box:focus:checked StBin{background-image:url("dark-assets/checkbox/checkbox-checked-focused.svg")}.radiobutton CinnamonGenericContainer{spacing:.2em;height:26px;padding-top:2px}.radiobutton StLabel{padding-top:4px;font-size:.9em;box-shadow:none}.radiobutton StBin{width:16px;height:16px;background-image:url("dark-assets/checkbox/checkbox-unchecked.svg")}.radiobutton:focus StBin{background-image:url("dark-assets/checkbox/checkbox-unchecked-focused.svg")}.radiobutton:checked StBin{background-image:url("dark-assets/checkbox/checkbox-checked.svg")}.radiobutton:focus:checked StBin{background-image:url("dark-assets/checkbox/checkbox-checked-focused.svg")}.toggle-switch{width:50px;height:20px;background-size:contain}.toggle-switch-us,.toggle-switch-intl{background-image:url("dark-assets/switch/switch-off.svg")}.toggle-switch-us:checked,.toggle-switch-intl:checked{background-image:url("dark-assets/switch/switch-on.svg")}.cinnamon-link{color:rgba(196,227,252,.35);text-decoration:underline}.cinnamon-link:hover{color:rgba(245,250,254,.35)}#Tooltip{border:1px solid #d0d0d0;border-radius:3px;padding:5px 12px;background-color:#fbeaa0;color:#4a4a4a;font-size:1em;font-weight:normal;text-align:center}#LookingGlassDialog{color:#ced6e0;border:1px solid #4a515e;border-radius:3px;background-color:#57606f;spacing:4px;padding:8px}#panel{font-weight:bold;height:40px;width:32px;color:#ced6e0;background-color:rgba(16,16,16,.1)}#panelLeft{spacing:4px}#panelLeft:dnd{background-gradient-direction:vertical;background-gradient-start:rgba(255,0,0,.05);background-gradient-end:rgba(255,0,0,.2)}#panelLeft:ltr{padding-right:4px}#panelLeft:rtl{padding-left:4px}#panelLeft.vertical{padding:0px}#panelLeft.vertical:ltr{padding-right:0px}#panelLeft.vertical:rtl{padding-left:0px}#panelRight:dnd{background-gradient-direction:vertical;background-gradient-start:rgba(0,0,255,.05);background-gradient-end:rgba(0,0,255,.2)}#panelRight:ltr{padding-left:4px;spacing:0px}#panelRight:rtl{padding-right:4px;spacing:0px}#panelRight.vertical{padding:0px}#panelRight.vertical:ltr{padding-right:0px}#panelRight.vertical:rtl{padding-left:0px}#panelCenter{spacing:4px}#panelCenter:dnd{background-gradient-direction:vertical;background-gradient-start:rgba(0,255,0,.05);background-gradient-end:rgba(0,255,0,.2)}#panel:highlight{-o-border-image:none;border-image:none;background-color:rgba(252,118,97,.5)}.panelLeft{spacing:4px}.panelLeft:dnd{background-gradient-direction:vertical;background-gradient-start:rgba(255,0,0,.05);background-gradient-end:rgba(255,0,0,.2)}.panelLeft:ltr{padding-right:4px}.panelLeft:rtl{padding-left:4px}.panelLeft.vertical{padding:0px}.panelLeft.vertical:ltr{padding-right:0px}.panelLeft.vertical:rtl{padding-left:0px}.panelRight:dnd{background-gradient-direction:vertical;background-gradient-start:rgba(0,0,255,.05);background-gradient-end:rgba(0,0,255,.2)}.panelRight:ltr{padding-left:4px;spacing:0px}.panelRight:rtl{padding-right:4px;spacing:0px}.panelRight.vertical{padding:0px}.panelRight.vertical:ltr{padding-left:0px;spacing:0px}.panelRight.vertical:rtl{padding-right:0px;spacing:0px}.panelCenter{spacing:4px}.panelCenter.vertical{padding-left:0px;padding-right:0px}.panelCenter:dnd{background-gradient-direction:vertical;background-gradient-start:rgba(0,255,0,.05);background-gradient-end:rgba(0,255,0,.2)}.panel-top,.panel-bottom,.panel-left,.panel-right{color:#f2f5fc;border:none;background-color:rgba(87,96,111,.99);font-size:1em;padding:0px}.panel-top{box-shadow:0 1px #4a515e}.panel-bottom{box-shadow:0 -1px #4a515e}.panel-left{box-shadow:1px 0 #4a515e}.panel-right{box-shadow:-1px 0 #4a515e}.panel-dummy{background-color:rgba(252,118,97,.5)}.panel-dummy:entered{background-color:rgba(252,118,97,.6)}.panel-status-button{border-width:0;-natural-hpadding:3px;-minimum-hpadding:3px;font-weight:bold;color:#ced6e0}.panel-button{-natural-hpadding:6px;-minimum-hpadding:2px;font-weight:bold;color:green;transition-duration:100}.system-status-icon{icon-size:16px;padding:0 1px}.system-status-icon.warning{color:#f27835}.system-status-icon.error{color:#fc7661}.panel-launchers{padding-left:7px;spacing:2px}.panel-launchers .launcher{padding-left:2px;padding-right:2px;padding-bottom:2px;transition-duration:200}.panel-launchers .launcher:hover{background-color:rgba(100,181,246,.35)}.panel-launchers.vertical{padding-top:2px;padding-bottom:2px;padding-left:0px;padding-right:0px;spacing:1px}.panel-launchers.vertical .launcher{padding-top:2px;padding-bottom:2px}.calendar{spacing-rows:0;spacing-columns:0}.calendar-main-box{margin:0 16px 8px}.calendar-events-main-box{height:300px;margin-right:.5em;padding:.5em;min-width:350px;border:0;border-radius:6px;background-color:rgba(60,77,94,.3)}.calendar-events-no-events-button{margin:6px 0 6px 0;padding:6px}.calendar-events-no-events-button:hover{background-color:rgba(100,181,246,.35)}.calendar-events-no-events-button:hover .calendar-events-no-events-icon,.calendar-events-no-events-button:hover .calendar-events-no-events-label{color:#f2f5fc}.calendar-events-no-events-icon,.calendar-events-no-events-label{font-weight:bold;color:#ced6e0;text-align:center}.calendar-events-date-label{padding:.1em .1em .5em .1em;color:#ced6e0;font-weight:bold;text-align:center}.calendar-events-event-container{padding:0}.calendar-event-button{border:1px solid rgba(0,0,0,0)}.calendar-event-button .calendar-event-time-past{color:rgba(206,214,224,.4);font-weight:bold;text-align:left;margin-bottom:.2em}.calendar-event-button .calendar-event-time-present{color:#ced6e0;font-weight:bold;text-align:left;margin-bottom:.2em}.calendar-event-button .calendar-event-time-present:all-day{color:rgba(100,181,246,.35)}.calendar-event-button .calendar-event-time-future{color:#ced6e0;font-weight:bold;text-align:left;margin-bottom:.2em}.calendar-event-button .calendar-event-summary{color:#ced6e0;text-align:left;width:200px}.calendar-event-button .calendar-event-countdown{text-align:right;margin-bottom:.6em;color:#ced6e0}.calendar-event-button .calendar-event-countdown:soon{font-weight:bold}.calendar-event-button .calendar-event-countdown:imminent{font-weight:bold;color:#f27835}.calendar-event-button .calendar-event-countdown:current{font-weight:bold;color:rgba(100,181,246,.35)}.calendar-event-button:hover{background-color:rgba(100,181,246,.35);border:1px solid #4a515e}.calendar-event-button:hover .calendar-event-time-past,.calendar-event-button:hover .calendar-event-time-present,.calendar-event-button:hover .calendar-event-time-future,.calendar-event-button:hover .calendar-event-summary{color:#f2f5fc}.calendar-event-button:hover .calendar-event-countdown{text-align:right;margin-bottom:.6em;color:#f2f5fc}.calendar-event-button:hover .calendar-event-countdown:soon{font-weight:bold}.calendar-event-button:hover .calendar-event-countdown:imminent{font-weight:bold}.calendar-event-button:hover .calendar-event-countdown:current{font-weight:bold}.calendar-event-color-strip{width:2px}.calendar-today-home-button{padding:0}.calendar-today-day-label{font-size:1.75em;color:#ced6e0;font-weight:bold;text-align:center}.calendar-today-date-label{font-size:1.1em;color:#ced6e0;font-weight:bold;text-align:center}.calendar-today-home-button-enabled{padding:0}.calendar-today-home-button-enabled:hover{color:#64b5f6}.calendar-today-home-button-enabled:hover .calendar-today-day-label,.calendar-today-home-button-enabled:hover .calendar-today-date-label{color:inherit}.calendar-month-label{color:#ced6e0;font-weight:bold;padding:8px 0;font-size:1.2em}.calendar-change-month-back,.calendar-change-month-forward{width:32px;height:32px;background-size:32px}.calendar-change-month-back{background-image:url("common-assets/misc/calendar-arrow-left.svg")}.calendar-change-month-back:focus,.calendar-change-month-back:hover{background-image:url("common-assets/misc/calendar-arrow-left-hover.svg")}.calendar-change-month-back:active{background-image:url("common-assets/misc/calendar-arrow-left.svg")}.calendar-change-month-back:rtl{background-image:url("common-assets/misc/calendar-arrow-right.svg")}.calendar-change-month-back:rtl:focus,.calendar-change-month-back:rtl:hover{background-image:url("common-assets/misc/calendar-arrow-right-hover.svg")}.calendar-change-month-back:rtl:active{background-image:url("common-assets/misc/calendar-arrow-right.svg")}.calendar-change-month-forward{background-image:url("common-assets/misc/calendar-arrow-right.svg")}.calendar-change-month-forward:focus,.calendar-change-month-forward:hover{background-image:url("common-assets/misc/calendar-arrow-right-hover.svg")}.calendar-change-month-forward:active{background-image:url("common-assets/misc/calendar-arrow-right.svg")}.calendar-change-month-forward:rtl{background-image:url("common-assets/misc/calendar-arrow-left.svg")}.calendar-change-month-forward:rtl:focus,.calendar-change-month-forward:rtl:hover{background-image:url("common-assets/misc/calendar-arrow-left-hover.svg")}.calendar-change-month-forward:rtl:active{background-image:url("common-assets/misc/calendar-arrow-left.svg")}.calendar-day-event-dot-box{margin-top:17px;max-rows:1}.calendar-day-event-dot{margin:1px;border-radius:2px;width:4px;height:4px}.calendar-day-base{font-size:1.1em;text-align:center;width:48px;height:48px;margin:0 8px;border-radius:24px;border:1px solid transparent}.calendar-day-base:hover{color:#f2f5fc;background-color:rgba(100,181,246,.35);background-color:rgba(100,181,246,.15)}.calendar-day-heading{color:#f2f5fc;margin-top:16px;margin-bottom:0;font-size:1.2em;font-weight:bold}.calendar-today{font-weight:bold;color:#f2f5fc;background-color:rgba(100,181,246,.35);border-width:0}.calendar-today:selected{background-color:rgba(100,181,246,.35)}.calendar-not-today{color:#ced6e0}.calendar-not-today:selected{font-weight:bold;background-color:transparent;border:1px solid rgba(100,181,246,.35)}.calendar-nonwork-day{color:#fc7661;background-color:transparent;font-weight:bold}.calendar-nonwork-day:hover{color:#fc7661}.calendar-other-month-day{color:rgba(206,214,224,.3)}.calendar-other-month-day:hover{color:inherit}.calendar-week-number{margin-top:14px;color:rgba(206,214,224,.85);font-size:1em}#overview{spacing:12px}.window-caption{background-color:#353535;border:1px solid #353535;color:#c3c3c3;spacing:8px;border-radius:2px;font-size:.9em;padding:5px 8px;-cinnamon-caption-spacing:8px}.window-caption:focus{background-color:rgba(100,181,246,.35);color:#f2f5fc;border:1px solid rgba(100,181,246,.35)}.window-border{border:3px rgba(100,181,246,.35);border-radius:2px;background-color:rgba(255,255,255,.05);box-shadow:0 0 0 1px rgba(100,181,246,.35) inset}.overview-empty-placeholder{color:#fff;font-size:2em}.expo-workspaces-name-entry,.expo-workspaces-name-entry#selected{height:1.5em;border-radius:2px;font-size:1em;padding:5px 8px;-cinnamon-caption-spacing:4px;color:#c3c3c3;background-color:rgba(109,109,109,.4);border:1px solid rgba(22,22,22,.4);box-shadow:inset 0 2px 4px rgba(0,0,0,.05)}.expo-workspaces-name-entry:focus,.expo-workspaces-name-entry#selected:focus{border:1px solid rgba(100,181,246,.35);background-color:rgba(100,181,246,.35);color:#f2f5fc;font-style:italic;transition-duration:300;selection-background-color:#f2f5fc;selected-color:rgba(100,181,246,.35)}.expo-workspace-thumbnail-frame{border:4px solid rgba(255,255,255,0);background-color:rgba(255,255,255,0);border-radius:2px}.expo-workspace-thumbnail-frame#active{border:4px solid rgba(100,181,246,.35);background-color:#000;border-radius:2px}.expo-background{background-color:#353535}.workspace-thumbnails{spacing:26px}.workspace-thumbnails-background,.workspace-thumbnails-background:rtl{padding:8px}.workspace-add-button{background-image:url("common-assets/misc/add-workspace.svg");height:200px;width:35px;transition-duration:100}.workspace-add-button:hover{background-image:url("common-assets/misc/add-workspace-hover.svg");transition-duration:100}.workspace-add-button:active{background-image:url("common-assets/misc/add-workspace-active.svg");transition-duration:100}.workspace-overview-background-shade{background-color:rgba(0,0,0,.5)}.workspace-close-button,.window-close{background-image:url("common-assets/misc/close.svg");background-size:26px;height:26px;width:26px;-cinnamon-close-overlap:12px}.workspace-close-button:hover,.window-close:hover{background-image:url("common-assets/misc/close-hover.svg");background-size:26px;height:26px;width:26px}.workspace-close-button:active,.window-close:active{background-image:url("common-assets/misc/close-active.svg");background-size:26px;height:26px;width:26px}.window-close-area{background-image:url("common-assets/misc/trash-icon.svg");height:120px;width:400px}#workspaceSwitcher{spacing:0px;padding:3px}.workspace-switcher{padding-left:3px;padding-right:3px}.panel-left .workspace-switcher,.panel-right .workspace-switcher{padding:0}.workspace-button{border:1px solid rgba(0,0,0,.4);background-color:rgba(0,0,0,.2);width:20px;height:14px;color:rgba(242,245,252,.45);padding:3px;padding-top:4px;transition-duration:200}.workspace-button.vertical{height:1.5em;width:24px;padding:0;padding-top:3px;padding-bottom:3px}.workspace-button:outlined{background-color:rgba(100,181,246,.35);color:#f2f5fc}.workspace-button:outlined:hover{background-color:rgba(100,181,246,.05);color:#f2f5fc}.workspace-button:hover{background-color:rgba(206,214,224,.2);color:#f2f5fc}.workspace-graph{padding:3px;spacing:6px}.workspace-graph .workspace{border:1px solid rgba(0,0,0,.4);background-color:rgba(0,0,0,.2)}.workspace-graph .workspace:active{border:1px solid rgba(100,181,246,.35)}.workspace-graph .workspace .windows{-active-window-background:#7b8698;-active-window-border:rgba(0,0,0,.8);-inactive-window-background:#7b8698;-inactive-window-border:rgba(0,0,0,.8)}.workspace-graph .workspace:active .windows{-active-window-background:#98a0ae;-active-window-border:rgba(0,0,0,.8);-inactive-window-background:#626c7d;-inactive-window-border:rgba(0,0,0,.8)}#notification{border:1px solid #4a515e;border-radius:3px;background-color:#57606f;padding:13px;spacing-rows:10px;spacing-columns:10px;margin-from-right-edge-of-screen:20px;width:34em;color:#ced6e0}.popup-menu #notification{color:#ced6e0;-o-border-image:url("dark-assets/misc/message.svg") 9 9 9 9;border-image:url("dark-assets/misc/message.svg") 9 9 9 9}.popup-menu #notification .notification-button,.popup-menu #notification .notification-icon-button{padding:5px}#notification.multi-line-notification{padding-bottom:13px;color:#ced6e0}#notification-scrollview{max-height:10em}#notification-scrollview>.top-shadow,#notification-scrollview>.bottom-shadow{height:1em}#notification-scrollview:ltr>StScrollBar{padding-left:6px}#notification-scrollview:rtl>StScrollBar{padding-right:6px}#notification-body{spacing:5px}#notification-actions{spacing:10px}.notification-with-image{min-height:159px;color:#ced6e0}.notification-button,.notification-icon-button{padding:5px}.notification-icon-button>StIcon{icon-size:32px}#altTabPopup{padding:8px;spacing:16px}.switcher-list{color:#ced6e0;border:1px solid #4a515e;background-color:#57606f;border-radius:3px;padding:20px}.switcher-list>StBoxLayout{padding:4px}.switcher-list-item-container{spacing:8px}.switcher-list .item-box{padding:8px;border-radius:2px}.switcher-list .item-box:outlined{padding:8px;border:1px solid rgba(100,181,246,.35)}.switcher-list .item-box:selected{color:#f2f5fc;background-color:rgba(100,181,246,.35);border:0px solid rgba(100,181,246,.35)}.switcher-list .thumbnail{width:256px}.switcher-list .thumbnail-box{padding:2px;spacing:4px}.switcher-list .separator{width:1px;background:rgba(255,255,255,.2)}.switcher-arrow{border-color:rgba(0,0,0,0);color:#ced6e0}.switcher-arrow:highlighted{border-color:rgba(0,0,0,0);color:#f2f5fc}.thumbnail-scroll-gradient-left{background-color:rgba(0,0,0,0);border-radius:24px;border-radius-topright:0px;border-radius-bottomright:0px;width:60px}.thumbnail-scroll-gradient-right{background-color:rgba(0,0,0,0);border-radius:24px;border-radius-topleft:0px;border-radius-bottomleft:0px;width:60px}.ripple-box{width:104px;height:104px;background-image:url("common-assets/misc/corner-ripple.svg");background-size:contain}.ripple-box:rtl{background-image:url("common-assets/misc/corner-ripple.svg")}.lightbox{background-color:rgba(0,0,0,.4)}.flashspot{background-color:#fff}.modal-dialog{background-color:#57606f;border:1px solid #4a515e;border-radius:3px;padding:5px 10px}.modal-dialog>StBoxLayout:first-child{padding:10px}.modal-dialog-button-box{spacing:0;margin:0px;padding:10px;border:none;background-color:#57606f}.modal-dialog-button-box .modal-dialog-button{padding-top:0;padding-bottom:0;height:30px}.modal-dialog .confirm-dialog-title{text-align:center;font-weight:bold;font-size:1.3em;padding-bottom:12px}.run-dialog{padding:10px 15px 10px 15px;border:1px solid #4a515e;border-radius:3px;background-color:#57606f}.run-dialog>*{padding:0}.run-dialog-label{font-size:1.3em;font-weight:bold;color:#ced6e0;padding-bottom:15px;text-align:center}.run-dialog-description{color:#ced6e0;padding-top:15px;text-align:center}.run-dialog-description.error{color:#fc7661}.run-dialog-completion-box{padding-top:5px;padding-left:15px;font-size:1em}.run-dialog-entry{width:21em;height:1.2em;padding:7px;border-radius:3px;caret-color:#c3c3c3;selected-color:#f2f5fc;selection-background-color:rgba(100,181,246,.35);color:#c3c3c3;background-color:rgba(109,109,109,.4);border:1px solid rgba(22,22,22,.4);box-shadow:inset 0 2px 4px rgba(0,0,0,.05)}.run-dialog-entry:focus{color:#dae1e9;background-color:#86909b;box-shadow:inset 0 2px 4px rgba(60,77,94,.05)}.run-dialog .modal-dialog-button-box{border:none;box-shadow:none;background:none}.cinnamon-mount-operation-icon{icon-size:48px}.mount-password-reask{color:#f27835}.show-processes-dialog,.mount-question-dialog{spacing:24px}.show-processes-dialog-subject,.mount-question-dialog-subject{padding-top:10px;padding-left:17px;padding-bottom:6px}.show-processes-dialog-subject:rtl,.mount-question-dialog-subject:rtl{padding-left:0px;padding-right:17px}.show-processes-dialog-description,.mount-question-dialog-description{padding-left:17px;width:28em}.show-processes-dialog-description:rtl,.mount-question-dialog-description:rtl{padding-right:17px}.show-processes-dialog-app-list{max-height:200px;padding-top:24px;padding-left:49px;padding-right:32px}.show-processes-dialog-app-list:rtl{padding-right:49px;padding-left:32px}.show-processes-dialog-app-list-item{color:#ccc}.show-processes-dialog-app-list-item:hover{color:#fff}.show-processes-dialog-app-list-item:ltr{padding-right:1em}.show-processes-dialog-app-list-item:rtl{padding-left:1em}.show-processes-dialog-app-list-item-icon:ltr{padding-right:17px}.show-processes-dialog-app-list-item-icon:rtl{padding-left:17px}.show-processes-dialog-app-list-item-name{font-size:1.1em}.magnifier-zoom-region{border:2px solid maroon}.magnifier-zoom-region .full-screen{border-width:0px}#keyboard{background-color:#353535;border-width:0;border-top-width:1px;border-color:rgba(0,0,0,.4)}.keyboard-layout{spacing:10px;padding:10px}.keyboard-row{spacing:15px}.keyboard-key{min-height:2em;min-width:2em;font-size:1.4em;font-weight:bold;border-radius:3px;box-shadow:none;color:#c3c3c3;border:1px solid #4a515e;background-color:rgba(109,109,109,.4)}.keyboard-key:hover{color:#c3c3c3;border:1px solid rgba(2,2,2,.4);background-color:rgba(127,127,127,.5)}.keyboard-key:active,.keyboard-key:checked{color:#f2f5fc;border:1px solid rgba(100,181,246,.35);background-color:rgba(100,181,246,.35)}.keyboard-key:grayed{color:#606060;border:1px solid rgba(2,2,2,.4);background-color:rgba(109,109,109,.25)}.keyboard-subkeys{color:#c3c3c3;padding:5px;-arrow-border-radius:2px;-arrow-background-color:#353535;-arrow-border-width:1px;-arrow-border-color:rgba(0,0,0,.4);-arrow-base:20px;-arrow-rise:10px;-boxpointer-gap:5px}.menu{color:#ced6e0;border:0;border-radius:12px;background-color:rgba(87,96,111,.9)}.popup-sub-menu{background-color:#3c4d5e;box-shadow:none}.popup-sub-menu .popup-menu-item:ltr{padding-right:1.75em}.popup-sub-menu .popup-menu-item:rtl{padding-left:1.75em}.popup-sub-menu StScrollBar{padding:4px}.popup-sub-menu StScrollBar StBin#trough,.popup-sub-menu StScrollBar StBin#vhandle{border-width:0}.popup-menu-content{padding:1em 0em 1em 0em}.popup-menu-item{padding:.4em 1.75em;spacing:1em;border-left-width:0;border-right-width:0}.popup-menu-item:active{color:#f2f5fc;background-color:rgba(100,181,246,.35)}.popup-menu-item:insensitive{color:rgba(206,214,224,.5);background:none}.popup-inactive-menu-item{color:#ced6e0}.popup-inactive-menu-item:insensitive{color:rgba(206,214,224,.45)}.popup-menu-boxpointer{-arrow-border-radius:3px;-arrow-background-color:#57606f;-arrow-border-width:1px;-arrow-border-color:#4a515e;-arrow-base:21px;-arrow-rise:9px;-boxpointer-gap:2px}.popup-combo-menu{color:#ced6e0;border:1px solid #4a515e;border-radius:3px;background-color:#3c4d5e;box-shadow:none;padding:1em 0em 1em 0em}.popup-combobox-item{spacing:1em;padding:.4em 1.75em;border:1px solid transparent;border-left-width:0;border-right-width:0}.popup-separator-menu-item{-gradient-height:1px;-gradient-start:#4a515e;-gradient-end:#4a515e;-margin-horizontal:0;height:1px}.popup-alternating-menu-item:alternate{font-weight:normal}.popup-device-menu-item{spacing:.5em}.popup-subtitle-menu-item{font-weight:normal}.nm-menu-item-icons{spacing:.5em}.menu-favorites-box{padding:10px;transition-duration:300;background-color:rgba(60,77,94,.3);border:0;border-radius:6px}.menu-favorites-button{padding:.9em 1em;border:0;border-radius:6px}.menu-favorites-button:hover{background-color:rgba(100,181,246,.35)}.menu-places-box{padding:10px;border:0px solid red}.menu-places-button{padding:10px}.menu-categories-box{padding:10px 30px 10px 30px}.menu-applications-inner-box,.menu-applications-outer-box{padding:10px 10px 0 10px}.menu-application-button{padding:7px;border:0}.menu-application-button:highlighted{font-weight:bold}.menu-application-button-selected{padding:7px;color:#f2f5fc;background-color:rgba(100,181,246,.35);border-radius:6px}.menu-application-button-selected:highlighted{font-weight:bold}.menu-application-button-label:ltr{padding-left:5px}.menu-application-button-label:rtl{padding-right:5px}.menu-category-button{padding:7px;border:0}.menu-category-button-selected{padding:7px;color:#f2f5fc;background-color:rgba(100,181,246,.35);border-radius:6px}.menu-category-button-hover{background-color:red;border-radius:2px}.menu-category-button-greyed{padding:7px;color:rgba(206,214,224,.45);border-radius:6px}.menu-category-button-label:ltr{padding-left:5px}.menu-category-button-label:rtl{padding-right:5px}.menu-selected-app-box{padding-right:30px;padding-left:28px;text-align:right;height:2.2em}.menu-selected-app-box:rtl{padding-top:10px;height:2.2em}.menu-selected-app-title{font-weight:bold}.menu-selected-app-description{max-width:150px}.menu-search-box:ltr{padding-left:30px}.menu-search-box-rtl{padding-right:30px}#menu-search-entry{width:220px;min-height:16px;font-weight:normal;border:0;border-radius:6px;caret-color:#ced6e0;background-color:rgba(134,144,155,.65)}.menu-search-entry-icon{icon-size:1em;color:#ced6e0}.info-osd{text-align:center;font-weight:bold;spacing:1em;padding:16px;color:#ced6e0;border:1px solid #4a515e;border-radius:5px;background-color:#57606f}.restart-osd{font-size:1.6em}.workspace-osd{font-size:4em}.osd-window{text-align:center;font-weight:bold;spacing:1em;padding:20px;color:#ced6e0;background-color:#57606f;border:1px solid #4a515e;border-radius:5px}.osd-window .osd-monitor-label{font-size:3em}.osd-window .level{padding:0;height:.7em;background-color:rgba(0,0,0,.5);border-radius:2px}.osd-window .level-bar{border-radius:2px;background-color:rgba(100,181,246,.35)}.window-list-box{spacing:6px;padding-left:10px;padding-top:1px}.window-list-box.vertical{spacing:2px;padding-left:0px;padding-right:0px;padding-top:10px;padding-bottom:10px}.window-list-box:highlight{background-color:rgba(252,118,97,.5)}.window-list-item-label{font-weight:bold;width:15em;min-width:5px}.window-list-item-box{font-weight:bold;background-image:none;padding-top:0;padding-left:8px;padding-right:8px;transition-duration:100;color:rgba(206,214,224,.8)}.window-list-item-box.top,.window-list-item-box.bottom{border-bottom-width:2px}.window-list-item-box.top StLabel,.window-list-item-box.bottom StLabel{padding-left:2px}.window-list-item-box.right{padding-left:0px;padding-right:0px;border-right-width:2px}.window-list-item-box.right StBin{padding-right:0}.window-list-item-box.left{padding-left:0px;padding-right:0px;border-left-width:2px}.window-list-item-box.left StBin{padding-left:1px}.window-list-item-box:hover,.window-list-item-box:groupfocus{color:#ced6e0;background-color:rgba(206,214,224,.2)}.window-list-item-box:active,.window-list-item-box:checked,.window-list-item-box:focus,.window-list-item-box:running{color:#ced6e0;border-color:rgba(100,181,246,.35);background-color:rgba(206,214,224,.2)}.window-list-item-box .progress{background-color:rgba(100,181,246,.15)}.window-list-item-demands-attention{background-gradient-direction:vertical;background-gradient-start:#ff5f45;background-gradient-end:#ff5f45}.window-list-preview{spacing:6px;color:#ced6e0;border:1px solid #4a515e;background-color:#57606f;border-radius:3px;padding:6px 12px 12px 12px;font-size:1em}.grouped-window-list-item-label{font-weight:bold;width:15em;min-width:5px}.grouped-window-list-item-box{text-align:left;font-weight:bold;background-image:none;padding-top:0;padding-left:8px;padding-right:8px;transition-duration:100;color:rgba(206,214,224,.8)}.grouped-window-list-item-box.top,.grouped-window-list-item-box.bottom{border-bottom-width:2px}.grouped-window-list-item-box.top StLabel,.grouped-window-list-item-box.bottom StLabel{padding-left:2px}.grouped-window-list-item-box.right{padding-left:0px;padding-right:0px;border-right-width:2px}.grouped-window-list-item-box.right StBin{padding-right:0}.grouped-window-list-item-box.left{padding-left:0px;padding-right:0px;border-left-width:2px}.grouped-window-list-item-box.left StBin{padding-left:1px}.grouped-window-list-item-box:hover,.grouped-window-list-item-box:focus{color:#ced6e0;background-color:rgba(206,214,224,.3)}.grouped-window-list-item-box:active,.grouped-window-list-item-box:checked{color:#ced6e0;border-color:rgba(100,181,246,.35)}.grouped-window-list-item-box .progress{background-color:rgba(100,181,246,.15)}.grouped-window-list-item-demands-attention{background-gradient-direction:vertical;background-gradient-start:#ff5f45;background-gradient-end:#ff5f45}.grouped-window-list-thumbnail-label{padding-left:4px}.grouped-window-list-number-label{z-index:99;color:#d0d0d0}.grouped-window-list-badge{border-radius:256px;background-color:#4a4a4a}.grouped-window-list-button-label{padding-left:4px}.grouped-window-list-thumbnail-alert{background:rgba(255,52,52,.3)}.grouped-window-list-thumbnail-menu{color:#ced6e0;border:1px solid #4a515e;background-color:#57606f;border-radius:3px;padding:0px}.grouped-window-list-thumbnail-menu>StBoxLayout{padding:4px}.grouped-window-list-thumbnail-menu .item-box{padding:10px;border-radius:2px;spacing:4px}.grouped-window-list-thumbnail-menu .item-box:outlined{padding:8px;border:1px solid rgba(100,181,246,.35)}.grouped-window-list-thumbnail-menu .item-box:selected{border:1px solid rgba(100,181,246,.35)}.grouped-window-list-thumbnail-menu .thumbnail{width:256px}.grouped-window-list-thumbnail-menu .separator{width:1px;background:rgba(255,255,255,.2)}#overview-corner{background-image:url("common-assets/misc/overview.png")}#overview-corner:hover{background-image:url("common-assets/misc/overview-hover.png")}.applet-separator{padding:1px 4px}.applet-separator.vertical{padding:4px 1px}.applet-separator-line{width:1px;background:rgba(255,255,255,.12)}.applet-separator-line-vertical{height:1px;background:rgba(255,255,255,.12)}.applet-box{padding-left:4px;padding-right:4px;spacing:4px;color:#ced6e0;text-shadow:none;transition-duration:100;text-align:center}.applet-box.vertical{padding-left:0px;padding-right:0px;padding-top:3px;padding-bottom:3px}.applet-box:hover,.applet-box:checked{color:#f2f5fc;background-color:rgba(100,181,246,.35)}.applet-box:highlight{background-image:none;-o-border-image:none;border-image:none;background-color:rgba(252,118,97,.5)}.applet-label{font-weight:bold;color:#ced6e0}.applet-label:hover,.applet-label:checked,.applet-box:hover .applet-label,.applet-box:checked .applet-label{color:#f2f5fc;text-shadow:none}.applet-icon{color:#f2f5fc;icon-size:22px}.applet-icon:hover,.applet-icon:checked,.applet-box:hover>.applet-icon,.applet-box:checked>.applet-icon{color:#f2f5fc;text-shadow:none}.user-icon{width:32px;height:32px;background-color:transparent;border:none;border-radius:0}.user-label{color:#ced6e0;font-size:1em;font-weight:bold;margin:0px}.desklet{color:#ced6e0}.desklet:highlight{background-color:rgba(252,118,97,.5)}.desklet-with-borders{border:1px solid #4a515e;border-radius:5px;background-color:#57606f;color:#ced6e0;padding:12px;padding-bottom:16px}.desklet-with-borders:highlight{background-color:rgba(252,118,97,.5)}.desklet-with-borders-and-header{border:1px solid #4a515e;border-top-width:0;border-radius:0 0 5px 5px;background-color:#57606f;color:#ced6e0;border-radius:0;border-radius-topleft:0;border-radius-topright:0;padding:12px;padding-bottom:17px}.desklet-with-borders-and-header:highlight{background-color:rgba(252,118,97,.5)}.desklet-header{border:1px solid #4a515e;border-radius:5px 5px 0 0;background-color:#505966;color:#ced6e0;font-size:1em;padding:12px;padding-bottom:6px}.desklet-drag-placeholder{border:2px solid rgba(100,181,246,.35);background-color:rgba(100,181,246,0)}.photoframe-box{border:1px solid #4a515e;border-radius:5px;background-color:#57606f;color:#ced6e0;padding:12px;padding-bottom:16px}.notification-applet-padding{padding:.5em 1em}.notification-applet-container{max-height:100px}.tile-preview{background-color:rgba(100,181,246,0);border:1px solid rgba(100,181,246,.35)}.tile-preview.snap{background-color:rgba(100,181,246,0)}.tile-hud{background-color:rgba(100,181,246,0);border:1px solid rgba(100,181,246,.35)}.tile-hud.snap{background-color:rgba(100,181,246,0)}.tile-hud:top{border-top-width:0px}.tile-hud:bottom{border-bottom-width:0px}.tile-hud:left{border-left-width:0px}.tile-hud:right{border-right-width:0px}.tile-hud:top-left{border-top-width:0px;border-left-width:0px}.tile-hud:top-right{border-top-width:0px;border-right-width:0px}.tile-hud:bottom-left{border-bottom-width:0px;border-left-width:0px}.tile-hud:bottom-right{border-bottom-width:0px;border-right-width:0px}.xkcd-box{padding:6px;border:0px;background-color:rgba(0,0,0,0);border-radius:0px} \ No newline at end of file diff --git a/cinnamon/sass/cinnamon.scss b/cinnamon/sass/cinnamon.scss index 8309286..10abd7a 100755 --- a/cinnamon/sass/cinnamon.scss +++ b/cinnamon/sass/cinnamon.scss @@ -1,5 +1,322 @@ -$variant: 'light'; +@import './var/var'; //use gtk colors +@import './var/drawing'; -@import "_colors"; //use gtk colors -@import "_drawing"; -@import "_common"; +stage { + color: $fg_color; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +// +// Buttons +// +%button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 0; + + &, + &:focus, + &:hover, + &:hover:focus, + &:active, + &:active:focus, + &:insensitive { + border-radius: 2px; + } + + @include button(normal); + + &:focus { + @include button(focus); + } + &:hover { + @include button(hover); + } + &:hover:focus { + @include button(focus-hover); + } + &:active, + &:active:focus { + @include button(active); + } + &:insensitive { + @include button(insensitive); + } +} + +%osd_button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 0; + border-radius: 2px; + + @include button(osd); + + &:hover { + @include button(osd-hover); + } + &:focus { + color: $selected_bg_color; + } + &:active { + @include button(osd-active); + } + &:insensitive { + @include button(osd-insensitive); + } +} + +// +// Entries +// +%entry { + padding: 7px; + caret-size: 1px; + selection-background-color: $selected_bg_color; + selected-color: $selected_fg_color; + transition-duration: 300ms; + + // @include entry(normal); + + // &:focus, + // &:hover { + // @include entry(focus); + // } + &:insensitive { + @include entry(insensitive); + } + + StIcon.capslock-warning { + icon-size: 16px; + warning-color: $warning_color; + padding: 0 4px; + } +} + +%osd_entry { + padding: 7px; + caret-size: 1px; + caret-color: $osd_fg_color; + selection-background-color: $selected_bg_color; + selected-color: $selected_fg_color; + transition-duration: 300ms; + border-radius: 3px; + + @include entry(osd); + + &:focus { + @include entry(osd-focus); + } + &:insensitive { + @include entry(osd-insensitive); + } +} + +// +// Scrollbars +// +StScrollView { + &.vfade { + -st-vfade-offset: 68px; + } + &.hfade { + -st-hfade-offset: 68px; + } +} + +StScrollBar { + padding: 8px; + + StScrollView & { + min-width: 5px; + min-height: 5px; + } + + StBin#trough { + background-color: transparentize($base_color, 0.9); + border-radius: 8px; + } + + StButton#vhandle, + StButton#hhandle { + border-radius: 2px; + background-color: mix($fg_color, $bg_color, 40%); + border: 0px solid; + margin: 0px; + + &:hover { + background-color: mix($fg_color, $bg_color, 30%); + } + + &:active { + background-color: $selected_bg_color; + } + } +} + +.separator { + -gradient-height: 1px; + -gradient-start: rgba(0, 0, 0, 0); + -gradient-end: rgba(0, 0, 0, 0); + -margin-horizontal: 1.5em; + height: 1em; +} + +@import './ui/form.scss'; + +// +// Tooltip +// +#Tooltip { + border: 1px solid $tooltip_border_color; + border-radius: 3px; + padding: 5px 12px; + background-color: $tooltip_bg_color; + color: $tooltip_fg_color; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +// +// Looking Glass +// +#LookingGlassDialog { + color: $fg_color; + border: 1px solid $borders_color; + border-radius: 3px; + background-color: $bg_color; + spacing: 4px; + padding: 8px; +} + +@import './ui/panel.scss'; + +@import './ui/calendar.scss'; + +@import './ui/workspace.scss'; + +@import './ui/notify.scss'; + +// +// Alt Tab +/// +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: $fg_color; + border: 1px solid $borders_color; + background-color: $bg_color; + border-radius: 3px; + padding: 20px; + + > StBoxLayout { + padding: 4px; + } + + &-item-container { + spacing: 8px; + } + + .item-box { + padding: 8px; + border-radius: 2px; + + &:outlined { + padding: 8px; + border: 1px solid $selected_bg_color; + } + + &:selected { + color: $selected_fg_color; + background-color: $selected_bg_color; + border: 0px solid $selected_bg_color; + } + } + + .thumbnail { + width: 256px; + } + + .thumbnail-box { + padding: 2px; + spacing: 4px; + } + .separator { + width: 1px; + background: rgba(255, 255, 255, 0.2); + } +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: $fg_color; + + &:highlighted { + border-color: rgba(0, 0, 0, 0); + color: $selected_fg_color; + } +} + +//.switcher-preview-backdrop { background-color: rgba(25,25,25,0.95); } + +.thumbnail-scroll-gradient-left { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topright: 0px; + border-radius-bottomright: 0px; + width: 60px; +} + +.thumbnail-scroll-gradient-right { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topleft: 0px; + border-radius-bottomleft: 0px; + width: 60px; +} + +// +//Activities Ripples +// +.ripple-box { + width: 104px; + height: 104px; + background-image: url('common-assets/misc/corner-ripple.svg'); + background-size: contain; + + &:rtl { + background-image: url('common-assets/misc/corner-ripple.svg'); + } +} + +@import './ui/dialog.scss'; + +// +// Magnifier +// +.magnifier-zoom-region { + border: 2px solid rgba(128, 0, 0, 1); + + .full-screen { + border-width: 0px; + } +} + +@import './ui/keyboard.scss'; + +// +// Cinnamon Specific Section +// + +@import './ui/menu.scss'; + +@import './ui/win.scss'; + +@import './ui/applet.scss'; diff --git a/cinnamon/sass/ui/applet.scss b/cinnamon/sass/ui/applet.scss new file mode 100644 index 0000000..4f01b0e --- /dev/null +++ b/cinnamon/sass/ui/applet.scss @@ -0,0 +1,228 @@ +// +// Applets (applet.js) +// +.applet { + &-separator { + padding: 1px 4px; + + &.vertical { + padding: 4px 1px; + } + } + + &-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); + + &-vertical { + height: 1px; + background: rgba(255, 255, 255, 0.12); + } + } + + &-box { + padding-left: 8px; + padding-right: 8px; + spacing: 4px; + color: $panel_fg; + text-shadow: none; + transition-duration: 100; + text-align: center; + + &.vertical { + padding-left: 0px; + padding-right: 0px; + padding-top: 3px; + padding-bottom: 3px; + } + + &:hover, + &:checked { + color: $selected_fg_color; + background-color: $selected_bg_color; + } + + &:highlight { + background-image: none; + border-image: none; + background-color: transparentize($error_color, 0.5); + } + } + + &-label { + font-weight: bold; + color: $panel_fg; + + &:hover, + &:checked, + .applet-box:hover &, + .applet-box:checked & { + color: $selected_fg_color; + text-shadow: none; + } + } + + &-icon { + color: $selected_fg_color; + icon-size: 22px; + + &:hover, + &:checked, + .applet-box:hover > &, + .applet-box:checked > & { + color: $selected_fg_color; + text-shadow: none; + } + } +} + +// +// User Applet +// +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: $fg_color; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +// +// Desklets (desklet.js) +// +.desklet { + color: $fg_color; + + &:highlight { + background-color: transparentize($error_color, 0.5); + } + + &-with-borders { + border: 1px solid $borders_color; + border-radius: 5px; + background-color: $bg_color; + color: $fg_color; + padding: 12px; + padding-bottom: 16px; + + &:highlight { + background-color: transparentize($error_color, 0.5); + } + } + + &-with-borders-and-header { + border: 1px solid $borders_color; + border-top-width: 0; + border-radius: 0 0 5px 5px; + background-color: $bg_color; + color: $fg_color; + border-radius: 0; + border-radius-topleft: 0; + border-radius-topright: 0; + padding: 12px; + padding-bottom: 17px; + + &:highlight { + background-color: transparentize($error_color, 0.5); + } + } + + &-header { + border: 1px solid $borders_color; + border-radius: 5px 5px 0 0; + background-color: darken($bg_color, 3%); + color: $fg_color; + font-size: 1em; + padding: 12px; + padding-bottom: 6px; + } + + &-drag-placeholder { + border: 2px solid $selected_bg_color; + background-color: transparentize($selected_bg_color, 0.7); + } +} + +.photoframe-box { + border: 1px solid $borders_color; + border-radius: 5px; + background-color: $bg_color; + color: $fg_color; + padding: 12px; + padding-bottom: 16px; +} + +// +// Notification Applet +// +.notification-applet-padding { + padding: 0.5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +// +// Tile Preview +// +.tile-preview { + background-color: transparentize($selected_bg_color, 0.7); + border: 1px solid $selected_bg_color; + + &.snap { + background-color: transparentize($selected_bg_color, 0.4); + } +} + +.tile-hud { + background-color: transparentize($selected_bg_color, 0.7); + border: 1px solid $selected_bg_color; + + &.snap { + background-color: transparentize($selected_bg_color, 0.4); + } + + &:top { + border-top-width: 0px; + } + &:bottom { + border-bottom-width: 0px; + } + &:left { + border-left-width: 0px; + } + &:right { + border-right-width: 0px; + } + &:top-left { + border-top-width: 0px; + border-left-width: 0px; + } + &:top-right { + border-top-width: 0px; + border-right-width: 0px; + } + &:bottom-left { + border-bottom-width: 0px; + border-left-width: 0px; + } + &:bottom-right { + border-bottom-width: 0px; + border-right-width: 0px; + } +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/cinnamon/sass/ui/calendar.scss b/cinnamon/sass/ui/calendar.scss new file mode 100644 index 0000000..9119a91 --- /dev/null +++ b/cinnamon/sass/ui/calendar.scss @@ -0,0 +1,338 @@ +// +// Calendar +// +.calendar { + spacing-rows: 0; + spacing-columns: 0; +} + +.calendar-main-box { + margin: 0 16px 8px; +} + +.calendar-events-main-box { + height: 300px; + margin-right: 0.5em; + padding: 0.5em; + min-width: 350px; + border: 0; + border-radius: 6px; + background-color: transparentize($base_color, 0.7); +} + +// .calendar-events-no-events-box { +// } + +.calendar-events-no-events-button { + margin: 6px 0 6px 0; + padding: 6px; + + &:hover { + background-color: $selected_bg_color; + + .calendar-events-no-events-icon, + .calendar-events-no-events-label { + color: $selected_fg_color; + } + } +} + +.calendar-events-no-events-icon, +.calendar-events-no-events-label { + font-weight: bold; + color: $fg_color; + text-align: center; +} + +.calendar-events-date-label { + padding: 0.1em 0.1em 0.5em 0.1em; + color: $fg_color; + font-weight: bold; + text-align: center; +} + +.calendar-events-event-container { + padding: 0; +} + +.calendar-event-button { + border: 1px solid rgba(0, 0, 0, 0); + + .calendar-event-time-past { + color: transparentize($fg_color, 0.6); + font-weight: bold; + text-align: left; + margin-bottom: 0.2em; + } + .calendar-event-time-present { + color: $fg_color; + font-weight: bold; + text-align: left; + margin-bottom: 0.2em; + + &:all-day { + color: $selected_bg_color; + } + } + .calendar-event-time-future { + color: $fg_color; + font-weight: bold; + text-align: left; + margin-bottom: 0.2em; + } + + .calendar-event-summary { + color: $fg_color; + text-align: left; + width: 200px; + } + + .calendar-event-countdown { + text-align: right; + margin-bottom: 0.6em; + color: $fg_color; + + &:soon { + font-weight: bold; + } + &:imminent { + font-weight: bold; + color: $warning_color; + } + &:current { + font-weight: bold; + color: $selected_bg_color; + } + } + + &:hover { + background-color: $selected_bg_color; + border: 1px solid $borders_color; + .calendar-event-time-past, + .calendar-event-time-present, + .calendar-event-time-future, + .calendar-event-summary { + color: $selected_fg_color; + } + + .calendar-event-countdown { + text-align: right; + margin-bottom: 0.6em; + color: $selected_fg_color; + + &:soon { + font-weight: bold; + } + &:imminent { + font-weight: bold; + } + &:current { + font-weight: bold; + } + } + } +} + +// .calendar-event-row-content { +// } + +.calendar-event-color-strip { + width: 2px; +} + +.calendar-today-home-button { + padding: 0; +} + +.calendar-today-day-label { + font-size: 1.75em; + color: $fg_color; + font-weight: bold; + text-align: center; +} + +.calendar-today-date-label { + font-size: 1.1em; + color: $fg_color; + font-weight: bold; + text-align: center; +} + +.calendar-today-home-button-enabled { + padding: 0; + + &:hover { + color: $highlight_color; + + .calendar-today-day-label, + .calendar-today-date-label { + color: inherit; + } + } +} + +.calendar-month-label { + color: $fg_color; + font-weight: bold; + padding: 8px 0; + font-size: 1.2em; +} + +.calendar-change-month-back, +.calendar-change-month-forward { + width: 32px; + height: 32px; + background-size: 32px; +} + +//arrow back +.calendar-change-month-back { + background-image: url('common-assets/misc/calendar-arrow-left.svg'); + + &:focus, + &:hover { + background-image: url('common-assets/misc/calendar-arrow-left-hover.svg'); + } + + &:active { + background-image: url('common-assets/misc/calendar-arrow-left.svg'); + } + + &:rtl { + background-image: url('common-assets/misc/calendar-arrow-right.svg'); + + &:focus, + &:hover { + background-image: url('common-assets/misc/calendar-arrow-right-hover.svg'); + } + + &:active { + background-image: url('common-assets/misc/calendar-arrow-right.svg'); + } + } +} + +//arrow forward +.calendar-change-month-forward { + background-image: url('common-assets/misc/calendar-arrow-right.svg'); + + &:focus, + &:hover { + background-image: url('common-assets/misc/calendar-arrow-right-hover.svg'); + } + + &:active { + background-image: url('common-assets/misc/calendar-arrow-right.svg'); + } + + &:rtl { + background-image: url('common-assets/misc/calendar-arrow-left.svg'); + + &:focus, + &:hover { + background-image: url('common-assets/misc/calendar-arrow-left-hover.svg'); + } + + &:active { + background-image: url('common-assets/misc/calendar-arrow-left.svg'); + } + } +} + +.calendar-day-event-dot-box { + margin-top: 17px; + max-rows: 1; +} + +.calendar-day-event-dot { + margin: 1px; + border-radius: 2px; + width: 4px; + height: 4px; +} + +.calendar-day-base { + font-size: 1.1em; + text-align: center; + width: 48px; + height: 48px; + margin: 0 8px; + border-radius: 24px; + border: 1px solid transparent; + + &:hover { + color: $selected_fg_color; + background-color: $selected_bg_color; + background-color: transparentize($selected_bg_color, 0.2); + } +} + +.calendar-day-heading { + color: $selected_fg_color; + margin-top: 16px; + margin-bottom: 0; + font-size: 1.2em; + font-weight: bold; +} + +// .calendar-day { +// border-width: 0; +// color: transparentize($fg_color, 0.1); +// } + +// .calendar-day-top { +// border-top-width: 0; +// } + +// .calendar-day-left { +// border-left-width: 0; +// } + +.calendar-today { + font-weight: bold; + color: $selected_fg_color; + background-color: $selected_bg_color; + border-width: 0; + + &:selected { + background-color: $selected_bg_color; + } +} + +.calendar-not-today { + color: $fg_color; + + &:selected { + font-weight: bold; + background-color: transparent; + border: 1px solid $selected_bg_color; + + // &:hover { + // } + } +} + +// 周末 +.calendar-nonwork-day { + color: $error_color; + background-color: transparent; + font-weight: bold; + + &:hover { + color: $error_color; + } +} + +.calendar-other-month-day { + color: transparentize($fg_color, 0.7); +} + +.calendar-other-month-day:hover { + color: inherit; +} + +.calendar-week-number { + margin-top: 14px; + color: transparentize($fg_color, 0.15); + font-size: 1em; +} diff --git a/cinnamon/sass/ui/dialog.scss b/cinnamon/sass/ui/dialog.scss new file mode 100644 index 0000000..07905f0 --- /dev/null +++ b/cinnamon/sass/ui/dialog.scss @@ -0,0 +1,178 @@ +// +// Modal dialogs +// +.lightbox { + background-color: rgba(0, 0, 0, 0.4); +} +.flashspot { + background-color: white; +} + +.modal-dialog { + background-color: $bg_color; + border: 1px solid $borders_color; + border-radius: 3px; + padding: 5px 10px; + + > StBoxLayout:first-child { + padding: 10px; + } + + &-button-box { + spacing: 0; + margin: 0px; + padding: 10px; + border: none; + background-color: $bg_color; + + .modal-dialog-button { + padding-top: 0; + padding-bottom: 0; + height: 30px; + + @extend %button; + } + } + + .confirm-dialog-title { + text-align: center; + font-weight: bold; + font-size: 1.3em; + padding-bottom: 12px; + } +} + +// +// Run dialog +// +.run-dialog { + padding: 10px 15px 10px 15px; + border: 1px solid $borders_color; + border-radius: 3px; + background-color: $bg_color; + + > * { + padding: 0; + } + + &-label { + font-size: 1.3em; + font-weight: bold; + color: $fg_color; + padding-bottom: 15px; + text-align: center; + } + + &-description { + color: $fg_color; + padding-top: 15px; + text-align: center; + + &.error { + color: $error_color; + } + } + + // &-error-label { color: $error_color; } + + // &-error-box { + // padding-top: 15px; + // spacing: 5px; + // } + &-completion-box { + padding-top: 5px; + padding-left: 15px; + font-size: 1em; + } + &-entry { + width: 21em; + height: 1.2em; + padding: 7px; + border-radius: 3px; + caret-color: $osd_fg_color; + selected-color: $selected_fg_color; + selection-background-color: $selected_bg_color; + + @include entry(osd); + + &:focus { + @include entry(focus); + } + } + .modal-dialog-button-box { + border: none; + box-shadow: none; + background: none; + } +} + +/* CinnamonMountOperation Dialogs */ +.cinnamon-mount-operation-icon { + icon-size: 48px; +} + +.mount-password-reask { + color: $warning_color; +} + +.show-processes-dialog, +.mount-question-dialog { + spacing: 24px; + + &-subject { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + + &:rtl { + padding-left: 0px; + padding-right: 17px; + } + } + &-description { + padding-left: 17px; + width: 28em; + + &:rtl { + padding-right: 17px; + } + } +} + +.show-processes-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; + + &:rtl { + padding-right: 49px; + padding-left: 32px; + } + + &-item { + color: #ccc; + + &:hover { + color: white; + } + + &:ltr { + padding-right: 1em; + } + &:rtl { + padding-left: 1em; + } + + &-icon:ltr { + padding-right: 17px; + } + &-icon:rtl { + padding-left: 17px; + } + + &-name { + font-size: 1.1em; + } + } +} diff --git a/cinnamon/sass/ui/form.scss b/cinnamon/sass/ui/form.scss new file mode 100644 index 0000000..2665ae4 --- /dev/null +++ b/cinnamon/sass/ui/form.scss @@ -0,0 +1,116 @@ +// +// Slider +// +.popup-slider-menu-item, +.slider { + -slider-height: 0.3em; + -slider-background-color: $button_border; //background of the trough + -slider-border-color: transparentize($bg_color, 0.7); //trough border color + -slider-active-background-color: $selected_bg_color; //active trough fill + -slider-active-border-color: transparentize($bg_color, 0.7); //active trough border + -slider-border-width: 1px; + -slider-handle-radius: 0.5em; + height: 1em; + min-width: 15em; + border: 0 solid transparent; + border-right-width: 1px; + border-left-width: 5px; +} + +// +// Check Boxes +// +.check-box { + CinnamonGenericContainer { + spacing: 0.2em; + min-height: 30px; + padding-top: 2px; + } + + StLabel { + font-weight: normal; + } + + StBin { + width: 16px; + height: 16px; + background-image: url('#{$asset_path}/checkbox/checkbox-unchecked.svg'); + } + + &:focus StBin { + background-image: url('#{$asset_path}/checkbox/checkbox-unchecked-focused.svg'); + } + + &:checked StBin { + background-image: url('#{$asset_path}/checkbox/checkbox-checked.svg'); + } + + &:focus:checked StBin { + background-image: url('#{$asset_path}/checkbox/checkbox-checked-focused.svg'); + } +} + +// +// Radio Buttons +// +.radiobutton { + CinnamonGenericContainer { + spacing: 0.2em; + height: 26px; + padding-top: 2px; + } + + StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; + } + + StBin { + width: 16px; + height: 16px; + background-image: url('#{$asset_path}/checkbox/checkbox-unchecked.svg'); + } + + &:focus StBin { + background-image: url('#{$asset_path}/checkbox/checkbox-unchecked-focused.svg'); + } + + &:checked StBin { + background-image: url('#{$asset_path}/checkbox/checkbox-checked.svg'); + } + + &:focus:checked StBin { + background-image: url('#{$asset_path}/checkbox/checkbox-checked-focused.svg'); + } +} + +// +// Switches +// +.toggle-switch { + width: 50px; + height: 20px; + background-size: contain; + + &-us, + &-intl { + background-image: url('#{$asset_path}/switch/switch-off.svg'); + + &:checked { + background-image: url('#{$asset_path}/switch/switch-on.svg'); + } + } +} + +// +// Links +// +.cinnamon-link { + color: $link_color; + text-decoration: underline; + + &:hover { + color: lighten($link_color, 10%); + } +} diff --git a/cinnamon/sass/ui/keyboard.scss b/cinnamon/sass/ui/keyboard.scss new file mode 100644 index 0000000..7424538 --- /dev/null +++ b/cinnamon/sass/ui/keyboard.scss @@ -0,0 +1,54 @@ +// +// On-Screen Keyboard +// +#keyboard { + background-color: $osd_bg_color; + border-width: 0; + border-top-width: 1px; + border-color: transparentize(black, 0.6); +} + +.keyboard-layout { + spacing: 10px; + padding: 10px; +} + +.keyboard-row { + spacing: 15px; +} + +.keyboard-key { + min-height: 2em; + min-width: 2em; + font-size: 1.4em; + font-weight: bold; + border-radius: 3px; + box-shadow: none; + + @include button(osd); + + &:hover { + @include button(osd-hover); + } + &:active, + &:checked { + @include button(osd-active); + } + + &:grayed { + @include button(osd-insensitive); + } +} + +.keyboard-subkeys { + //long press on a key popup + color: $osd_fg_color; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: $osd_bg_color; + -arrow-border-width: 1px; + -arrow-border-color: transparentize(black, 0.6); + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; +} diff --git a/cinnamon/sass/ui/menu.scss b/cinnamon/sass/ui/menu.scss new file mode 100644 index 0000000..a7cbc46 --- /dev/null +++ b/cinnamon/sass/ui/menu.scss @@ -0,0 +1,267 @@ +// +// Popvers/Menus +// +.menu { + color: $fg_color; + border: 0; + border-radius: 12px; + background-color: transparentize($bg_color, 0.1); +} + +.popup-sub-menu { + background-color: $base_color; + box-shadow: none; + + .popup-menu-item:ltr { + padding-right: 1.75em; + } + .popup-menu-item:rtl { + padding-left: 1.75em; + } + + StScrollBar { + padding: 4px; + StBin#trough, + StBin#vhandle { + border-width: 0; + } + } +} + +.popup-menu-content { + padding: 1em 0em 1em 0em; +} +.popup-menu-item { + padding: 0.4em 1.75em; + spacing: 1em; + // border: 1px solid transparent; + border-left-width: 0; + border-right-width: 0; + + &:active { + color: $selected_fg_color; + // border-color: transparentize($fg_color, 0.89); + background-color: $selected_bg_color; + } + &:insensitive { + color: transparentize($fg_color, 0.5); + background: none; + } +} + +.popup-inactive-menu-item { + //all icons and other graphical elements + color: $fg_color; + + &:insensitive { + color: $insensitive_fg_color; + } +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -arrow-background-color: $bg_color; + -arrow-border-width: 1px; + -arrow-border-color: $borders_color; + -arrow-base: 21px; + -arrow-rise: 9px; + -boxpointer-gap: 2px; +} + +/*Scale view context menu*/ +.popup-combo-menu { + color: $fg_color; + border: 1px solid $borders_color; + border-radius: 3px; + background-color: $base_color; + box-shadow: none; + padding: 1em 0em 1em 0em; +} + +.popup-image-menu-item { +} + +.popup-combobox-item { + spacing: 1em; + padding: 0.4em 1.75em; + border: 1px solid transparent; + border-left-width: 0; + border-right-width: 0; +} + +.popup-separator-menu-item { + -gradient-height: 1px; + -gradient-start: $separator_color; + -gradient-end: $separator_color; + -margin-horizontal: 0; + height: 1px; +} + +.popup-alternating-menu-item:alternate { + font-weight: normal; +} + +.popup-device-menu-item { + spacing: 0.5em; +} + +.popup-subtitle-menu-item { + font-weight: normal; +} + +.nm-menu-item-icons { + spacing: 0.5em; +} + +// +// 开始菜单 +// +.menu { + &-favorites-box { + padding: 10px; + transition-duration: 300; + background-color: transparentize($base_color, 0.7); + border: 0; + border-radius: 6px; + } + + &-favorites-button { + padding: 0.9em 1em; + border: 0; + border-radius: 6px; + + &:hover { + background-color: $selected_bg_color; + } + } + + &-places { + &-box { + padding: 10px; + border: 0px solid red; + } + + &-button { + padding: 10px; + } + } + + &-categories-box { + padding: 10px 30px 10px 30px; + } + + &-applications-inner-box, + &-applications-outer-box { + padding: 10px 10px 0 10px; + } + + &-application-button { + padding: 7px; + border: 0; + + // This style is used in menu application buttons for applications which were newly installed + &:highlighted { + font-weight: bold; + } + + &-selected { + padding: 7px; + color: $selected_fg_color; + background-color: $selected_bg_color; + border-radius: 6px; + + &:highlighted { + font-weight: bold; + } + } + + &-label:ltr { + padding-left: 5px; + } + &-label:rtl { + padding-right: 5px; + } + } + + &-category-button { + padding: 7px; + border: 0; + + &-selected { + padding: 7px; + color: $selected_fg_color; + background-color: $selected_bg_color; + border-radius: 6px; + } + &-hover { + background-color: red; + border-radius: 2px; + } + &-greyed { + padding: 7px; + color: $insensitive_fg_color; + border-radius: 6px; + } + + &-label:ltr { + padding-left: 5px; + } + &-label:rtl { + padding-right: 5px; + } + } + + // Name and description of the currently hovered item in the menu + // This appears on the bottom right hand corner of the menu + &-selected-app-box { + padding-right: 30px; + padding-left: 28px; + text-align: right; + height: 2.2em; + + &:rtl { + padding-top: 10px; + height: 2.2em; + } + } + + &-selected-app-title { + font-weight: bold; + } + + &-selected-app-description { + max-width: 150px; + } + + &-search-box:ltr { + padding-left: 30px; + } + &-search-box-rtl { + padding-right: 30px; + } +} + +#menu-search-entry { + width: 220px; + min-height: 16px; + font-weight: normal; + border: 0; + border-radius: 6px; + caret-color: $fg_color; + background-color: transparentize($grey_color, 0.35); + @extend %entry; + + &:focus, + &:hover { + // box-shadow: 0 0 4px $selected_bg_color; + } +} + +.menu-search-entry-icon { + icon-size: 1em; + color: $fg_color; +} + +/* Context menu (at the moment only for favorites) */ +.menu-context-menu { +} diff --git a/cinnamon/sass/ui/notify.scss b/cinnamon/sass/ui/notify.scss new file mode 100644 index 0000000..b815144 --- /dev/null +++ b/cinnamon/sass/ui/notify.scss @@ -0,0 +1,78 @@ +// +// Notifications +// +#notification { + border: 1px solid $borders_color; + border-radius: 3px; + background-color: $bg_color; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: $fg_color; + + .popup-menu & { + color: $fg_color; + border-image: url('#{$asset_path}/misc/message.svg') 9 9 9 9; + + .notification-button, + .notification-icon-button { + @extend %button; + padding: 5px; + } + + StEntry { + @extend %entry; + } + } + + &.multi-line-notification { + padding-bottom: 13px; + color: $fg_color; + } + + &-scrollview { + max-height: 10em; + + > .top-shadow, + > .bottom-shadow { + height: 1em; + } + + &:ltr > StScrollBar { + padding-left: 6px; + } + &:rtl > StScrollBar { + padding-right: 6px; + } + } + + &-body { + spacing: 5px; + } + &-actions { + spacing: 10px; + } +} + +.notification { + &-with-image { + min-height: 159px; + color: $fg_color; + } + + &-button, + &-icon-button { + @extend %button; + padding: 5px; + } + + &-icon-button > StIcon { + icon-size: 32px; + } + + StEntry { + @extend %osd_entry; + } +} diff --git a/cinnamon/sass/ui/panel.scss b/cinnamon/sass/ui/panel.scss new file mode 100644 index 0000000..344dfb6 --- /dev/null +++ b/cinnamon/sass/ui/panel.scss @@ -0,0 +1,190 @@ +// +// Panel +// +#panel { + font-weight: bold; + /* sets the height of horizontal panels */ + height: 40px; + /* sets the width of vertical panels */ + width: 32px; + /* Set the symbolic foreground color for icons, and importantly, the system tray applet icons */ + color: $fg_color; + background-color: rgba(16, 16, 16, 0.1); + + &:highlight { + border-image: none; + background-color: transparentize($error_color, 0.5); + } +} + +.panel { + &Left { + spacing: 4px; + + &:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(255, 0, 0, 0.05); + background-gradient-end: rgba(255, 0, 0, 0.2); + } + &:ltr { + padding-right: 4px; + } + &:rtl { + padding-left: 4px; + } + + &.vertical { + padding: 0px; + &:ltr { + padding-right: 0px; + } + &:rtl { + padding-left: 0px; + } + } + } + + &Right { + &:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 0, 255, 0.05); + background-gradient-end: rgba(0, 0, 255, 0.2); + } + &:ltr { + padding-left: 4px; + spacing: 0px; + } + &:rtl { + padding-right: 4px; + spacing: 0px; + } + + &.vertical { + padding: 0px; + &:ltr { + padding-left: 0px; + spacing: 0px; + } + &:rtl { + padding-right: 0px; + spacing: 0px; + } + } + } + + &Center { + spacing: 4px; + + &.vertical { + padding-left: 0px; + padding-right: 0px; + } + + &:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 255, 0, 0.05); + background-gradient-end: rgba(0, 255, 0, 0.2); + } + } + + &-top, + &-bottom, + &-left, + &-right { + color: $selected_fg_color; + border: none; + background-color: transparentize($panel_bg, 0.01); + font-size: 1em; + padding: 0px; + } + + &-top { + padding-right: 12px; + box-shadow: 0 1px $borders_color; + } + + &-bottom { + padding-right: 12px; + box-shadow: 0 -1px $borders_color; + } + + &-left { + box-shadow: 1px 0 $borders_color; + } + + &-right { + box-shadow: -1px 0 $borders_color; + } + + &-dummy { + background-color: transparentize($error_color, 0.5); + + &:entered { + background-color: transparentize($error_color, 0.4); + } + } + + &-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + color: $panel_fg; + + &:hover { + } + } + + &-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + color: green; + transition-duration: 100; + } +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; + + &.warning { + color: $warning_color; + } + &.error { + color: $error_color; + } +} + +// +// Panel Launchers Applet (panelLaunchers.js) +// +.panel-launchers { + padding-left: 7px; + spacing: 2px; + + & .launcher { + padding-left: 2px; + padding-right: 2px; + padding-bottom: 2px; + // border-bottom-width: 1px; + transition-duration: 200; + + &:hover { + background-color: $selected_bg_color; + } + } + + &.vertical { + padding-top: 2px; + padding-bottom: 2px; + padding-left: 0px; + padding-right: 0px; + spacing: 1px; + + & .launcher { + padding-top: 2px; + padding-bottom: 2px; + } + } +} diff --git a/cinnamon/sass/ui/sound.scss b/cinnamon/sass/ui/sound.scss new file mode 100644 index 0000000..4f10a65 --- /dev/null +++ b/cinnamon/sass/ui/sound.scss @@ -0,0 +1,156 @@ +/// +// Sound Applet (status/volume.js) +// +.sound-button { + width: 22px; + height: 13px; + padding: 8px; + + @extend %button; + + &-container { + padding-right: 3px; + padding-left: 3px; + } + StIcon { + icon-size: 1.4em; + } +} + +.sound-track { + &-infos { + padding: 5px; + } + &-info { + padding-top: 2px; + padding-bottom: 2px; + + StIcon { + icon-size: 16px; + } + + StLabel { + padding-left: 5px; + padding-right: 5px; + } + } + &-box { + padding-left: 15px; + padding-right: 15px; + max-width: 220px; + } +} + +.sound-seek-box { + padding-left: 15px; + + StLabel { + padding-top: 2px; + } + StIcon { + icon-size: 16px; + } +} + +.sound-seek-slider { + width: 140px; +} + +.sound-volume-menu-item { + padding: 0.4em 1.75em; + + StIcon { + icon-size: 1.14em; + padding-left: 8px; + padding-right: 8px; + } +} + +.sound-playback-control { + padding: 5px 10px 10px 10px; +} + +// 2.8 +.sound-player { + // padding: 0 4px; + + > StBoxLayout:first-child { + padding: 5px 10px 12px 10px; + spacing: 0.5em; + + StButton:small { + width: 20px; + height: 20px; + border: 1px solid transparent; + + StIcon { + icon-size: 12px; + } + + &:hover { + @include button(hover); + } + &:active { + @include button(active); + } + } + } + + &-generic-coverart { + background: rgba(0, 0, 0, 0.2); + } + + &-overlay { + width: 290px; + height: 70px; + padding: 15px; + spacing: 0.5em; + background: transparentize($bg_color, 0.1); + border-top: 1px solid $borders_color; + // background: transparentize(darken($osd_bg_color, 5%), 0.1); + // border: 0px solid darken($osd_bg_color, 10%); + // border-bottom: 1px ; + color: $fg_color; + + StButton { + width: 22px; + height: 13px; + padding: 5px; + color: $fg_color; + border-radius: 2px; + border: 1px solid transparent; + + StIcon { + icon-size: 16px; + } + + &:hover { + @include button(hover); + } + &:active { + @include button(active); + } + } + + StBoxLayout { + padding-top: 2px; + } + + > StBoxLayout { + spacing: 5px; + } + } + + .slider { + height: 0.5em; + padding: 0; + border: none; + -slider-height: 0.5em; + -slider-background-color: if($variant == 'light', $button_border, darken($bg_color, 5%)); + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: $selected_bg_color; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0px; + -slider-handle-radius: 0px; + } +} diff --git a/cinnamon/sass/ui/win.scss b/cinnamon/sass/ui/win.scss new file mode 100644 index 0000000..d252846 --- /dev/null +++ b/cinnamon/sass/ui/win.scss @@ -0,0 +1,295 @@ +// +// OSD +// +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: $fg_color; + border: 1px solid $borders_color; + border-radius: 5px; + background-color: $bg_color; +} + +.restart-osd { + font-size: 1.6em; +} + +.workspace-osd { + font-size: 4em; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + + color: $fg_color; + background-color: $bg_color; + border: 1px solid $borders_color; + border-radius: 5px; + + .osd-monitor-label { + font-size: 3em; + } + + .level { + padding: 0; + height: 0.7em; + background-color: transparentize(black, 0.5); + border-radius: 2px; + } + + .level-bar { + border-radius: 2px; + background-color: $selected_bg_color; + } +} + +// +// Window list (windowList.js) +// +.window-list { + &-box { + spacing: 6px; + padding-left: 10px; + padding-top: 1px; + + &.vertical { + spacing: 2px; + padding-left: 0px; + padding-right: 0px; + padding-top: 10px; + padding-bottom: 10px; + } + + &:highlight { + background-color: transparentize($error_color, 0.5); + } + } + + &-item-label { + font-weight: bold; + width: 15em; + min-width: 5px; + } + + &-item-box { + font-weight: bold; + background-image: none; + padding-top: 0; + padding-left: 8px; + padding-right: 8px; + transition-duration: 100; + color: transparentize($panel_fg, 0.2); + + &.top, + &.bottom { + border-bottom-width: 2px; + + & StLabel { + padding-left: 2px; + } + } + + &.right { + padding-left: 0px; + padding-right: 0px; + border-right-width: 2px; + + & StBin { + padding-right: 0; + } + } + + &.left { + padding-left: 0px; + padding-right: 0px; + border-left-width: 2px; + + & StBin { + padding-left: 1px; + } + } + + &:hover, + &:groupfocus { + color: $panel_fg; + background-color: transparentize($panel_fg, 0.8); + } + + &:active, + &:checked, + &:focus, + &:running { + color: $panel_fg; + border-color: $selected_bg_color; + background-color: transparentize($panel_fg, 0.8); + } + + & .progress { + background-color: transparentize($selected_bg_color, 0.2); + } + } + + &-item-demands-attention { + background-gradient-direction: vertical; + background-gradient-start: $destructive_color; + background-gradient-end: $destructive_color; + } + + &-preview { + spacing: 6px; + color: $fg_color; + border: 1px solid $borders_color; + background-color: $bg_color; + border-radius: 3px; + padding: 6px 12px 12px 12px; + font-size: 1em; + } +} + +// +// Grouped window list +// + +.grouped-window-list { + &-item-label { + font-weight: bold; + width: 15em; + min-width: 5px; + } + + &-item-box { + text-align: left; + font-weight: bold; + background-image: none; + padding-top: 0; + padding-left: 8px; + padding-right: 8px; + transition-duration: 100; + color: transparentize($panel_fg, 0.2); + + &.top, + &.bottom { + border-bottom-width: 2px; + + & StLabel { + padding-left: 2px; + } + } + + &.right { + padding-left: 0px; + padding-right: 0px; + border-right-width: 2px; + + & StBin { + padding-right: 0; + } + } + + &.left { + padding-left: 0px; + padding-right: 0px; + border-left-width: 2px; + + & StBin { + padding-left: 1px; + } + } + + &:hover, + &:focus { + color: $panel_fg; + background-color: transparentize($panel_fg, 0.7); + } + + &:active, + &:checked { + color: $panel_fg; + border-color: $selected_bg_color; + } + + & .progress { + background-color: transparentize($selected_bg_color, 0.2); + } + } + + &-item-demands-attention { + background-gradient-direction: vertical; + background-gradient-start: $destructive_color; + background-gradient-end: $destructive_color; + } + + &-thumbnail-label { + padding-left: 4px; + } + + &-number-label { + z-index: 99; + color: $tooltip_border_color; + } + + &-badge { + border-radius: 256px; + background-color: $tooltip_fg_color; + } + + &-button-label { + padding-left: 4px; + } + + &-thumbnail-alert { + background: rgba(255, 52, 52, 0.3); + } + + &-thumbnail-menu { + color: $fg_color; + border: 1px solid $borders_color; + background-color: $bg_color; + border-radius: 3px; + padding: 0px; + + > StBoxLayout { + padding: 4px; + } + + .item-box { + padding: 10px; + border-radius: 2px; + spacing: 4px; + + &:outlined { + padding: 8px; + border: 1px solid $selected_bg_color; + } + + &:selected { + border: 1px solid $selected_bg_color; + } + } + + .thumbnail { + width: 256px; + } + + .separator { + width: 1px; + background: rgba(255, 255, 255, 0.2); + } + } +} + +// +// Overview corner +// +#overview-corner { + background-image: url('common-assets/misc/overview.png'); + + &:hover { + background-image: url('common-assets/misc/overview-hover.png'); + } +} diff --git a/cinnamon/sass/ui/workspace.scss b/cinnamon/sass/ui/workspace.scss new file mode 100644 index 0000000..5274b9b --- /dev/null +++ b/cinnamon/sass/ui/workspace.scss @@ -0,0 +1,223 @@ +// +// Overview +// +#overview { + spacing: 12px; +} + +.window-caption { + background-color: $osd_bg_color; + border: 1px solid $osd_bg_color; + color: $osd_fg_color; + spacing: 8px; + border-radius: 2px; + font-size: 0.9em; + padding: 5px 8px; + -cinnamon-caption-spacing: 8px; + + &:focus { + background-color: $selected_bg_color; + color: $selected_fg_color; + border: 1px solid $selected_bg_color; + } +} + +.window-border { + border: 3px $selected_bg_color; + border-radius: 2px; + background-color: rgba(255, 255, 255, 0.05); + /* Cover rounded corners and some bad adjustment gaps */ + box-shadow: 0 0 0 1px $selected_bg_color inset; +} + +.overview-empty-placeholder { + color: #ffffff; + font-size: 2em; +} + +.expo-workspaces-name-entry, +.expo-workspaces-name-entry#selected { + height: 1.5em; + border-radius: 2px; + font-size: 1em; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + @include entry(osd); + + &:focus { + border: 1px solid $selected_bg_color; + background-color: $selected_bg_color; + color: $selected_fg_color; + font-style: italic; + transition-duration: 300; + selection-background-color: $selected_fg_color; + selected-color: $selected_bg_color; + } +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; + + &#active { + border: 4px solid $selected_bg_color; + background-color: black; + border-radius: 2px; + } +} + +.expo-background { + background-color: opacify($osd_bg_color, 1); +} + +.workspace { + //&-controls { visible-height: 32px; } + + &-thumbnails { + spacing: 26px; + + &-background, + &-background:rtl { + padding: 8px; + } + } + + &-add-button { + background-image: url('common-assets/misc/add-workspace.svg'); + height: 200px; + width: 35px; + transition-duration: 100; + + &:hover { + background-image: url('common-assets/misc/add-workspace-hover.svg'); + transition-duration: 100; + } + &:active { + background-image: url('common-assets/misc/add-workspace-active.svg'); + transition-duration: 100; + } + } + &-overview-background-shade { + background-color: rgba(0, 0, 0, 0.5); + } +} + +.workspace-close-button, +.window-close { + background-image: url('common-assets/misc/close.svg'); + background-size: 26px; + height: 26px; + width: 26px; + -cinnamon-close-overlap: 12px; + + &:hover { + background-image: url('common-assets/misc/close-hover.svg'); + background-size: 26px; + height: 26px; + width: 26px; + } + &:active { + background-image: url('common-assets/misc/close-active.svg'); + background-size: 26px; + height: 26px; + width: 26px; + } +} + +//.workspace-thumbnail-indicator { +// outline: 2px solid red; +// border: 1px solid green; +//} +// +//.window-close:rtl { +// -st-background-image-shadow: 2px 2px 6px rgba(0,0,0,0.5); +//} + +.window-close-area { + background-image: url('common-assets/misc/trash-icon.svg'); + height: 120px; + width: 400px; +} + +// +// Workspace Switcher applet (workspaceSwitcher.js) +// +#workspaceSwitcher { + spacing: 0px; + padding: 3px; +} + +/* Controls the styling when using the "Simple buttons" option */ +.workspace-switcher { + padding-left: 3px; + padding-right: 3px; + + .panel-left &, + .panel-right & { + padding: 0; + } +} + +.workspace-button { + border: 1px solid transparentize(black, 0.6); + background-color: transparentize(black, 0.8); + width: 20px; + height: 14px; + color: transparentize($selected_fg_color, 0.55); + padding: 3px; + padding-top: 4px; + transition-duration: 200; + + &.vertical { + height: 1.5em; + width: 24px; + padding: 0; + padding-top: 3px; + padding-bottom: 3px; + } + + &:outlined { + background-color: $selected_bg_color; + color: $selected_fg_color; + + &:hover { + background-color: transparentize($selected_bg_color, 0.3); + color: $selected_fg_color; + } + } + + &:hover { + background-color: transparentize($fg_color, 0.8); + color: $selected_fg_color; + } +} + +/* Controls the style when using the "Visual representation" option */ +.workspace-graph { + padding: 3px; + spacing: 6px; +} + +.workspace-graph .workspace { + border: 1px solid transparentize(black, 0.6); + background-color: transparentize(black, 0.8); +} + +.workspace-graph .workspace:active { + border: 1px solid $selected_bg_color; +} + +.workspace-graph .workspace .windows { + -active-window-background: lighten($panel_bg, 15%); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: lighten($panel_bg, 15%); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: lighten($panel_bg, 25%); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: lighten($panel_bg, 5%); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} diff --git a/cinnamon/sass/_drawing.scss b/cinnamon/sass/var/drawing.scss similarity index 75% rename from cinnamon/sass/_drawing.scss rename to cinnamon/sass/var/drawing.scss index a3114af..30574c3 100755 --- a/cinnamon/sass/_drawing.scss +++ b/cinnamon/sass/var/drawing.scss @@ -2,22 +2,22 @@ // Entries -@mixin entry($t, $dark:false) { -// -// Entries drawing function -// +@mixin entry($t, $dark: false) { + // + // Entries drawing function + // @if $t==normal { color: $text_color; - background-color: $base_color; - border: 1px solid $entry_border; + background-color: $grey_color; + // border: 1px solid $entry_border; box-shadow: inset 0 2px 4px transparentize($entry_bg, 0.95); } @if $t==focus { - color: $fg_color; - background-color: $base_color; - border: 1px solid $selected_bg_color; + color: $text_color; + background-color: $grey_color; + // border: 1px solid $selected_bg_color; box-shadow: inset 0 2px 4px transparentize($entry_bg, 0.95); } @@ -53,101 +53,83 @@ // Buttons @mixin button($t) { -// -// Button drawing function -// + // + // Button drawing function + // @if $t==normal { - // - // normal button - // + // + // normal button + // color: $fg_color; background-color: $button_bg; border: 1px solid $borders_color; box-shadow: inset 0 2px 4px transparentize($button_bg, 0.95); - } - - @else if $t==focus { - // - // focused button - // + } @else if $t==focus { + // + // focused button + // color: $fg_color; background-color: $button_bg; border: 1px solid $selected_bg_color; box-shadow: inset 0 2px 4px transparentize($button_bg, 0.95); - } - - @else if $t==focus-hover { - // - // focused button - // + } @else if $t==focus-hover { + // + // focused button + // color: $fg_color; background-color: lighten($button_bg, 5%); border: 1px solid $selected_bg_color; box-shadow: inset 0 2px 4px transparentize($button_bg, 0.95); - } - - @else if $t==hover { - // - // hovered button - // + } @else if $t==hover { + // + // hovered button + // color: $fg_color; background-color: lighten($button_bg, 5%); border: 1px solid $borders_color; box-shadow: inset 0 2px 4px transparentize(lighten($button_bg, 5%), 0.95); - } - - @else if $t==active { - // - // pushed button - // + } @else if $t==active { + // + // pushed button + // color: $selected_fg_color; background-color: $selected_bg_color; border: 1px solid $selected_bg_color; box-shadow: inset 0 2px 4px $selected_bg_color; - } - - @else if $t==insensitive { - // - // insensitive button - // + } @else if $t==insensitive { + // + // insensitive button + // color: $insensitive_fg_color; border: 1px solid transparentize($borders_color, 0.45); background-color: transparentize($button_bg, 0.45); box-shadow: inset 0 2px 4px transparentize($button_bg, 0.95); - } - - @else if $t==osd { - // - // normal osd button - // + } @else if $t==osd { + // + // normal osd button + // color: $osd_fg_color; border: 1px solid $borders_color; background-color: $osd_button_bg; - } - - @else if $t==osd-hover { - // - // active osd button - // + } @else if $t==osd-hover { + // + // active osd button + // color: $osd_fg_color; border: 1px solid $osd_button_border; background-color: opacify(lighten($osd_button_bg, 7%), 0.1); - } - - @else if $t==osd-active { - // - // active osd button - // + } @else if $t==osd-active { + // + // active osd button + // color: $selected_fg_color; border: 1px solid $selected_bg_color; background-color: $selected_bg_color; - } - - @else if $t==osd-insensitive { - // - // insensitive osd button - // + } @else if $t==osd-insensitive { + // + // insensitive osd button + // color: $osd_insensitive_fg_color; border: 1px solid $osd_button_border; background-color: transparentize($osd_button_bg, 0.15); diff --git a/cinnamon/sass/var/var.scss b/cinnamon/sass/var/var.scss new file mode 100755 index 0000000..d58b8f7 --- /dev/null +++ b/cinnamon/sass/var/var.scss @@ -0,0 +1,54 @@ +/** + * + * @authors yutent + * @date 2022/05/05 14:02:55 + */ + +$asset_path: dark-assets; + +$selected_bg_color: rgba(100, 181, 246, 0.35); +$highlight_color: rgb(100, 181, 246); + +$base_color: #3c4d5e; +$text_color: #dae1e9; +$bg_color: #57606f; +$fg_color: #ced6e0; +$grey_color: #86909b; + +$selected_fg_color: #f2f5fc; + +$borders_color: darken($bg_color, 6%); + +$separator_color: darken($grey_color, 6%); + +$link_color: lighten($selected_bg_color, 20%); + +$warning_color: #f27835; +$error_color: #fc7661; +$destructive_color: #ff5f45; + +$insensitive_fg_color: transparentize($fg_color, 0.55); + +$tooltip_bg_color: #fbeaa0; +$tooltip_fg_color: #4a4a4a; +$tooltip_border_color: #d0d0d0; + +$osd_fg_color: #c3c3c3; +$osd_bg_color: #353535; + +$osd_button_bg: transparentize(lighten($osd_bg_color, 22%), 0.6); +$osd_button_border: transparentize(darken($osd_bg_color, 20%), 0.6); + +$osd_entry_bg: transparentize(lighten($osd_bg_color, 22%), 0.6); +$osd_entry_border: transparentize(darken($osd_bg_color, 12%), 0.6); + +$osd_insensitive_fg_color: mix($osd_fg_color, opacify($osd_bg_color, 1), 30%); + +$panel_bg: $bg_color; +$panel_fg: $fg_color; + +$entry_bg: lighten($base_color, 0%); +$entry_border: darken($borders_color, 0%); + +$button_bg: lighten($base_color, 2%); +$button_border: $entry_border; diff --git a/cinnamon/mint-y-dark-thumbnail.png b/cinnamon/thumbnail.png similarity index 100% rename from cinnamon/mint-y-dark-thumbnail.png rename to cinnamon/thumbnail.png diff --git a/gtk-3.0/gtk-dark.css b/gtk-3.0/gtk-dark.css deleted file mode 100755 index ef1034c..0000000 --- a/gtk-3.0/gtk-dark.css +++ /dev/null @@ -1,4103 +0,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: 6; - outline-color: rgba(255, 255, 255, 0.17); - outline-style: dashed; - outline-offset: -3px; - outline-width: 1px; - -gtk-outline-radius: 2px; } - -.background { - color: rgba(255, 255, 255, 0.87); - background-color: rgba(56, 56, 56, 0.999); } - -*:disabled { - -gtk-icon-effect: dim; } - -.gtkstyle-fallback { - background-color: #383838; - color: rgba(255, 255, 255, 0.87); } - .gtkstyle-fallback:hover { - background-color: #525252; - color: rgba(255, 255, 255, 0.87); } - .gtkstyle-fallback:active { - background-color: #1f1f1f; - color: rgba(255, 255, 255, 0.87); } - .gtkstyle-fallback:disabled { - background-color: #3d3d3d; - color: rgba(255, 255, 255, 0.42); } - .gtkstyle-fallback:selected { - background-color: #8fa876; - color: #ffffff; } - -.view, iconview, -.view text, -iconview text, -textview text { - color: #DADADA; - background-color: #404040; } - .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 { - border-radius: 2px; } - -textview border { - background-color: #3c3c3c; } - -rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -.rubberband { - border: 1px solid #76905b; - background-color: rgba(118, 144, 91, 0.2); } - -flowbox flowboxchild { - padding: 3px; - border-radius: 2px; } - flowbox flowboxchild:selected { - outline-offset: -2px; } - -label.separator { - color: rgba(255, 255, 255, 0.87); } - -label selection { - color: #ffffff; - background-color: #8fa876; } - -label:disabled { - color: rgba(255, 255, 255, 0.42); } - -.dim-label, popover label.separator, -popover.background label.separator, label.separator { - color: rgba(255, 255, 255, 0.52); } - -assistant .sidebar { - background-color: #404040; - border-top: 1px solid #292929; } - assistant .sidebar:dir(ltr) { - border-right: 1px solid #292929; } - assistant .sidebar:dir(rtl) { - border-left: 1px solid #292929; } - -assistant.csd .sidebar { - border-top-style: none; } - -assistant .sidebar label { - padding: 6px 12px; } - -assistant .sidebar label.highlight { - background-color: #8fa876; - color: #ffffff; } - -textview { - background-color: #3c3c3c; - color: #DADADA; } - -.osd .scale-popup, 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 { - color: #dbdbdb; - border: none; - background-color: #353535; - background-clip: padding-box; - box-shadow: none; } - -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); } } - -spinner { - background-image: 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 { - border: 1px solid; - padding: 5px 8px; - caret-color: currentColor; - border-radius: 3px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - color: #DADADA; - border-color: #292929; - background-color: #404040; } - entry.search { - border-radius: 4px; } - entry image { - color: rgba(208, 208, 208, 0.896); } - entry image.left { - padding-left: 0; - padding-right: 5px; } - entry image.right { - padding-right: 0; - padding-left: 5px; } - entry.flat, entry.flat:focus { - padding: 2px; - color: #DADADA; - border-color: #292929; - background-color: #404040; - border: none; - border-radius: 0; } - entry:focus { - background-clip: border-box; - color: #DADADA; - border-color: #292929; - background-color: #404040; - box-shadow: inset 1px 0 #8fa876, inset -1px 0 #8fa876, inset 0 1px #8fa876, inset 0 -1px #8fa876; } - entry:disabled { - color: rgba(255, 255, 255, 0.42); - border-color: rgba(41, 41, 41, 0.55); - background-color: rgba(64, 64, 64, 0.55); } - entry.warning { - color: white; - border-color: #292929; - background-color: #ab6239; } - 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: #292929; - background-color: #b1413b; } - 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: #292929; - background-color: #b1413b; } - 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: #8fa876; - box-shadow: none; } - .osd entry { - color: #dbdbdb; - border-color: rgba(22, 22, 22, 0.4); - background-color: rgba(109, 109, 109, 0.4); } - .osd entry image, .osd entry image:hover { - color: inherit; } - .osd entry:focus { - color: #ffffff; - border-color: rgba(22, 22, 22, 0.4); - background-color: #8fa876; } - .osd entry:disabled { - color: rgba(219, 219, 219, 0.55); - background-color: rgba(109, 109, 109, 0.25); } - .osd entry selection:focus, .osd entry selection { - color: #8fa876; - background-color: #ffffff; } - entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #8fa876; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; } - -treeview entry.flat, treeview entry { - border-radius: 0; - background-image: none; - background-color: #404040; } - treeview entry.flat:focus, treeview entry:focus { - border-color: #8fa876; } - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#8fa876), to(transparent)); } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#8fa876), to(transparent)); } } - -button { - min-height: 22px; - min-width: 20px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 3px; - padding: 5px 8px; - color: rgba(255, 255, 255, 0.87); - outline-color: rgba(255, 255, 255, 0.17); - border-color: #292929; - background-color: #454545; } - button separator { - margin: 4px 1px; } - button.sidebar-button, button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - transition: none; } - button.sidebar-button:hover, button.flat:hover { - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; } - button.sidebar-button:hover:active, button.flat:hover:active { - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - button:hover { - color: rgba(255, 255, 255, 0.87); - outline-color: rgba(255, 255, 255, 0.17); - border-color: #292929; - background-color: #525252; - -gtk-icon-effect: highlight; } - button:active, button:checked { - color: rgba(255, 255, 255, 0.87); - outline-color: rgba(255, 255, 255, 0.17); - border-color: #0f0f0f; - background-color: rgba(0, 0, 0, 0.15); - background-clip: padding-box; - transition-duration: 50ms; } - button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { - color: inherit; - opacity: 0.6; } - button.sidebar-button, button.flat:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; } - button:disabled { - color: rgba(255, 255, 255, 0.42); - border-color: rgba(41, 41, 41, 0.55); - background-color: rgba(69, 69, 69, 0.55); } - button:disabled label { - color: inherit; } - button:disabled:active, button:disabled:checked { - color: rgba(255, 255, 255, 0.67); - border-color: rgba(15, 15, 15, 0.85); - background-color: rgba(0, 0, 0, 0.1); - opacity: 0.6; } - button:disabled:active label, button:disabled:checked label { - color: inherit; } - button.image-button, headerbar button.titlebutton, - .titlebar button.titlebutton { - min-width: 24px; - padding-left: 5px; - padding-right: 5px; } - button.text-button { - padding-left: 12px; - padding-right: 12px; } - button.text-button.image-button, headerbar button.text-button.titlebutton, - .titlebar button.text-button.titlebutton { - padding-left: 5px; - padding-right: 5px; } - button.text-button.image-button label:first-child, headerbar button.text-button.titlebutton label:first-child, - .titlebar button.text-button.titlebutton label:first-child { - padding-left: 8px; - padding-right: 2px; } - button.text-button.image-button label:last-child, headerbar button.text-button.titlebutton label:last-child, - .titlebar button.text-button.titlebutton label:last-child { - padding-right: 8px; - padding-left: 2px; } - button.text-button.image-button label:only-child, headerbar button.text-button.titlebutton label:only-child, - .titlebar button.text-button.titlebutton label:only-child { - padding-left: 8px; - padding-right: 8px; } - button.text-button.image-button.popup, headerbar button.text-button.popup.titlebutton, - .titlebar button.text-button.popup.titlebutton { - padding-right: 8px; - padding-left: 8px; } - combobox:drop(active) button.combo, button:drop(active) { - color: #8fa876; - border-color: #8fa876; - box-shadow: none; } - button.osd { - color: #dbdbdb; - outline-color: rgba(219, 219, 219, 0.3); - background-color: #353535; - border-color: #212121; } - button.osd.image-button, headerbar button.osd.titlebutton, - .titlebar button.osd.titlebutton { - padding: 0; - min-height: 36px; - min-width: 36px; } - button.osd:hover { - color: #8fa876; } - button.osd:active, button.osd:checked { - color: #dbdbdb; - outline-color: rgba(219, 219, 219, 0.3); - border-color: rgba(22, 22, 22, 0.4); - background-color: rgba(0, 0, 0, 0.15); } - button.osd:disabled { - color: #676767; - border-color: rgba(22, 22, 22, 0.4); - background-color: rgba(109, 109, 109, 0.25); } - .osd button { - color: #dbdbdb; - outline-color: rgba(219, 219, 219, 0.3); - border-color: rgba(22, 22, 22, 0.4); - background-color: rgba(109, 109, 109, 0.4); } - .osd button:hover { - color: #dbdbdb; - outline-color: rgba(219, 219, 219, 0.3); - border-color: rgba(22, 22, 22, 0.4); - background-color: rgba(127, 127, 127, 0.5); } - .osd button:active, .osd button:checked { - background-clip: padding-box; - color: #dbdbdb; - outline-color: rgba(219, 219, 219, 0.3); - border-color: rgba(22, 22, 22, 0.4); - background-color: rgba(0, 0, 0, 0.15); } - .osd button:disabled { - color: #676767; - border-color: rgba(22, 22, 22, 0.4); - background-color: rgba(109, 109, 109, 0.25); } - .osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; } - .osd button.flat:hover { - color: #dbdbdb; - outline-color: rgba(219, 219, 219, 0.3); - border-color: rgba(22, 22, 22, 0.4); - background-color: rgba(127, 127, 127, 0.5); } - .osd button.flat:disabled { - color: #676767; - border-color: rgba(22, 22, 22, 0.4); - background-color: rgba(109, 109, 109, 0.25); - background-image: none; } - .osd button.flat:active, .osd button.flat:checked { - color: #dbdbdb; - outline-color: rgba(219, 219, 219, 0.3); - border-color: rgba(22, 22, 22, 0.4); - background-color: rgba(0, 0, 0, 0.15); } - .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: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - background-color: #6db442; - border-color: #6db442; } - button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - color: #6db442; - outline-color: rgba(109, 180, 66, 0.3); } - button.suggested-action:hover { - background-clip: border-box; - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - background-color: #88c663; - border-color: #88c663; } - button.suggested-action:active, button.suggested-action:checked { - background-clip: border-box; - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - background-color: #568f34; - border-color: #568f34; } - button.suggested-action.flat:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - color: rgba(255, 255, 255, 0.42); } - button.suggested-action:disabled { - color: rgba(255, 255, 255, 0.42); - border-color: rgba(41, 41, 41, 0.55); - background-color: rgba(69, 69, 69, 0.55); } - button.suggested-action:disabled label { - color: inherit; } - button.destructive-action { - background-clip: border-box; - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - background-color: #F04A50; - border-color: #F04A50; } - button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - color: #F04A50; - outline-color: rgba(240, 74, 80, 0.3); } - button.destructive-action:hover { - background-clip: border-box; - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - background-color: #f4797e; - border-color: #f4797e; } - button.destructive-action:active, button.destructive-action:checked { - background-clip: border-box; - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - background-color: #ec1b22; - border-color: #ec1b22; } - button.destructive-action.flat:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - color: rgba(255, 255, 255, 0.42); } - button.destructive-action:disabled { - color: rgba(255, 255, 255, 0.42); - border-color: rgba(41, 41, 41, 0.55); - background-color: rgba(69, 69, 69, 0.55); } - button.destructive-action:disabled label { - color: inherit; } - .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, headerbar .stack-switcher > button.titlebutton, - .titlebar .stack-switcher > button.titlebutton { - 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 { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#8fa876), 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) { - background-position: left 3px, left 2px; } - button.font separator, button.file separator { - background-color: transparent; } - .inline-toolbar button, .inline-toolbar button:backdrop { - border-radius: 2px; - border-width: 1px; } - -.inline-toolbar toolbutton > button { - color: rgba(255, 255, 255, 0.87); - outline-color: rgba(255, 255, 255, 0.17); - border-color: #292929; - background-color: #454545; } - .inline-toolbar toolbutton > button:hover { - color: rgba(255, 255, 255, 0.87); - outline-color: rgba(255, 255, 255, 0.17); - border-color: #292929; - background-color: #525252; } - .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - color: rgba(255, 255, 255, 0.87); - outline-color: rgba(255, 255, 255, 0.17); - border-color: #0f0f0f; - background-color: rgba(0, 0, 0, 0.15); } - .inline-toolbar toolbutton > button:disabled { - color: rgba(255, 255, 255, 0.42); - border-color: rgba(41, 41, 41, 0.55); - background-color: rgba(69, 69, 69, 0.55); } - .inline-toolbar toolbutton > button:disabled label { - color: inherit; } - .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - color: rgba(255, 255, 255, 0.67); - border-color: rgba(15, 15, 15, 0.85); - background-color: rgba(0, 0, 0, 0.1); - opacity: 0.6; } - .inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:checked label { - color: inherit; } - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), -.primary-toolbar .linked:not(.vertical) entry + button:last-child, headerbar .linked:not(.vertical) entry + button:last-child, .primary-toolbar toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, -.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .inline-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, -.primary-toolbar toolbar .linked:not(.vertical).path-bar > button, -.primary-toolbar .linked:not(.vertical).path-bar > button, -.primary-toolbar .inline-toolbar .linked:not(.vertical).path-bar > button, -headerbar .linked:not(.vertical).path-bar > button, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .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, toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; } - -popover.combo scrollbar.vertical:dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo, -.primary-toolbar .linked:not(.vertical) entry + button:first-child:last-child, headerbar .linked:not(.vertical) entry + button:first-child:last-child, .primary-toolbar toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, -.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .inline-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, -.primary-toolbar toolbar .linked:not(.vertical).path-bar > button:first-child, -.primary-toolbar .linked:not(.vertical).path-bar > button:first-child, -.primary-toolbar .inline-toolbar .linked:not(.vertical).path-bar > button:first-child, -headerbar .linked:not(.vertical).path-bar > button:first-child, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .inline-toolbar button:first-child:backdrop, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - border-top-right-radius: 0; - border-bottom-right-radius: 0; } - -popover.combo scrollbar.vertical:dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo, -.primary-toolbar .linked:not(.vertical) entry + button:last-child, headerbar .linked:not(.vertical) entry + button:last-child, .primary-toolbar toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, -.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .inline-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, -.primary-toolbar toolbar .linked:not(.vertical).path-bar > button:last-child, -.primary-toolbar .linked:not(.vertical).path-bar > button:last-child, -.primary-toolbar .inline-toolbar .linked:not(.vertical).path-bar > button:last-child, -headerbar .linked:not(.vertical).path-bar > button:last-child, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .inline-toolbar button:last-child:backdrop, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - border-top-left-radius: 0; - border-bottom-left-radius: 0; - border-right-style: solid; } - -.linked:not(.vertical) > combobox:only-child > box > button.combo, -.primary-toolbar .linked:not(.vertical) entry + button:only-child:last-child, headerbar .linked:not(.vertical) entry + button:only-child:last-child, .primary-toolbar toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, -.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .inline-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, -.primary-toolbar toolbar .linked:not(.vertical).path-bar > button:only-child, -.primary-toolbar .linked:not(.vertical).path-bar > button:only-child, -.primary-toolbar .inline-toolbar .linked:not(.vertical).path-bar > button:only-child, -headerbar .linked:not(.vertical).path-bar > button:only-child, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .inline-toolbar button:only-child:backdrop, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat { - border-radius: 3px; - border-style: solid; } - -.linked.vertical > combobox > box > button.combo, spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button, .linked.vertical > button:hover, .linked.vertical > button:active, .linked.vertical > button:checked { - border-radius: 0; - border-bottom-style: none; } - -list.content > row:first-child, list.content > row.expander:first-child row.header, list.content > row.expander:checked, list.content > row.expander:checked row.header, list.content > row.expander:checked + row, list.content > row.expander:checked + row.expander row.header, popover.combo overshoot.top, popover.combo list > row:first-child, .linked.vertical > combobox:first-child > box > button.combo, spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 3px; - border-top-right-radius: 3px; } - -list.content > row:last-child, list.content > row.checked-expander-row-previous-sibling, list.content > row.expander:checked, list.content > row.expander:not(:checked):last-child row.header, list.content > row.expander:not(:checked).checked-expander-row-previous-sibling row.header, list.content > row.expander.empty:checked row.header, list.content > row.expander list.nested > row:last-child, popover.combo overshoot.bottom, popover.combo list > row:last-child, .linked.vertical > combobox:last-child > box > button.combo, spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border-bottom-style: solid; } - -.linked.vertical > combobox:only-child > box > button.combo, spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 3px; - border-style: solid; } - -TerminalWindow .notebook .active-page .button:active, TerminalWindow .notebook .prelight-page .button:active, TerminalWindow .notebook .active-page .button:hover, TerminalWindow .notebook .prelight-page .button:hover, TerminalWindow .notebook .active-page .button, TerminalWindow .notebook .prelight-page .button, .app-notification button.flat:disabled, .app-notification button.flat, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; } - -menuitem.button.flat, -modelbutton.flat { - transition: none; - min-height: 24px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 2px; } - menuitem.button.flat:hover, - modelbutton.flat:hover { - background-color: rgba(255, 255, 255, 0.1); } - 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 { - background-color: rgba(255, 255, 255, 0.1); } - menuitem.button.flat:checked, - modelbutton.flat:checked { - color: rgba(255, 255, 255, 0.87); } - 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"); } - -button:link, button:visited, -*:link { - color: #5294E2; } - button:visited, - *:link:visited { - color: #5294E2; } - *:selected button:visited, *:selected *:link:visited { - color: #d2dcc8; } - button:hover:link, button:hover:visited, - *:link:hover { - color: #7eafe9; } - *:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #f4f6f1; } - button:active:link, button:active:visited, - *:link:active { - color: #5294E2; } - *:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #e9eee4; } - infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link, headerbar.selection-mode .subtitle:link, - .selection-mode.titlebar:not(headerbar) .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, - *:link:selected, *:selected *:link { - color: #e9eee4; } - -button:link > label, button:visited > label { - text-decoration-line: underline; } - -spinbutton:drop(active) { - box-shadow: none; } - -spinbutton:disabled { - color: rgba(255, 255, 255, 0.42); } - -spinbutton:not(.vertical) entry { - min-width: 28px; } - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 3px 0 0 3px; } - -spinbutton:not(.vertical) > button + button { - border-left-style: none; } - -spinbutton:not(.vertical) > button + button, -spinbutton:not(.vertical) > button:hover:not(:active), -spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 #292929; } - -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(41, 41, 41, 0.5); } - -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: #292929; } - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #8fa876; } - -.osd spinbutton:not(.vertical) > button:hover:not(:active), -.osd spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(22, 22, 22, 0.4); } - -.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: rgba(22, 22, 22, 0.4); } - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; } - -spinbutton.vertical button.up { - border-radius: 3px 3px 0 0; } - -spinbutton.vertical > entry:focus + button { - border-top-color: #292929; } - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #8fa876; } - -combobox button.combo { - padding-top: 3px; - padding-bottom: 3px; } - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; } - -toolbar, .inline-toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #383838; } - 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: 7px; - border: 1px solid rgba(0, 0, 0, 0.5); - border-radius: 3px; - background-color: rgba(53, 53, 53, 0.9); } - 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 toolbar, .primary-toolbar .inline-toolbar, -.primary-toolbar:not(.libreoffice-toolbar) { - color: rgba(255, 255, 255, 0.87); - background-color: #2b2b2b; - box-shadow: none; - border-width: 0 0 1px 0; - border-style: solid; - border-image: linear-gradient(to bottom, #2b2b2b, #0d0d0d) 1 0 1 0; } - -.inline-toolbar { - background-color: #303030; - border-style: solid; - border-color: #292929; - border-width: 0 1px 1px; - padding: 3px; - border-radius: 0 0 3px 3px; } - -searchbar { - background-color: #383838; - border-style: solid; - border-color: #292929; - border-width: 0 0 1px; - padding: 3px; } - -actionbar { - padding: 6px; - border-top: 1px solid #292929; - background-color: #303030; } - -headerbar, -.titlebar:not(headerbar) { - min-height: 42px; - padding: 0 7px; - border-width: 0 0 1px; - border-style: solid; - border-radius: 0; - border-color: #212121; - color: rgba(255, 255, 255, 0.87); - background-color: #2b2b2b; - box-shadow: inset 0 1px #373737; } - .csd headerbar, .csd .titlebar:not(headerbar) { - background-color: #2b2b2b; - border-color: #212121; } - headerbar:backdrop, - .titlebar:backdrop:not(headerbar) { - color: rgba(255, 255, 255, 0.47); - box-shadow: none; } - headerbar .title, - .titlebar:not(headerbar) .title { - font-weight: bold; - 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: #8fa876; - border-color: #85a06a; - box-shadow: none; } - headerbar.selection-mode:backdrop, - .selection-mode.titlebar:backdrop:not(headerbar) { - background-color: #8fa876; - color: rgba(255, 255, 255, 0.6); } - headerbar.selection-mode button, - .selection-mode.titlebar:not(headerbar) button { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0); } - headerbar.selection-mode button.flat, - .selection-mode.titlebar:not(headerbar) button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - color: #ffffff; - background-color: rgba(255, 255, 255, 0); } - headerbar.selection-mode button:hover, - .selection-mode.titlebar:not(headerbar) button:hover { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - background-color: rgba(255, 255, 255, 0.05); - border-color: rgba(255, 255, 255, 0.5); } - headerbar.selection-mode button:active, headerbar.selection-mode button:checked, - .selection-mode.titlebar:not(headerbar) button:active, - .selection-mode.titlebar:not(headerbar) button:checked { - color: #8fa876; - outline-color: rgba(143, 168, 118, 0.3); - background-color: #ffffff; - border-color: #ffffff; } - headerbar.selection-mode button:disabled, - .selection-mode.titlebar:not(headerbar) button:disabled { - color: rgba(255, 255, 255, 0.4); - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0); } - headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked, - .selection-mode.titlebar:not(headerbar) button:disabled:active, - .selection-mode.titlebar:not(headerbar) button:disabled:checked { - color: rgba(143, 168, 118, 0.4); - background-color: rgba(255, 255, 255, 0.15); - border-color: rgba(255, 255, 255, 0.15); } - 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: #8fa876; } - .tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop, .tiled .titlebar:not(headerbar), .maximized .titlebar:not(headerbar) { - border-radius: 0; } - .maximized headerbar, .maximized .titlebar:not(headerbar) { - background-color: #2b2b2b; - border-color: #212121; } - headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop, - .default-decoration.titlebar:not(headerbar) { - min-height: 28px; - padding: 0 7px; - background-color: #2b2b2b; - border-bottom-width: 0; } - .maximized headerbar.default-decoration, .maximized .csd headerbar.default-decoration, .maximized headerbar.default-decoration:backdrop, .maximized .csd headerbar.default-decoration:backdrop, .maximized .default-decoration.titlebar:not(headerbar) { - background-color: #2b2b2b; } - -.titlebar { - border-radius: 8px 8px 0 0; } - -headerbar entry, headerbar button, headerbar separator { - margin-top: 6px; - margin-bottom: 6px; } - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 8px; } - .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: 8px; } - .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; - border: none; - box-shadow: none; } - -.titlebar:not(headerbar) > separator { - background-image: linear-gradient(to bottom, #212121, #212121); } - -.primary-toolbar toolbar separator, -.primary-toolbar:not(.libreoffice-toolbar) separator, .primary-toolbar .inline-toolbar separator { - min-width: 1px; - min-height: 1px; - border-width: 0 1px; - border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.22) 25%, rgba(255, 255, 255, 0.22) 75%, rgba(255, 255, 255, 0) 75%) 0 1/0 1px stretch; } - .primary-toolbar toolbar separator:backdrop, - .primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, .primary-toolbar .inline-toolbar separator:backdrop { - opacity: 0.6; } - - -.primary-toolbar entry, headerbar entry { - color: rgba(255, 255, 255, 0.87); - border-color: rgba(13, 13, 13, 0.4); - background-color: rgba(99, 99, 99, 0.4); } - - .primary-toolbar entry image, headerbar entry image { - color: inherit; } - - .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.85; } - - .primary-toolbar entry:focus, headerbar entry:focus { - color: rgba(255, 255, 255, 0.87); - border-color: #8fa876; - background-color: rgba(99, 99, 99, 0.4); - background-clip: padding-box; } - - .primary-toolbar entry:focus image, headerbar entry:focus image { - color: rgba(255, 255, 255, 0.72); } - - .primary-toolbar entry:disabled, headerbar entry:disabled { - color: rgba(255, 255, 255, 0.42); - background-color: rgba(99, 99, 99, 0.25); } - - .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #8fa876; - color: #ffffff; } - - .primary-toolbar entry progress, headerbar entry progress { - border-color: #8fa876; - background-image: none; - background-color: transparent; } - - .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: rgba(13, 13, 13, 0.4); - background-color: #a35931; } - - .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #f27835; } - - .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #f27835; } - - .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: rgba(13, 13, 13, 0.4); - background-color: #a93833; } - - .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; } - - .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; } - - -.primary-toolbar button, headerbar button { - color: rgba(255, 255, 255, 0.87); - outline-color: rgba(255, 255, 255, 0.17); - outline-offset: -3px; - background-color: rgba(43, 43, 43, 0); - border-color: rgba(43, 43, 43, 0); } - - .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.7; } - - .primary-toolbar button:hover, headerbar button:hover { - color: rgba(255, 255, 255, 0.87); - outline-color: rgba(255, 255, 255, 0.17); - border-color: rgba(13, 13, 13, 0.4); - background-color: rgba(99, 99, 99, 0.4); } - - .primary-toolbar button:active, headerbar button:active, - .primary-toolbar button:checked, headerbar button:checked { - color: rgba(255, 255, 255, 0.87); - outline-color: rgba(255, 255, 255, 0.17); - border-color: rgba(13, 13, 13, 0.4); - background-color: rgba(0, 0, 0, 0.15); - background-clip: padding-box; } - - .primary-toolbar button:disabled, headerbar button:disabled { - color: rgba(255, 255, 255, 0.42); - background-color: rgba(43, 43, 43, 0); - border-color: rgba(43, 43, 43, 0); } - - .primary-toolbar button:disabled label, headerbar button:disabled label { - color: inherit; } - - .primary-toolbar button:disabled:active, headerbar button:disabled:active, - .primary-toolbar button:disabled:checked, headerbar button:disabled:checked { - color: rgba(255, 255, 255, 0.67); - border-color: rgba(15, 15, 15, 0.85); - background-color: rgba(0, 0, 0, 0.1); } - -.primary-toolbar toolbar.selection-mode button, -.selection-mode.primary-toolbar button, .primary-toolbar .selection-mode.inline-toolbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - color: #ffffff; - background-color: rgba(255, 255, 255, 0); } - - -.primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:last-child):not(:only-child), headerbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:last-child):not(:only-child) { - margin-right: 1px; } - -.primary-toolbar toolbar .linked:not(.vertical):not(.path-bar) > button, -.primary-toolbar .linked:not(.vertical):not(.path-bar) > button, .primary-toolbar .inline-toolbar .linked:not(.vertical):not(.path-bar) > button, headerbar .linked:not(.vertical):not(.path-bar) > button { - border-radius: 3px; - border-style: solid; } - - -.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action) + 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) + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action), -.primary-toolbar toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), -.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), -.primary-toolbar .inline-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:not(:only-child), -.primary-toolbar toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), -.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), -.primary-toolbar .inline-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:not(:only-child) { - box-shadow: none; } - -.primary-toolbar toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, -.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .inline-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, -.primary-toolbar toolbar .linked:not(.vertical).path-bar > button, -.primary-toolbar .linked:not(.vertical).path-bar > button, -.primary-toolbar .inline-toolbar .linked:not(.vertical).path-bar > button, -headerbar .linked:not(.vertical).path-bar > button { - color: rgba(255, 255, 255, 0.87); - outline-color: rgba(255, 255, 255, 0.17); - border-color: rgba(13, 13, 13, 0.4); - background-color: rgba(99, 99, 99, 0.4); } - .primary-toolbar toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, - .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .inline-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, - .primary-toolbar toolbar .linked:not(.vertical).path-bar > button:hover, - .primary-toolbar .linked:not(.vertical).path-bar > button:hover, - .primary-toolbar .inline-toolbar .linked:not(.vertical).path-bar > button:hover, - headerbar .linked:not(.vertical).path-bar > button:hover { - background-color: rgba(138, 138, 138, 0.4); } - .primary-toolbar toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, - .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .inline-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, - .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .inline-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, - .primary-toolbar toolbar .linked:not(.vertical).path-bar > button:active, - .primary-toolbar .linked:not(.vertical).path-bar > button:active, - .primary-toolbar .inline-toolbar .linked:not(.vertical).path-bar > button:active, - headerbar .linked:not(.vertical).path-bar > button:active, - .primary-toolbar toolbar .linked:not(.vertical).path-bar > button:checked, - .primary-toolbar .linked:not(.vertical).path-bar > button:checked, - .primary-toolbar .inline-toolbar .linked:not(.vertical).path-bar > button:checked, - headerbar .linked:not(.vertical).path-bar > button:checked { - color: rgba(255, 255, 255, 0.87); - outline-color: rgba(255, 255, 255, 0.17); - border-color: rgba(13, 13, 13, 0.4); - background-color: rgba(0, 0, 0, 0.15); } - .primary-toolbar toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, - .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .inline-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, - .primary-toolbar toolbar .linked:not(.vertical).path-bar > button:disabled, - .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, - .primary-toolbar .inline-toolbar .linked:not(.vertical).path-bar > button:disabled, - headerbar .linked:not(.vertical).path-bar > button:disabled { - color: rgba(255, 255, 255, 0.47); } - - -.primary-toolbar .linked:not(.vertical) entry, headerbar .linked:not(.vertical) entry { - box-shadow: none; } - - .primary-toolbar .linked:not(.vertical) entry:focus, headerbar .linked:not(.vertical) entry:focus { - color: rgba(255, 255, 255, 0.87); - border-color: rgba(13, 13, 13, 0.4); - background-color: rgba(99, 99, 99, 0.4); - background-clip: padding-box; } - - .primary-toolbar .linked:not(.vertical) entry:focus image, headerbar .linked:not(.vertical) entry:focus image { - color: inherit; } - - .primary-toolbar .linked:not(.vertical) entry + button:last-child, headerbar .linked:not(.vertical) entry + button:last-child { - color: rgba(255, 255, 255, 0.87); - outline-color: rgba(255, 255, 255, 0.17); - border-color: rgba(13, 13, 13, 0.4); - background-color: rgba(99, 99, 99, 0.4); } - - .primary-toolbar .linked:not(.vertical) entry + button:last-child:hover, headerbar .linked:not(.vertical) entry + button:last-child:hover { - background-color: rgba(138, 138, 138, 0.4); } - - .primary-toolbar .linked:not(.vertical) entry + button:last-child:active, headerbar .linked:not(.vertical) entry + button:last-child:active, - .primary-toolbar .linked:not(.vertical) entry + button:last-child:checked, headerbar .linked:not(.vertical) entry + button:last-child:checked { - color: rgba(255, 255, 255, 0.87); - outline-color: rgba(255, 255, 255, 0.17); - border-color: rgba(13, 13, 13, 0.4); - background-color: rgba(0, 0, 0, 0.15); } - - .primary-toolbar .linked:not(.vertical) entry + button:last-child:disabled, headerbar .linked:not(.vertical) entry + button:last-child:disabled { - color: rgba(255, 255, 255, 0.47); - background-color: rgba(99, 99, 99, 0.2); - border-color: rgba(13, 13, 13, 0.4); } - - .primary-toolbar .linked:not(.vertical) entry + button:last-child:disabled:checked, headerbar .linked:not(.vertical) entry + button:last-child:disabled:checked { - background-color: rgba(143, 168, 118, 0.65); - color: rgba(255, 255, 255, 0.75); } - - -.primary-toolbar button.suggested-action, headerbar button.suggested-action { - background-clip: border-box; - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - background-color: #6db442; - border-color: #6db442; } - - .primary-toolbar button.suggested-action.flat, headerbar button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - color: #6db442; - outline-color: rgba(109, 180, 66, 0.3); } - - .primary-toolbar button.suggested-action:hover, headerbar button.suggested-action:hover { - background-clip: border-box; - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - background-color: #88c663; - border-color: #88c663; } - - .primary-toolbar button.suggested-action:active, headerbar button.suggested-action:active, - .primary-toolbar button.suggested-action:checked, headerbar button.suggested-action:checked { - background-clip: border-box; - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - background-color: #568f34; - border-color: #568f34; } - - .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { - color: rgba(255, 255, 255, 0.42); - background-color: rgba(43, 43, 43, 0); - border-color: rgba(43, 43, 43, 0); } - - .primary-toolbar button.suggested-action:disabled label, headerbar button.suggested-action:disabled label { - color: inherit; } - - -.primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop { - opacity: 0.8; } - - -.primary-toolbar button.destructive-action, headerbar button.destructive-action { - background-clip: border-box; - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - background-color: #F04A50; - border-color: #F04A50; } - - .primary-toolbar button.destructive-action.flat, headerbar button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - color: #F04A50; - outline-color: rgba(240, 74, 80, 0.3); } - - .primary-toolbar button.destructive-action:hover, headerbar button.destructive-action:hover { - background-clip: border-box; - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - background-color: #f4797e; - border-color: #f4797e; } - - .primary-toolbar button.destructive-action:active, headerbar button.destructive-action:active, - .primary-toolbar button.destructive-action:checked, headerbar button.destructive-action:checked { - background-clip: border-box; - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - background-color: #ec1b22; - border-color: #ec1b22; } - - .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { - color: rgba(255, 255, 255, 0.42); - background-color: rgba(43, 43, 43, 0); - border-color: rgba(43, 43, 43, 0); } - - .primary-toolbar button.destructive-action:disabled label, headerbar button.destructive-action:disabled label { - color: inherit; } - - -.primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop { - opacity: 0.8; } - - -.primary-toolbar spinbutton:focus button, headerbar spinbutton:focus button { - color: #ffffff; } - - .primary-toolbar spinbutton:focus button:hover, headerbar spinbutton:focus button:hover { - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; } - - .primary-toolbar spinbutton:focus button:disabled, headerbar spinbutton:focus button:disabled { - color: rgba(255, 255, 255, 0.4); } - - -.primary-toolbar spinbutton button, headerbar spinbutton button { - color: rgba(255, 255, 255, 0.87); } - - .primary-toolbar spinbutton button:hover, headerbar spinbutton button:hover { - background-color: rgba(255, 255, 255, 0.12); - border-color: transparent; } - - .primary-toolbar spinbutton button:disabled, headerbar spinbutton button:disabled { - color: rgba(255, 255, 255, 0.57); } - - .primary-toolbar spinbutton button:active, headerbar spinbutton button:active { - background-color: rgba(0, 0, 0, 0.1); } - - -.primary-toolbar combobox:disabled, headerbar combobox:disabled { - color: rgba(255, 255, 255, 0.27); } - - -.primary-toolbar combobox > .linked > button.combo, headerbar combobox > .linked > button.combo { - color: rgba(255, 255, 255, 0.87); - border-color: rgba(13, 13, 13, 0.4); - background-color: rgba(99, 99, 99, 0.4); } - - .primary-toolbar combobox > .linked > button.combo image, headerbar combobox > .linked > button.combo image { - color: inherit; } - - .primary-toolbar combobox > .linked > button.combo:hover, headerbar combobox > .linked > button.combo:hover { - color: rgba(255, 255, 255, 0.87); - border-color: #8fa876; - background-color: rgba(99, 99, 99, 0.4); - box-shadow: none; } - - .primary-toolbar combobox > .linked > button.combo:disabled, headerbar combobox > .linked > button.combo:disabled { - color: rgba(255, 255, 255, 0.42); - background-color: rgba(99, 99, 99, 0.25); } - - -.primary-toolbar combobox > .linked > entry.combo:dir(ltr), headerbar combobox > .linked > entry.combo:dir(ltr) { - border-right-style: none; } - - .primary-toolbar combobox > .linked > entry.combo:dir(ltr):focus, headerbar combobox > .linked > entry.combo:dir(ltr):focus { - box-shadow: none; } - - -.primary-toolbar combobox > .linked > entry.combo:dir(rtl), headerbar combobox > .linked > entry.combo:dir(rtl) { - border-left-style: none; } - - .primary-toolbar combobox > .linked > entry.combo:dir(rtl):focus, headerbar combobox > .linked > entry.combo:dir(rtl):focus { - box-shadow: none; } - - -.primary-toolbar combobox > .linked > button.combo:dir(ltr), headerbar combobox > .linked > button.combo:dir(ltr) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; } - - -.primary-toolbar combobox > .linked > button.combo:dir(rtl), headerbar combobox > .linked > button.combo:dir(rtl) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; } - - -.primary-toolbar switch:backdrop, headerbar switch:backdrop { - opacity: 0.75; } - - -.primary-toolbar progressbar trough, headerbar progressbar trough { - background-color: rgba(13, 13, 13, 0.4); } - - -.primary-toolbar progressbar:backdrop, headerbar progressbar:backdrop { - opacity: 0.75; } - - -.primary-toolbar scale:backdrop, headerbar scale:backdrop { - opacity: 0.75; } - - -.primary-toolbar scale slider, headerbar scale slider { - background-color: #454545; - border-color: rgba(13, 13, 13, 0.7); } - - .primary-toolbar scale slider:hover, headerbar scale slider:hover { - background-color: #525252; - border-color: rgba(13, 13, 13, 0.7); } - - .primary-toolbar scale slider:active, headerbar scale slider:active { - background-color: #8fa876; - border-color: #8fa876; } - - .primary-toolbar scale slider:disabled, headerbar scale slider:disabled { - background-color: #3d3d3d; - border-color: rgba(13, 13, 13, 0.7); } - - -.primary-toolbar scale trough, headerbar scale trough { - background-color: rgba(13, 13, 13, 0.4); } - - .primary-toolbar scale trough:disabled, headerbar scale trough:disabled { - background-color: rgba(13, 13, 13, 0.3); } - -.path-bar button.text-button, .path-bar button.image-button, .path-bar headerbar button.titlebutton, headerbar .path-bar button.titlebutton, -.path-bar .titlebar button.titlebutton, -.titlebar .path-bar button.titlebutton, .path-bar button { - padding-left: 6px; - padding-right: 6px; } - -.path-bar button.text-button.image-button label, .path-bar headerbar button.text-button.titlebutton label, headerbar .path-bar button.text-button.titlebutton label, -.path-bar .titlebar button.text-button.titlebutton label, -.titlebar .path-bar button.text-button.titlebutton 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(255, 255, 255, 0.02); - 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: #8fa876; } - treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #c7d4bb; - border-top-color: rgba(255, 255, 255, 0); } - treeview.view:disabled { - color: rgba(255, 255, 255, 0.42); } - treeview.view:disabled:selected { - color: #bccbad; } - 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: rgba(192, 206, 178, 0.935); } - 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: rgba(147, 147, 147, 0.935); } - treeview.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } - treeview.view.expander:hover { - color: rgba(255, 255, 255, 0.87); } - treeview.view.expander:selected { - color: #dde5d6; } - 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: 2px; - background-color: #8fa876; } - treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #8fa876; - box-shadow: none; - background-color: #ffffff; } - treeview.view.trough { - color: rgba(255, 255, 255, 0.87); - background-color: #2b2b2b; - border-radius: 2px; - border: 1px solid #292929; } - treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: #ffffff; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 2px; - border-width: 0; } - treeview.view header button { - padding: 3px 6px; - font-weight: bold; - color: rgba(208, 208, 208, 0.896); - background-color: #353535; - background-image: none; - border-style: none solid solid none; - border-radius: 0; - border-color: #292929; } - treeview.view header button:active, treeview.view header button:hover { - background-color: #3d3d3d; } - treeview.view header button:active:hover { - color: rgba(255, 255, 255, 0.87); } - treeview.view header button:disabled { - border-color: #383838; - background-image: none; } - treeview.view header button:last-child { - border-right-style: 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 { - transition: none; - color: #8fa876; - box-shadow: inset 1px 1px 0 1px #8fa876, inset -1px 0 0 1px #8fa876, inset 1px 1px #404040, inset -1px 0 #404040; } - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0px; - background-color: #2b2b2b; - color: rgba(255, 255, 255, 0.87); } - menubar:backdrop, - .menubar:backdrop { - color: rgba(255, 255, 255, 0.57); } - menubar > menuitem, - .menubar > menuitem { - padding: 6px 8px; - border: solid transparent; - border-width: 0; } - menubar > menuitem:hover, - .menubar > menuitem:hover { - background-color: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.87); } - menubar > menuitem:disabled, - .menubar > menuitem:disabled { - color: rgba(255, 255, 255, 0.27); - border-color: transparent; } - menubar > menuitem > label:disabled, - .menubar > menuitem > label:disabled { - color: rgba(255, 255, 255, 0.42); } - -menu, -.menu { - margin: 4px; - padding: 0; - border-radius: 0; - background-color: #383838; - border: 1px solid #292929; } - .csd menu, .csd .menu { - padding: 4px 0px; - border-radius: 2px; - border: none; } - menu separator, .csd menu separator, - .menu separator, .csd .menu separator { - margin: 2px 0; - background-color: #292929; } - menu .separator:not(label), .csd menu .separator:not(label), - .menu .separator:not(label), .csd .menu .separator:not(label) { - color: #383838; } - menu menuitem, - .menu menuitem { - min-height: 16px; - min-width: 40px; - padding: 5px; } - menu menuitem:hover, - .menu menuitem:hover { - color: rgba(255, 255, 255, 0.87); - background-color: rgba(255, 255, 255, 0.1); } - menu menuitem:disabled, - .menu menuitem:disabled { - color: rgba(255, 255, 255, 0.42); } - menu menuitem arrow, - .menu menuitem arrow { - min-height: 16px; - min-width: 16px; } - menu menuitem arrow:dir(ltr), - .menu menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-left: 10px; } - menu menuitem arrow:dir(rtl), - .menu menuitem arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); - margin-right: 10px; } - 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, - .menu > arrow { - border-color: transparent; - background-color: transparent; - background-image: none; - min-width: 16px; - min-height: 16px; - padding: 4px; - background-color: #383838; - border-radius: 0; } - menu > arrow.top, - .menu > arrow.top { - margin-top: -6px; - border-bottom: 1px solid rgba(79, 79, 79, 0.987); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } - menu > arrow.bottom, - .menu > arrow.bottom { - margin-bottom: -6px; - border-top: 1px solid rgba(79, 79, 79, 0.987); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - menu > arrow:hover, - .menu > arrow:hover { - background-color: rgba(79, 79, 79, 0.987); } - menu > arrow:disabled, - .menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; } - -.csd .popup { - border-radius: 2px; } - -popover, -popover.background { - padding: 2px; - border-radius: 3px; - background-clip: border-box; - background-color: #383838; - box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.35); } - .csd popover, popover, .csd popover.background, - popover.background { - border: 1px solid #1c1c1c; } - popover separator, - popover.background separator { - background-color: #383838; } - popover label.separator, - popover.background label.separator { - color: rgba(255, 255, 255, 0.87); } - 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 { - 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 #292929; } - notebook.frame > header { - margin: -1px; } - notebook.frame > header.top { - margin-bottom: 0; } - notebook.frame > header.bottom { - margin-top: 0; } - notebook.frame > header.left { - margin-right: 0; } - notebook.frame > header.right { - margin-left: 0; } - notebook.frame > header.top, notebook.frame > header.bottom { - padding-left: 0; - padding-right: 0; } - notebook.frame > header.left, notebook.frame > header.right { - padding-top: 0; - padding-bottom: 0; } - notebook > stack:not(:only-child) { - background-color: #404040; } - notebook > header { - padding: 2px; - background-color: #383838; - /* button in headers */ } - notebook > header.top { - box-shadow: inset 0 -1px #292929; } - notebook > header.bottom { - box-shadow: inset 0 1px #292929; } - notebook > header.right { - box-shadow: inset 1px 0 #292929; } - notebook > header.left { - box-shadow: inset -1px 0 #292929; } - notebook > header.top { - padding-bottom: 0; } - notebook > header.top > tabs > tab { - padding: 2px 10px; - min-width: 20px; - min-height: 20px; - outline-offset: -4px; - border: 1px solid transparent; - border-bottom: none; - border-radius: 1px 1px 0 0; } - notebook > header.top > tabs > tab + tab { - margin-left: -1px; } - notebook > header.bottom { - padding-top: 0; } - notebook > header.bottom > tabs > tab { - padding: 2px 10px; - min-width: 20px; - min-height: 20px; - outline-offset: -4px; - border: 1px solid transparent; - border-top: none; - border-radius: 0 0 1px 1px; } - notebook > header.bottom > tabs > tab + tab { - margin-left: -1px; } - notebook > header.right { - padding-left: 0; } - notebook > header.right > tabs > tab { - padding: 2px 10px; - min-width: 20px; - min-height: 20px; - outline-offset: -4px; - border: 1px solid transparent; - border-left: none; - border-radius: 0 1px 1px 0; } - notebook > header.right > tabs > tab + tab { - margin-top: -1px; } - notebook > header.left { - padding-right: 0; } - notebook > header.left > tabs > tab { - padding: 2px 10px; - min-width: 20px; - min-height: 20px; - outline-offset: -4px; - border: 1px solid transparent; - border-right: none; - border-radius: 1px 0 0 1px; } - 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(255, 255, 255, 0.42); } - notebook > header > tabs > arrow:hover { - color: rgba(255, 255, 255, 0.645); } - notebook > header > tabs > arrow:active { - color: rgba(255, 255, 255, 0.87); } - notebook > header > tabs > arrow:disabled { - color: rgba(255, 255, 255, 0.12); } - notebook > header.top > tabs > tab:hover:not(:checked) { - box-shadow: inset 0 -1px #292929; } - notebook > header.bottom > tabs > tab:hover:not(:checked) { - box-shadow: inset 0 1px #292929; } - notebook > header.left > tabs > tab:hover:not(:checked) { - box-shadow: inset -1px 0 #292929; } - notebook > header.right > tabs > tab:hover:not(:checked) { - box-shadow: inset 1px 0 #292929; } - notebook > header > tabs > tab { - color: rgba(255, 255, 255, 0.42); - background-color: rgba(64, 64, 64, 0); } - notebook > header > tabs > tab:hover:not(:checked) { - color: rgba(255, 255, 255, 0.645); - background-color: rgba(64, 64, 64, 0.5); - border-color: #292929; } - notebook > header > tabs > tab:checked { - color: rgba(255, 255, 255, 0.87); - background-color: #404040; - border-color: #292929; } - notebook > header > tabs > tab button.flat { - min-height: 22px; - min-width: 16px; - padding: 0; - color: rgba(173, 173, 173, 0.9155); } - notebook > header > tabs > tab button.flat:hover { - color: #ff4d4d; } - notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.flat:active:hover { - color: #8fa876; } - notebook > header button.flat { - padding: 2px; } - -scrollbar { - background-color: #3d3d3d; - transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - * { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; } - scrollbar.top { - border-bottom: 1px solid #292929; } - scrollbar.bottom { - border-top: 1px solid #292929; } - scrollbar.left { - border-right: 1px solid #292929; } - scrollbar.right { - border-left: 1px solid #292929; } - scrollbar button { - border: none; } - scrollbar slider { - min-width: 6px; - min-height: 6px; - margin: -1px; - border: 4px solid transparent; - border-radius: 8px; - background-clip: padding-box; - background-color: rgba(123, 123, 123, 0.948); } - scrollbar slider:hover { - background-color: rgba(105, 105, 105, 0.961); } - scrollbar slider:hover:active { - background-color: #8fa876; } - 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: rgba(184, 184, 184, 0.909); - border: 1px solid rgba(0, 0, 0, 0.3); } - scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { - margin: 2px 0; - min-height: 40px; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { - margin: 0 2px; - min-width: 40px; } - scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - opacity: 0.99; } - scrollbar.horizontal slider { - min-width: 40px; } - scrollbar.vertical slider { - min-height: 40px; } - -switch { - font-size: 1px; - min-width: 52px; - min-height: 24px; - background-size: 52px 24px; - background-repeat: no-repeat; - background-position: center center; } - switch slider { - min-width: 1px; - min-height: 1px; } - switch, switch slider { - outline-color: transparent; - color: transparent; - border: none; - box-shadow: none; } - -switch { - background-image: -gtk-scaled(url("assets/switch-dark.png"), url("assets/switch-dark@2.png")); } - -menuitem:hover switch, -row:selected switch, -infobar switch { - background-image: -gtk-scaled(url("assets/switch-selected.png"), url("assets/switch-selected@2.png")); } - -headerbar switch, -.primary-toolbar switch, -.primary-toolbar toolbar switch { - background-image: -gtk-scaled(url("assets/switch-header-dark.png"), url("assets/switch-header-dark@2.png")); } - -switch:checked { - background-image: -gtk-scaled(url("assets/switch-active-dark.png"), url("assets/switch-active-dark@2.png")); } - -menuitem:hover switch:checked, -row:selected switch:checked, -infobar switch:checked { - background-image: -gtk-scaled(url("assets/switch-active-selected.png"), url("assets/switch-active-selected@2.png")); } - -headerbar switch:checked, -.primary-toolbar switch:checked, -.primary-toolbar toolbar switch:checked { - background-image: -gtk-scaled(url("assets/switch-active-header-dark.png"), url("assets/switch-active-header-dark@2.png")); } - -switch:disabled { - background-image: -gtk-scaled(url("assets/switch-insensitive-dark.png"), url("assets/switch-insensitive-dark@2.png")); } - -menuitem:hover switch:disabled, -row:selected switch:disabled, -infobar switch:disabled { - background-image: -gtk-scaled(url("assets/switch-insensitive-selected.png"), url("assets/switch-insensitive-selected@2.png")); } - -headerbar switch:disabled, -.primary-toolbar switch:disabled, -.primary-toolbar toolbar switch:disabled { - background-image: -gtk-scaled(url("assets/switch-insensitive-header-dark.png"), url("assets/switch-insensitive-header-dark@2.png")); } - -switch:checked:disabled { - background-image: -gtk-scaled(url("assets/switch-active-insensitive-dark.png"), url("assets/switch-active-insensitive-dark@2.png")); } - -menuitem:hover switch:checked:disabled, -row:selected switch:checked:disabled, -infobar switch:checked:disabled { - background-image: -gtk-scaled(url("assets/switch-active-insensitive-selected.png"), url("assets/switch-active-insensitive-selected@2.png")); } - -headerbar switch:checked:disabled, -.primary-toolbar switch:checked:disabled, -.primary-toolbar toolbar switch:checked:disabled { - background-image: -gtk-scaled(url("assets/switch-active-insensitive-header-dark.png"), url("assets/switch-active-insensitive-header-dark@2.png")); } - -.check, -check, -treeview.check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } - -.osd check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } - -.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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } - -.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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } - -.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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } - -.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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } - -.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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } - -.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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } - -.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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } - -.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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } - -.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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } - -.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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } - -.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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } - -.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 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 slider { - background-clip: border-box; - background-color: #454545; - border: 1px solid #242424; - border-radius: 50%; - box-shadow: none; } - scale slider:disabled { - background-color: #3c3c3c; - border-color: rgba(36, 36, 36, 0.8); } - scale slider:active { - background-color: #8fa876; - border-color: #8fa876; } - .osd scale slider { - background-color: #353535; - border-color: #8fa876; } - .osd scale slider:hover { - background-color: #8fa876; } - .osd scale slider:active { - background-color: #76905b; - border-color: #76905b; } - menuitem:hover scale slider, row:selected scale slider, infobar scale slider { - background-color: #ffffff; - border-color: #ffffff; } - menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #eef2ea; - border-color: #eef2ea; } - menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #c7d4bb; - border-color: #c7d4bb; } - menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #cdd8c1; - border-color: #cdd8c1; } - scale trough { - outline-offset: 2px; - -gtk-outline-radius: 4.5px; - border-radius: 2.5px; - background-color: #2b2b2b; } - scale trough:disabled { - background-color: rgba(43, 43, 43, 0.55); } - .osd scale trough { - background-color: #474747; - outline-color: rgba(219, 219, 219, 0.2); } - .osd scale trough highlight { - background-color: #8fa876; } - menuitem:hover scale trough row:selected scale trough, infobar scale trough { - background-color: rgba(0, 0, 0, 0.2); } - menuitem:hover scale trough row:selected scale trough highlight, infobar scale trough highlight { - background-color: #ffffff; } - menuitem:hover scale trough row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #cdd8c1; } - menuitem:hover scale trough row:selected scale trough:disabled, infobar scale trough:disabled { - background-color: rgba(0, 0, 0, 0.1); } - scale highlight { - border-radius: 2.5px; - background-color: #8fa876; } - scale highlight:disabled { - background-color: rgba(143, 168, 118, 0.55); } - scale fill { - border-radius: 2.5px; - background-color: rgba(143, 168, 118, 0.5); } - scale fill:disabled { - background-color: transparent; } - 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; } - -progressbar { - padding: 0; - font-size: smaller; - color: rgba(255, 255, 255, 0.57); } - 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: #8fa876; - border-radius: 0px; - box-shadow: none; } - row:selected progressbar progress, infobar progressbar progress { - background-color: #ffffff; } - progressbar trough { - border: 1px solid #292929; - border-radius: 2px; - background-color: #2b2b2b; } - row:selected progressbar trough, infobar progressbar trough { - background-color: rgba(0, 0, 0, 0.2); } - -.osd .progressbar { - background-color: #8fa876; } - -.osd .trough { - background-color: #f4f4f4; } - -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: 3px; - background-color: #2b2b2b; } - -levelbar.horizontal.discrete block { - margin: 0 1px; } - -levelbar.vertical.discrete block { - margin: 1px 0; } - -levelbar block:not(.empty) { - border: 1px solid #8fa876; - background-color: #8fa876; - border-radius: 2px; } - -levelbar block.low { - border-color: #f27835; - background-color: #f27835; } - -levelbar block.high { - border-color: #8fa876; - background-color: #8fa876; } - -levelbar block.full { - border-color: #73d216; - background-color: #73d216; } - -levelbar block.empty { - background-color: #404040; - border-color: #404040; } - -frame > border, -.frame { - margin: 0; - padding: 0; - border-radius: 0; - border: 1px solid #292929; } - -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(143, 168, 118, 0.2)), to(rgba(143, 168, 118, 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(143, 168, 118, 0.2)), to(rgba(143, 168, 118, 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(143, 168, 118, 0.2)), to(rgba(143, 168, 118, 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(143, 168, 118, 0.2)), to(rgba(143, 168, 118, 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; } - -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; } - -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; } - -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; } - -scrolledwindow junction { - border-color: transparent; - border-image: linear-gradient(to bottom, #292929 1px, transparent 1px) 0 0 0 1/0 1px stretch; - background-color: #3d3d3d; } - 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: #404040; - border-color: #292929; } - list row { - padding: 2px; } - -row:not(:hover) { - transition: all 150ms 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.05); } - -row.activatable:active { - color: rgba(255, 255, 255, 0.87); } - -row.activatable:disabled { - color: rgba(255, 255, 255, 0.42); } - row.activatable:disabled image { - color: inherit; } - -row.activatable:selected:active { - color: #ffffff; } - -row.activatable:selected.has-open-popup, row.activatable:selected:hover { - background-color: #81976a; } - -.app-notification { - padding: 10px; - color: #dbdbdb; - background-color: #353535; - background-clip: border-box; - border-radius: 0 0 2px 2px; - border-width: 0 1px 1px 1px; - border-style: solid; - border-color: #1c1c1c; } - .app-notification border { - border: none; } - .app-notification button { - color: #dbdbdb; - outline-color: rgba(219, 219, 219, 0.3); - border-color: rgba(22, 22, 22, 0.4); - background-color: rgba(109, 109, 109, 0.4); } - .app-notification button.flat { - border-color: rgba(143, 168, 118, 0); } - .app-notification button:hover { - color: #dbdbdb; - outline-color: rgba(219, 219, 219, 0.3); - border-color: rgba(22, 22, 22, 0.4); - background-color: rgba(127, 127, 127, 0.5); } - .app-notification button:active, .app-notification button:checked { - color: #dbdbdb; - outline-color: rgba(219, 219, 219, 0.3); - border-color: rgba(22, 22, 22, 0.4); - background-color: rgba(0, 0, 0, 0.15); - background-clip: padding-box; } - .app-notification button:disabled { - color: #676767; - border-color: rgba(22, 22, 22, 0.4); - background-color: rgba(109, 109, 109, 0.25); } - -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: rgba(255, 255, 255, 0.87); } - expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - -calendar { - color: rgba(255, 255, 255, 0.87); - border: 1px solid #292929; - border-radius: 3px; - padding: 2px; } - calendar:selected { - background-color: #8fa876; - color: #ffffff; - border-radius: 1.5px; } - calendar.header { - color: rgba(255, 255, 255, 0.87); - border: none; - border-radius: 0; } - calendar.button, calendar.button:focus { - color: rgba(255, 255, 255, 0.32); - border-color: transparent; - background-color: transparent; - background-image: none; } - calendar.button:hover, calendar.button:focus:hover { - color: rgba(255, 255, 255, 0.87); } - calendar.button:disabled, calendar.button:focus:disabled { - color: rgba(255, 255, 255, 0.42); - background-color: transparent; - background-image: none; } - calendar:indeterminate { - color: alpha(currentColor,0.55); } - calendar.highlight { - color: rgba(255, 255, 255, 0.87); } - -.dialog-action-area .button.text-button { - padding: 6px 16px; } - -.message-dialog .dialog-action-area .button { - padding: 8px; } - -.message-dialog { - -GtkDialog-button-spacing: 0; } - .message-dialog .titlebar { - background-color: #2b2b2b; - border-bottom: 1px solid #191919; } - .message-dialog.csd.background { - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border: none; } - .message-dialog.csd .dialog-action-area .button { - padding: 8px; - border-radius: 0; } - .message-dialog.csd .dialog-action-area .button, .message-dialog.csd .dialog-action-area .button:hover, .message-dialog.csd .dialog-action-area .button:active, .message-dialog.csd .dialog-action-area .button:disabled { - border-right-style: none; - border-bottom-style: none; } - .message-dialog.csd .dialog-action-area .button:last-child { - border-bottom-right-radius: 3px; } - .message-dialog.csd .dialog-action-area .button:first-child { - border-left-style: none; - border-bottom-left-radius: 3px; } - -filechooser #pathbarbox { - background-color: #2b2b2b; - border-bottom: 1px solid #292929; } - -filechooser .search-bar { - background-color: #2b2b2b; } - -filechooser actionbar { - background-color: #383838; } - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; } - -.sidebar { - border-style: none; - background-color: #3d3d3d; } - stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { - border-right: 1px solid #292929; - border-left-style: none; } - stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { - border-left: 1px solid #292929; - border-right-style: none; } - .sidebar list { - background-color: #404040; } - 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: 10px 4px; } - stacksidebar row > label { - padding-left: 6px; - padding-right: 6px; } - stacksidebar row.needs-attention { - background-image: radial-gradient(circle closest-side at 5% 25%, #F04A50 0%, #F04A50 100%, transparent 100%); - background-size: 70px; - background-position: 4px; - background-repeat: no-repeat; } - stacksidebar row.activatable:selected.needs-attention { - background-image: radial-gradient(circle closest-side at 5% 25%, #ffffff 0%, #ffffff 100%, transparent 100%); - background-size: 70px; - background-position: 4px; - background-repeat: no-repeat; } - -placessidebar > viewport.frame { - border-style: none; } - -placessidebar row { - min-height: 30px; - padding: 0px; } - 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, #8fa876, #8fa876); - background-clip: content-box; } - placessidebar row.sidebar-new-bookmark-row { - color: #8fa876; } - placessidebar row:drop(active):not(:disabled) { - box-shadow: inset 0 1px #8fa876, inset 0 -1px #8fa876; } - placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { - color: #8fa876; } - placessidebar row:drop(active):not(:disabled):selected { - background-color: #8fa876; } - placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { - color: #ffffff; } - -placesview .server-list-button > image { - transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - -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, #292929, #292929); - background-size: 1px 1px; } - paned > separator:selected { - background-image: linear-gradient(to bottom, #8fa876, #8fa876); } - paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: transparent; } - -paned.horizontal > separator { - background-repeat: repeat-y; - margin: 0 -3px 0 -3px; - padding: 0 3px 0 3px; - background-position: center; } - paned.horizontal > separator.wide { - margin: 0; - padding: 0; - background-repeat: no-repeat; - background-position: center; - background-image: -gtk-scaled(url("assets/pane-separator-vertical.png"), url("assets/pane-separator-vertical@2.png")); - background-size: 2px 24px; } - -paned.vertical > separator { - margin: -3px 0 -3px 0; - padding: 3px 0 3px 0; - background-repeat: repeat-x; - background-position: center; } - paned.vertical > separator.wide { - margin: 0; - padding: 0; - background-repeat: no-repeat; - background-position: center; - background-image: -gtk-scaled(url("assets/pane-separator.png"), url("assets/pane-separator@2.png")); - background-size: 24px 2px; } - -infobar { - border-style: none; } - infobar.info, infobar.question, infobar.warning, infobar.error { - background-color: #8fa876; - color: #ffffff; - caret-color: currentColor; } - infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { - color: #8fa876; - background-color: #ffffff; } - infobar.info:disabled label, infobar.info:disabled image, infobar.question:disabled label, infobar.question:disabled image, infobar.warning:disabled label, infobar.warning:disabled image, infobar.error:disabled label, infobar.error:disabled image { - color: rgba(255, 255, 255, 0.5); } - infobar.warning { - background-color: #f27835; } - infobar.error { - background-color: #F04A50; } - infobar.question { - background-color: #55c1ec; } - -.primary-toolbar toolbar.selection-mode button:hover, -.selection-mode.primary-toolbar button:hover, .primary-toolbar .selection-mode.inline-toolbar button:hover, headerbar.selection-mode button:hover, row:selected button, infobar.info button, infobar.question button, infobar.warning button, infobar.error button { - color: #ffffff; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); } - -row:selected button.flat, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - color: #ffffff; - background-color: rgba(255, 255, 255, 0); } - .primary-toolbar toolbar.selection-mode button:disabled, - .selection-mode.primary-toolbar button:disabled, .primary-toolbar .selection-mode.inline-toolbar button:disabled, headerbar.selection-mode button:disabled, .primary-toolbar toolbar.selection-mode button:disabled label, - .selection-mode.primary-toolbar button:disabled label, .primary-toolbar .selection-mode.inline-toolbar button:disabled label, headerbar.selection-mode button:disabled label, row:selected button.flat:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, row:selected button.flat:disabled label, infobar.info button.flat:disabled label, infobar.question button.flat:disabled label, infobar.warning button.flat:disabled label, infobar.error button.flat: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 { - color: #ffffff; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.8); } - -.primary-toolbar toolbar.selection-mode button:active, -.selection-mode.primary-toolbar button:active, .primary-toolbar .selection-mode.inline-toolbar button:active, headerbar.selection-mode button:active, .primary-toolbar toolbar.selection-mode button:checked, -.selection-mode.primary-toolbar button:checked, .primary-toolbar .selection-mode.inline-toolbar button:checked, headerbar.selection-mode button:checked, row:selected button:active, infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active, row:selected button:checked, infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked { - color: #8fa876; - background-color: #ffffff; - border-color: #ffffff; } - -row:selected button:disabled, infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error 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, 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 { - color: rgba(255, 255, 255, 0.5); } - .primary-toolbar toolbar.selection-mode button:disabled:checked, - .selection-mode.primary-toolbar button:disabled:checked, .primary-toolbar .selection-mode.inline-toolbar button:disabled:checked, headerbar.selection-mode button:disabled:checked, .primary-toolbar toolbar.selection-mode button:disabled:active, - .selection-mode.primary-toolbar button:disabled:active, .primary-toolbar .selection-mode.inline-toolbar button:disabled:active, headerbar.selection-mode button:disabled:active, 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, 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 { - color: #8fa876; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); } - -tooltip, -.tooltip { - color: #4a4a4a; - border-radius: 2px; - border: 1px solid #d0d0d0; } - tooltip.background, - .tooltip.background { - background-color: #fbeaa0; - background-clip: padding-box; } - tooltip.background label, - .tooltip.background label { - padding: 4px; } - tooltip decoration, - .tooltip decoration { - background-color: transparent; } - tooltip *, - .tooltip * { - background-color: transparent; - color: #4a4a4a; } - -colorswatch, colorswatch:drop(active) { - border-style: none; } - -colorswatch.top { - border-top-left-radius: 3px; - border-top-right-radius: 3px; } - colorswatch.top overlay { - border-top-left-radius: 3px; - border-top-right-radius: 3px; } - -colorswatch.bottom { - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; } - colorswatch.bottom overlay { - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; } - -colorswatch.left, colorswatch:first-child:not(.top) { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; } - colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; } - -colorswatch.right, colorswatch:last-child:not(.bottom) { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; } - colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; } - -colorswatch.dark overlay { - color: rgba(255, 255, 255, 0.7); } - colorswatch.dark overlay:hover { - border-color: #292929; } - -colorswatch.light overlay { - color: rgba(0, 0, 0, 0.7); } - colorswatch.light overlay:hover { - border-color: #292929; } - -colorswatch overlay { - border: 1px solid #292929; } - 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: rgba(255, 255, 255, 0.87); - outline-color: rgba(255, 255, 255, 0.17); - border-color: #292929; - background-color: #454545; } - colorswatch#add-color-button:hover { - color: rgba(255, 255, 255, 0.87); - outline-color: rgba(255, 255, 255, 0.17); - border-color: #292929; - background-color: #525252; } - colorswatch#add-color-button overlay { - border-color: transparent; - background-color: transparent; - background-image: 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: 3px; } - -.content-view { - background-color: #404040; } - .content-view:hover { - -gtk-icon-effect: highlight; } - -.scale-popup button:hover { - color: rgba(255, 255, 255, 0.87); - outline-color: rgba(255, 255, 255, 0.17); - border-color: #292929; - background-color: #525252; } - -.touch-selection, -.context-menu, -popover.touch-selection, -.csd popover.touch-selection, -popover.background.touch-selection, -.csd popover.background.touch-selection { - font: initial; } - -.monospace { - font-family: Monospace; } - -button.circular, -button.circular-button, -.stack-switcher > button.circular { - min-width: 24px; - min-height: 24px; - padding: 5px; - border-radius: 50%; - -gtk-outline-radius: 50%; } - button.circular label, - button.circular-button label, - .stack-switcher > button.circular label { - padding: 0; } - -.keycap { - min-width: 16px; - min-height: 20px; - padding: 3px 6px 4px 6px; - color: rgba(255, 255, 255, 0.87); - background-color: #404040; - border: 1px solid #292929; - border-radius: 2.5px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); } - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #8fa876; } - -decoration { - border-radius: 8px 8px 0 0; - border-width: 0px; - box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px #212121; - margin: 10px; } - decoration:backdrop { - box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px #2e2e2e; } - .fullscreen decoration, .maximized decoration, .tiled decoration, .tiled decoration:backdrop { - border-radius: 0; - box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px transparent, 0 0 0 1px #2e2e2e; } - .popup decoration { - box-shadow: none; - border-radius: 0; } - .ssd decoration { - border-radius: 8px 8px 0 0; - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.65); } - .ssd decoration.maximized { - border-radius: 0; } - .csd.popup decoration { - border-radius: 2px; - box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(33, 33, 33, 0.9); } - tooltip.csd decoration { - border-radius: 2px; - box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.35); } - message-dialog.csd decoration { - border-radius: 3px; } - .solid-csd decoration { - border-radius: 0; - margin: 1px; - background-color: #2b2b2b; - box-shadow: none; } - -headerbar.default-decoration button.titlebutton, -.titlebar.default-decoration button.titlebutton { - padding-top: 0px; - padding-bottom: 0px; - min-width: 22px; - min-height: 22px; - margin: 0; } - -headerbar button.titlebutton, -.titlebar button.titlebutton { - min-width: 18px; - min-height: 18px; - padding: 10px 3px; - margin: 0; - transition: none; - border-color: transparent; - background-color: transparent; - background-image: none; - background-color: rgba(43, 43, 43, 0); } - headerbar button.titlebutton:hover, - .titlebar button.titlebutton:hover { - color: rgba(255, 255, 255, 0.87); - outline-color: rgba(255, 255, 255, 0.17); - border-color: rgba(13, 13, 13, 0.4); - background-color: rgba(99, 99, 99, 0.4); } - headerbar button.titlebutton:active, headerbar button.titlebutton:checked, - .titlebar button.titlebutton:active, - .titlebar button.titlebutton:checked { - color: rgba(255, 255, 255, 0.87); - outline-color: rgba(255, 255, 255, 0.17); - border-color: rgba(13, 13, 13, 0.4); - background-color: rgba(0, 0, 0, 0.15); } - headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, - .titlebar button.titlebutton.close, - .titlebar button.titlebutton.maximize, - .titlebar button.titlebutton.minimize { - -gtk-icon-theme: "Mint-Y"; - background-color: transparent; - background-size: 18px 18px; - background-position: center; - background-repeat: no-repeat; - border-width: 0; } - headerbar button.titlebutton.close, - .titlebar button.titlebutton.close { - color: #ffffff; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#8fa876), to(transparent)); } - headerbar button.titlebutton.close:hover, - .titlebar button.titlebutton.close:hover { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#9cb286), to(transparent)); } - headerbar button.titlebutton.close:active, - .titlebar button.titlebutton.close:active { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#829e66), to(transparent)); } - headerbar button.titlebutton.close:backdrop, - .titlebar button.titlebutton.close:backdrop { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#626262), to(transparent)); } - headerbar button.titlebutton.maximize:hover, headerbar button.titlebutton.maximize:hover:backdrop, headerbar button.titlebutton.minimize:hover, headerbar button.titlebutton.minimize:hover:backdrop, - .titlebar button.titlebutton.maximize:hover, - .titlebar button.titlebutton.maximize:hover:backdrop, - .titlebar button.titlebutton.minimize:hover, - .titlebar button.titlebutton.minimize:hover:backdrop { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#4c4c4c), to(transparent)); } - headerbar button.titlebutton.maximize:active, headerbar button.titlebutton.maximize:active:backdrop, headerbar button.titlebutton.minimize:active, headerbar button.titlebutton.minimize:active:backdrop, - .titlebar button.titlebutton.maximize:active, - .titlebar button.titlebutton.maximize:active:backdrop, - .titlebar button.titlebutton.minimize:active, - .titlebar button.titlebutton.minimize:active:backdrop { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#949494), to(transparent)); } - headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, - .titlebar button.titlebutton.maximize:backdrop, - .titlebar button.titlebutton.minimize:backdrop { - color: #626262; } - -.caja-navigation-window .view .cell:selected, .caja-navigation-window iconview .cell:selected, .caja-navigation-window .view .cell:selected:focus, .nemo-window .nemo-inactive-pane .view:selected:focus, .nemo-window .nemo-inactive-pane iconview:selected:focus, .nemo-window .nemo-inactive-pane .view:selected, .nemo-window .nemo-inactive-pane iconview:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .nautilus-window placessidebar.sidebar list row.sidebar-row:selected.has-open-popup, .nautilus-window placessidebar.sidebar list row.sidebar-row:selected, .nautilus-window placessidebar.sidebar list row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar list row.sidebar-row:active:hover, -filechooser placessidebar.sidebar list row.sidebar-row:selected.has-open-popup, -filechooser placessidebar.sidebar list row.sidebar-row:selected, -filechooser placessidebar.sidebar list row.sidebar-row:selected:hover, -filechooser placessidebar.sidebar list row.sidebar-row:active:hover, .view:selected, .view:selected:focus, -.view text:selected, -textview text:selected, -.view text:selected:focus, -textview text:selected:focus, .view text selection:focus, .view text selection, -textview text selection:focus, -textview text selection, iconview:selected, iconview:selected:focus, iconview text selection:focus, .view text selection, iconview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected { - background-color: #8fa876; } - row:selected label, label:selected, .caja-navigation-window .view .cell:selected, .caja-navigation-window iconview .cell:selected, .caja-navigation-window .view .cell:selected:focus, .nemo-window .nemo-inactive-pane .view:selected:focus, .nemo-window .nemo-inactive-pane iconview:selected:focus, .nemo-window .nemo-inactive-pane .view:selected, .nemo-window .nemo-inactive-pane iconview:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .nautilus-window placessidebar.sidebar list row.sidebar-row:selected.has-open-popup, .nautilus-window placessidebar.sidebar list row.sidebar-row:selected, .nautilus-window placessidebar.sidebar list row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar list row.sidebar-row:active:hover, - filechooser placessidebar.sidebar list row.sidebar-row:selected.has-open-popup, - filechooser placessidebar.sidebar list row.sidebar-row:selected, - filechooser placessidebar.sidebar list row.sidebar-row:selected:hover, - filechooser placessidebar.sidebar list row.sidebar-row:active:hover, .view:selected, .view:selected:focus, - .view text:selected, - textview text:selected, - .view text:selected:focus, - textview text:selected:focus, .view text selection:focus, .view text selection, - textview text selection:focus, - textview text selection, iconview:selected, iconview:selected:focus, iconview text selection:focus, .view text selection, iconview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected { - color: #ffffff; } - label:disabled selection, row:selected label:disabled, label:disabled:selected, .caja-navigation-window .view .cell:disabled:selected, .caja-navigation-window iconview .cell:disabled:selected, .nemo-window .nemo-inactive-pane .view:disabled:selected:focus, .nemo-window .nemo-inactive-pane iconview:disabled:selected:focus, .nemo-window .nemo-inactive-pane .view:disabled:selected, .nemo-window .nemo-inactive-pane iconview:disabled:selected, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .nautilus-window placessidebar.sidebar list row.sidebar-row:disabled:selected, .nautilus-window placessidebar.sidebar list row.sidebar-row:disabled:active:hover, - filechooser placessidebar.sidebar list row.sidebar-row.has-open-popup:disabled:selected, - filechooser placessidebar.sidebar list row.sidebar-row:disabled:selected, - filechooser placessidebar.sidebar list row.sidebar-row:disabled:selected:hover, - filechooser placessidebar.sidebar list row.sidebar-row:disabled:active:hover, .view:disabled:selected, - .view text:disabled:selected, - textview text:disabled:selected, - textview text:disabled:selected:focus, .view text selection:disabled, - textview text selection:disabled:focus, - textview text selection:disabled, iconview:disabled:selected, iconview:disabled:selected:focus, iconview text selection:disabled:focus, iconview text selection:disabled, flowbox flowboxchild:disabled:selected, entry selection:disabled, row:disabled:selected { - color: #c7d4bb; } - -GeditNotebook.notebook tab.reorderable-page.top:active, GeditNotebook.notebook tab.reorderable-page.top.active-page, GeditNotebook.notebook tab.reorderable-page.top.active-page:hover, GeditNotebook.notebook tab.top:active, GeditNotebook.notebook tab.top.active-page, GeditNotebook.notebook tab.top.active-page:hover, -ScratchMainWindow .notebook tab.reorderable-page.top:active, -ScratchMainWindow .notebook tab.reorderable-page.top.active-page, -ScratchMainWindow .notebook tab.reorderable-page.top.active-page:hover, -ScratchMainWindow .notebook tab.top:active, -ScratchMainWindow .notebook tab.top.active-page, -ScratchMainWindow .notebook tab.top.active-page:hover, -EphyNotebook.notebook tab.reorderable-page.top:active, -EphyNotebook.notebook tab.reorderable-page.top.active-page, -EphyNotebook.notebook tab.reorderable-page.top.active-page:hover, -EphyNotebook.notebook tab.top:active, -EphyNotebook.notebook tab.top.active-page, -EphyNotebook.notebook tab.top.active-page:hover, -MidoriNotebook .notebook tab.reorderable-page.top:active, -MidoriNotebook .notebook tab.reorderable-page.top.active-page, -MidoriNotebook .notebook tab.reorderable-page.top.active-page:hover, -MidoriNotebook .notebook tab.top:active, -MidoriNotebook .notebook tab.top.active-page, -MidoriNotebook .notebook tab.top.active-page:hover, -TerminalWindow .notebook tab.reorderable-page.top:active, -TerminalWindow .notebook tab.reorderable-page.top.active-page, -TerminalWindow .notebook tab.reorderable-page.top.active-page:hover, -TerminalWindow .notebook tab.top:active, -TerminalWindow .notebook tab.top.active-page, -TerminalWindow .notebook tab.top.active-page:hover, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top:active, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page:hover, -PantheonTerminalPantheonTerminalWindow .notebook tab.top:active, -PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page, -PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page:hover { - box-shadow: inset 0 1px #292929, inset 0 -1px #292929, inset 1px 0 #292929, inset -1px 0 #292929; } - -TerminalWindow .notebook tab.reorderable-page.top, TerminalWindow .notebook tab.top, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top, -PantheonTerminalPantheonTerminalWindow .notebook tab.top { - padding-top: 7px; - border-top-width: 3px; } - -TerminalWindow .notebook.header.top, -PantheonTerminalPantheonTerminalWindow .notebook.header.top { - box-shadow: inset 0 1px #212121, inset 0 -1px #292929; } - -GtkHTML { - background-color: #404040; - color: #DADADA; } - GtkHTML:active { - color: #ffffff; - background-color: #8fa876; } - -SushiFontWidget { - padding: 6px 12px; } - -#gnome-system-monitor headerbar { - box-shadow: none; } - -vte-terminal.terminal-screen { - -TerminalScreen-background-darkness: 1.0; - background-color: #3f3f3f; - color: #fff; } - -terminal-screen-container, -terminal-screen-container scrollbar:not(slider) { - border-color: transparent; - background-color: transparent; } - -TerminalWindow .notebook tab .button { - color: rgba(173, 173, 173, 0.9155); } - TerminalWindow .notebook tab .button:hover { - color: rgba(255, 255, 255, 0.87); - border-color: #292929; - background-color: #454545; } - -TerminalWindow .notebook .active-page .button:hover, TerminalWindow .notebook .prelight-page .button:hover { - color: #ff4d4d; } - -TerminalWindow .notebook .active-page .button:active, TerminalWindow .notebook .prelight-page .button:active { - color: #8fa876; } - -vte-terminal { - -TerminalScreen-background-darkness: 1.0; - background-color: #3f3f3f; - color: #fff; } - -.nautilus-canvas-item { - border-radius: 2px; } - -.nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: #ffffff; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } - .nemo-desktop.nemo-canvas-item:active, - .nautilus-desktop.nautilus-canvas-item:active { - color: rgba(255, 255, 255, 0.87); } - .nemo-desktop.nemo-canvas-item:selected, - .nautilus-desktop.nautilus-canvas-item:selected { - color: #ffffff; } - -.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, -.nautilus-list-dim-label { - color: rgba(143, 143, 143, 0.935); } - .nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, .nautilus-canvas-item.dim-label:selected:focus, - .nautilus-list-dim-label:selected, - .nautilus-list-dim-label:selected:focus { - color: #e9eee4; } - -.nautilus-window paned > separator { - background-image: linear-gradient(to bottom, #292929, #292929); } - -.nautilus-window .csd.background, .nautilus-window placessidebar list, -filechooser .csd.background, -filechooser placessidebar list { - background-color: transparent; } - -.nautilus-window placessidebar.sidebar list, -filechooser placessidebar.sidebar list { - background-color: #353535; } - .nautilus-window placessidebar.sidebar list row.sidebar-row, - filechooser placessidebar.sidebar list row.sidebar-row { - border: none; - color: rgba(255, 255, 255, 0.87); } - .nautilus-window placessidebar.sidebar list row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar list row.sidebar-row:hover, - filechooser placessidebar.sidebar list row.sidebar-row.has-open-popup, - filechooser placessidebar.sidebar list row.sidebar-row:hover { - background-color: rgba(255, 255, 255, 0.02); } - .nautilus-window placessidebar.sidebar list row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar list row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar list row.sidebar-row:disabled image, - filechooser placessidebar.sidebar list row.sidebar-row:disabled, - filechooser placessidebar.sidebar list row.sidebar-row:disabled label, - filechooser placessidebar.sidebar list row.sidebar-row:disabled image { - color: rgba(255, 255, 255, 0.27); } - .nautilus-window placessidebar.sidebar list row.sidebar-row:selected.has-open-popup .sidebar-icon, .nautilus-window placessidebar.sidebar list row.sidebar-row:selected .sidebar-icon, .nautilus-window placessidebar.sidebar list row.sidebar-row:selected:hover .sidebar-icon, .nautilus-window placessidebar.sidebar list row.sidebar-row:active:hover .sidebar-icon, - filechooser placessidebar.sidebar list row.sidebar-row:selected.has-open-popup .sidebar-icon, - filechooser placessidebar.sidebar list row.sidebar-row:selected .sidebar-icon, - filechooser placessidebar.sidebar list row.sidebar-row:selected:hover .sidebar-icon, - filechooser placessidebar.sidebar list row.sidebar-row:active:hover .sidebar-icon { - color: inherit; } - .nautilus-window placessidebar.sidebar list row.sidebar-row:not(:selected) button.sidebar-button, - filechooser placessidebar.sidebar list row.sidebar-row:not(:selected) button.sidebar-button { - color: rgba(255, 255, 255, 0.87); } - .nautilus-window placessidebar.sidebar list row.sidebar-row:not(:selected) button.sidebar-button:hover, - filechooser placessidebar.sidebar list row.sidebar-row:not(:selected) button.sidebar-button:hover { - color: #dbdbdb; - outline-color: rgba(219, 219, 219, 0.3); - border-color: rgba(22, 22, 22, 0.4); - background-color: rgba(127, 127, 127, 0.5); } - .nautilus-window placessidebar.sidebar list row.sidebar-row:not(:selected) button.sidebar-button:active, - filechooser placessidebar.sidebar list row.sidebar-row:not(:selected) button.sidebar-button:active { - color: rgba(255, 255, 255, 0.87); - outline-color: rgba(255, 255, 255, 0.17); - border-color: #0f0f0f; - background-color: rgba(0, 0, 0, 0.15); } - .nautilus-window placessidebar.sidebar list row.sidebar-row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image, - filechooser placessidebar.sidebar list row.sidebar-row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.5; } - .nautilus-window placessidebar.sidebar list row.sidebar-row.sidebar-new-bookmark-row, - filechooser placessidebar.sidebar list row.sidebar-row.sidebar-new-bookmark-row { - color: #8fa876; } - .nautilus-window placessidebar.sidebar list row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon, - filechooser placessidebar.sidebar list row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; } - .nautilus-window placessidebar.sidebar list row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar list row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar list row.sidebar-row:drop(active):not(:disabled) .sidebar-icon, - filechooser placessidebar.sidebar list row.sidebar-row:drop(active):not(:disabled), - filechooser placessidebar.sidebar list row.sidebar-row:drop(active):not(:disabled) label, - filechooser placessidebar.sidebar list row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { - color: #8fa876; } - .nautilus-window placessidebar.sidebar list row.sidebar-row:drop(active):not(:disabled):selected, - filechooser placessidebar.sidebar list row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #8fa876; } - .nautilus-window placessidebar.sidebar list row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar list row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar list row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon, - filechooser placessidebar.sidebar list row.sidebar-row:drop(active):not(:disabled):selected, - filechooser placessidebar.sidebar list row.sidebar-row:drop(active):not(:disabled):selected label, - filechooser placessidebar.sidebar list row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { - color: #ffffff; } - .nautilus-window placessidebar.sidebar list separator, - filechooser placessidebar.sidebar list separator { - background-color: transparent; } - -.nautilus-window.maximized placessidebar.sidebar, -filechooser.maximized placessidebar.sidebar { - background-color: #353535; } - -filechooser placessidebar > viewport.frame { - border: 1px solid #292929; - border-width: 1px 0 0 0; } - -NautilusQueryEditor .search-bar.toolbar { - padding: 5px; - box-shadow: none; - background-color: #404040; } - -.nautilus-circular-button.image-button.button, headerbar button.nautilus-circular-button.button.titlebutton, -.titlebar button.nautilus-circular-button.button.titlebutton { - border-radius: 50%; - -gtk-outline-radius: 50%; - padding: 8px; } - -.disk-space-display { - border-style: solid; - border-width: 1px; } - .disk-space-display.unknown { - background-color: rgba(255, 255, 255, 0.37); - border-color: rgba(230, 230, 230, 0.37); } - .disk-space-display.used { - background-color: rgba(143, 168, 118, 0.8); - border-color: rgba(118, 144, 91, 0.8); } - .disk-space-display.free { - background-color: #303030; - border-color: #171717; } - -NautilusListView .view, NautilusListView iconview { - border-bottom: 1px solid #292929; } - -.nemo-window { - /* This is to keep the separator next to the sidebar dark so we don't see a gap - between it and the trash bar */ } - .nemo-window .nemo-window-pane widget.entry { - border: 1px solid; - border-radius: 3px; - color: #DADADA; - border-color: #292929; - background-color: #404040; - box-shadow: inset 1px 0 #8fa876, inset -1px 0 #8fa876, inset 0 1px #8fa876, inset 0 -1px #8fa876; } - .nemo-window .nemo-inactive-pane .view, .nemo-window .nemo-inactive-pane iconview { - background-color: #333333; } - .nemo-window .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: rgba(255, 255, 255, 0.87); - -NemoPlacesTreeView-disk-full-fg-color: #76905b; - -GtkTreeView-vertical-separator: 7; } - .nemo-window .places-treeview .view.cell:hover, .nemo-window .places-treeview iconview.cell:hover { - background-color: rgba(255, 255, 255, 0.12); } - .nemo-window .nemo-places-sidebar.frame { - border-width: 0; } - .nemo-window .sidebar { - color: rgba(255, 255, 255, 0.87); - background-color: #353535; } - .nemo-window .sidebar .frame { - border: none; } - .nemo-window .sidebar .view, .nemo-window .sidebar iconview, .nemo-window .sidebar row { - background-color: transparent; - color: rgba(255, 255, 255, 0.87); } - .nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar iconview.cell:selected, .nemo-window .sidebar row.cell:selected { - background-color: #8fa876; - color: #ffffff; } - .nemo-window .sidebar .view.expander, .nemo-window .sidebar iconview.expander, .nemo-window .sidebar row.expander { - color: rgba(141, 141, 141, 0.935); } - .nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar iconview.expander:hover, .nemo-window .sidebar row.expander:hover { - color: rgba(255, 255, 255, 0.87); } - .nemo-window grid > paned > separator { - background-image: linear-gradient(to bottom, #292929, #292929); } - .nemo-window widget .toolbar .image-button, .nemo-window widget .toolbar headerbar button.titlebutton, headerbar .nemo-window widget .toolbar button.titlebutton, - .nemo-window widget .toolbar .titlebar button.titlebutton, - .titlebar .nemo-window widget .toolbar button.titlebutton { - padding: 0; } - -.caja-navigation-window { - /* This seems to be needed to get proper highlighting in the caja view - * when split panes are used. Without it the inactive pane isn't displayed - * properly - */ } - .caja-navigation-window .view .cell:selected, .caja-navigation-window iconview .cell:selected, .caja-navigation-window .view .cell:selected:focus { - background-image: linear-gradient(to bottom, #8fa876, #8fa876); } - .caja-navigation-window .frame { - border-width: 1px 0 1px 0; } - .caja-navigation-window .caja-side-pane .view, .caja-navigation-window .caja-side-pane iconview, - .caja-navigation-window .caja-side-pane textview text, - .caja-navigation-window .caja-side-pane notebook { - background-color: #353535; - color: rgba(255, 255, 255, 0.87); } - .caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0 0; } - .caja-navigation-window .caja-side-pane .view > box, .caja-navigation-window .caja-side-pane iconview > box, - .caja-navigation-window .caja-side-pane viewport.frame { - border: 1px solid #292929; - border-width: 1px 0 0 0; } - -.gedit-headerbar-paned { - color: #212121; } - -.gedit-side-panel-paned > separator { - background-image: linear-gradient(to bottom, #292929, #292929); } - -.gedit-bottom-panel-paned > separator { - background-image: linear-gradient(to bottom, #292929, #292929); } - -.open-document-selector-treeview.view, iconview.open-document-selector-treeview { - padding: 3px 6px 3px 6px; - border-color: #404040; } - .open-document-selector-treeview.view:hover, iconview.open-document-selector-treeview:hover { - background-color: rgba(0, 0, 0, 0.05); } - .open-document-selector-treeview.view:hover:selected, iconview.open-document-selector-treeview:hover:selected { - color: #ffffff; - background-color: #8fa876; } - -.open-document-selector-name-label { - color: rgba(255, 255, 255, 0.87); } - -.open-document-selector-path-label { - color: rgba(147, 147, 147, 0.935); - font-size: smaller; } - .open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); } - -.gedit-document-panel { - background-color: #353535; } - .gedit-document-panel row { - color: rgba(255, 255, 255, 0.87); - background-color: rgba(255, 255, 255, 0); } - .gedit-document-panel row:hover { - background-color: rgba(255, 255, 255, 0.02); } - .gedit-document-panel row:active { - color: #ffffff; - background-color: #8fa876; } - .gedit-document-panel row:active button { - color: #ffffff; } - .gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { - color: #ffffff; - background-color: #8fa876; } - .gedit-document-panel row:hover:not(:selected) button:active { - color: rgba(255, 255, 255, 0.87); } - .gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - color: transparent; - background: none; - border: none; - box-shadow: none; - padding: 4px; } - .gedit-document-panel row button image { - color: inherit; } - .gedit-document-panel row:hover:not(:selected) button { - color: rgba(173, 173, 173, 0.9155); } - .gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; } - .gedit-document-panel row:hover:not(:selected) button:active { - color: rgba(255, 255, 255, 0.87); } - .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 #292929; - background-color: #1f1f1f; - color: rgba(255, 255, 255, 0.87); } - -.gedit-side-panel-paned statusbar { - border-top: 1px solid #292929; - background-color: #383838; } - -.gedit-search-entry-occurrences-tag { - color: rgba(255, 255, 255, 0.47); - 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; } - -.xed-window .xed-goto-line-box, .gedit-search-slider { - background-color: #3d3d3d; - padding: 6px; - border-color: #292929; - border-radius: 0 0 2px 2px; - border-width: 0 1px 1px 1px; - border-style: solid; } - -.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: 3px 3px 0 0; } - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #8fa876; } - -layouttab { - background-color: #404040; } - -layout { - border: 1px solid #292929; - -PnlDockBin-handle-size: 1; } - -eggsearchbar box.search-bar { - border-bottom: 1px solid #292929; } - -pillbox { - color: #ffffff; - background-color: #8fa876; - border-radius: 3px; } - pillbox:disabled label { - color: rgba(255, 255, 255, 0.5); } - -docktabstrip { - padding: 0 6px; - background-color: #383838; - border-bottom: 1px solid #292929; } - 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: #292929; - background-color: #404040; } - -dockbin { - border: 1px solid #292929; - -PnlDockBin-handle-size: 1; } - -dockpaned { - border: 1px solid #292929; } - -dockoverlayedge { - background-color: #383838; } - 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 #292929; - border-bottom: 1px solid #292929; - border-radius: 0; } - -preferences stacksidebar.sidebar list { - background-image: linear-gradient(to bottom, #404040, #404040); } - -preferences stacksidebar.sidebar list separator { - background-color: transparent; } - -devhelppanel entry:focus, -symboltreepanel entry:focus { - border-color: #292929; } - -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: rgba(255, 255, 255, 0.87); } - -configurationview entry.flat { - background: none; } - -configurationview list { - border-width: 0; } - -EphyWindow .floating-bar { - color: rgba(255, 255, 255, 0.87); } - -.xreader-window .primary-toolbar .button.the-button-in-the-combobox { - color: rgba(255, 255, 255, 0.87); - outline-color: rgba(255, 255, 255, 0.17); - border-color: rgba(13, 13, 13, 0.4); - background-color: rgba(99, 99, 99, 0.4); } - .xreader-window .primary-toolbar .button.the-button-in-the-combobox:hover { - background-color: rgba(138, 138, 138, 0.4); } - .xreader-window .primary-toolbar .button.the-button-in-the-combobox:disabled { - color: rgba(255, 255, 255, 0.47); } - -calendar-view event.color-light label { - color: black; } - -calendar-view event.color-light.timed label { - color: rgba(255, 255, 255, 0.87); } - -calendar-view event.color-dark label { - color: white; } - -calendar-view event.color-dark.timed label { - color: rgba(255, 255, 255, 0.87); } - -.documents-scrolledwin.frame { - border-width: 0; } - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; } - -.documents-icon-bg { - background-color: #8fa876; - color: #ffffff; - border-radius: 2px; } - -.documents-collection-icon, .photos-collection-icon { - background-color: rgba(255, 255, 255, 0.17); - border-radius: 2px; } - -.documents-favorite.button:active, -.documents-favorite.button:active:hover { - color: #c2d0b4; } - -.documents-entry-tag, .photos-entry-tag { - background-color: #8fa876; - color: #ffffff; - border-radius: 2px; - border-width: 0; - margin: 2px; - padding: 4px; } - .documents-entry-tag:hover, .photos-entry-tag:hover { - color: #ffffff; - background-color: #99b082; } - .documents-entry-tag:active, .photos-entry-tag:active { - color: #ffffff; - background-color: #85a06a; } - -.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, #404040, #404040); } - -.content-view.document-page { - border-style: solid; - border-width: 3px 3px 6px 4px; - border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } - -TotemGrilo.vertical GdMainView.frame { - border-width: 0; } - -SynapseGuiSelectionContainer *:selected, -SynapseGuiViewVirgilio *:selected { - background-color: #8fa876; } - -.tr-workarea .undershoot, -.tr-workarea .overshoot { - border-color: transparent; } - -.gnome-panel-menu-bar, -.mate-panel-menu-bar { - color: #DADADA; - background-color: #2f2f2f; } - .gnome-panel-menu-bar, .gnome-panel-menu-bar menubar, - .mate-panel-menu-bar, - .mate-panel-menu-bar menubar { - background-color: #2f2f2f; } - .gnome-panel-menu-bar menubar, - .gnome-panel-menu-bar #PanelApplet label, - .gnome-panel-menu-bar #PanelApplet image, - .mate-panel-menu-bar menubar, - .mate-panel-menu-bar #PanelApplet label, - .mate-panel-menu-bar #PanelApplet image { - color: #DADADA; } - .gnome-panel-menu-bar menu > menuitem, - .mate-panel-menu-bar menu > menuitem { - color: rgba(255, 255, 255, 0.87); } - .gnome-panel-menu-bar button label, .gnome-panel-menu-bar button image, - .gnome-panel-menu-bar #tasklist-button label, - .gnome-panel-menu-bar #tasklist-button image, - .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 { - color: inherit; } - .gnome-panel-menu-bar #tasklist-button, - .mate-panel-menu-bar #tasklist-button { - color: #DADADA; - border-radius: 0; - border: none; - padding-bottom: 0; - padding-top: 0; } - .gnome-panel-menu-bar #tasklist-button:hover, - .mate-panel-menu-bar #tasklist-button:hover { - background-color: rgba(255, 255, 255, 0.05); } - .gnome-panel-menu-bar #tasklist-button:checked, .gnome-panel-menu-bar #tasklist-button:active, - .mate-panel-menu-bar #tasklist-button:checked, - .mate-panel-menu-bar #tasklist-button:active { - background-color: #8fa876; } - .gnome-panel-menu-bar #tasklist-button:checked label, .gnome-panel-menu-bar #tasklist-button:active label, - .mate-panel-menu-bar #tasklist-button:checked label, - .mate-panel-menu-bar #tasklist-button:active label { - color: white; } - .gnome-panel-menu-bar PanelSeparator, - .mate-panel-menu-bar PanelSeparator { - color: rgba(255, 255, 255, 0); - padding-top: 4px; - padding-bottom: 4px; } - .gnome-panel-menu-bar na-tray-applet, - .mate-panel-menu-bar na-tray-applet { - -NaTrayApplet-icon-padding: 1px; } - -MatePanelAppletFrameDBus > MatePanelAppletFrameDBus { - background-image: none; - background-color: transparent; - background-repeat: no-repeat; - background-position: left; } - -.mintmenu:hover { - background-color: #3c3c3c; } - -.mintmenu:selected { - color: #ffffff; - background-color: #8fa876; } - -.wnck-pager { - background-color: rgba(0, 0, 0, 0.04); } - .wnck-pager:selected { - background-color: rgba(143, 168, 118, 0.6); } - .wnck-pager:hover { - background-color: rgba(143, 168, 118, 0.2); } - -.xfce4-panel.panel { - background-color: #393939; - color: #DADADA; } - .xfce4-panel.panel frame > border { - border: 0; } - .xfce4-panel.panel label { - font-weight: normal; } - -.gnome-panel-menu-bar button:not(#tasklist-button), -.mate-panel-menu-bar button:not(#tasklist-button), .xfce4-panel.panel button { - color: #DADADA; - border-radius: 0; - border: none; - background-color: rgba(47, 47, 47, 0); } - .gnome-panel-menu-bar button:hover:not(#tasklist-button), - .mate-panel-menu-bar button:hover:not(#tasklist-button), .xfce4-panel.panel button:hover { - border: none; - background-color: #494949; } - .gnome-panel-menu-bar button:active:not(#tasklist-button), - .mate-panel-menu-bar button:active:not(#tasklist-button), .xfce4-panel.panel button:active, .gnome-panel-menu-bar button:checked:not(#tasklist-button), - .mate-panel-menu-bar button:checked:not(#tasklist-button), .xfce4-panel.panel button:checked { - color: #ffffff; - border: none; - background-color: #8fa876; } - .gnome-panel-menu-bar button:not(#tasklist-button) label, - .mate-panel-menu-bar button:not(#tasklist-button) label, .xfce4-panel.panel button label, .gnome-panel-menu-bar button:not(#tasklist-button) image, - .mate-panel-menu-bar button:not(#tasklist-button) image, .xfce4-panel.panel button image { - color: inherit; } - -.floating-bar { - background-color: #8fa876; - color: #ffffff; } - .floating-bar.top { - border-radius: 0 0 2px 2px; } - .floating-bar.right { - border-radius: 2px 0 0 2px; } - .floating-bar.bottom { - border-radius: 2px 2px 0 0; } - .floating-bar.left { - border-radius: 0 2px 2px 0; } - .floating-bar .button { - background-color: transparent; - box-shadow: none; - border: none; } - -BirdieWidgetsTweetList * { - background-image: none; - background-color: transparent; } - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: #ffffff; - background-color: #8fa876; - outline-color: transparent; } - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; } - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; } - -.marlin-pathbar.pathbar { - border-radius: 3px; - padding-left: 4px; - padding-right: 4px; - color: rgba(255, 255, 255, 0.87); - border-color: rgba(13, 13, 13, 0.4); - background-color: rgba(99, 99, 99, 0.4); } - .marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; } - .marlin-pathbar.pathbar:focus { - color: rgba(255, 255, 255, 0.87); - border-color: #8fa876; - background-color: rgba(99, 99, 99, 0.4); } - .marlin-pathbar.pathbar:disabled { - color: rgba(255, 255, 255, 0.42); - background-color: rgba(99, 99, 99, 0.25); } - .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { - color: #8fa876; } - -.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-color: white; } - .gala-notification .title, .gala-notification .label { - color: #5c616c; } - -PantheonTerminalPantheonTerminalWindow.background { - background-color: transparent; } - -SwitchboardCategoryView .view:selected, SwitchboardCategoryView iconview:selected, -SwitchboardCategoryView .view:selected:focus { - color: rgba(255, 255, 255, 0.87); } - -.cs-header { - padding: 6px; - background-color: #353535; - border-bottom: 1px solid #292929; } - -.xed-window .xed-panel.side notebook tab.top { - padding: 8px 12px; } - -.xed-window .xed-panel.bottom notebook.frame { - border: none; } - -.xed-window .small-button { - padding: 2px 4px; } - -.xed-window .xed-searchbar { - border: 0px solid #292929; - border-top-width: 1px; } - -.xed-window statusbar widget border { - border-color: transparent; } - -.xed-window statusbar button, .xed-window statusbar widget frame, .xed-window statusbar widget frame border { - padding: 0; } - -EvWindow .content-view .view:selected, EvWindow .content-view iconview:selected, -EvWindow .content-view .view:focus:selected { - background-color: #8fa876; - color: #ffffff; } - -.thunar .sidebar .view, .thunar .sidebar iconview { - background-color: #353535; - color: rgba(255, 255, 255, 0.87); } - .thunar .sidebar .view:selected, .thunar .sidebar iconview:selected, .thunar .sidebar .view:active, .thunar .sidebar iconview:active { - background: #8fa876; - color: #ffffff; } - -.thunar toolbar.horizontal button image, .thunar .horizontal.inline-toolbar button image { - -gtk-icon-transform: scale(0.9); } - -#panel_window { - background-color: #2f2f2f; - color: #DADADA; - font-weight: bold; - box-shadow: inset 0 -1px #1d1d1d; } - #panel_window menubar, - #panel_window menubar > menuitem { - background-color: transparent; - color: #DADADA; - font-weight: bold; } - #panel_window menubar menuitem:disabled { - color: rgba(218, 218, 218, 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: rgba(255, 255, 255, 0.87); } - -#content_frame { - padding-bottom: 14px; - background-color: #383838; - 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: rgba(255, 255, 255, 0.87); - outline-color: rgba(255, 255, 255, 0.17); - border-color: #292929; - background-color: #454545; } - #content_frame button:hover { - color: rgba(255, 255, 255, 0.87); - outline-color: rgba(255, 255, 255, 0.17); - border-color: #292929; - background-color: #525252; } - #content_frame button:active, #content_frame button:checked { - color: rgba(255, 255, 255, 0.87); - outline-color: rgba(255, 255, 255, 0.17); - border-color: #0f0f0f; - background-color: rgba(0, 0, 0, 0.15); } - #content_frame button:disabled { - color: rgba(255, 255, 255, 0.42); - border-color: rgba(41, 41, 41, 0.55); - background-color: rgba(69, 69, 69, 0.55); } - #content_frame button:disabled label { - color: inherit; } - -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: #2b2b2b; - 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 #212121; } - -#buttonbox_frame button { - color: #dbdbdb; - outline-color: rgba(219, 219, 219, 0.3); - border-color: rgba(22, 22, 22, 0.4); - background-color: rgba(109, 109, 109, 0.4); } - #buttonbox_frame button:hover { - color: #dbdbdb; - outline-color: rgba(219, 219, 219, 0.3); - border-color: rgba(22, 22, 22, 0.4); - background-color: rgba(127, 127, 127, 0.5); } - #buttonbox_frame button:active, #buttonbox_frame button:checked { - color: #dbdbdb; - outline-color: rgba(219, 219, 219, 0.3); - border-color: rgba(22, 22, 22, 0.4); - background-color: rgba(0, 0, 0, 0.15); } - #buttonbox_frame button:disabled { - color: #676767; - border-color: rgba(22, 22, 22, 0.4); - background-color: rgba(109, 109, 109, 0.25); } - -#login_window #user_combobox { - color: rgba(255, 255, 255, 0.87); - 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: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - background-color: #F04A50; - border-color: #F04A50; } - #shutdown_button.button:hover { - background-clip: border-box; - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - background-color: #f4797e; - border-color: #f4797e; } - #shutdown_button.button:active, #shutdown_button.button:checked { - background-clip: border-box; - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - background-color: #ec1b22; - border-color: #ec1b22; } - -#restart_button.button { - background-clip: border-box; - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - background-color: #6db442; - border-color: #6db442; } - #restart_button.button:hover { - background-clip: border-box; - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - background-color: #88c663; - border-color: #88c663; } - #restart_button.button:active, #restart_button.button:checked { - background-clip: border-box; - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - background-color: #568f34; - border-color: #568f34; } - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; } - -window.background.lightdm menubar > menuitem { - padding: 0 5px 0 5px; } - -window.background.lightdm button.flat.option-button { - background-color: transparent; - color: #dadada; } - window.background.lightdm button.flat.option-button:hover { - border-color: rgba(41, 41, 41, 0.2); - background-color: rgba(0, 0, 0, 0.5); } - window.background.lightdm button.flat.option-button:active { - border-color: #292929; - background-color: #8fa876; - color: #ffffff; } - -window.background.lightdm button, window.background.lightdm button.toggle-button { - border-color: transparent; - background-color: transparent; - color: #dadada; } - window.background.lightdm button:hover, window.background.lightdm button.toggle-button:hover { - border-color: rgba(41, 41, 41, 0.2); - background-color: rgba(0, 0, 0, 0.5); } - window.background.lightdm button:active, window.background.lightdm button.selected, window.background.lightdm button.toggle-button:active, window.background.lightdm button.toggle-button.selected { - border-color: rgba(41, 41, 41, 0.2); - background-color: #8fa876; - color: #ffffff; } - -window.background.lightdm entry, -window.background.lightdm .lightdm-combo entry { - background: rgba(0, 0, 0, 0.5); - color: white; } - -window.background.lightdm entry:active { - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - animation: spinner 1s linear infinite; } - -window.background.lightdm .lightdm-combo { - border-radius: 0; - background-color: transparent; } - -@define-color theme_fg_color rgba(255, 255, 255, 0.87); -@define-color theme_text_color #DADADA; -@define-color theme_bg_color #383838; -@define-color theme_base_color #404040; -@define-color theme_selected_bg_color #8fa876; -@define-color theme_selected_fg_color #ffffff; -@define-color fg_color rgba(255, 255, 255, 0.87); -@define-color text_color #DADADA; -@define-color bg_color #383838; -@define-color base_color #404040; -@define-color selected_bg_color #8fa876; -@define-color selected_fg_color #ffffff; -@define-color insensitive_bg_color #3d3d3d; -@define-color insensitive_fg_color alpha(white, 0.5); -@define-color insensitive_base_color #404040; -@define-color theme_unfocused_fg_color rgba(255, 255, 255, 0.87); -@define-color theme_unfocused_text_color #DADADA; -@define-color theme_unfocused_bg_color #383838; -@define-color theme_unfocused_base_color #404040; -@define-color borders #292929; -@define-color unfocused_borders #292929; -@define-color warning_color #f27835; -@define-color error_color #FC4138; -@define-color success_color #73d216; -@define-color placeholder_text_color #A8A8A8; -@define-color content_view_bg #404040; -@define-color wm_title rgba(255, 255, 255, 0.87); -@define-color wm_title_unfocused #a7a7a7; -@define-color wm_bg #2b2b2b; -@define-color wm_bg_unfocused #2f2f2f; -@define-color wm_highlight #373737; -@define-color wm_border #212121; -@define-color wm_border_unfocused #2e2e2e; -@define-color wm_shadow alpha(black, 0.35); -@define-color wm_button_close_bg #8fa876; -@define-color wm_button_close_hover_bg #b3c4a2; -@define-color wm_button_close_active_bg #5c7147; -@define-color wm_icon_close_bg #f8f8f8; -@define-color wm_button_hover_bg #4c4c4c; -@define-color wm_button_active_bg #949494; -@define-color wm_icon_bg #909090; -@define-color wm_icon_unfocused_bg #555555; -@define-color wm_icon_hover_bg #C4C7CC; -@define-color wm_icon_active_bg #ffffff; -/* Based on _Adwaita-base.scss from libhandy */ -popover.combo { - padding: 0; } - popover.combo list { - background-color: transparent; } - popover.combo list > row { - padding: 0 10px; - min-height: 50px; } - -row.expander { - padding: 0px; } - row.expander:checked image.expander-row-arrow:not(:disabled) { - color: #8fa876; } - row.expander image.expander-row-arrow:disabled { - color: rgba(255, 255, 255, 0.42); } - -keypad .digit { - font-size: 200%; - font-weight: bold; } - -keypad .letters { - font-size: 70%; } - -keypad .symbol { - font-size: 160%; } - -viewswitcher, viewswitcher button { - margin: 0; - padding: 0; } - -viewswitcher button { - border-radius: 0; - border-top: 0; - border-bottom: 0; } - viewswitcher button:not(:checked):not(:hover) { - background: transparent; - border-color: transparent; } - viewswitcher button:checked, viewswitcher button:active { - border-color: #8fa876; } - viewswitcher button > stack > box.narrow { - font-size: 0.75rem; - padding-top: 7px; - padding-bottom: 5px; } - viewswitcher button > stack > box.narrow image, - viewswitcher button > stack > box.narrow label { - padding-left: 8px; - padding-right: 8px; } - viewswitcher button > stack > box.wide { - padding: 8px 10px; } - viewswitcher button > stack > box.wide label:dir(ltr) { - padding-right: 7px; } - viewswitcher button > stack > box.wide label:dir(rtl) { - padding-left: 7px; } - viewswitcher button.needs-attention > stack > box label { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#8fa876), to(transparent)); - background-size: 6px 6px; - background-repeat: no-repeat; - background-position: right 0px; } - viewswitcher button.needs-attention > stack > box label:dir(rtl) { - background-position: left 0px; } - viewswitcher button.needs-attention:active > stack > box label { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#ffffff), to(transparent)); } - -viewswitcherbar actionbar > revealer > box { - padding: 0; } - -list.content, -list.content list { - background-color: transparent; } - -list.content list.nested > row:not(:active):not(:hover):not(:selected), list.content list.nested > row:not(:active):hover:not(.activatable):not(:selected) { - background-color: #3c3c3c; } - -list.content list.nested > row:not(:active):hover.activatable:not(:selected) { - background-color: #464646; } - -list.content > row:not(.expander):not(:active):not(:hover):not(:selected), list.content > row:not(.expander):not(:active):hover:not(.activatable):not(:selected), list.content > row.expander row.header:not(:active):not(:hover):not(:selected), list.content > row.expander row.header:not(:active):hover:not(.activatable):not(:selected) { - background-color: #404040; } - -list.content > row:not(.expander):not(:active):hover.activatable:not(:selected), list.content > row.expander row.header:not(:active):hover.activatable:not(:selected) { - background-color: #464646; } - -list.content > row, -list.content > row list > row { - border-color: #292929; - border-style: solid; - transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - -list.content > row:not(:last-child) { - border-width: 1px 1px 0px 1px; } - -list.content > row:last-child, list.content > row.checked-expander-row-previous-sibling, list.content > row.expander:checked { - border-width: 1px; } - -list.content > row.expander:checked:not(:first-child), list.content > row.expander:checked + row { - margin-top: 5px; } - -window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized), -window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration, -window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration-overlay { - border-radius: 3px; } - -.windowhandle separator.sidebar:dir(ltr), .windowhandle separator.sidebar.left, .windowhandle separator.sidebar.left:dir(rtl), .windowhandle separator.sidebar:dir(rtl), .windowhandle separator.sidebar.right { - background-color: #212121; - margin: 0; } - -hdyleaflet:last-child headerbar { - border-top-right-radius: 8px; } - -hdyleaflet:first-child headerbar { - border-top-left-radius: 8px; } diff --git a/gtk-3.0/gtk.css b/gtk-3.0/gtk.css index 9f3acd6..915046c 100755 --- a/gtk-3.0/gtk.css +++ b/gtk-3.0/gtk.css @@ -8,122 +8,148 @@ -GtkWidget-text-handle-height: 20; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 6; - outline-color: rgba(0, 0, 0, 0.17); + outline-color: rgba(255, 255, 255, 0.17); outline-style: dashed; outline-offset: -3px; outline-width: 1px; - -gtk-outline-radius: 2px; } + -gtk-outline-radius: 2px; +} .background { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(245, 245, 245, 0.999); } + color: rgba(255, 255, 255, 0.87); + background-color: rgba(56, 56, 56, 0.999); +} *:disabled { - -gtk-icon-effect: dim; } + -gtk-icon-effect: dim; +} .gtkstyle-fallback { - background-color: #f5f5f5; - color: rgba(0, 0, 0, 0.87); } - .gtkstyle-fallback:hover { - background-color: white; - color: rgba(0, 0, 0, 0.87); } - .gtkstyle-fallback:active { - background-color: gainsboro; - color: rgba(0, 0, 0, 0.87); } - .gtkstyle-fallback:disabled { - background-color: #fbfbfb; - color: rgba(0, 0, 0, 0.42); } - .gtkstyle-fallback:selected { - background-color: #92b372; - color: #ffffff; } + background-color: #383838; + color: rgba(255, 255, 255, 0.87); +} +.gtkstyle-fallback:hover { + background-color: #525252; + color: rgba(255, 255, 255, 0.87); +} +.gtkstyle-fallback:active { + background-color: #1f1f1f; + color: rgba(255, 255, 255, 0.87); +} +.gtkstyle-fallback:disabled { + background-color: #3d3d3d; + color: rgba(255, 255, 255, 0.42); +} +.gtkstyle-fallback:selected { + background-color: #8fa876; + color: #ffffff; +} .view, iconview, .view text, iconview text, textview text { - color: #303030; - background-color: #ffffff; } - .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 { - border-radius: 2px; } + color: #DADADA; + background-color: #404040; +} +.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 { + border-radius: 2px; +} textview border { - background-color: #fafafa; } + background-color: #3c3c3c; +} rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, .rubberband { - border: 1px solid #789d55; - background-color: rgba(120, 157, 85, 0.2); } + border: 1px solid #76905b; + background-color: rgba(118, 144, 91, 0.2); +} flowbox flowboxchild { padding: 3px; - border-radius: 2px; } - flowbox flowboxchild:selected { - outline-offset: -2px; } + border-radius: 2px; +} +flowbox flowboxchild:selected { + outline-offset: -2px; +} label.separator { - color: rgba(0, 0, 0, 0.87); } - + color: rgba(255, 255, 255, 0.87); +} label selection { color: #ffffff; - background-color: #92b372; } - + background-color: #8fa876; +} label:disabled { - color: rgba(0, 0, 0, 0.42); } - + color: rgba(255, 255, 255, 0.42); +} .dim-label, popover label.separator, popover.background label.separator, label.separator { - color: rgba(0, 0, 0, 0.52); } + color: rgba(255, 255, 255, 0.52); +} assistant .sidebar { - background-color: #ffffff; - border-top: 1px solid #c7c7c7; } - assistant .sidebar:dir(ltr) { - border-right: 1px solid #c7c7c7; } - assistant .sidebar:dir(rtl) { - border-left: 1px solid #c7c7c7; } - + background-color: #404040; + border-top: 1px solid #292929; +} +assistant .sidebar:dir(ltr) { + border-right: 1px solid #292929; +} +assistant .sidebar:dir(rtl) { + border-left: 1px solid #292929; +} assistant.csd .sidebar { - border-top-style: none; } - + border-top-style: none; +} assistant .sidebar label { - padding: 6px 12px; } - + padding: 6px 12px; +} assistant .sidebar label.highlight { - background-color: #92b372; - color: #ffffff; } + background-color: #8fa876; + color: #ffffff; +} textview { - background-color: #fafafa; - color: #303030; } + background-color: #3c3c3c; + color: #DADADA; +} .osd .scale-popup, 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 { +popover.background.magnifier, +.csd popover.background.osd, +.csd popover.background.magnifier, .osd { color: #dbdbdb; border: none; - background-color: #404040; + background-color: #353535; background-clip: padding-box; - box-shadow: none; } + box-shadow: none; +} @keyframes spin { to { - -gtk-icon-transform: rotate(1turn); } } - + -gtk-icon-transform: rotate(1turn); + } +} spinner { background-image: 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; } + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); +} +spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; +} +spinner:checked:disabled { + opacity: 0.5; +} entry { border: 1px solid; @@ -131,116 +157,147 @@ entry { caret-color: currentColor; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - color: #303030; - border-color: #BABABA; - background-color: #ffffff; } - entry.search { - border-radius: 4px; } - entry image { - color: rgba(63, 63, 63, 0.896); } - entry image.left { - padding-left: 0; - padding-right: 5px; } - entry image.right { - padding-right: 0; - padding-left: 5px; } - entry.flat, entry.flat:focus { - padding: 2px; - color: #303030; - border-color: #BABABA; - background-color: #ffffff; - border: none; - border-radius: 0; } - entry:focus { - background-clip: border-box; - color: #303030; - border-color: #92b372; - background-color: #ffffff; } - entry:disabled { - color: rgba(0, 0, 0, 0.42); - border-color: rgba(186, 186, 186, 0.55); - 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: #92b372; - box-shadow: none; } - .osd entry { - color: #dbdbdb; - border-color: rgba(33, 33, 33, 0.4); - background-color: rgba(120, 120, 120, 0.4); } - .osd entry image, .osd entry image:hover { - color: inherit; } - .osd entry:focus { - color: #ffffff; - border-color: rgba(33, 33, 33, 0.4); - background-color: #92b372; } - .osd entry:disabled { - color: rgba(219, 219, 219, 0.55); - background-color: rgba(120, 120, 120, 0.25); } - .osd entry selection:focus, .osd entry selection { - color: #92b372; - background-color: #ffffff; } - entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #92b372; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; } - + color: #DADADA; + border-color: #292929; + background-color: #404040; +} +entry.search { + border-radius: 4px; +} +entry image { + color: rgba(208, 208, 208, 0.896); +} +entry image.left { + padding-left: 0; + padding-right: 5px; +} +entry image.right { + padding-right: 0; + padding-left: 5px; +} +entry.flat, entry.flat:focus { + padding: 2px; + color: #DADADA; + border-color: #292929; + background-color: #404040; + border: none; + border-radius: 0; +} +entry:focus { + background-clip: border-box; + color: #DADADA; + border-color: #292929; + background-color: #404040; + box-shadow: inset 1px 0 #8fa876, inset -1px 0 #8fa876, inset 0 1px #8fa876, inset 0 -1px #8fa876; +} +entry:disabled { + color: rgba(255, 255, 255, 0.42); + border-color: rgba(41, 41, 41, 0.55); + background-color: rgba(64, 64, 64, 0.55); +} +entry.warning { + color: white; + border-color: #292929; + background-color: #ab6239; +} +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: #292929; + background-color: #b1413b; +} +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: #292929; + background-color: #b1413b; +} +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: #8fa876; + box-shadow: none; +} +.osd entry { + color: #dbdbdb; + border-color: rgba(22, 22, 22, 0.4); + background-color: rgba(109, 109, 109, 0.4); +} +.osd entry image, .osd entry image:hover { + color: inherit; +} +.osd entry:focus { + color: #ffffff; + border-color: rgba(22, 22, 22, 0.4); + background-color: #8fa876; +} +.osd entry:disabled { + color: rgba(219, 219, 219, 0.55); + background-color: rgba(109, 109, 109, 0.25); +} +.osd entry selection:focus, .osd entry selection { + color: #8fa876; + background-color: #ffffff; +} +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #8fa876; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} treeview entry.flat, treeview entry { border-radius: 0; background-image: none; - background-color: #ffffff; } - treeview entry.flat:focus, treeview entry:focus { - border-color: #92b372; } + background-color: #404040; +} +treeview entry.flat:focus, treeview entry:focus { + border-color: #8fa876; +} @keyframes needs_attention { from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#92b372), to(transparent)); } + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#8fa876), to(transparent)); + } to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#92b372), to(transparent)); } } - + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#8fa876), to(transparent)); + } +} button { min-height: 22px; min-width: 20px; @@ -248,282 +305,350 @@ button { border: 1px solid; border-radius: 3px; padding: 5px 8px; - color: rgba(0, 0, 0, 0.87); - outline-color: rgba(0, 0, 0, 0.17); - border-color: #c7c7c7; - background-color: #fafafa; } - button separator { - margin: 4px 1px; } - button.sidebar-button, button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - transition: none; } - button.sidebar-button:hover, button.flat:hover { - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; } - button.sidebar-button:hover:active, button.flat:hover:active { - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - button:hover { - color: rgba(0, 0, 0, 0.87); - outline-color: rgba(0, 0, 0, 0.17); - border-color: #c7c7c7; - background-color: white; - -gtk-icon-effect: highlight; } - button:active, button:checked { - color: rgba(0, 0, 0, 0.87); - outline-color: rgba(0, 0, 0, 0.17); - border-color: #aeaeae; - background-color: rgba(0, 0, 0, 0.15); - background-clip: border-box; - transition-duration: 50ms; } - button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { - color: inherit; - opacity: 0.6; } - button.sidebar-button, button.flat:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; } - button:disabled { - color: rgba(0, 0, 0, 0.42); - border-color: rgba(199, 199, 199, 0.55); - background-color: rgba(250, 250, 250, 0.55); } - button:disabled label { - color: inherit; } - button:disabled:active, button:disabled:checked { - color: rgba(0, 0, 0, 0.67); - border-color: rgba(174, 174, 174, 0.85); - background-color: rgba(0, 0, 0, 0.1); - opacity: 0.6; } - button:disabled:active label, button:disabled:checked label { - color: inherit; } - button.image-button, headerbar button.titlebutton, - .titlebar button.titlebutton { - min-width: 24px; - padding-left: 5px; - padding-right: 5px; } - button.text-button { - padding-left: 12px; - padding-right: 12px; } - button.text-button.image-button, headerbar button.text-button.titlebutton, - .titlebar button.text-button.titlebutton { - padding-left: 5px; - padding-right: 5px; } - button.text-button.image-button label:first-child, headerbar button.text-button.titlebutton label:first-child, - .titlebar button.text-button.titlebutton label:first-child { - padding-left: 8px; - padding-right: 2px; } - button.text-button.image-button label:last-child, headerbar button.text-button.titlebutton label:last-child, - .titlebar button.text-button.titlebutton label:last-child { - padding-right: 8px; - padding-left: 2px; } - button.text-button.image-button label:only-child, headerbar button.text-button.titlebutton label:only-child, - .titlebar button.text-button.titlebutton label:only-child { - padding-left: 8px; - padding-right: 8px; } - button.text-button.image-button.popup, headerbar button.text-button.popup.titlebutton, - .titlebar button.text-button.popup.titlebutton { - padding-right: 8px; - padding-left: 8px; } - combobox:drop(active) button.combo, button:drop(active) { - color: #92b372; - border-color: #92b372; - box-shadow: none; } - button.osd { - color: #dbdbdb; - outline-color: rgba(219, 219, 219, 0.3); - background-color: #404040; - border-color: #2c2c2c; } - button.osd.image-button, headerbar button.osd.titlebutton, - .titlebar button.osd.titlebutton { - padding: 0; - min-height: 36px; - min-width: 36px; } - button.osd:hover { - color: #92b372; } - button.osd:active, button.osd:checked { - color: #dbdbdb; - outline-color: rgba(219, 219, 219, 0.3); - border-color: rgba(33, 33, 33, 0.4); - background-color: rgba(0, 0, 0, 0.15); } - button.osd:disabled { - color: #6f6f6f; - border-color: rgba(33, 33, 33, 0.4); - background-color: rgba(120, 120, 120, 0.25); } - .osd button { - color: #dbdbdb; - outline-color: rgba(219, 219, 219, 0.3); - border-color: rgba(33, 33, 33, 0.4); - background-color: rgba(120, 120, 120, 0.4); } - .osd button:hover { - color: #dbdbdb; - outline-color: rgba(219, 219, 219, 0.3); - border-color: rgba(33, 33, 33, 0.4); - background-color: rgba(138, 138, 138, 0.5); } - .osd button:active, .osd button:checked { - background-clip: padding-box; - color: #dbdbdb; - outline-color: rgba(219, 219, 219, 0.3); - border-color: rgba(33, 33, 33, 0.4); - background-color: rgba(0, 0, 0, 0.15); } - .osd button:disabled { - color: #6f6f6f; - border-color: rgba(33, 33, 33, 0.4); - background-color: rgba(120, 120, 120, 0.25); } - .osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; } - .osd button.flat:hover { - color: #dbdbdb; - outline-color: rgba(219, 219, 219, 0.3); - border-color: rgba(33, 33, 33, 0.4); - background-color: rgba(138, 138, 138, 0.5); } - .osd button.flat:disabled { - color: #6f6f6f; - border-color: rgba(33, 33, 33, 0.4); - background-color: rgba(120, 120, 120, 0.25); - background-image: none; } - .osd button.flat:active, .osd button.flat:checked { - color: #dbdbdb; - outline-color: rgba(219, 219, 219, 0.3); - border-color: rgba(33, 33, 33, 0.4); - background-color: rgba(0, 0, 0, 0.15); } - .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: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - background-color: #6db442; - border-color: #6db442; } - button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - color: #6db442; - outline-color: rgba(109, 180, 66, 0.3); } - button.suggested-action:hover { - background-clip: border-box; - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - background-color: #88c663; - border-color: #88c663; } - button.suggested-action:active, button.suggested-action:checked { - background-clip: border-box; - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - background-color: #568f34; - border-color: #568f34; } - button.suggested-action.flat:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - color: rgba(0, 0, 0, 0.42); } - button.suggested-action:disabled { - color: rgba(0, 0, 0, 0.42); - border-color: rgba(199, 199, 199, 0.55); - background-color: rgba(250, 250, 250, 0.55); } - button.suggested-action:disabled label { - color: inherit; } - button.destructive-action { - background-clip: border-box; - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - background-color: #F04A50; - border-color: #F04A50; } - button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - color: #F04A50; - outline-color: rgba(240, 74, 80, 0.3); } - button.destructive-action:hover { - background-clip: border-box; - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - background-color: #f4797e; - border-color: #f4797e; } - button.destructive-action:active, button.destructive-action:checked { - background-clip: border-box; - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - background-color: #ec1b22; - border-color: #ec1b22; } - button.destructive-action.flat:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - color: rgba(0, 0, 0, 0.42); } - button.destructive-action:disabled { - color: rgba(0, 0, 0, 0.42); - border-color: rgba(199, 199, 199, 0.55); - background-color: rgba(250, 250, 250, 0.55); } - button.destructive-action:disabled label { - color: inherit; } - .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, headerbar .stack-switcher > button.titlebutton, - .titlebar .stack-switcher > button.titlebutton { - 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 { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#92b372), 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) { - background-position: left 3px, left 4px; } - button.font separator, button.file separator { - background-color: transparent; } - .inline-toolbar button, .inline-toolbar button:backdrop { - border-radius: 2px; - border-width: 1px; } + color: rgba(255, 255, 255, 0.87); + outline-color: rgba(255, 255, 255, 0.17); + border-color: #292929; + background-color: #454545; +} +button separator { + margin: 4px 1px; +} +button.sidebar-button, button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + transition: none; +} +button.sidebar-button:hover, button.flat:hover { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} +button.sidebar-button:hover:active, button.flat:hover:active { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} +button:hover { + color: rgba(255, 255, 255, 0.87); + outline-color: rgba(255, 255, 255, 0.17); + border-color: #292929; + background-color: #525252; + -gtk-icon-effect: highlight; +} +button:active, button:checked { + color: rgba(255, 255, 255, 0.87); + outline-color: rgba(255, 255, 255, 0.17); + border-color: #0f0f0f; + background-color: rgba(0, 0, 0, 0.15); + background-clip: padding-box; + transition-duration: 50ms; +} +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} +button.sidebar-button, button.flat:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; +} + +button:disabled { + color: rgba(255, 255, 255, 0.42); + border-color: rgba(41, 41, 41, 0.55); + background-color: rgba(69, 69, 69, 0.55); +} +button:disabled label { + color: inherit; +} +button:disabled:active, button:disabled:checked { + color: rgba(255, 255, 255, 0.67); + border-color: rgba(15, 15, 15, 0.85); + background-color: rgba(0, 0, 0, 0.1); + opacity: 0.6; +} +button:disabled:active label, button:disabled:checked label { + color: inherit; +} +button.image-button, headerbar button.titlebutton, +.titlebar button.titlebutton { + min-width: 24px; + padding-left: 5px; + padding-right: 5px; +} +button.text-button { + padding-left: 12px; + padding-right: 12px; +} +button.text-button.image-button, headerbar button.text-button.titlebutton, +.titlebar button.text-button.titlebutton { + padding-left: 5px; + padding-right: 5px; +} +button.text-button.image-button label:first-child, headerbar button.text-button.titlebutton label:first-child, +.titlebar button.text-button.titlebutton label:first-child { + padding-left: 8px; + padding-right: 2px; +} +button.text-button.image-button label:last-child, headerbar button.text-button.titlebutton label:last-child, +.titlebar button.text-button.titlebutton label:last-child { + padding-right: 8px; + padding-left: 2px; +} +button.text-button.image-button label:only-child, headerbar button.text-button.titlebutton label:only-child, +.titlebar button.text-button.titlebutton label:only-child { + padding-left: 8px; + padding-right: 8px; +} +button.text-button.image-button.popup, headerbar button.text-button.popup.titlebutton, +.titlebar button.text-button.popup.titlebutton { + padding-right: 8px; + padding-left: 8px; +} +combobox:drop(active) button.combo, button:drop(active) { + color: #8fa876; + border-color: #8fa876; + box-shadow: none; +} + +button.osd { + color: #dbdbdb; + outline-color: rgba(219, 219, 219, 0.3); + background-color: #353535; + border-color: #212121; +} +button.osd.image-button, headerbar button.osd.titlebutton, +.titlebar button.osd.titlebutton { + padding: 0; + min-height: 36px; + min-width: 36px; +} +button.osd:hover { + color: #8fa876; +} +button.osd:active, button.osd:checked { + color: #dbdbdb; + outline-color: rgba(219, 219, 219, 0.3); + border-color: rgba(22, 22, 22, 0.4); + background-color: rgba(0, 0, 0, 0.15); +} +button.osd:disabled { + color: #676767; + border-color: rgba(22, 22, 22, 0.4); + background-color: rgba(109, 109, 109, 0.25); +} +.osd button { + color: #dbdbdb; + outline-color: rgba(219, 219, 219, 0.3); + border-color: rgba(22, 22, 22, 0.4); + background-color: rgba(109, 109, 109, 0.4); +} +.osd button:hover { + color: #dbdbdb; + outline-color: rgba(219, 219, 219, 0.3); + border-color: rgba(22, 22, 22, 0.4); + background-color: rgba(127, 127, 127, 0.5); +} +.osd button:active, .osd button:checked { + background-clip: padding-box; + color: #dbdbdb; + outline-color: rgba(219, 219, 219, 0.3); + border-color: rgba(22, 22, 22, 0.4); + background-color: rgba(0, 0, 0, 0.15); +} +.osd button:disabled { + color: #676767; + border-color: rgba(22, 22, 22, 0.4); + background-color: rgba(109, 109, 109, 0.25); +} +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} +.osd button.flat:hover { + color: #dbdbdb; + outline-color: rgba(219, 219, 219, 0.3); + border-color: rgba(22, 22, 22, 0.4); + background-color: rgba(127, 127, 127, 0.5); +} +.osd button.flat:disabled { + color: #676767; + border-color: rgba(22, 22, 22, 0.4); + background-color: rgba(109, 109, 109, 0.25); + background-image: none; +} +.osd button.flat:active, .osd button.flat:checked { + color: #dbdbdb; + outline-color: rgba(219, 219, 219, 0.3); + border-color: rgba(22, 22, 22, 0.4); + background-color: rgba(0, 0, 0, 0.15); +} +.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: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #6db442; + border-color: #6db442; +} +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #6db442; + outline-color: rgba(109, 180, 66, 0.3); +} +button.suggested-action:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #88c663; + border-color: #88c663; +} +button.suggested-action:active, button.suggested-action:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #568f34; + border-color: #568f34; +} +button.suggested-action.flat:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(255, 255, 255, 0.42); +} +button.suggested-action:disabled { + color: rgba(255, 255, 255, 0.42); + border-color: rgba(41, 41, 41, 0.55); + background-color: rgba(69, 69, 69, 0.55); +} +button.suggested-action:disabled label { + color: inherit; +} +button.destructive-action { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #F04A50; + border-color: #F04A50; +} +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #F04A50; + outline-color: rgba(240, 74, 80, 0.3); +} +button.destructive-action:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #f4797e; + border-color: #f4797e; +} +button.destructive-action:active, button.destructive-action:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ec1b22; + border-color: #ec1b22; +} +button.destructive-action.flat:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(255, 255, 255, 0.42); +} +button.destructive-action:disabled { + color: rgba(255, 255, 255, 0.42); + border-color: rgba(41, 41, 41, 0.55); + background-color: rgba(69, 69, 69, 0.55); +} +button.destructive-action:disabled label { + color: inherit; +} +.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, headerbar .stack-switcher > button.titlebutton, +.titlebar .stack-switcher > button.titlebutton { + 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 { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#8fa876), 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) { + background-position: left 3px, left 2px; +} +button.font separator, button.file separator { + background-color: transparent; +} +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 2px; + border-width: 1px; +} .inline-toolbar toolbutton > button { - color: rgba(0, 0, 0, 0.87); - outline-color: rgba(0, 0, 0, 0.17); - border-color: #c7c7c7; - background-color: #fafafa; } - .inline-toolbar toolbutton > button:hover { - color: rgba(0, 0, 0, 0.87); - outline-color: rgba(0, 0, 0, 0.17); - border-color: #c7c7c7; - background-color: white; } - .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - color: rgba(0, 0, 0, 0.87); - outline-color: rgba(0, 0, 0, 0.17); - border-color: #aeaeae; - background-color: rgba(0, 0, 0, 0.15); } - .inline-toolbar toolbutton > button:disabled { - color: rgba(0, 0, 0, 0.42); - border-color: rgba(199, 199, 199, 0.55); - background-color: rgba(250, 250, 250, 0.55); } - .inline-toolbar toolbutton > button:disabled label { - color: inherit; } - .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - color: rgba(0, 0, 0, 0.67); - border-color: rgba(174, 174, 174, 0.85); - background-color: rgba(0, 0, 0, 0.1); - opacity: 0.6; } - .inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:checked label { - color: inherit; } + color: rgba(255, 255, 255, 0.87); + outline-color: rgba(255, 255, 255, 0.17); + border-color: #292929; + background-color: #454545; +} +.inline-toolbar toolbutton > button:hover { + color: rgba(255, 255, 255, 0.87); + outline-color: rgba(255, 255, 255, 0.17); + border-color: #292929; + background-color: #525252; +} +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + color: rgba(255, 255, 255, 0.87); + outline-color: rgba(255, 255, 255, 0.17); + border-color: #0f0f0f; + background-color: rgba(0, 0, 0, 0.15); +} +.inline-toolbar toolbutton > button:disabled { + color: rgba(255, 255, 255, 0.42); + border-color: rgba(41, 41, 41, 0.55); + background-color: rgba(69, 69, 69, 0.55); +} +.inline-toolbar toolbutton > button:disabled label { + color: inherit; +} +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.67); + border-color: rgba(15, 15, 15, 0.85); + background-color: rgba(0, 0, 0, 0.1); + opacity: 0.6; +} +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:checked label { + color: inherit; +} .linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), .primary-toolbar .linked:not(.vertical) entry + button:last-child, headerbar .linked:not(.vertical) entry + button:last-child, .primary-toolbar toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, @@ -533,7 +658,8 @@ button { .primary-toolbar .inline-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .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, toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat { border-radius: 0; - border-right-style: none; } + border-right-style: none; +} popover.combo scrollbar.vertical:dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo, .primary-toolbar .linked:not(.vertical) entry + button:first-child:last-child, headerbar .linked:not(.vertical) entry + button:first-child:last-child, .primary-toolbar toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, @@ -545,7 +671,8 @@ headerbar .linked:not(.vertical).path-bar > button:first-child, spinbutton:not(. border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-right-radius: 0; - border-bottom-right-radius: 0; } + border-bottom-right-radius: 0; +} popover.combo scrollbar.vertical:dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo, .primary-toolbar .linked:not(.vertical) entry + button:last-child, headerbar .linked:not(.vertical) entry + button:last-child, .primary-toolbar toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, @@ -558,7 +685,8 @@ headerbar .linked:not(.vertical).path-bar > button:last-child, spinbutton:not(.v border-bottom-right-radius: 3px; border-top-left-radius: 0; border-bottom-left-radius: 0; - border-right-style: solid; } + border-right-style: solid; +} .linked:not(.vertical) > combobox:only-child > box > button.combo, .primary-toolbar .linked:not(.vertical) entry + button:only-child:last-child, headerbar .linked:not(.vertical) entry + button:only-child:last-child, .primary-toolbar toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, @@ -568,31 +696,37 @@ headerbar .linked:not(.vertical).path-bar > button:last-child, spinbutton:not(.v .primary-toolbar .inline-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .inline-toolbar button:only-child:backdrop, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat { border-radius: 3px; - border-style: solid; } + border-style: solid; +} .linked.vertical > combobox > box > button.combo, spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button, .linked.vertical > button:hover, .linked.vertical > button:active, .linked.vertical > button:checked { border-radius: 0; - border-bottom-style: none; } + border-bottom-style: none; +} list.content > row:first-child, list.content > row.expander:first-child row.header, list.content > row.expander:checked, list.content > row.expander:checked row.header, list.content > row.expander:checked + row, list.content > row.expander:checked + row.expander row.header, popover.combo overshoot.top, popover.combo list > row:first-child, .linked.vertical > combobox:first-child > box > button.combo, spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { border-top-left-radius: 3px; - border-top-right-radius: 3px; } + border-top-right-radius: 3px; +} list.content > row:last-child, list.content > row.checked-expander-row-previous-sibling, list.content > row.expander:checked, list.content > row.expander:not(:checked):last-child row.header, list.content > row.expander:not(:checked).checked-expander-row-previous-sibling row.header, list.content > row.expander.empty:checked row.header, list.content > row.expander list.nested > row:last-child, popover.combo overshoot.bottom, popover.combo list > row:last-child, .linked.vertical > combobox:last-child > box > button.combo, spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; - border-bottom-style: solid; } + border-bottom-style: solid; +} .linked.vertical > combobox:only-child > box > button.combo, spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { border-radius: 3px; - border-style: solid; } + border-style: solid; +} TerminalWindow .notebook .active-page .button:active, TerminalWindow .notebook .prelight-page .button:active, TerminalWindow .notebook .active-page .button:hover, TerminalWindow .notebook .prelight-page .button:hover, TerminalWindow .notebook .active-page .button, TerminalWindow .notebook .prelight-page .button, .app-notification button.flat:disabled, .app-notification button.flat, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, modelbutton.flat { border-color: transparent; background-color: transparent; background-image: none; - box-shadow: none; } + box-shadow: none; +} menuitem.button.flat, modelbutton.flat { @@ -601,203 +735,240 @@ modelbutton.flat { padding-left: 8px; padding-right: 8px; outline-offset: -3px; - border-radius: 2px; } - menuitem.button.flat:hover, - modelbutton.flat:hover { - background-color: rgba(0, 0, 0, 0.1); } - 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 { - background-color: rgba(0, 0, 0, 0.1); } - menuitem.button.flat:checked, - modelbutton.flat:checked { - color: rgba(0, 0, 0, 0.87); } - 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; } + border-radius: 2px; +} +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: rgba(255, 255, 255, 0.1); +} +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 { + background-color: rgba(255, 255, 255, 0.1); +} +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: rgba(255, 255, 255, 0.87); +} +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"); } - + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} modelbutton.flat arrow.right { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} button:link, button:visited, *:link { - color: #5294E2; } - button:visited, - *:link:visited { - color: #5294E2; } - *:selected button:visited, *:selected *:link:visited { - color: #d3e1c7; } - button:hover:link, button:hover:visited, - *:link:hover { - color: #7eafe9; } - *:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #f4f7f1; } - button:active:link, button:active:visited, - *:link:active { - color: #5294E2; } - *:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #e9f0e3; } - infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link, headerbar.selection-mode .subtitle:link, - .selection-mode.titlebar:not(headerbar) .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, - *:link:selected, *:selected *:link { - color: #e9f0e3; } + color: #5294E2; +} +button:visited, +*:link:visited { + color: #5294E2; +} +*:selected button:visited, +*:selected *:link:visited { + color: #d2dcc8; +} +button:hover:link, button:hover:visited, +*:link:hover { + color: #7eafe9; +} +*:selected button:hover:link, *:selected button:hover:visited, +*:selected *:link:hover { + color: #f4f6f1; +} +button:active:link, button:active:visited, +*:link:active { + color: #5294E2; +} +*:selected button:active:link, *:selected button:active:visited, +*:selected *:link:active { + color: #e9eee4; +} +infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link, headerbar.selection-mode .subtitle:link, +.selection-mode.titlebar:not(headerbar) .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, +*:link:selected, +*:selected *:link { + color: #e9eee4; +} button:link > label, button:visited > label { - text-decoration-line: underline; } + text-decoration-line: underline; +} spinbutton:drop(active) { - box-shadow: none; } - + box-shadow: none; +} spinbutton:disabled { - color: rgba(0, 0, 0, 0.42); } - + color: rgba(255, 255, 255, 0.42); +} spinbutton:not(.vertical) entry { - min-width: 28px; } - + min-width: 28px; +} spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 3px 0 0 3px; } - + border-radius: 3px 0 0 3px; +} spinbutton:not(.vertical) > button + button { - border-left-style: none; } - + border-left-style: none; +} spinbutton:not(.vertical) > button + button, spinbutton:not(.vertical) > button:hover:not(:active), spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 #c7c7c7; } - + box-shadow: inset 1px 0 #292929; +} 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(199, 199, 199, 0.5); } - + box-shadow: inset 1px 0 rgba(41, 41, 41, 0.5); +} 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; } - + box-shadow: none; +} spinbutton:not(.vertical) > entry:focus + button { - border-left-color: #92b372; } - + border-left-color: #292929; +} spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #92b372; } - + border-left-color: #8fa876; +} .osd spinbutton:not(.vertical) > button:hover:not(:active), .osd spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(33, 33, 33, 0.4); } - + box-shadow: inset 1px 0 rgba(22, 22, 22, 0.4); +} .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; } - + box-shadow: none; +} .osd spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(33, 33, 33, 0.4); } - + border-left-color: rgba(22, 22, 22, 0.4); +} spinbutton.vertical button, spinbutton.vertical entry { padding-left: 4px; padding-right: 4px; - min-width: 0; } - + min-width: 0; +} spinbutton.vertical button.up { - border-radius: 3px 3px 0 0; } - + border-radius: 3px 3px 0 0; +} spinbutton.vertical > entry:focus + button { - border-top-color: #92b372; } - + border-top-color: #292929; +} spinbutton.vertical > entry:drop(active) + button { - border-top-color: #92b372; } + border-top-color: #8fa876; +} combobox button.combo { padding-top: 3px; - padding-bottom: 3px; } - + padding-bottom: 3px; +} combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; - min-width: 16px; } - + min-width: 16px; +} 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: 7px; - border: 1px solid rgba(0, 0, 0, 0.5); - border-radius: 3px; - background-color: rgba(64, 64, 64, 0.9); } - 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; } + background-color: #383838; +} +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: 7px; + border: 1px solid rgba(0, 0, 0, 0.5); + border-radius: 3px; + background-color: rgba(53, 53, 53, 0.9); +} +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 toolbar, .primary-toolbar .inline-toolbar, .primary-toolbar:not(.libreoffice-toolbar) { - color: rgba(0, 0, 0, 0.87); - background-color: #e8e8e8; + color: rgba(255, 255, 255, 0.87); + background-color: #2b2b2b; box-shadow: none; border-width: 0 0 1px 0; border-style: solid; - border-image: linear-gradient(to bottom, #e8e8e8, #cacaca) 1 0 1 0; } - + border-image: linear-gradient(to bottom, #2b2b2b, #0d0d0d) 1 0 1 0; +} .inline-toolbar { - background-color: #ededed; + background-color: #303030; border-style: solid; - border-color: #c7c7c7; + border-color: #292929; border-width: 0 1px 1px; padding: 3px; - border-radius: 0 0 3px 3px; } + border-radius: 0 0 3px 3px; +} searchbar { - background-color: #f5f5f5; + background-color: #383838; border-style: solid; - border-color: #c7c7c7; + border-color: #292929; border-width: 0 0 1px; - padding: 3px; } + padding: 3px; +} actionbar { padding: 6px; - border-top: 1px solid #c7c7c7; - background-color: #ededed; } + border-top: 1px solid #292929; + background-color: #303030; +} headerbar, .titlebar:not(headerbar) { @@ -806,254 +977,284 @@ headerbar, border-width: 0 0 1px; border-style: solid; border-radius: 0; - border-color: #bdbdbd; - color: rgba(0, 0, 0, 0.87); - background-color: #e8e8e8; - box-shadow: inset 0 1px #EEEEEE; } - .csd headerbar, .csd .titlebar:not(headerbar) { - background-color: #e8e8e8; - border-color: #BDBDBD; } - headerbar:backdrop, - .titlebar:backdrop:not(headerbar) { - color: rgba(0, 0, 0, 0.47); - box-shadow: none; } - headerbar .title, - .titlebar:not(headerbar) .title { - font-weight: bold; - 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: #92b372; - border-color: #88ac65; - box-shadow: none; } - headerbar.selection-mode:backdrop, - .selection-mode.titlebar:backdrop:not(headerbar) { - background-color: #92b372; - color: rgba(255, 255, 255, 0.6); } - headerbar.selection-mode button, - .selection-mode.titlebar:not(headerbar) button { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0); } - headerbar.selection-mode button.flat, - .selection-mode.titlebar:not(headerbar) button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - color: #ffffff; - background-color: rgba(255, 255, 255, 0); } - headerbar.selection-mode button:hover, - .selection-mode.titlebar:not(headerbar) button:hover { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - background-color: rgba(255, 255, 255, 0.05); - border-color: rgba(255, 255, 255, 0.5); } - headerbar.selection-mode button:active, headerbar.selection-mode button:checked, - .selection-mode.titlebar:not(headerbar) button:active, - .selection-mode.titlebar:not(headerbar) button:checked { - color: #92b372; - outline-color: rgba(146, 179, 114, 0.3); - background-color: #ffffff; - border-color: #ffffff; } - headerbar.selection-mode button:disabled, - .selection-mode.titlebar:not(headerbar) button:disabled { - color: rgba(255, 255, 255, 0.4); - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0); } - headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked, - .selection-mode.titlebar:not(headerbar) button:disabled:active, - .selection-mode.titlebar:not(headerbar) button:disabled:checked { - color: rgba(146, 179, 114, 0.4); - background-color: rgba(255, 255, 255, 0.15); - border-color: rgba(255, 255, 255, 0.15); } - 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: #92b372; } - .tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop, .tiled .titlebar:not(headerbar), .maximized .titlebar:not(headerbar) { - border-radius: 0; } - .maximized headerbar, .maximized .titlebar:not(headerbar) { - background-color: #e8e8e8; - border-color: #bdbdbd; } - headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop, - .default-decoration.titlebar:not(headerbar) { - min-height: 28px; - padding: 0 7px; - background-color: #e8e8e8; - border-bottom-width: 0; } - .maximized headerbar.default-decoration, .maximized .csd headerbar.default-decoration, .maximized headerbar.default-decoration:backdrop, .maximized .csd headerbar.default-decoration:backdrop, .maximized .default-decoration.titlebar:not(headerbar) { - background-color: #e8e8e8; } + border-color: #212121; + color: rgba(255, 255, 255, 0.87); + background-color: #2b2b2b; + box-shadow: inset 0 1px #373737; +} +.csd headerbar, +.csd .titlebar:not(headerbar) { + background-color: #2b2b2b; + border-color: #212121; +} +headerbar:backdrop, +.titlebar:backdrop:not(headerbar) { + color: rgba(255, 255, 255, 0.47); + box-shadow: none; +} +headerbar .title, +.titlebar:not(headerbar) .title { + font-weight: bold; + 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: #8fa876; + border-color: #85a06a; + box-shadow: none; +} +headerbar.selection-mode:backdrop, +.selection-mode.titlebar:backdrop:not(headerbar) { + background-color: #8fa876; + color: rgba(255, 255, 255, 0.6); +} +headerbar.selection-mode button, +.selection-mode.titlebar:not(headerbar) button { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0); +} +headerbar.selection-mode button.flat, +.selection-mode.titlebar:not(headerbar) button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0); +} +headerbar.selection-mode button:hover, +.selection-mode.titlebar:not(headerbar) button:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0.05); + border-color: rgba(255, 255, 255, 0.5); +} +headerbar.selection-mode button:active, headerbar.selection-mode button:checked, +.selection-mode.titlebar:not(headerbar) button:active, +.selection-mode.titlebar:not(headerbar) button:checked { + color: #8fa876; + outline-color: rgba(143, 168, 118, 0.3); + background-color: #ffffff; + border-color: #ffffff; +} +headerbar.selection-mode button:disabled, +.selection-mode.titlebar:not(headerbar) button:disabled { + color: rgba(255, 255, 255, 0.4); + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0); +} +headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked, +.selection-mode.titlebar:not(headerbar) button:disabled:active, +.selection-mode.titlebar:not(headerbar) button:disabled:checked { + color: rgba(143, 168, 118, 0.4); + background-color: rgba(255, 255, 255, 0.15); + border-color: rgba(255, 255, 255, 0.15); +} +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: #8fa876; +} +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop, +.tiled .titlebar:not(headerbar), +.maximized .titlebar:not(headerbar) { + border-radius: 0; +} +.maximized headerbar, +.maximized .titlebar:not(headerbar) { + background-color: #2b2b2b; + border-color: #212121; +} +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop, +.default-decoration.titlebar:not(headerbar) { + min-height: 28px; + padding: 0 7px; + background-color: #2b2b2b; + border-bottom-width: 0; +} +.maximized headerbar.default-decoration, .maximized .csd headerbar.default-decoration, .maximized headerbar.default-decoration:backdrop, .maximized .csd headerbar.default-decoration:backdrop, +.maximized .default-decoration.titlebar:not(headerbar) { + background-color: #2b2b2b; +} .titlebar { - border-radius: 8px 8px 0 0; } + border-radius: 8px 8px 0 0; +} headerbar entry, headerbar button, headerbar separator { margin-top: 6px; - margin-bottom: 6px; } - + margin-bottom: 6px; +} separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 8px; } - .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; } - + border-top-left-radius: 8px; +} +.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: 8px; } - .maximized headerbar:last-child, .tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, .tiled headerbar:last-child:backdrop { - border-radius: 0; } + border-top-right-radius: 8px; +} +.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; border: none; - box-shadow: none; } - + box-shadow: none; +} .titlebar:not(headerbar) > separator { - background-image: linear-gradient(to bottom, #BDBDBD, #BDBDBD); } + background-image: linear-gradient(to bottom, #212121, #212121); +} .primary-toolbar toolbar separator, .primary-toolbar:not(.libreoffice-toolbar) separator, .primary-toolbar .inline-toolbar separator { min-width: 1px; min-height: 1px; border-width: 0 1px; - border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.22) 25%, rgba(0, 0, 0, 0.22) 75%, rgba(0, 0, 0, 0) 75%) 0 1/0 1px stretch; } - .primary-toolbar toolbar separator:backdrop, - .primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, .primary-toolbar .inline-toolbar separator:backdrop { - opacity: 0.6; } - + border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.22) 25%, rgba(255, 255, 255, 0.22) 75%, rgba(255, 255, 255, 0) 75%) 0 1/0 1px stretch; +} +.primary-toolbar toolbar separator:backdrop, +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, .primary-toolbar .inline-toolbar separator:backdrop { + opacity: 0.6; +} .primary-toolbar entry, headerbar entry { - color: rgba(0, 0, 0, 0.87); - border-color: rgba(0, 0, 0, 0.17); - background-color: rgba(255, 255, 255, 0.9); } - - .primary-toolbar entry image, headerbar entry image { - color: inherit; } - - .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.85; } - - .primary-toolbar entry:focus, headerbar entry:focus { - color: rgba(0, 0, 0, 0.87); - border-color: #92b372; - background-color: rgba(255, 255, 255, 0.9); - background-clip: border-box; } - - .primary-toolbar entry:focus image, headerbar entry:focus image { - color: rgba(0, 0, 0, 0.72); } - - .primary-toolbar entry:disabled, headerbar entry:disabled { - color: rgba(0, 0, 0, 0.42); - background-color: rgba(255, 255, 255, 0.75); } - - .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #92b372; - color: #ffffff; } - - .primary-toolbar entry progress, headerbar entry progress { - border-color: #92b372; - background-image: none; - background-color: transparent; } - - .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: #f27835; - background-color: #eea57d; } - - .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #f27835; } - - .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #f27835; } - - .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: #FC4138; - background-color: #f4847f; } - - .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; } - - .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; } - - + color: rgba(255, 255, 255, 0.87); + border-color: rgba(13, 13, 13, 0.4); + background-color: rgba(99, 99, 99, 0.4); +} +.primary-toolbar entry image, headerbar entry image { + color: inherit; +} +.primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.85; +} +.primary-toolbar entry:focus, headerbar entry:focus { + color: rgba(255, 255, 255, 0.87); + border-color: #8fa876; + background-color: rgba(99, 99, 99, 0.4); + background-clip: padding-box; +} +.primary-toolbar entry:focus image, headerbar entry:focus image { + color: rgba(255, 255, 255, 0.72); +} +.primary-toolbar entry:disabled, headerbar entry:disabled { + color: rgba(255, 255, 255, 0.42); + background-color: rgba(99, 99, 99, 0.25); +} +.primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #8fa876; + color: #ffffff; +} +.primary-toolbar entry progress, headerbar entry progress { + border-color: #8fa876; + background-image: none; + background-color: transparent; +} +.primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: rgba(13, 13, 13, 0.4); + background-color: #a25931; +} +.primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #f27835; +} +.primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #f27835; +} +.primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: rgba(13, 13, 13, 0.4); + background-color: #a83833; +} +.primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} +.primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} .primary-toolbar button, headerbar button { - color: rgba(0, 0, 0, 0.87); - outline-color: rgba(0, 0, 0, 0.17); + color: rgba(255, 255, 255, 0.87); + outline-color: rgba(255, 255, 255, 0.17); outline-offset: -3px; - background-color: rgba(232, 232, 232, 0); - border-color: rgba(232, 232, 232, 0); } - - .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.7; } - - .primary-toolbar button:hover, headerbar button:hover { - color: rgba(0, 0, 0, 0.87); - outline-color: rgba(0, 0, 0, 0.17); - border-color: rgba(0, 0, 0, 0.17); - background-color: rgba(250, 250, 250, 0.9); } - - .primary-toolbar button:active, headerbar button:active, - .primary-toolbar button:checked, headerbar button:checked { - color: rgba(0, 0, 0, 0.87); - outline-color: rgba(0, 0, 0, 0.17); - border-color: rgba(0, 0, 0, 0.17); - background-color: rgba(0, 0, 0, 0.15); - background-clip: border-box; } - - .primary-toolbar button:disabled, headerbar button:disabled { - color: rgba(0, 0, 0, 0.42); - background-color: rgba(232, 232, 232, 0); - border-color: rgba(232, 232, 232, 0); } - - .primary-toolbar button:disabled label, headerbar button:disabled label { - color: inherit; } - - .primary-toolbar button:disabled:active, headerbar button:disabled:active, - .primary-toolbar button:disabled:checked, headerbar button:disabled:checked { - color: rgba(0, 0, 0, 0.67); - border-color: rgba(174, 174, 174, 0.85); - background-color: rgba(0, 0, 0, 0.1); } - + background-color: rgba(43, 43, 43, 0); + border-color: rgba(43, 43, 43, 0); +} +.primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.7; +} +.primary-toolbar button:hover, headerbar button:hover { + color: rgba(255, 255, 255, 0.87); + outline-color: rgba(255, 255, 255, 0.17); + border-color: rgba(13, 13, 13, 0.4); + background-color: rgba(99, 99, 99, 0.4); +} +.primary-toolbar button:active, headerbar button:active, +.primary-toolbar button:checked, headerbar button:checked { + color: rgba(255, 255, 255, 0.87); + outline-color: rgba(255, 255, 255, 0.17); + border-color: rgba(13, 13, 13, 0.4); + background-color: rgba(0, 0, 0, 0.15); + background-clip: padding-box; +} +.primary-toolbar button:disabled, headerbar button:disabled { + color: rgba(255, 255, 255, 0.42); + background-color: rgba(43, 43, 43, 0); + border-color: rgba(43, 43, 43, 0); +} +.primary-toolbar button:disabled label, headerbar button:disabled label { + color: inherit; +} +.primary-toolbar button:disabled:active, headerbar button:disabled:active, +.primary-toolbar button:disabled:checked, headerbar button:disabled:checked { + color: rgba(255, 255, 255, 0.67); + border-color: rgba(15, 15, 15, 0.85); + background-color: rgba(0, 0, 0, 0.1); +} .primary-toolbar toolbar.selection-mode button, .selection-mode.primary-toolbar button, .primary-toolbar .selection-mode.inline-toolbar button, headerbar.selection-mode button { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; - background-color: rgba(255, 255, 255, 0); } - - + background-color: rgba(255, 255, 255, 0); +} .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:last-child):not(:only-child), headerbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:last-child):not(:only-child) { - margin-right: 1px; } - + margin-right: 1px; +} .primary-toolbar toolbar .linked:not(.vertical):not(.path-bar) > button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button, .primary-toolbar .inline-toolbar .linked:not(.vertical):not(.path-bar) > button, headerbar .linked:not(.vertical):not(.path-bar) > button { border-radius: 3px; - border-style: solid; } - - + border-style: solid; +} .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action) + 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) + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action), .primary-toolbar toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), @@ -1063,749 +1264,866 @@ headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:acti .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), .primary-toolbar .inline-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:not(:only-child) { - box-shadow: none; } - + box-shadow: none; +} .primary-toolbar toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .inline-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar toolbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button, .primary-toolbar .inline-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button { - color: rgba(0, 0, 0, 0.87); - outline-color: rgba(0, 0, 0, 0.17); - border-color: rgba(0, 0, 0, 0.17); - background-color: rgba(250, 250, 250, 0.9); } - .primary-toolbar toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, - .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .inline-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, - .primary-toolbar toolbar .linked:not(.vertical).path-bar > button:hover, - .primary-toolbar .linked:not(.vertical).path-bar > button:hover, - .primary-toolbar .inline-toolbar .linked:not(.vertical).path-bar > button:hover, - headerbar .linked:not(.vertical).path-bar > button:hover { - background-color: rgba(255, 255, 255, 0.9); } - .primary-toolbar toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, - .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .inline-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, - .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .inline-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, - .primary-toolbar toolbar .linked:not(.vertical).path-bar > button:active, - .primary-toolbar .linked:not(.vertical).path-bar > button:active, - .primary-toolbar .inline-toolbar .linked:not(.vertical).path-bar > button:active, - headerbar .linked:not(.vertical).path-bar > button:active, - .primary-toolbar toolbar .linked:not(.vertical).path-bar > button:checked, - .primary-toolbar .linked:not(.vertical).path-bar > button:checked, - .primary-toolbar .inline-toolbar .linked:not(.vertical).path-bar > button:checked, - headerbar .linked:not(.vertical).path-bar > button:checked { - color: rgba(0, 0, 0, 0.87); - outline-color: rgba(0, 0, 0, 0.17); - border-color: rgba(0, 0, 0, 0.17); - background-color: rgba(0, 0, 0, 0.15); } - .primary-toolbar toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, - .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .inline-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, - .primary-toolbar toolbar .linked:not(.vertical).path-bar > button:disabled, - .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, - .primary-toolbar .inline-toolbar .linked:not(.vertical).path-bar > button:disabled, - headerbar .linked:not(.vertical).path-bar > button:disabled { - color: rgba(0, 0, 0, 0.47); } - - + color: rgba(255, 255, 255, 0.87); + outline-color: rgba(255, 255, 255, 0.17); + border-color: rgba(13, 13, 13, 0.4); + background-color: rgba(99, 99, 99, 0.4); +} +.primary-toolbar toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .inline-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, +.primary-toolbar toolbar .linked:not(.vertical).path-bar > button:hover, +.primary-toolbar .linked:not(.vertical).path-bar > button:hover, +.primary-toolbar .inline-toolbar .linked:not(.vertical).path-bar > button:hover, +headerbar .linked:not(.vertical).path-bar > button:hover { + background-color: rgba(138, 138, 138, 0.4); +} +.primary-toolbar toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .inline-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .inline-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, +.primary-toolbar toolbar .linked:not(.vertical).path-bar > button:active, +.primary-toolbar .linked:not(.vertical).path-bar > button:active, +.primary-toolbar .inline-toolbar .linked:not(.vertical).path-bar > button:active, +headerbar .linked:not(.vertical).path-bar > button:active, +.primary-toolbar toolbar .linked:not(.vertical).path-bar > button:checked, +.primary-toolbar .linked:not(.vertical).path-bar > button:checked, +.primary-toolbar .inline-toolbar .linked:not(.vertical).path-bar > button:checked, +headerbar .linked:not(.vertical).path-bar > button:checked { + color: rgba(255, 255, 255, 0.87); + outline-color: rgba(255, 255, 255, 0.17); + border-color: rgba(13, 13, 13, 0.4); + background-color: rgba(0, 0, 0, 0.15); +} +.primary-toolbar toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .inline-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, +.primary-toolbar toolbar .linked:not(.vertical).path-bar > button:disabled, +.primary-toolbar .linked:not(.vertical).path-bar > button:disabled, +.primary-toolbar .inline-toolbar .linked:not(.vertical).path-bar > button:disabled, +headerbar .linked:not(.vertical).path-bar > button:disabled { + color: rgba(255, 255, 255, 0.47); +} .primary-toolbar .linked:not(.vertical) entry, headerbar .linked:not(.vertical) entry { - box-shadow: none; } - - .primary-toolbar .linked:not(.vertical) entry:focus, headerbar .linked:not(.vertical) entry:focus { - color: rgba(0, 0, 0, 0.87); - border-color: rgba(0, 0, 0, 0.17); - background-color: rgba(255, 255, 255, 0.9); - background-clip: padding-box; } - - .primary-toolbar .linked:not(.vertical) entry:focus image, headerbar .linked:not(.vertical) entry:focus image { - color: inherit; } - - .primary-toolbar .linked:not(.vertical) entry + button:last-child, headerbar .linked:not(.vertical) entry + button:last-child { - color: rgba(0, 0, 0, 0.87); - outline-color: rgba(0, 0, 0, 0.17); - border-color: rgba(0, 0, 0, 0.17); - background-color: rgba(250, 250, 250, 0.9); } - - .primary-toolbar .linked:not(.vertical) entry + button:last-child:hover, headerbar .linked:not(.vertical) entry + button:last-child:hover { - background-color: rgba(255, 255, 255, 0.9); } - - .primary-toolbar .linked:not(.vertical) entry + button:last-child:active, headerbar .linked:not(.vertical) entry + button:last-child:active, - .primary-toolbar .linked:not(.vertical) entry + button:last-child:checked, headerbar .linked:not(.vertical) entry + button:last-child:checked { - color: rgba(0, 0, 0, 0.87); - outline-color: rgba(0, 0, 0, 0.17); - border-color: rgba(0, 0, 0, 0.17); - background-color: rgba(0, 0, 0, 0.15); } - - .primary-toolbar .linked:not(.vertical) entry + button:last-child:disabled, headerbar .linked:not(.vertical) entry + button:last-child:disabled { - color: rgba(0, 0, 0, 0.47); - background-color: rgba(250, 250, 250, 0.7); - border-color: rgba(0, 0, 0, 0.17); } - - .primary-toolbar .linked:not(.vertical) entry + button:last-child:disabled:checked, headerbar .linked:not(.vertical) entry + button:last-child:disabled:checked { - background-color: rgba(146, 179, 114, 0.65); - color: rgba(255, 255, 255, 0.75); } - - + box-shadow: none; +} +.primary-toolbar .linked:not(.vertical) entry:focus, headerbar .linked:not(.vertical) entry:focus { + color: rgba(255, 255, 255, 0.87); + border-color: rgba(13, 13, 13, 0.4); + background-color: rgba(99, 99, 99, 0.4); + background-clip: padding-box; +} +.primary-toolbar .linked:not(.vertical) entry:focus image, headerbar .linked:not(.vertical) entry:focus image { + color: inherit; +} +.primary-toolbar .linked:not(.vertical) entry + button:last-child, headerbar .linked:not(.vertical) entry + button:last-child { + color: rgba(255, 255, 255, 0.87); + outline-color: rgba(255, 255, 255, 0.17); + border-color: rgba(13, 13, 13, 0.4); + background-color: rgba(99, 99, 99, 0.4); +} +.primary-toolbar .linked:not(.vertical) entry + button:last-child:hover, headerbar .linked:not(.vertical) entry + button:last-child:hover { + background-color: rgba(138, 138, 138, 0.4); +} +.primary-toolbar .linked:not(.vertical) entry + button:last-child:active, headerbar .linked:not(.vertical) entry + button:last-child:active, +.primary-toolbar .linked:not(.vertical) entry + button:last-child:checked, headerbar .linked:not(.vertical) entry + button:last-child:checked { + color: rgba(255, 255, 255, 0.87); + outline-color: rgba(255, 255, 255, 0.17); + border-color: rgba(13, 13, 13, 0.4); + background-color: rgba(0, 0, 0, 0.15); +} +.primary-toolbar .linked:not(.vertical) entry + button:last-child:disabled, headerbar .linked:not(.vertical) entry + button:last-child:disabled { + color: rgba(255, 255, 255, 0.47); + background-color: rgba(99, 99, 99, 0.2); + border-color: rgba(13, 13, 13, 0.4); +} +.primary-toolbar .linked:not(.vertical) entry + button:last-child:disabled:checked, headerbar .linked:not(.vertical) entry + button:last-child:disabled:checked { + background-color: rgba(143, 168, 118, 0.65); + color: rgba(255, 255, 255, 0.75); +} .primary-toolbar button.suggested-action, headerbar button.suggested-action { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #6db442; - border-color: #6db442; } - - .primary-toolbar button.suggested-action.flat, headerbar button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - color: #6db442; - outline-color: rgba(109, 180, 66, 0.3); } - - .primary-toolbar button.suggested-action:hover, headerbar button.suggested-action:hover { - background-clip: border-box; - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - background-color: #88c663; - border-color: #88c663; } - - .primary-toolbar button.suggested-action:active, headerbar button.suggested-action:active, - .primary-toolbar button.suggested-action:checked, headerbar button.suggested-action:checked { - background-clip: border-box; - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - background-color: #568f34; - border-color: #568f34; } - - .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { - color: rgba(0, 0, 0, 0.42); - background-color: rgba(232, 232, 232, 0); - border-color: rgba(232, 232, 232, 0); } - - .primary-toolbar button.suggested-action:disabled label, headerbar button.suggested-action:disabled label { - color: inherit; } - - + border-color: #6db442; +} +.primary-toolbar button.suggested-action.flat, headerbar button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #6db442; + outline-color: rgba(109, 180, 66, 0.3); +} +.primary-toolbar button.suggested-action:hover, headerbar button.suggested-action:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #88c663; + border-color: #88c663; +} +.primary-toolbar button.suggested-action:active, headerbar button.suggested-action:active, +.primary-toolbar button.suggested-action:checked, headerbar button.suggested-action:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #568f34; + border-color: #568f34; +} +.primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { + color: rgba(255, 255, 255, 0.42); + background-color: rgba(43, 43, 43, 0); + border-color: rgba(43, 43, 43, 0); +} +.primary-toolbar button.suggested-action:disabled label, headerbar button.suggested-action:disabled label { + color: inherit; +} .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop { - opacity: 0.8; } - - + opacity: 0.8; +} .primary-toolbar button.destructive-action, headerbar button.destructive-action { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #F04A50; - border-color: #F04A50; } - - .primary-toolbar button.destructive-action.flat, headerbar button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - color: #F04A50; - outline-color: rgba(240, 74, 80, 0.3); } - - .primary-toolbar button.destructive-action:hover, headerbar button.destructive-action:hover { - background-clip: border-box; - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - background-color: #f4797e; - border-color: #f4797e; } - - .primary-toolbar button.destructive-action:active, headerbar button.destructive-action:active, - .primary-toolbar button.destructive-action:checked, headerbar button.destructive-action:checked { - background-clip: border-box; - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - background-color: #ec1b22; - border-color: #ec1b22; } - - .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { - color: rgba(0, 0, 0, 0.42); - background-color: rgba(232, 232, 232, 0); - border-color: rgba(232, 232, 232, 0); } - - .primary-toolbar button.destructive-action:disabled label, headerbar button.destructive-action:disabled label { - color: inherit; } - - + border-color: #F04A50; +} +.primary-toolbar button.destructive-action.flat, headerbar button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #F04A50; + outline-color: rgba(240, 74, 80, 0.3); +} +.primary-toolbar button.destructive-action:hover, headerbar button.destructive-action:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #f4797e; + border-color: #f4797e; +} +.primary-toolbar button.destructive-action:active, headerbar button.destructive-action:active, +.primary-toolbar button.destructive-action:checked, headerbar button.destructive-action:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ec1b22; + border-color: #ec1b22; +} +.primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { + color: rgba(255, 255, 255, 0.42); + background-color: rgba(43, 43, 43, 0); + border-color: rgba(43, 43, 43, 0); +} +.primary-toolbar button.destructive-action:disabled label, headerbar button.destructive-action:disabled label { + color: inherit; +} .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop { - opacity: 0.8; } - - + opacity: 0.8; +} .primary-toolbar spinbutton:focus button, headerbar spinbutton:focus button { - color: #ffffff; } - - .primary-toolbar spinbutton:focus button:hover, headerbar spinbutton:focus button:hover { - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; } - - .primary-toolbar spinbutton:focus button:disabled, headerbar spinbutton:focus button:disabled { - color: rgba(255, 255, 255, 0.4); } - - + color: #ffffff; +} +.primary-toolbar spinbutton:focus button:hover, headerbar spinbutton:focus button:hover { + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; +} +.primary-toolbar spinbutton:focus button:disabled, headerbar spinbutton:focus button:disabled { + color: rgba(255, 255, 255, 0.4); +} .primary-toolbar spinbutton button, headerbar spinbutton button { - color: rgba(0, 0, 0, 0.87); } - - .primary-toolbar spinbutton button:hover, headerbar spinbutton button:hover { - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; } - - .primary-toolbar spinbutton button:disabled, headerbar spinbutton button:disabled { - color: rgba(0, 0, 0, 0.57); } - - .primary-toolbar spinbutton button:active, headerbar spinbutton button:active { - background-color: rgba(0, 0, 0, 0.1); } - - + color: rgba(255, 255, 255, 0.87); +} +.primary-toolbar spinbutton button:hover, headerbar spinbutton button:hover { + background-color: rgba(255, 255, 255, 0.12); + border-color: transparent; +} +.primary-toolbar spinbutton button:disabled, headerbar spinbutton button:disabled { + color: rgba(255, 255, 255, 0.57); +} +.primary-toolbar spinbutton button:active, headerbar spinbutton button:active { + background-color: rgba(0, 0, 0, 0.1); +} .primary-toolbar combobox:disabled, headerbar combobox:disabled { - color: rgba(0, 0, 0, 0.27); } - - + color: rgba(255, 255, 255, 0.27); +} .primary-toolbar combobox > .linked > button.combo, headerbar combobox > .linked > button.combo { - color: rgba(0, 0, 0, 0.87); - border-color: rgba(0, 0, 0, 0.17); - background-color: rgba(255, 255, 255, 0.9); } - - .primary-toolbar combobox > .linked > button.combo image, headerbar combobox > .linked > button.combo image { - color: inherit; } - - .primary-toolbar combobox > .linked > button.combo:hover, headerbar combobox > .linked > button.combo:hover { - color: rgba(0, 0, 0, 0.87); - border-color: #92b372; - background-color: rgba(255, 255, 255, 0.9); - box-shadow: none; } - - .primary-toolbar combobox > .linked > button.combo:disabled, headerbar combobox > .linked > button.combo:disabled { - color: rgba(0, 0, 0, 0.42); - background-color: rgba(255, 255, 255, 0.75); } - - + color: rgba(255, 255, 255, 0.87); + border-color: rgba(13, 13, 13, 0.4); + background-color: rgba(99, 99, 99, 0.4); +} +.primary-toolbar combobox > .linked > button.combo image, headerbar combobox > .linked > button.combo image { + color: inherit; +} +.primary-toolbar combobox > .linked > button.combo:hover, headerbar combobox > .linked > button.combo:hover { + color: rgba(255, 255, 255, 0.87); + border-color: #8fa876; + background-color: rgba(99, 99, 99, 0.4); + box-shadow: none; +} +.primary-toolbar combobox > .linked > button.combo:disabled, headerbar combobox > .linked > button.combo:disabled { + color: rgba(255, 255, 255, 0.42); + background-color: rgba(99, 99, 99, 0.25); +} .primary-toolbar combobox > .linked > entry.combo:dir(ltr), headerbar combobox > .linked > entry.combo:dir(ltr) { - border-right-style: none; } - - .primary-toolbar combobox > .linked > entry.combo:dir(ltr):focus, headerbar combobox > .linked > entry.combo:dir(ltr):focus { - box-shadow: none; } - - .primary-toolbar combobox > .linked > entry.combo:dir(ltr):focus, headerbar combobox > .linked > entry.combo:dir(ltr):focus { - box-shadow: 1px 0 #92b372; } - - + border-right-style: none; +} +.primary-toolbar combobox > .linked > entry.combo:dir(ltr):focus, headerbar combobox > .linked > entry.combo:dir(ltr):focus { + box-shadow: none; +} .primary-toolbar combobox > .linked > entry.combo:dir(rtl), headerbar combobox > .linked > entry.combo:dir(rtl) { - border-left-style: none; } - - .primary-toolbar combobox > .linked > entry.combo:dir(rtl):focus, headerbar combobox > .linked > entry.combo:dir(rtl):focus { - box-shadow: none; } - - .primary-toolbar combobox > .linked > entry.combo:dir(rtl):focus, headerbar combobox > .linked > entry.combo:dir(rtl):focus { - box-shadow: -1px 0 #92b372; } - - + border-left-style: none; +} +.primary-toolbar combobox > .linked > entry.combo:dir(rtl):focus, headerbar combobox > .linked > entry.combo:dir(rtl):focus { + box-shadow: none; +} .primary-toolbar combobox > .linked > button.combo:dir(ltr), headerbar combobox > .linked > button.combo:dir(ltr) { border-top-left-radius: 0; - border-bottom-left-radius: 0; } - - + border-bottom-left-radius: 0; +} .primary-toolbar combobox > .linked > button.combo:dir(rtl), headerbar combobox > .linked > button.combo:dir(rtl) { border-top-right-radius: 0; - border-bottom-right-radius: 0; } - - + border-bottom-right-radius: 0; +} .primary-toolbar switch:backdrop, headerbar switch:backdrop { - opacity: 0.75; } - - + opacity: 0.75; +} .primary-toolbar progressbar trough, headerbar progressbar trough { - background-color: rgba(0, 0, 0, 0.22); } - - + background-color: rgba(13, 13, 13, 0.4); +} .primary-toolbar progressbar:backdrop, headerbar progressbar:backdrop { - opacity: 0.75; } - - + opacity: 0.75; +} .primary-toolbar scale:backdrop, headerbar scale:backdrop { - opacity: 0.75; } - - + opacity: 0.75; +} .primary-toolbar scale slider, headerbar scale slider { - background-color: #fafafa; - border-color: rgba(0, 0, 0, 0.37); } - - .primary-toolbar scale slider:hover, headerbar scale slider:hover { - background-color: white; - border-color: rgba(0, 0, 0, 0.37); } - - .primary-toolbar scale slider:active, headerbar scale slider:active { - background-color: #92b372; - border-color: #92b372; } - - .primary-toolbar scale slider:disabled, headerbar scale slider:disabled { - background-color: whitesmoke; - border-color: rgba(0, 0, 0, 0.37); } - - + background-color: #454545; + border-color: rgba(13, 13, 13, 0.7); +} +.primary-toolbar scale slider:hover, headerbar scale slider:hover { + background-color: #525252; + border-color: rgba(13, 13, 13, 0.7); +} +.primary-toolbar scale slider:active, headerbar scale slider:active { + background-color: #8fa876; + border-color: #8fa876; +} +.primary-toolbar scale slider:disabled, headerbar scale slider:disabled { + background-color: #3d3d3d; + border-color: rgba(13, 13, 13, 0.7); +} .primary-toolbar scale trough, headerbar scale trough { - background-color: rgba(0, 0, 0, 0.22); } - - .primary-toolbar scale trough:disabled, headerbar scale trough:disabled { - background-color: rgba(0, 0, 0, 0.17); } + background-color: rgba(13, 13, 13, 0.4); +} +.primary-toolbar scale trough:disabled, headerbar scale trough:disabled { + background-color: rgba(13, 13, 13, 0.3); +} .path-bar button.text-button, .path-bar button.image-button, .path-bar headerbar button.titlebutton, headerbar .path-bar button.titlebutton, .path-bar .titlebar button.titlebutton, .titlebar .path-bar button.titlebutton, .path-bar button { padding-left: 6px; - padding-right: 6px; } - + padding-right: 6px; +} .path-bar button.text-button.image-button label, .path-bar headerbar button.text-button.titlebutton label, headerbar .path-bar button.text-button.titlebutton label, .path-bar .titlebar button.text-button.titlebutton label, .titlebar .path-bar button.text-button.titlebutton label { padding-left: 0; - padding-right: 0; } - + padding-right: 0; +} .path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { - padding-right: 10px; } - + padding-right: 10px; +} .path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { - padding-left: 10px; } - + padding-left: 10px; +} .path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { padding-left: 1px; - padding-right: 1px; } - + padding-right: 1px; +} .path-bar button image { padding-left: 4px; - padding-right: 4px; } + padding-right: 4px; +} treeview.view { - border-left-color: rgba(0, 0, 0, 0.02); - 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: #92b372; } - treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #c9d9b9; - border-top-color: rgba(0, 0, 0, 0); } - treeview.view:disabled { - color: rgba(0, 0, 0, 0.42); } - treeview.view:disabled:selected { - color: #bed1aa; } - 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: rgba(82, 101, 64, 0.935); } - 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: rgba(144, 144, 144, 0.935); } - treeview.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } - treeview.view.expander:hover { - color: rgba(0, 0, 0, 0.87); } - treeview.view.expander:selected { - color: #dee8d5; } - 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: 2px; - background-color: #92b372; } - treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #92b372; - box-shadow: none; - background-color: #ffffff; } - treeview.view.trough { - color: rgba(0, 0, 0, 0.87); - background-color: #d9d9d9; - border-radius: 2px; - border: 1px solid #c7c7c7; } - treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: #ffffff; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 2px; - border-width: 0; } - treeview.view header button { - padding: 3px 6px; - font-weight: bold; - color: rgba(63, 63, 63, 0.896); - background-color: #f2f2f2; - background-image: none; - border-style: none solid solid none; - border-radius: 0; - border-color: #c7c7c7; } - treeview.view header button:active, treeview.view header button:hover { - background-color: #fafafa; } - treeview.view header button:active:hover { - color: rgba(0, 0, 0, 0.87); } - treeview.view header button:disabled { - border-color: #f5f5f5; - background-image: none; } - treeview.view header button:last-child { - border-right-style: 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 { - transition: none; - color: #92b372; - box-shadow: inset 1px 1px 0 1px #92b372, inset -1px 0 0 1px #92b372, inset 1px 1px #ffffff, inset -1px 0 #ffffff; } + border-left-color: rgba(255, 255, 255, 0.02); + 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: #8fa876; +} +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #c7d4bb; + border-top-color: rgba(255, 255, 255, 0); +} +treeview.view:disabled { + color: rgba(255, 255, 255, 0.42); +} +treeview.view:disabled:selected { + color: #bccbad; +} +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: rgba(192, 206, 178, 0.935); +} +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: rgba(147, 147, 147, 0.935); +} +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} +treeview.view.expander:hover { + color: rgba(255, 255, 255, 0.87); +} +treeview.view.expander:selected { + color: #dde5d6; +} +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: 2px; + background-color: #8fa876; +} +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #8fa876; + box-shadow: none; + background-color: #ffffff; +} +treeview.view.trough { + color: rgba(255, 255, 255, 0.87); + background-color: #2b2b2b; + border-radius: 2px; + border: 1px solid #292929; +} +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: #ffffff; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 2px; + border-width: 0; +} +treeview.view header button { + padding: 3px 6px; + font-weight: bold; + color: rgba(208, 208, 208, 0.896); + background-color: #353535; + background-image: none; + border-style: none solid solid none; + border-radius: 0; + border-color: #292929; +} +treeview.view header button:active, treeview.view header button:hover { + background-color: #3d3d3d; +} +treeview.view header button:active:hover { + color: rgba(255, 255, 255, 0.87); +} +treeview.view header button:disabled { + border-color: #383838; + background-image: none; +} +treeview.view header button:last-child { + border-right-style: 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 { + transition: none; + color: #8fa876; + box-shadow: inset 1px 1px 0 1px #8fa876, inset -1px 0 0 1px #8fa876, inset 1px 1px #404040, inset -1px 0 #404040; +} menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0px; - background-color: #e8e8e8; - color: rgba(0, 0, 0, 0.87); } - menubar:backdrop, - .menubar:backdrop { - color: rgba(0, 0, 0, 0.57); } - menubar > menuitem, - .menubar > menuitem { - padding: 6px 8px; - border: solid transparent; - border-width: 0; } - menubar > menuitem:hover, - .menubar > menuitem:hover { - background-color: rgba(0, 0, 0, 0.1); - color: rgba(0, 0, 0, 0.87); } - menubar > menuitem:disabled, - .menubar > menuitem:disabled { - color: rgba(0, 0, 0, 0.27); - border-color: transparent; } - menubar > menuitem > label:disabled, - .menubar > menuitem > label:disabled { - color: rgba(0, 0, 0, 0.42); } + background-color: #2b2b2b; + color: rgba(255, 255, 255, 0.87); +} +menubar:backdrop, +.menubar:backdrop { + color: rgba(255, 255, 255, 0.57); +} +menubar > menuitem, +.menubar > menuitem { + padding: 6px 8px; + border: solid transparent; + border-width: 0; +} +menubar > menuitem:hover, +.menubar > menuitem:hover { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(255, 255, 255, 0.27); + border-color: transparent; +} +menubar > menuitem > label:disabled, +.menubar > menuitem > label:disabled { + color: rgba(255, 255, 255, 0.42); +} menu, .menu { margin: 4px; padding: 0; border-radius: 0; - background-color: #ffffff; - border: 1px solid #c7c7c7; } - .csd menu, .csd .menu { - padding: 4px 0px; - border-radius: 2px; - border: none; } - menu separator, .csd menu separator, - .menu separator, .csd .menu separator { - margin: 2px 0; - background-color: #DFDFDF; } - menu .separator:not(label), .csd menu .separator:not(label), - .menu .separator:not(label), .csd .menu .separator:not(label) { - color: #ffffff; } - menu menuitem, - .menu menuitem { - min-height: 16px; - min-width: 40px; - padding: 5px; } - menu menuitem:hover, - .menu menuitem:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.1); } - menu menuitem:disabled, - .menu menuitem:disabled { - color: rgba(0, 0, 0, 0.42); } - menu menuitem arrow, - .menu menuitem arrow { - min-height: 16px; - min-width: 16px; } - menu menuitem arrow:dir(ltr), - .menu menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-left: 10px; } - menu menuitem arrow:dir(rtl), - .menu menuitem arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); - margin-right: 10px; } - 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, - .menu > arrow { - border-color: transparent; - background-color: transparent; - background-image: none; - min-width: 16px; - min-height: 16px; - padding: 4px; - background-color: #ffffff; - border-radius: 0; } - menu > arrow.top, - .menu > arrow.top { - margin-top: -6px; - border-bottom: 1px solid rgba(235, 235, 235, 0.987); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } - menu > arrow.bottom, - .menu > arrow.bottom { - margin-bottom: -6px; - border-top: 1px solid rgba(235, 235, 235, 0.987); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - menu > arrow:hover, - .menu > arrow:hover { - background-color: rgba(235, 235, 235, 0.987); } - menu > arrow:disabled, - .menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; } + background-color: #383838; + border: 1px solid #292929; +} +.csd menu, +.csd .menu { + padding: 4px 0px; + border-radius: 2px; + border: none; +} +menu separator, .csd menu separator, +.menu separator, +.csd .menu separator { + margin: 2px 0; + background-color: #292929; +} +menu .separator:not(label), .csd menu .separator:not(label), +.menu .separator:not(label), +.csd .menu .separator:not(label) { + color: #383838; +} +menu menuitem, +.menu menuitem { + min-height: 16px; + min-width: 40px; + padding: 5px; +} +menu menuitem:hover, +.menu menuitem:hover { + color: rgba(255, 255, 255, 0.87); + background-color: rgba(255, 255, 255, 0.1); +} +menu menuitem:disabled, +.menu menuitem:disabled { + color: rgba(255, 255, 255, 0.42); +} +menu menuitem arrow, +.menu menuitem arrow { + min-height: 16px; + min-width: 16px; +} +menu menuitem arrow:dir(ltr), +.menu menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-left: 10px; +} +menu menuitem arrow:dir(rtl), +.menu menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-right: 10px; +} +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, +.menu > arrow { + border-color: transparent; + background-color: transparent; + background-image: none; + min-width: 16px; + min-height: 16px; + padding: 4px; + background-color: #383838; + border-radius: 0; +} +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-bottom: 1px solid rgba(79, 79, 79, 0.987); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} +menu > arrow.bottom, +.menu > arrow.bottom { + margin-bottom: -6px; + border-top: 1px solid rgba(79, 79, 79, 0.987); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(79, 79, 79, 0.987); +} +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} .csd .popup { - border-radius: 2px; } + border-radius: 2px; +} popover, popover.background { padding: 2px; border-radius: 3px; background-clip: border-box; - background-color: #ffffff; - box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.07); } - .csd popover, popover, .csd popover.background, - popover.background { - border: 1px solid #bababa; } - popover separator, - popover.background separator { - background-color: #ffffff; } - popover label.separator, - popover.background label.separator { - color: rgba(0, 0, 0, 0.87); } - 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 { - border-style: none; - background-color: transparent; } - + background-color: #383838; + box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.35); +} +.csd popover, popover, +.csd popover.background, +popover.background { + border: 1px solid #1c1c1c; +} +popover separator, +popover.background separator { + background-color: #383838; +} +popover label.separator, +popover.background label.separator { + color: rgba(255, 255, 255, 0.87); +} +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 { + 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"); } + 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 #c7c7c7; } - notebook.frame > header { - margin: -1px; } - notebook.frame > header.top { - margin-bottom: 0; } - notebook.frame > header.bottom { - margin-top: 0; } - notebook.frame > header.left { - margin-right: 0; } - notebook.frame > header.right { - margin-left: 0; } - notebook.frame > header.top, notebook.frame > header.bottom { - padding-left: 0; - padding-right: 0; } - notebook.frame > header.left, notebook.frame > header.right { - padding-top: 0; - padding-bottom: 0; } - notebook > stack:not(:only-child) { - background-color: #ffffff; } - notebook > header { - padding: 2px; - background-color: #f5f5f5; - /* button in headers */ } - notebook > header.top { - box-shadow: inset 0 -1px #c7c7c7; } - notebook > header.bottom { - box-shadow: inset 0 1px #c7c7c7; } - notebook > header.right { - box-shadow: inset 1px 0 #c7c7c7; } - notebook > header.left { - box-shadow: inset -1px 0 #c7c7c7; } - notebook > header.top { - padding-bottom: 0; } - notebook > header.top > tabs > tab { - padding: 2px 10px; - min-width: 20px; - min-height: 20px; - outline-offset: -4px; - border: 1px solid transparent; - border-bottom: none; - border-radius: 1px 1px 0 0; } - notebook > header.top > tabs > tab + tab { - margin-left: -1px; } - notebook > header.bottom { - padding-top: 0; } - notebook > header.bottom > tabs > tab { - padding: 2px 10px; - min-width: 20px; - min-height: 20px; - outline-offset: -4px; - border: 1px solid transparent; - border-top: none; - border-radius: 0 0 1px 1px; } - notebook > header.bottom > tabs > tab + tab { - margin-left: -1px; } - notebook > header.right { - padding-left: 0; } - notebook > header.right > tabs > tab { - padding: 2px 10px; - min-width: 20px; - min-height: 20px; - outline-offset: -4px; - border: 1px solid transparent; - border-left: none; - border-radius: 0 1px 1px 0; } - notebook > header.right > tabs > tab + tab { - margin-top: -1px; } - notebook > header.left { - padding-right: 0; } - notebook > header.left > tabs > tab { - padding: 2px 10px; - min-width: 20px; - min-height: 20px; - outline-offset: -4px; - border: 1px solid transparent; - border-right: none; - border-radius: 1px 0 0 1px; } - 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(0, 0, 0, 0.42); } - notebook > header > tabs > arrow:hover { - color: rgba(0, 0, 0, 0.645); } - notebook > header > tabs > arrow:active { - color: rgba(0, 0, 0, 0.87); } - notebook > header > tabs > arrow:disabled { - color: rgba(0, 0, 0, 0.12); } - notebook > header.top > tabs > tab:hover:not(:checked) { - box-shadow: inset 0 -1px #c7c7c7; } - notebook > header.bottom > tabs > tab:hover:not(:checked) { - box-shadow: inset 0 1px #c7c7c7; } - notebook > header.left > tabs > tab:hover:not(:checked) { - box-shadow: inset -1px 0 #c7c7c7; } - notebook > header.right > tabs > tab:hover:not(:checked) { - box-shadow: inset 1px 0 #c7c7c7; } - notebook > header > tabs > tab { - color: rgba(0, 0, 0, 0.42); - background-color: rgba(255, 255, 255, 0); } - notebook > header > tabs > tab:hover:not(:checked) { - color: rgba(0, 0, 0, 0.645); - background-color: rgba(255, 255, 255, 0.5); - border-color: #c7c7c7; } - notebook > header > tabs > tab:checked { - color: rgba(0, 0, 0, 0.87); - background-color: #ffffff; - border-color: #c7c7c7; } - notebook > header > tabs > tab button.flat { - min-height: 22px; - min-width: 16px; - padding: 0; - color: rgba(101, 101, 101, 0.9155); } - notebook > header > tabs > tab button.flat:hover { - color: #ff4d4d; } - notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.flat:active:hover { - color: #92b372; } - notebook > header button.flat { - padding: 2px; } + padding: 0; +} +notebook.frame { + border: 1px solid #292929; +} +notebook.frame > header { + margin: -1px; +} +notebook.frame > header.top { + margin-bottom: 0; +} +notebook.frame > header.bottom { + margin-top: 0; +} +notebook.frame > header.left { + margin-right: 0; +} +notebook.frame > header.right { + margin-left: 0; +} +notebook.frame > header.top, notebook.frame > header.bottom { + padding-left: 0; + padding-right: 0; +} +notebook.frame > header.left, notebook.frame > header.right { + padding-top: 0; + padding-bottom: 0; +} +notebook > stack:not(:only-child) { + background-color: #404040; +} +notebook > header { + padding: 2px; + background-color: #383838; + /* button in headers */ +} +notebook > header.top { + box-shadow: inset 0 -1px #292929; +} +notebook > header.bottom { + box-shadow: inset 0 1px #292929; +} +notebook > header.right { + box-shadow: inset 1px 0 #292929; +} +notebook > header.left { + box-shadow: inset -1px 0 #292929; +} +notebook > header.top { + padding-bottom: 0; +} +notebook > header.top > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + outline-offset: -4px; + border: 1px solid transparent; + border-bottom: none; + border-radius: 1px 1px 0 0; +} +notebook > header.top > tabs > tab + tab { + margin-left: -1px; +} +notebook > header.bottom { + padding-top: 0; +} +notebook > header.bottom > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + outline-offset: -4px; + border: 1px solid transparent; + border-top: none; + border-radius: 0 0 1px 1px; +} +notebook > header.bottom > tabs > tab + tab { + margin-left: -1px; +} +notebook > header.right { + padding-left: 0; +} +notebook > header.right > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + outline-offset: -4px; + border: 1px solid transparent; + border-left: none; + border-radius: 0 1px 1px 0; +} +notebook > header.right > tabs > tab + tab { + margin-top: -1px; +} +notebook > header.left { + padding-right: 0; +} +notebook > header.left > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + outline-offset: -4px; + border: 1px solid transparent; + border-right: none; + border-radius: 1px 0 0 1px; +} +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(255, 255, 255, 0.42); +} +notebook > header > tabs > arrow:hover { + color: rgba(255, 255, 255, 0.645); +} +notebook > header > tabs > arrow:active { + color: rgba(255, 255, 255, 0.87); +} +notebook > header > tabs > arrow:disabled { + color: rgba(255, 255, 255, 0.12); +} +notebook > header.top > tabs > tab:hover:not(:checked) { + box-shadow: inset 0 -1px #292929; +} +notebook > header.bottom > tabs > tab:hover:not(:checked) { + box-shadow: inset 0 1px #292929; +} +notebook > header.left > tabs > tab:hover:not(:checked) { + box-shadow: inset -1px 0 #292929; +} +notebook > header.right > tabs > tab:hover:not(:checked) { + box-shadow: inset 1px 0 #292929; +} +notebook > header > tabs > tab { + color: rgba(255, 255, 255, 0.42); + background-color: rgba(64, 64, 64, 0); +} +notebook > header > tabs > tab:hover:not(:checked) { + color: rgba(255, 255, 255, 0.645); + background-color: rgba(64, 64, 64, 0.5); + border-color: #292929; +} +notebook > header > tabs > tab:checked { + color: rgba(255, 255, 255, 0.87); + background-color: #404040; + border-color: #292929; +} +notebook > header > tabs > tab button.flat { + min-height: 22px; + min-width: 16px; + padding: 0; + color: rgba(173, 173, 173, 0.9155); +} +notebook > header > tabs > tab button.flat:hover { + color: #ff4d4d; +} +notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.flat:active:hover { + color: #8fa876; +} +notebook > header button.flat { + padding: 2px; +} scrollbar { - background-color: #fcfcfc; - transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - * { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; } - scrollbar.top { - border-bottom: 1px solid #c7c7c7; } - scrollbar.bottom { - border-top: 1px solid #c7c7c7; } - scrollbar.left { - border-right: 1px solid #c7c7c7; } - scrollbar.right { - border-left: 1px solid #c7c7c7; } - scrollbar button { - border: none; } - scrollbar slider { - min-width: 6px; - min-height: 6px; - margin: -1px; - border: 4px solid transparent; - border-radius: 8px; - background-clip: padding-box; - background-color: rgba(162, 162, 162, 0.948); } - scrollbar slider:hover { - background-color: rgba(184, 184, 184, 0.961); } - scrollbar slider:hover:active { - background-color: #92b372; } - 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: rgba(88, 88, 88, 0.909); - border: 1px solid rgba(255, 255, 255, 0.6); } - scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { - margin: 2px 0; - min-height: 40px; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { - margin: 0 2px; - min-width: 40px; } - scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - opacity: 0.99; } - scrollbar.horizontal slider { - min-width: 40px; } - scrollbar.vertical slider { - min-height: 40px; } + background-color: #3d3d3d; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar.top { + border-bottom: 1px solid #292929; +} +scrollbar.bottom { + border-top: 1px solid #292929; +} +scrollbar.left { + border-right: 1px solid #292929; +} +scrollbar.right { + border-left: 1px solid #292929; +} +scrollbar button { + border: none; +} +scrollbar slider { + min-width: 6px; + min-height: 6px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: rgba(123, 123, 123, 0.948); +} +scrollbar slider:hover { + background-color: rgba(105, 105, 105, 0.961); +} +scrollbar slider:hover:active { + background-color: #8fa876; +} +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: rgba(184, 184, 184, 0.909); + border: 1px solid rgba(0, 0, 0, 0.3); +} +scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + margin: 2px 0; + min-height: 40px; +} +scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + margin: 0 2px; + min-width: 40px; +} +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} +scrollbar.horizontal slider { + min-width: 40px; +} +scrollbar.vertical slider { + min-height: 40px; +} switch { font-size: 1px; @@ -1813,510 +2131,622 @@ switch { min-height: 24px; background-size: 52px 24px; background-repeat: no-repeat; - background-position: center center; } - switch slider { - min-width: 1px; - min-height: 1px; } - switch, switch slider { - outline-color: transparent; - color: transparent; - border: none; - box-shadow: none; } + background-position: center center; +} +switch slider { + min-width: 1px; + min-height: 1px; +} +switch, switch slider { + outline-color: transparent; + color: transparent; + border: none; + box-shadow: none; +} switch { - background-image: -gtk-scaled(url("assets/switch.png"), url("assets/switch@2.png")); } + background-image: -gtk-scaled(url("assets/switch-dark.png"), url("assets/switch-dark@2.png")); +} menuitem:hover switch, row:selected switch, infobar switch { - background-image: -gtk-scaled(url("assets/switch-selected.png"), url("assets/switch-selected@2.png")); } + background-image: -gtk-scaled(url("assets/switch-selected.png"), url("assets/switch-selected@2.png")); +} headerbar switch, .primary-toolbar switch, .primary-toolbar toolbar switch { - background-image: -gtk-scaled(url("assets/switch-header.png"), url("assets/switch-header@2.png")); } + background-image: -gtk-scaled(url("assets/switch-header-dark.png"), url("assets/switch-header-dark@2.png")); +} switch:checked { - background-image: -gtk-scaled(url("assets/switch-active.png"), url("assets/switch-active@2.png")); } + background-image: -gtk-scaled(url("assets/switch-active-dark.png"), url("assets/switch-active-dark@2.png")); +} menuitem:hover switch:checked, row:selected switch:checked, infobar switch:checked { - background-image: -gtk-scaled(url("assets/switch-active-selected.png"), url("assets/switch-active-selected@2.png")); } + background-image: -gtk-scaled(url("assets/switch-active-selected.png"), url("assets/switch-active-selected@2.png")); +} headerbar switch:checked, .primary-toolbar switch:checked, .primary-toolbar toolbar switch:checked { - background-image: -gtk-scaled(url("assets/switch-active-header.png"), url("assets/switch-active-header@2.png")); } + background-image: -gtk-scaled(url("assets/switch-active-header-dark.png"), url("assets/switch-active-header-dark@2.png")); +} switch:disabled { - background-image: -gtk-scaled(url("assets/switch-insensitive.png"), url("assets/switch-insensitive@2.png")); } + background-image: -gtk-scaled(url("assets/switch-insensitive-dark.png"), url("assets/switch-insensitive-dark@2.png")); +} menuitem:hover switch:disabled, row:selected switch:disabled, infobar switch:disabled { - background-image: -gtk-scaled(url("assets/switch-insensitive-selected.png"), url("assets/switch-insensitive-selected@2.png")); } + background-image: -gtk-scaled(url("assets/switch-insensitive-selected.png"), url("assets/switch-insensitive-selected@2.png")); +} headerbar switch:disabled, .primary-toolbar switch:disabled, .primary-toolbar toolbar switch:disabled { - background-image: -gtk-scaled(url("assets/switch-insensitive-header.png"), url("assets/switch-insensitive-header@2.png")); } + background-image: -gtk-scaled(url("assets/switch-insensitive-header-dark.png"), url("assets/switch-insensitive-header-dark@2.png")); +} switch:checked:disabled { - background-image: -gtk-scaled(url("assets/switch-active-insensitive.png"), url("assets/switch-active-insensitive@2.png")); } + background-image: -gtk-scaled(url("assets/switch-active-insensitive-dark.png"), url("assets/switch-active-insensitive-dark@2.png")); +} menuitem:hover switch:checked:disabled, row:selected switch:checked:disabled, infobar switch:checked:disabled { - background-image: -gtk-scaled(url("assets/switch-active-insensitive-selected.png"), url("assets/switch-active-insensitive-selected@2.png")); } + background-image: -gtk-scaled(url("assets/switch-active-insensitive-selected.png"), url("assets/switch-active-insensitive-selected@2.png")); +} headerbar switch:checked:disabled, .primary-toolbar switch:checked:disabled, .primary-toolbar toolbar switch:checked:disabled { - background-image: -gtk-scaled(url("assets/switch-active-insensitive-header.png"), url("assets/switch-active-insensitive-header@2.png")); } + background-image: -gtk-scaled(url("assets/switch-active-insensitive-header-dark.png"), url("assets/switch-active-insensitive-header-dark@2.png")); +} .check, check, treeview.check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} .osd check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} .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")); } + -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")); } + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} .osd check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} .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")); } + -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")); } + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} .osd check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} .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")); } + -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")); } + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} .osd check:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} .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")); } + -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")); } + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} .osd check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} .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")); } + -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")); } + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} .osd check:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} .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")); } + -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")); } + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} .osd radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} .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")); } + -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")); } + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} .osd radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} .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")); } + -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")); } + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} .osd radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} .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")); } + -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")); } + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} .osd radio:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} .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")); } + -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")); } + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} .osd radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} .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")); } + -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")); } + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} .osd radio:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} .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")); } + -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; } + -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.png"), url("assets/checkbox-checked-selectionmode@2.png")); - background-color: transparent; } + -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; } - + outline-offset: 0; +} checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { - margin-left: 4px; } - + margin-left: 4px; +} checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { - margin-right: 4px; } + 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; } + 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 slider { - background-clip: border-box; - background-color: #fafafa; - border: 1px solid rgba(135, 135, 135, 0.5); - border-radius: 50%; - box-shadow: none; } - scale slider:disabled { - background-color: #fbfbfb; - border-color: rgba(135, 135, 135, 0.3); } - scale slider:active { - background-color: #92b372; - border-color: #92b372; } - .osd scale slider { - background-color: #404040; - border-color: #92b372; } - .osd scale slider:hover { - background-color: #92b372; } - .osd scale slider:active { - background-color: #789d55; - border-color: #789d55; } - menuitem:hover scale slider, row:selected scale slider, infobar scale slider { - background-color: #ffffff; - border-color: #ffffff; } - menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #eff4ea; - border-color: #eff4ea; } - menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #c9d9b9; - border-color: #c9d9b9; } - menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #ceddc0; - border-color: #ceddc0; } - scale trough { - outline-offset: 2px; - -gtk-outline-radius: 4.5px; - border-radius: 2.5px; - background-color: #c7c7c7; } - scale trough:disabled { - background-color: rgba(199, 199, 199, 0.55); } - .osd scale trough { - background-color: #525252; - outline-color: rgba(219, 219, 219, 0.2); } - .osd scale trough highlight { - background-color: #92b372; } - menuitem:hover scale trough row:selected scale trough, infobar scale trough { - background-color: rgba(0, 0, 0, 0.2); } - menuitem:hover scale trough row:selected scale trough highlight, infobar scale trough highlight { - background-color: #ffffff; } - menuitem:hover scale trough row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #ceddc0; } - menuitem:hover scale trough row:selected scale trough:disabled, infobar scale trough:disabled { - background-color: rgba(0, 0, 0, 0.1); } - scale highlight { - border-radius: 2.5px; - background-color: #92b372; } - scale highlight:disabled { - background-color: rgba(146, 179, 114, 0.55); } - scale fill { - border-radius: 2.5px; - background-color: rgba(146, 179, 114, 0.5); } - scale fill:disabled { - background-color: transparent; } - 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; } + 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 slider { + background-clip: border-box; + background-color: #454545; + border: 1px solid #242424; + border-radius: 50%; + box-shadow: none; +} +scale slider:disabled { + background-color: #3c3c3c; + border-color: rgba(36, 36, 36, 0.8); +} +scale slider:active { + background-color: #8fa876; + border-color: #8fa876; +} +.osd scale slider { + background-color: #353535; + border-color: #8fa876; +} +.osd scale slider:hover { + background-color: #8fa876; +} +.osd scale slider:active { + background-color: #76905b; + border-color: #76905b; +} +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-color: #ffffff; + border-color: #ffffff; +} +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #eef2ea; + border-color: #eef2ea; +} +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #c7d4bb; + border-color: #c7d4bb; +} +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #cdd8c1; + border-color: #cdd8c1; +} +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 4.5px; + border-radius: 2.5px; + background-color: #2b2b2b; +} +scale trough:disabled { + background-color: rgba(43, 43, 43, 0.55); +} +.osd scale trough { + background-color: #474747; + outline-color: rgba(219, 219, 219, 0.2); +} +.osd scale trough highlight { + background-color: #8fa876; +} +menuitem:hover scale trough row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} +menuitem:hover scale trough row:selected scale trough highlight, infobar scale trough highlight { + background-color: #ffffff; +} +menuitem:hover scale trough row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #cdd8c1; +} +menuitem:hover scale trough row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} +scale highlight { + border-radius: 2.5px; + background-color: #8fa876; +} +scale highlight:disabled { + background-color: rgba(143, 168, 118, 0.55); +} +scale fill { + border-radius: 2.5px; + background-color: rgba(143, 168, 118, 0.5); +} +scale fill:disabled { + background-color: transparent; +} +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; +} progressbar { padding: 0; font-size: smaller; - color: rgba(0, 0, 0, 0.57); } - 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: #92b372; - border-radius: 0px; - box-shadow: none; } - row:selected progressbar progress, infobar progressbar progress { - background-color: #ffffff; } - progressbar trough { - border: 1px solid #c7c7c7; - border-radius: 2px; - background-color: #ffffff; } - row:selected progressbar trough, infobar progressbar trough { - background-color: rgba(0, 0, 0, 0.2); } + color: rgba(255, 255, 255, 0.57); +} +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: #8fa876; + border-radius: 0px; + box-shadow: none; +} +row:selected progressbar progress, infobar progressbar progress { + background-color: #ffffff; +} +progressbar trough { + border: 1px solid #292929; + border-radius: 2px; + background-color: #2b2b2b; +} +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} .osd .progressbar { - background-color: #92b372; } - + background-color: #8fa876; +} .osd .trough { - background-color: white; } + background-color: #f4f4f4; +} levelbar block { min-width: 32px; - min-height: 1px; } - + min-height: 1px; +} levelbar.vertical block { min-width: 1px; - min-height: 32px; } - + min-height: 32px; +} levelbar trough { border: none; padding: 3px; border-radius: 3px; - background-color: #c7c7c7; } - + background-color: #2b2b2b; +} levelbar.horizontal.discrete block { - margin: 0 1px; } - + margin: 0 1px; +} levelbar.vertical.discrete block { - margin: 1px 0; } - + margin: 1px 0; +} levelbar block:not(.empty) { - border: 1px solid #92b372; - background-color: #92b372; - border-radius: 2px; } - + border: 1px solid #8fa876; + background-color: #8fa876; + border-radius: 2px; +} levelbar block.low { border-color: #f27835; - background-color: #f27835; } - + background-color: #f27835; +} levelbar block.high { - border-color: #92b372; - background-color: #92b372; } - + border-color: #8fa876; + background-color: #8fa876; +} levelbar block.full { border-color: #73d216; - background-color: #73d216; } - + background-color: #73d216; +} levelbar block.empty { - background-color: rgba(0, 0, 0, 0.07); - border-color: rgba(0, 0, 0, 0.07); } + background-color: #404040; + border-color: #404040; +} frame > border, .frame { margin: 0; padding: 0; border-radius: 0; - border: 1px solid #c7c7c7; } + border: 1px solid #292929; +} frame.flat > border, frame > border.flat, .frame.flat { - border-style: none; } + border-style: none; +} scrolledwindow viewport.frame { - border-style: none; } - + border-style: none; +} scrolledwindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(146, 179, 114, 0.2)), to(rgba(146, 179, 114, 0))); + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(143, 168, 118, 0.2)), to(rgba(143, 168, 118, 0))); background-size: 100% 60%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; - box-shadow: none; } - + box-shadow: none; +} scrolledwindow overshoot.bottom { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(146, 179, 114, 0.2)), to(rgba(146, 179, 114, 0))); + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(143, 168, 118, 0.2)), to(rgba(143, 168, 118, 0))); background-size: 100% 60%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; - box-shadow: none; } - + box-shadow: none; +} scrolledwindow overshoot.left { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(146, 179, 114, 0.2)), to(rgba(146, 179, 114, 0))); + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(143, 168, 118, 0.2)), to(rgba(143, 168, 118, 0))); background-size: 60% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; - box-shadow: none; } - + box-shadow: none; +} scrolledwindow overshoot.right { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(146, 179, 114, 0.2)), to(rgba(146, 179, 114, 0))); + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(143, 168, 118, 0.2)), to(rgba(143, 168, 118, 0))); background-size: 60% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; - box-shadow: 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%); @@ -2324,8 +2754,8 @@ scrolledwindow undershoot.top { background-size: 10px 1px; background-repeat: repeat-x; background-origin: content-box; - background-position: center top; } - + background-position: center top; +} 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%); @@ -2333,8 +2763,8 @@ scrolledwindow undershoot.bottom { background-size: 10px 1px; background-repeat: repeat-x; background-origin: content-box; - background-position: center bottom; } - + background-position: center bottom; +} 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%); @@ -2342,8 +2772,8 @@ scrolledwindow undershoot.left { background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; - background-position: left center; } - + background-position: left center; +} 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%); @@ -2351,244 +2781,308 @@ scrolledwindow undershoot.right { background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; - background-position: right center; } - + background-position: right center; +} scrolledwindow junction { border-color: transparent; - border-image: linear-gradient(to bottom, #c7c7c7 1px, transparent 1px) 0 0 0 1/0 1px stretch; - background-color: #fcfcfc; } - scrolledwindow junction:dir(rtl) { - border-image-slice: 0 1 0 0; } + border-image: linear-gradient(to bottom, #292929 1px, transparent 1px) 0 0 0 1/0 1px stretch; + background-color: #3d3d3d; +} +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; } + min-height: 1px; +} list { - background-color: #ffffff; - border-color: #c7c7c7; } - list row { - padding: 2px; } + background-color: #404040; + border-color: #292929; +} +list row { + padding: 2px; +} row:not(:hover) { - transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - + transition: all 150ms 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.03); } - + background-color: rgba(255, 255, 255, 0.05); +} row.activatable:active { - color: rgba(0, 0, 0, 0.87); } - + color: rgba(255, 255, 255, 0.87); +} row.activatable:disabled { - color: rgba(0, 0, 0, 0.42); } - row.activatable:disabled image { - color: inherit; } - + color: rgba(255, 255, 255, 0.42); +} +row.activatable:disabled image { + color: inherit; +} row.activatable:selected:active { - color: #ffffff; } - + color: #ffffff; +} row.activatable:selected.has-open-popup, row.activatable:selected:hover { - background-color: #83a167; } + background-color: #81976a; +} .app-notification { padding: 10px; color: #dbdbdb; - background-color: #404040; + background-color: #353535; background-clip: border-box; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; - border-color: #272727; } - .app-notification border { - border: none; } - .app-notification button { - color: #dbdbdb; - outline-color: rgba(219, 219, 219, 0.3); - border-color: rgba(33, 33, 33, 0.4); - background-color: rgba(120, 120, 120, 0.4); } - .app-notification button.flat { - border-color: rgba(146, 179, 114, 0); } - .app-notification button:hover { - color: #dbdbdb; - outline-color: rgba(219, 219, 219, 0.3); - border-color: rgba(33, 33, 33, 0.4); - background-color: rgba(138, 138, 138, 0.5); } - .app-notification button:active, .app-notification button:checked { - color: #dbdbdb; - outline-color: rgba(219, 219, 219, 0.3); - border-color: rgba(33, 33, 33, 0.4); - background-color: rgba(0, 0, 0, 0.15); - background-clip: padding-box; } - .app-notification button:disabled { - color: #6f6f6f; - border-color: rgba(33, 33, 33, 0.4); - background-color: rgba(120, 120, 120, 0.25); } + border-color: #1c1c1c; +} +.app-notification border { + border: none; +} +.app-notification button { + color: #dbdbdb; + outline-color: rgba(219, 219, 219, 0.3); + border-color: rgba(22, 22, 22, 0.4); + background-color: rgba(109, 109, 109, 0.4); +} +.app-notification button.flat { + border-color: rgba(143, 168, 118, 0); +} +.app-notification button:hover { + color: #dbdbdb; + outline-color: rgba(219, 219, 219, 0.3); + border-color: rgba(22, 22, 22, 0.4); + background-color: rgba(127, 127, 127, 0.5); +} +.app-notification button:active, .app-notification button:checked { + color: #dbdbdb; + outline-color: rgba(219, 219, 219, 0.3); + border-color: rgba(22, 22, 22, 0.4); + background-color: rgba(0, 0, 0, 0.15); + background-clip: padding-box; +} +.app-notification button:disabled { + color: #676767; + border-color: rgba(22, 22, 22, 0.4); + background-color: rgba(109, 109, 109, 0.25); +} 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: rgba(77, 77, 77, 0.87); } - expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + -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: rgba(255, 255, 255, 0.87); +} +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} calendar { - color: rgba(0, 0, 0, 0.87); - border: 1px solid #c7c7c7; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #292929; border-radius: 3px; - padding: 2px; } - calendar:selected { - background-color: #92b372; - color: #ffffff; - border-radius: 1.5px; } - calendar.header { - color: rgba(0, 0, 0, 0.87); - border: none; - border-radius: 0; } - calendar.button, calendar.button:focus { - color: rgba(0, 0, 0, 0.32); - border-color: transparent; - background-color: transparent; - background-image: none; } - calendar.button:hover, calendar.button:focus:hover { - color: rgba(0, 0, 0, 0.87); } - calendar.button:disabled, calendar.button:focus:disabled { - color: rgba(0, 0, 0, 0.42); - background-color: transparent; - background-image: none; } - calendar:indeterminate { - color: alpha(currentColor,0.55); } - calendar.highlight { - color: rgba(0, 0, 0, 0.87); } + padding: 2px; +} +calendar:selected { + background-color: #8fa876; + color: #ffffff; + border-radius: 1.5px; +} +calendar.header { + color: rgba(255, 255, 255, 0.87); + border: none; + border-radius: 0; +} +calendar.button, calendar.button:focus { + color: rgba(255, 255, 255, 0.32); + border-color: transparent; + background-color: transparent; + background-image: none; +} +calendar.button:hover, calendar.button:focus:hover { + color: rgba(255, 255, 255, 0.87); +} +calendar.button:disabled, calendar.button:focus:disabled { + color: rgba(255, 255, 255, 0.42); + background-color: transparent; + background-image: none; +} +calendar:indeterminate { + color: alpha(currentColor,0.55); +} +calendar.highlight { + color: rgba(255, 255, 255, 0.87); +} .dialog-action-area .button.text-button { - padding: 6px 16px; } + padding: 6px 16px; +} .message-dialog .dialog-action-area .button { - padding: 8px; } + padding: 8px; +} .message-dialog { - -GtkDialog-button-spacing: 0; } - .message-dialog .titlebar { - background-color: #e8e8e8; - border-bottom: 1px solid #d6d6d6; } - .message-dialog.csd.background { - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border: none; } - .message-dialog.csd .dialog-action-area .button { - padding: 8px; - border-radius: 0; } - .message-dialog.csd .dialog-action-area .button, .message-dialog.csd .dialog-action-area .button:hover, .message-dialog.csd .dialog-action-area .button:active, .message-dialog.csd .dialog-action-area .button:disabled { - border-right-style: none; - border-bottom-style: none; } - .message-dialog.csd .dialog-action-area .button:last-child { - border-bottom-right-radius: 3px; } - .message-dialog.csd .dialog-action-area .button:first-child { - border-left-style: none; - border-bottom-left-radius: 3px; } + -GtkDialog-button-spacing: 0; +} +.message-dialog .titlebar { + background-color: #2b2b2b; + border-bottom: 1px solid #191919; +} +.message-dialog.csd.background { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: none; +} +.message-dialog.csd .dialog-action-area .button { + padding: 8px; + border-radius: 0; +} +.message-dialog.csd .dialog-action-area .button, .message-dialog.csd .dialog-action-area .button:hover, .message-dialog.csd .dialog-action-area .button:active, .message-dialog.csd .dialog-action-area .button:disabled { + border-right-style: none; + border-bottom-style: none; +} +.message-dialog.csd .dialog-action-area .button:last-child { + border-bottom-right-radius: 3px; +} +.message-dialog.csd .dialog-action-area .button:first-child { + border-left-style: none; + border-bottom-left-radius: 3px; +} filechooser #pathbarbox { - background-color: #e8e8e8; - border-bottom: 1px solid #c7c7c7; } - + background-color: #2b2b2b; + border-bottom: 1px solid #292929; +} filechooser .search-bar { - background-color: #e8e8e8; } - + background-color: #2b2b2b; +} filechooser actionbar { - background-color: #f5f5f5; } + background-color: #383838; +} filechooserbutton:drop(active) { box-shadow: none; - border-color: transparent; } + border-color: transparent; +} .sidebar { border-style: none; - background-color: #fafafa; } - stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { - border-right: 1px solid #c7c7c7; - border-left-style: none; } - stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { - border-left: 1px solid #c7c7c7; - border-right-style: none; } - .sidebar list { - background-color: #ffffff; } - paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { - border-style: none; } + background-color: #3d3d3d; +} +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 #292929; + border-left-style: none; +} + +stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid #292929; + border-right-style: none; +} + +.sidebar list { + background-color: #404040; +} +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: 10px 4px; } - stacksidebar row > label { - padding-left: 6px; - padding-right: 6px; } - stacksidebar row.needs-attention { - background-image: radial-gradient(circle closest-side at 5% 25%, #F04A50 0%, #F04A50 100%, transparent 100%); - background-size: 70px; - background-position: 4px; - background-repeat: no-repeat; } - stacksidebar row.activatable:selected.needs-attention { - background-image: radial-gradient(circle closest-side at 5% 25%, #ffffff 0%, #ffffff 100%, transparent 100%); - background-size: 70px; - background-position: 4px; - background-repeat: no-repeat; } + padding: 10px 4px; +} +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} +stacksidebar row.needs-attention { + background-image: radial-gradient(circle closest-side at 5% 25%, #F04A50 0%, #F04A50 100%, transparent 100%); + background-size: 70px; + background-position: 4px; + background-repeat: no-repeat; +} +stacksidebar row.activatable:selected.needs-attention { + background-image: radial-gradient(circle closest-side at 5% 25%, #ffffff 0%, #ffffff 100%, transparent 100%); + background-size: 70px; + background-position: 4px; + background-repeat: no-repeat; +} placessidebar > viewport.frame { - border-style: none; } - + border-style: none; +} placessidebar row { min-height: 30px; - padding: 0px; } - 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, #92b372, #92b372); - background-clip: content-box; } - placessidebar row.sidebar-new-bookmark-row { - color: #92b372; } - placessidebar row:drop(active):not(:disabled) { - box-shadow: inset 0 1px #92b372, inset 0 -1px #92b372; } - placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { - color: #92b372; } - placessidebar row:drop(active):not(:disabled):selected { - background-color: #92b372; } - placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { - color: #ffffff; } + padding: 0px; +} +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, #8fa876, #8fa876); + background-clip: content-box; +} +placessidebar row.sidebar-new-bookmark-row { + color: #8fa876; +} +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #8fa876, inset 0 -1px #8fa876; +} +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #8fa876; +} +placessidebar row:drop(active):not(:disabled):selected { + background-color: #8fa876; +} +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #ffffff; +} placesview .server-list-button > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - -gtk-icon-transform: rotate(0turn); } - + -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); } - + -gtk-icon-transform: rotate(-0.5turn); +} placesview > actionbar > revealer > box > label { padding-left: 8px; - padding-right: 8px; } + padding-right: 8px; +} paned > separator { min-width: 1px; @@ -2596,208 +3090,248 @@ paned > separator { -gtk-icon-source: none; border-style: none; background-color: transparent; - background-image: linear-gradient(to bottom, #c7c7c7, #c7c7c7); - background-size: 1px 1px; } - paned > separator:selected { - background-image: linear-gradient(to bottom, #92b372, #92b372); } - paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: transparent; } - + background-image: linear-gradient(to bottom, #292929, #292929); + background-size: 1px 1px; +} +paned > separator:selected { + background-image: linear-gradient(to bottom, #8fa876, #8fa876); +} +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: transparent; +} paned.horizontal > separator { background-repeat: repeat-y; margin: 0 -3px 0 -3px; padding: 0 3px 0 3px; - background-position: center; } - paned.horizontal > separator.wide { - margin: 0; - padding: 0; - background-repeat: no-repeat; - background-position: center; - background-image: -gtk-scaled(url("assets/pane-separator-vertical.png"), url("assets/pane-separator-vertical@2.png")); - background-size: 2px 24px; } - + background-position: center; +} +paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: no-repeat; + background-position: center; + background-image: -gtk-scaled(url("assets/pane-separator-vertical.png"), url("assets/pane-separator-vertical@2.png")); + background-size: 2px 24px; +} paned.vertical > separator { margin: -3px 0 -3px 0; padding: 3px 0 3px 0; background-repeat: repeat-x; - background-position: center; } - paned.vertical > separator.wide { - margin: 0; - padding: 0; - background-repeat: no-repeat; - background-position: center; - background-image: -gtk-scaled(url("assets/pane-separator.png"), url("assets/pane-separator@2.png")); - background-size: 24px 2px; } + background-position: center; +} +paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: no-repeat; + background-position: center; + background-image: -gtk-scaled(url("assets/pane-separator.png"), url("assets/pane-separator@2.png")); + background-size: 24px 2px; +} infobar { - border-style: none; } - infobar.info, infobar.question, infobar.warning, infobar.error { - background-color: #92b372; - color: #ffffff; - caret-color: currentColor; } - infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { - color: #92b372; - background-color: #ffffff; } - infobar.info:disabled label, infobar.info:disabled image, infobar.question:disabled label, infobar.question:disabled image, infobar.warning:disabled label, infobar.warning:disabled image, infobar.error:disabled label, infobar.error:disabled image { - color: rgba(255, 255, 255, 0.5); } - infobar.warning { - background-color: #f27835; } - infobar.error { - background-color: #F04A50; } - infobar.question { - background-color: #55c1ec; } + border-style: none; +} +infobar.info, infobar.question, infobar.warning, infobar.error { + background-color: #8fa876; + color: #ffffff; + caret-color: currentColor; +} +infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { + color: #8fa876; + background-color: #ffffff; +} +infobar.info:disabled label, infobar.info:disabled image, infobar.question:disabled label, infobar.question:disabled image, infobar.warning:disabled label, infobar.warning:disabled image, infobar.error:disabled label, infobar.error:disabled image { + color: rgba(255, 255, 255, 0.5); +} +infobar.warning { + background-color: #f27835; +} +infobar.error { + background-color: #F04A50; +} +infobar.question { + background-color: #55c1ec; +} .primary-toolbar toolbar.selection-mode button:hover, .selection-mode.primary-toolbar button:hover, .primary-toolbar .selection-mode.inline-toolbar button:hover, headerbar.selection-mode button:hover, row:selected button, infobar.info button, infobar.question button, infobar.warning button, infobar.error button { color: #ffffff; background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); } + border-color: rgba(255, 255, 255, 0.5); +} row:selected button.flat, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; - background-color: rgba(255, 255, 255, 0); } - .primary-toolbar toolbar.selection-mode button:disabled, - .selection-mode.primary-toolbar button:disabled, .primary-toolbar .selection-mode.inline-toolbar button:disabled, headerbar.selection-mode button:disabled, .primary-toolbar toolbar.selection-mode button:disabled label, - .selection-mode.primary-toolbar button:disabled label, .primary-toolbar .selection-mode.inline-toolbar button:disabled label, headerbar.selection-mode button:disabled label, row:selected button.flat:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, row:selected button.flat:disabled label, infobar.info button.flat:disabled label, infobar.question button.flat:disabled label, infobar.warning button.flat:disabled label, infobar.error button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); } + background-color: rgba(255, 255, 255, 0); +} +.primary-toolbar toolbar.selection-mode button:disabled, +.selection-mode.primary-toolbar button:disabled, .primary-toolbar .selection-mode.inline-toolbar button:disabled, headerbar.selection-mode button:disabled, .primary-toolbar toolbar.selection-mode button:disabled label, +.selection-mode.primary-toolbar button:disabled label, .primary-toolbar .selection-mode.inline-toolbar button:disabled label, headerbar.selection-mode button:disabled label, row:selected button.flat:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, row:selected button.flat:disabled label, infobar.info button.flat:disabled label, infobar.question button.flat:disabled label, infobar.warning button.flat:disabled label, infobar.error button.flat: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 { color: #ffffff; background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.8); } - + border-color: rgba(255, 255, 255, 0.8); +} .primary-toolbar toolbar.selection-mode button:active, .selection-mode.primary-toolbar button:active, .primary-toolbar .selection-mode.inline-toolbar button:active, headerbar.selection-mode button:active, .primary-toolbar toolbar.selection-mode button:checked, .selection-mode.primary-toolbar button:checked, .primary-toolbar .selection-mode.inline-toolbar button:checked, headerbar.selection-mode button:checked, row:selected button:active, infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active, row:selected button:checked, infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked { - color: #92b372; + color: #8fa876; background-color: #ffffff; - border-color: #ffffff; } + border-color: #ffffff; +} row:selected button:disabled, infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error 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, 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 { - color: rgba(255, 255, 255, 0.5); } - .primary-toolbar toolbar.selection-mode button:disabled:checked, - .selection-mode.primary-toolbar button:disabled:checked, .primary-toolbar .selection-mode.inline-toolbar button:disabled:checked, headerbar.selection-mode button:disabled:checked, .primary-toolbar toolbar.selection-mode button:disabled:active, - .selection-mode.primary-toolbar button:disabled:active, .primary-toolbar .selection-mode.inline-toolbar button:disabled:active, headerbar.selection-mode button:disabled:active, 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, 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 { - color: #92b372; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); } + 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, 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 { + color: rgba(255, 255, 255, 0.5); +} +.primary-toolbar toolbar.selection-mode button:disabled:checked, +.selection-mode.primary-toolbar button:disabled:checked, .primary-toolbar .selection-mode.inline-toolbar button:disabled:checked, headerbar.selection-mode button:disabled:checked, .primary-toolbar toolbar.selection-mode button:disabled:active, +.selection-mode.primary-toolbar button:disabled:active, .primary-toolbar .selection-mode.inline-toolbar button:disabled:active, headerbar.selection-mode button:disabled:active, 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, 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 { + color: #8fa876; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} tooltip, .tooltip { color: #4a4a4a; border-radius: 2px; - border: 1px solid #d0d0d0; } - tooltip.background, - .tooltip.background { - background-color: #fbeaa0; - background-clip: padding-box; } - tooltip.background label, - .tooltip.background label { - padding: 4px; } - tooltip decoration, - .tooltip decoration { - background-color: transparent; } - tooltip *, - .tooltip * { - background-color: transparent; - color: #4a4a4a; } + border: 1px solid #d0d0d0; +} +tooltip.background, +.tooltip.background { + background-color: #fbeaa0; + background-clip: padding-box; +} +tooltip.background label, +.tooltip.background label { + padding: 4px; +} +tooltip decoration, +.tooltip decoration { + background-color: transparent; +} +tooltip *, +.tooltip * { + background-color: transparent; + color: #4a4a4a; +} colorswatch, colorswatch:drop(active) { - border-style: none; } - + border-style: none; +} colorswatch.top { border-top-left-radius: 3px; - border-top-right-radius: 3px; } - colorswatch.top overlay { - border-top-left-radius: 3px; - border-top-right-radius: 3px; } - + border-top-right-radius: 3px; +} +colorswatch.top overlay { + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} colorswatch.bottom { border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; } - colorswatch.bottom overlay { - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; } - + border-bottom-right-radius: 3px; +} +colorswatch.bottom overlay { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 3px; - border-bottom-left-radius: 3px; } - colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; } - + border-bottom-left-radius: 3px; +} +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 3px; - border-bottom-right-radius: 3px; } - colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; } - + border-bottom-right-radius: 3px; +} +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} colorswatch.dark overlay { - color: rgba(255, 255, 255, 0.7); } - colorswatch.dark overlay:hover { - border-color: rgba(0, 0, 0, 0.5); } - + color: rgba(255, 255, 255, 0.7); +} +colorswatch.dark overlay:hover { + border-color: #292929; +} colorswatch.light overlay { - color: rgba(0, 0, 0, 0.7); } - colorswatch.light overlay:hover { - border-color: rgba(0, 0, 0, 0.3); } - + color: rgba(0, 0, 0, 0.7); +} +colorswatch.light overlay:hover { + border-color: #292929; +} colorswatch overlay { - border: 1px solid rgba(0, 0, 0, 0.15); } - colorswatch overlay:hover { - background-color: rgba(255, 255, 255, 0.2); } - + border: 1px solid #292929; +} +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; } - + 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: rgba(0, 0, 0, 0.87); - outline-color: rgba(0, 0, 0, 0.17); - border-color: #c7c7c7; - background-color: #fafafa; } - colorswatch#add-color-button:hover { - color: rgba(0, 0, 0, 0.87); - outline-color: rgba(0, 0, 0, 0.17); - border-color: #c7c7c7; - background-color: white; } - colorswatch#add-color-button overlay { - border-color: transparent; - background-color: transparent; - background-image: none; } + color: rgba(255, 255, 255, 0.87); + outline-color: rgba(255, 255, 255, 0.17); + border-color: #292929; + background-color: #454545; +} +colorswatch#add-color-button:hover { + color: rgba(255, 255, 255, 0.87); + outline-color: rgba(255, 255, 255, 0.17); + border-color: #292929; + background-color: #525252; +} +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: 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; } + 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: 3px; } + border-radius: 3px; +} .content-view { - background-color: #ffffff; } - .content-view:hover { - -gtk-icon-effect: highlight; } - + background-color: #404040; +} +.content-view:hover { + -gtk-icon-effect: highlight; +} .scale-popup button:hover { - color: rgba(0, 0, 0, 0.87); - outline-color: rgba(0, 0, 0, 0.17); - border-color: #c7c7c7; - background-color: white; } + color: rgba(255, 255, 255, 0.87); + outline-color: rgba(255, 255, 255, 0.17); + border-color: #292929; + background-color: #525252; +} .touch-selection, .context-menu, @@ -2805,10 +3339,12 @@ popover.touch-selection, .csd popover.touch-selection, popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; } + font: initial; +} .monospace { - font-family: Monospace; } + font-family: Monospace; +} button.circular, button.circular-button, @@ -2817,57 +3353,71 @@ button.circular-button, min-height: 24px; padding: 5px; border-radius: 50%; - -gtk-outline-radius: 50%; } - button.circular label, - button.circular-button label, - .stack-switcher > button.circular label { - padding: 0; } + -gtk-outline-radius: 50%; +} +button.circular label, +button.circular-button label, +.stack-switcher > button.circular label { + padding: 0; +} .keycap { min-width: 16px; min-height: 20px; padding: 3px 6px 4px 6px; - color: rgba(0, 0, 0, 0.87); - background-color: #ffffff; - border: 1px solid #c7c7c7; + color: rgba(255, 255, 255, 0.87); + background-color: #404040; + border: 1px solid #292929; border-radius: 2.5px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); } + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); +} *:drop(active):focus, *:drop(active) { - box-shadow: inset 0 0 0 1px #92b372; } + box-shadow: inset 0 0 0 1px #8fa876; +} decoration { border-radius: 8px 8px 0 0; border-width: 0px; - box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px #BDBDBD; - margin: 10px; } - decoration:backdrop { - box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px #cacaca; } - .fullscreen decoration, .maximized decoration, .tiled decoration, .tiled decoration:backdrop { - border-radius: 0; - box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px transparent, 0 0 0 1px #cacaca; } - .popup decoration { - box-shadow: none; - border-radius: 0; } - .ssd decoration { - border-radius: 8px 8px 0 0; - box-shadow: 0 0 0 1px #BDBDBD; } - .ssd decoration.maximized { - border-radius: 0; } - .csd.popup decoration { - border-radius: 2px; - box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(189, 189, 189, 0.9); } - tooltip.csd decoration { - border-radius: 2px; - box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2); } - message-dialog.csd decoration { - border-radius: 3px; } - .solid-csd decoration { - border-radius: 0; - margin: 1px; - background-color: #e8e8e8; - box-shadow: none; } + box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px #212121; + margin: 10px; +} +decoration:backdrop { + box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px #2e2e2e; +} +.fullscreen decoration, .maximized decoration, .tiled decoration, .tiled decoration:backdrop { + border-radius: 0; + box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px transparent, 0 0 0 1px #2e2e2e; +} +.popup decoration { + box-shadow: none; + border-radius: 0; +} +.ssd decoration { + border-radius: 8px 8px 0 0; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.65); +} +.ssd decoration.maximized { + border-radius: 0; +} +.csd.popup decoration { + border-radius: 2px; + box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(33, 33, 33, 0.9); +} +tooltip.csd decoration { + border-radius: 2px; + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.35); +} +message-dialog.csd decoration { + border-radius: 3px; +} +.solid-csd decoration { + border-radius: 0; + margin: 1px; + background-color: #2b2b2b; + box-shadow: none; +} headerbar.default-decoration button.titlebutton, .titlebar.default-decoration button.titlebutton { @@ -2875,8 +3425,8 @@ headerbar.default-decoration button.titlebutton, padding-bottom: 0px; min-width: 22px; min-height: 22px; - margin: 0; } - + margin: 0; +} headerbar button.titlebutton, .titlebar button.titlebutton { min-width: 18px; @@ -2887,59 +3437,70 @@ headerbar button.titlebutton, border-color: transparent; background-color: transparent; background-image: none; - background-color: rgba(232, 232, 232, 0); } - headerbar button.titlebutton:hover, - .titlebar button.titlebutton:hover { - color: rgba(0, 0, 0, 0.87); - outline-color: rgba(0, 0, 0, 0.17); - border-color: rgba(0, 0, 0, 0.17); - background-color: rgba(250, 250, 250, 0.9); } - headerbar button.titlebutton:active, headerbar button.titlebutton:checked, - .titlebar button.titlebutton:active, - .titlebar button.titlebutton:checked { - color: rgba(0, 0, 0, 0.87); - outline-color: rgba(0, 0, 0, 0.17); - border-color: rgba(0, 0, 0, 0.17); - background-color: rgba(0, 0, 0, 0.15); } - headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, - .titlebar button.titlebutton.close, - .titlebar button.titlebutton.maximize, - .titlebar button.titlebutton.minimize { - -gtk-icon-theme: "Mint-Y"; - background-color: transparent; - background-size: 18px 18px; - background-position: center; - background-repeat: no-repeat; - border-width: 0; } - headerbar button.titlebutton.close, - .titlebar button.titlebutton.close { - color: #ffffff; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#92b372), to(transparent)); } - headerbar button.titlebutton.close:hover, - .titlebar button.titlebutton.close:hover { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#9fbc83), to(transparent)); } - headerbar button.titlebutton.close:active, - .titlebar button.titlebutton.close:active { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#85aa61), to(transparent)); } - headerbar button.titlebutton.close:backdrop, - .titlebar button.titlebutton.close:backdrop { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(darkgray), to(transparent)); } - headerbar button.titlebutton.maximize:hover, headerbar button.titlebutton.maximize:hover:backdrop, headerbar button.titlebutton.minimize:hover, headerbar button.titlebutton.minimize:hover:backdrop, - .titlebar button.titlebutton.maximize:hover, - .titlebar button.titlebutton.maximize:hover:backdrop, - .titlebar button.titlebutton.minimize:hover, - .titlebar button.titlebutton.minimize:hover:backdrop { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#fdfdfd), to(transparent)); } - headerbar button.titlebutton.maximize:active, headerbar button.titlebutton.maximize:active:backdrop, headerbar button.titlebutton.minimize:active, headerbar button.titlebutton.minimize:active:backdrop, - .titlebar button.titlebutton.maximize:active, - .titlebar button.titlebutton.maximize:active:backdrop, - .titlebar button.titlebutton.minimize:active, - .titlebar button.titlebutton.minimize:active:backdrop { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#909090), to(transparent)); } - headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, - .titlebar button.titlebutton.maximize:backdrop, - .titlebar button.titlebutton.minimize:backdrop { - color: darkgray; } + background-color: rgba(43, 43, 43, 0); +} +headerbar button.titlebutton:hover, +.titlebar button.titlebutton:hover { + color: rgba(255, 255, 255, 0.87); + outline-color: rgba(255, 255, 255, 0.17); + border-color: rgba(13, 13, 13, 0.4); + background-color: rgba(99, 99, 99, 0.4); +} +headerbar button.titlebutton:active, headerbar button.titlebutton:checked, +.titlebar button.titlebutton:active, +.titlebar button.titlebutton:checked { + color: rgba(255, 255, 255, 0.87); + outline-color: rgba(255, 255, 255, 0.17); + border-color: rgba(13, 13, 13, 0.4); + background-color: rgba(0, 0, 0, 0.15); +} +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + -gtk-icon-theme: "Mint-Y"; + background-color: transparent; + background-size: 18px 18px; + background-position: center; + background-repeat: no-repeat; + border-width: 0; +} +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + color: #ffffff; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#8fa876), to(transparent)); +} +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#9cb286), to(transparent)); +} +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#829e66), to(transparent)); +} +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#626262), to(transparent)); +} +headerbar button.titlebutton.maximize:hover, headerbar button.titlebutton.maximize:hover:backdrop, headerbar button.titlebutton.minimize:hover, headerbar button.titlebutton.minimize:hover:backdrop, +.titlebar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover:backdrop, +.titlebar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover:backdrop { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#4c4c4c), to(transparent)); +} +headerbar button.titlebutton.maximize:active, headerbar button.titlebutton.maximize:active:backdrop, headerbar button.titlebutton.minimize:active, headerbar button.titlebutton.minimize:active:backdrop, +.titlebar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active:backdrop, +.titlebar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active:backdrop { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#949494), to(transparent)); +} +headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + color: #626262; +} .caja-navigation-window .view .cell:selected, .caja-navigation-window iconview .cell:selected, .caja-navigation-window .view .cell:selected:focus, .nemo-window .nemo-inactive-pane .view:selected:focus, .nemo-window .nemo-inactive-pane iconview:selected:focus, .nemo-window .nemo-inactive-pane .view:selected, .nemo-window .nemo-inactive-pane iconview:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .nautilus-window placessidebar.sidebar list row.sidebar-row:selected.has-open-popup, .nautilus-window placessidebar.sidebar list row.sidebar-row:selected, .nautilus-window placessidebar.sidebar list row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar list row.sidebar-row:active:hover, filechooser placessidebar.sidebar list row.sidebar-row:selected.has-open-popup, @@ -2951,31 +3512,40 @@ textview text:selected, .view text:selected:focus, textview text:selected:focus, .view text selection:focus, .view text selection, textview text selection:focus, -textview text selection, iconview:selected, iconview:selected:focus, iconview text selection:focus, .view text selection, iconview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected { - background-color: #92b372; } - row:selected label, label:selected, .caja-navigation-window .view .cell:selected, .caja-navigation-window iconview .cell:selected, .caja-navigation-window .view .cell:selected:focus, .nemo-window .nemo-inactive-pane .view:selected:focus, .nemo-window .nemo-inactive-pane iconview:selected:focus, .nemo-window .nemo-inactive-pane .view:selected, .nemo-window .nemo-inactive-pane iconview:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .nautilus-window placessidebar.sidebar list row.sidebar-row:selected.has-open-popup, .nautilus-window placessidebar.sidebar list row.sidebar-row:selected, .nautilus-window placessidebar.sidebar list row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar list row.sidebar-row:active:hover, - filechooser placessidebar.sidebar list row.sidebar-row:selected.has-open-popup, - filechooser placessidebar.sidebar list row.sidebar-row:selected, - filechooser placessidebar.sidebar list row.sidebar-row:selected:hover, - filechooser placessidebar.sidebar list row.sidebar-row:active:hover, .view:selected, .view:selected:focus, - .view text:selected, - textview text:selected, - .view text:selected:focus, - textview text:selected:focus, .view text selection:focus, .view text selection, - textview text selection:focus, - textview text selection, iconview:selected, iconview:selected:focus, iconview text selection:focus, .view text selection, iconview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected { - color: #ffffff; } - label:disabled selection, row:selected label:disabled, label:disabled:selected, .caja-navigation-window .view .cell:disabled:selected, .caja-navigation-window iconview .cell:disabled:selected, .nemo-window .nemo-inactive-pane .view:disabled:selected:focus, .nemo-window .nemo-inactive-pane iconview:disabled:selected:focus, .nemo-window .nemo-inactive-pane .view:disabled:selected, .nemo-window .nemo-inactive-pane iconview:disabled:selected, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .nautilus-window placessidebar.sidebar list row.sidebar-row:disabled:selected, .nautilus-window placessidebar.sidebar list row.sidebar-row:disabled:active:hover, - filechooser placessidebar.sidebar list row.sidebar-row.has-open-popup:disabled:selected, - filechooser placessidebar.sidebar list row.sidebar-row:disabled:selected, - filechooser placessidebar.sidebar list row.sidebar-row:disabled:selected:hover, - filechooser placessidebar.sidebar list row.sidebar-row:disabled:active:hover, .view:disabled:selected, - .view text:disabled:selected, - textview text:disabled:selected, - textview text:disabled:selected:focus, .view text selection:disabled, - textview text selection:disabled:focus, - textview text selection:disabled, iconview:disabled:selected, iconview:disabled:selected:focus, iconview text selection:disabled:focus, iconview text selection:disabled, flowbox flowboxchild:disabled:selected, entry selection:disabled, row:disabled:selected { - color: #c9d9b9; } +textview text selection, iconview:selected, iconview:selected:focus, +iconview text:selected, +iconview text:selected:focus, iconview text selection:focus, iconview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected { + background-color: #8fa876; +} +row:selected label, label:selected, .caja-navigation-window .view .cell:selected, .caja-navigation-window iconview .cell:selected, .caja-navigation-window .view .cell:selected:focus, .nemo-window .nemo-inactive-pane .view:selected:focus, .nemo-window .nemo-inactive-pane iconview:selected:focus, .nemo-window .nemo-inactive-pane .view:selected, .nemo-window .nemo-inactive-pane iconview:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .nautilus-window placessidebar.sidebar list row.sidebar-row:selected.has-open-popup, .nautilus-window placessidebar.sidebar list row.sidebar-row:selected, .nautilus-window placessidebar.sidebar list row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar list row.sidebar-row:active:hover, +filechooser placessidebar.sidebar list row.sidebar-row:selected.has-open-popup, +filechooser placessidebar.sidebar list row.sidebar-row:selected, +filechooser placessidebar.sidebar list row.sidebar-row:selected:hover, +filechooser placessidebar.sidebar list row.sidebar-row:active:hover, .view:selected, .view:selected:focus, +.view text:selected, +textview text:selected, +.view text:selected:focus, +textview text:selected:focus, .view text selection:focus, .view text selection, +textview text selection:focus, +textview text selection, iconview:selected, iconview:selected:focus, +iconview text:selected, +iconview text:selected:focus, iconview text selection:focus, iconview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected { + color: #ffffff; +} +label:disabled selection, row:selected label:disabled, label:disabled:selected, .caja-navigation-window .view .cell:disabled:selected, .caja-navigation-window iconview .cell:disabled:selected, .nemo-window .nemo-inactive-pane .view:disabled:selected:focus, .nemo-window .nemo-inactive-pane iconview:disabled:selected:focus, .nemo-window .nemo-inactive-pane .view:disabled:selected, .nemo-window .nemo-inactive-pane iconview:disabled:selected, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .nautilus-window placessidebar.sidebar list row.sidebar-row:disabled:selected, .nautilus-window placessidebar.sidebar list row.sidebar-row:disabled:active:hover, +filechooser placessidebar.sidebar list row.sidebar-row.has-open-popup:disabled:selected, +filechooser placessidebar.sidebar list row.sidebar-row:disabled:selected, +filechooser placessidebar.sidebar list row.sidebar-row:disabled:selected:hover, +filechooser placessidebar.sidebar list row.sidebar-row:disabled:active:hover, .view:disabled:selected, +.view text:disabled:selected, +textview text:disabled:selected, +textview text:disabled:selected:focus, .view text selection:disabled, +textview text selection:disabled:focus, +textview text selection:disabled, iconview:disabled:selected, iconview:disabled:selected:focus, +iconview text:disabled:selected, +iconview text:disabled:selected:focus, iconview text selection:disabled:focus, iconview text selection:disabled, flowbox flowboxchild:disabled:selected, entry selection:disabled, row:disabled:selected { + color: #c7d4bb; +} GeditNotebook.notebook tab.reorderable-page.top:active, GeditNotebook.notebook tab.reorderable-page.top.active-page, GeditNotebook.notebook tab.reorderable-page.top.active-page:hover, GeditNotebook.notebook tab.top:active, GeditNotebook.notebook tab.top.active-page, GeditNotebook.notebook tab.top.active-page:hover, ScratchMainWindow .notebook tab.reorderable-page.top:active, @@ -3008,796 +3578,983 @@ PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active PantheonTerminalPantheonTerminalWindow .notebook tab.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page:hover { - box-shadow: inset 0 1px #c7c7c7, inset 0 -1px #c7c7c7, inset 1px 0 #c7c7c7, inset -1px 0 #c7c7c7; } + box-shadow: inset 0 1px #292929, inset 0 -1px #292929, inset 1px 0 #292929, inset -1px 0 #292929; +} TerminalWindow .notebook tab.reorderable-page.top, TerminalWindow .notebook tab.top, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top, PantheonTerminalPantheonTerminalWindow .notebook tab.top { padding-top: 7px; - border-top-width: 3px; } - + border-top-width: 3px; +} TerminalWindow .notebook.header.top, PantheonTerminalPantheonTerminalWindow .notebook.header.top { - box-shadow: inset 0 1px #bdbdbd, inset 0 -1px #c7c7c7; } + box-shadow: inset 0 1px #212121, inset 0 -1px #292929; +} GtkHTML { - background-color: #ffffff; - color: #303030; } - GtkHTML:active { - color: #ffffff; - background-color: #92b372; } + background-color: #404040; + color: #DADADA; +} +GtkHTML:active { + color: #ffffff; + background-color: #8fa876; +} SushiFontWidget { - padding: 6px 12px; } + padding: 6px 12px; +} #gnome-system-monitor headerbar { - box-shadow: none; } + box-shadow: none; +} vte-terminal.terminal-screen { - -TerminalScreen-background-darkness: 1.0; + -TerminalScreen-background-darkness: 1; background-color: #3f3f3f; - color: #fff; } + color: #fff; +} terminal-screen-container, terminal-screen-container scrollbar:not(slider) { border-color: transparent; - background-color: transparent; } + background-color: transparent; +} TerminalWindow .notebook tab .button { - color: rgba(101, 101, 101, 0.9155); } - TerminalWindow .notebook tab .button:hover { - color: rgba(0, 0, 0, 0.87); - border-color: #c7c7c7; - background-color: #fafafa; } - + color: rgba(173, 173, 173, 0.9155); +} +TerminalWindow .notebook tab .button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: #292929; + background-color: #454545; +} TerminalWindow .notebook .active-page .button:hover, TerminalWindow .notebook .prelight-page .button:hover { - color: #ff4d4d; } - + color: #ff4d4d; +} TerminalWindow .notebook .active-page .button:active, TerminalWindow .notebook .prelight-page .button:active { - color: #92b372; } + color: #8fa876; +} vte-terminal { - -TerminalScreen-background-darkness: 1.0; + -TerminalScreen-background-darkness: 1; background-color: #3f3f3f; - color: #fff; } + color: #fff; +} .nautilus-canvas-item { - border-radius: 2px; } + border-radius: 2px; +} .nemo-desktop.nemo-canvas-item, .nautilus-desktop.nautilus-canvas-item { color: #ffffff; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } - .nemo-desktop.nemo-canvas-item:active, - .nautilus-desktop.nautilus-canvas-item:active { - color: rgba(0, 0, 0, 0.87); } - .nemo-desktop.nemo-canvas-item:selected, - .nautilus-desktop.nautilus-canvas-item:selected { - color: #ffffff; } + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} +.nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: rgba(255, 255, 255, 0.87); +} +.nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: #ffffff; +} .nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, .nautilus-list-dim-label { - color: rgba(138, 138, 138, 0.935); } - .nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, .nautilus-canvas-item.dim-label:selected:focus, - .nautilus-list-dim-label:selected, - .nautilus-list-dim-label:selected:focus { - color: #e9f0e3; } + color: rgba(143, 143, 143, 0.935); +} +.nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #e9eee4; +} .nautilus-window paned > separator { - background-image: linear-gradient(to bottom, #c7c7c7, #c7c7c7); } - .nautilus-window paned > separator:dir(ltr) { - margin-left: -1px; } - .nautilus-window paned > separator:dir(rtl) { - margin-right: -1px; } + background-image: linear-gradient(to bottom, #292929, #292929); +} .nautilus-window .csd.background, .nautilus-window placessidebar list, filechooser .csd.background, filechooser placessidebar list { - background-color: transparent; } - + background-color: transparent; +} .nautilus-window placessidebar.sidebar list, filechooser placessidebar.sidebar list { - background-color: #f3f2f2; } - .nautilus-window placessidebar.sidebar list row.sidebar-row, - filechooser placessidebar.sidebar list row.sidebar-row { - border: none; - color: rgba(0, 0, 0, 0.87); } - .nautilus-window placessidebar.sidebar list row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar list row.sidebar-row:hover, - filechooser placessidebar.sidebar list row.sidebar-row.has-open-popup, - filechooser placessidebar.sidebar list row.sidebar-row:hover { - background-color: rgba(0, 0, 0, 0.02); } - .nautilus-window placessidebar.sidebar list row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar list row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar list row.sidebar-row:disabled image, - filechooser placessidebar.sidebar list row.sidebar-row:disabled, - filechooser placessidebar.sidebar list row.sidebar-row:disabled label, - filechooser placessidebar.sidebar list row.sidebar-row:disabled image { - color: rgba(0, 0, 0, 0.27); } - .nautilus-window placessidebar.sidebar list row.sidebar-row:selected.has-open-popup .sidebar-icon, .nautilus-window placessidebar.sidebar list row.sidebar-row:selected .sidebar-icon, .nautilus-window placessidebar.sidebar list row.sidebar-row:selected:hover .sidebar-icon, .nautilus-window placessidebar.sidebar list row.sidebar-row:active:hover .sidebar-icon, - filechooser placessidebar.sidebar list row.sidebar-row:selected.has-open-popup .sidebar-icon, - filechooser placessidebar.sidebar list row.sidebar-row:selected .sidebar-icon, - filechooser placessidebar.sidebar list row.sidebar-row:selected:hover .sidebar-icon, - filechooser placessidebar.sidebar list row.sidebar-row:active:hover .sidebar-icon { - color: inherit; } - .nautilus-window placessidebar.sidebar list row.sidebar-row:not(:selected) button.sidebar-button, - filechooser placessidebar.sidebar list row.sidebar-row:not(:selected) button.sidebar-button { - color: rgba(0, 0, 0, 0.87); } - .nautilus-window placessidebar.sidebar list row.sidebar-row:not(:selected) button.sidebar-button:hover, - filechooser placessidebar.sidebar list row.sidebar-row:not(:selected) button.sidebar-button:hover { - color: #dbdbdb; - outline-color: rgba(219, 219, 219, 0.3); - border-color: rgba(33, 33, 33, 0.4); - background-color: rgba(138, 138, 138, 0.5); } - .nautilus-window placessidebar.sidebar list row.sidebar-row:not(:selected) button.sidebar-button:active, - filechooser placessidebar.sidebar list row.sidebar-row:not(:selected) button.sidebar-button:active { - color: rgba(0, 0, 0, 0.87); - outline-color: rgba(0, 0, 0, 0.17); - border-color: #aeaeae; - background-color: rgba(0, 0, 0, 0.15); } - .nautilus-window placessidebar.sidebar list row.sidebar-row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image, - filechooser placessidebar.sidebar list row.sidebar-row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.5; } - .nautilus-window placessidebar.sidebar list row.sidebar-row.sidebar-new-bookmark-row, - filechooser placessidebar.sidebar list row.sidebar-row.sidebar-new-bookmark-row { - color: #92b372; } - .nautilus-window placessidebar.sidebar list row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon, - filechooser placessidebar.sidebar list row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; } - .nautilus-window placessidebar.sidebar list row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar list row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar list row.sidebar-row:drop(active):not(:disabled) .sidebar-icon, - filechooser placessidebar.sidebar list row.sidebar-row:drop(active):not(:disabled), - filechooser placessidebar.sidebar list row.sidebar-row:drop(active):not(:disabled) label, - filechooser placessidebar.sidebar list row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { - color: #92b372; } - .nautilus-window placessidebar.sidebar list row.sidebar-row:drop(active):not(:disabled):selected, - filechooser placessidebar.sidebar list row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #92b372; } - .nautilus-window placessidebar.sidebar list row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar list row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar list row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon, - filechooser placessidebar.sidebar list row.sidebar-row:drop(active):not(:disabled):selected, - filechooser placessidebar.sidebar list row.sidebar-row:drop(active):not(:disabled):selected label, - filechooser placessidebar.sidebar list row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { - color: #ffffff; } - .nautilus-window placessidebar.sidebar list separator, - filechooser placessidebar.sidebar list separator { - background-color: transparent; } - + background-color: #353535; +} +.nautilus-window placessidebar.sidebar list row.sidebar-row, +filechooser placessidebar.sidebar list row.sidebar-row { + border: none; + color: rgba(255, 255, 255, 0.87); +} +.nautilus-window placessidebar.sidebar list row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar list row.sidebar-row:hover, +filechooser placessidebar.sidebar list row.sidebar-row.has-open-popup, +filechooser placessidebar.sidebar list row.sidebar-row:hover { + background-color: rgba(255, 255, 255, 0.02); +} +.nautilus-window placessidebar.sidebar list row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar list row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar list row.sidebar-row:disabled image, +filechooser placessidebar.sidebar list row.sidebar-row:disabled, +filechooser placessidebar.sidebar list row.sidebar-row:disabled label, +filechooser placessidebar.sidebar list row.sidebar-row:disabled image { + color: rgba(255, 255, 255, 0.27); +} +.nautilus-window placessidebar.sidebar list row.sidebar-row:selected.has-open-popup .sidebar-icon, .nautilus-window placessidebar.sidebar list row.sidebar-row:selected .sidebar-icon, .nautilus-window placessidebar.sidebar list row.sidebar-row:selected:hover .sidebar-icon, .nautilus-window placessidebar.sidebar list row.sidebar-row:active:hover .sidebar-icon, +filechooser placessidebar.sidebar list row.sidebar-row:selected.has-open-popup .sidebar-icon, +filechooser placessidebar.sidebar list row.sidebar-row:selected .sidebar-icon, +filechooser placessidebar.sidebar list row.sidebar-row:selected:hover .sidebar-icon, +filechooser placessidebar.sidebar list row.sidebar-row:active:hover .sidebar-icon { + color: inherit; +} +.nautilus-window placessidebar.sidebar list row.sidebar-row:not(:selected) button.sidebar-button, +filechooser placessidebar.sidebar list row.sidebar-row:not(:selected) button.sidebar-button { + color: rgba(255, 255, 255, 0.87); +} +.nautilus-window placessidebar.sidebar list row.sidebar-row:not(:selected) button.sidebar-button:hover, +filechooser placessidebar.sidebar list row.sidebar-row:not(:selected) button.sidebar-button:hover { + color: #dbdbdb; + outline-color: rgba(219, 219, 219, 0.3); + border-color: rgba(22, 22, 22, 0.4); + background-color: rgba(127, 127, 127, 0.5); +} +.nautilus-window placessidebar.sidebar list row.sidebar-row:not(:selected) button.sidebar-button:active, +filechooser placessidebar.sidebar list row.sidebar-row:not(:selected) button.sidebar-button:active { + color: rgba(255, 255, 255, 0.87); + outline-color: rgba(255, 255, 255, 0.17); + border-color: #0f0f0f; + background-color: rgba(0, 0, 0, 0.15); +} +.nautilus-window placessidebar.sidebar list row.sidebar-row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image, +filechooser placessidebar.sidebar list row.sidebar-row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.5; +} +.nautilus-window placessidebar.sidebar list row.sidebar-row.sidebar-new-bookmark-row, +filechooser placessidebar.sidebar list row.sidebar-row.sidebar-new-bookmark-row { + color: #8fa876; +} +.nautilus-window placessidebar.sidebar list row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon, +filechooser placessidebar.sidebar list row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} +.nautilus-window placessidebar.sidebar list row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar list row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar list row.sidebar-row:drop(active):not(:disabled) .sidebar-icon, +filechooser placessidebar.sidebar list row.sidebar-row:drop(active):not(:disabled), +filechooser placessidebar.sidebar list row.sidebar-row:drop(active):not(:disabled) label, +filechooser placessidebar.sidebar list row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #8fa876; +} +.nautilus-window placessidebar.sidebar list row.sidebar-row:drop(active):not(:disabled):selected, +filechooser placessidebar.sidebar list row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #8fa876; +} +.nautilus-window placessidebar.sidebar list row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar list row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar list row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon, +filechooser placessidebar.sidebar list row.sidebar-row:drop(active):not(:disabled):selected, +filechooser placessidebar.sidebar list row.sidebar-row:drop(active):not(:disabled):selected label, +filechooser placessidebar.sidebar list row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #ffffff; +} +.nautilus-window placessidebar.sidebar list separator, +filechooser placessidebar.sidebar list separator { + background-color: transparent; +} .nautilus-window.maximized placessidebar.sidebar, filechooser.maximized placessidebar.sidebar { - background-color: #f3f2f2; } + background-color: #353535; +} filechooser placessidebar > viewport.frame { - border: 1px solid #c7c7c7; - border-width: 1px 0 0 0; } + border: 1px solid #292929; + border-width: 1px 0 0 0; +} NautilusQueryEditor .search-bar.toolbar { padding: 5px; box-shadow: none; - background-color: #ffffff; } + background-color: #404040; +} .nautilus-circular-button.image-button.button, headerbar button.nautilus-circular-button.button.titlebutton, .titlebar button.nautilus-circular-button.button.titlebutton { border-radius: 50%; -gtk-outline-radius: 50%; - padding: 8px; } + padding: 8px; +} .disk-space-display { border-style: solid; - border-width: 1px; } - .disk-space-display.unknown { - background-color: rgba(0, 0, 0, 0.37); - border-color: rgba(0, 0, 0, 0.37); } - .disk-space-display.used { - background-color: rgba(146, 179, 114, 0.8); - border-color: rgba(120, 157, 85, 0.8); } - .disk-space-display.free { - background-color: #ededed; - border-color: #d4d4d4; } + border-width: 1px; +} +.disk-space-display.unknown { + background-color: rgba(255, 255, 255, 0.37); + border-color: rgba(230, 230, 230, 0.37); +} +.disk-space-display.used { + background-color: rgba(143, 168, 118, 0.8); + border-color: rgba(118, 144, 91, 0.8); +} +.disk-space-display.free { + background-color: #303030; + border-color: #171717; +} NautilusListView .view, NautilusListView iconview { - border-bottom: 1px solid #c7c7c7; } + border-bottom: 1px solid #292929; +} .nemo-window { /* This is to keep the separator next to the sidebar dark so we don't see a gap - between it and the trash bar */ } - .nemo-window .nemo-window-pane widget.entry { - border: 1px solid; - border-radius: 3px; - color: #303030; - border-color: #92b372; - background-color: #ffffff; } - .nemo-window .nemo-inactive-pane .view, .nemo-window .nemo-inactive-pane iconview { - background-color: #f2f2f2; } - .nemo-window .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #aaaaaa; - -NemoPlacesTreeView-disk-full-fg-color: #789d55; - -GtkTreeView-vertical-separator: 7; } - .nemo-window .places-treeview .view.cell:hover, .nemo-window .places-treeview iconview.cell:hover { - background-color: rgba(0, 0, 0, 0.12); } - .nemo-window .nemo-places-sidebar.frame { - border-width: 0; } - .nemo-window .sidebar { - color: rgba(0, 0, 0, 0.87); - background-color: #f3f2f2; } - .nemo-window .sidebar .frame { - border: none; } - .nemo-window .sidebar .view, .nemo-window .sidebar iconview, .nemo-window .sidebar row { - background-color: transparent; - color: rgba(0, 0, 0, 0.87); } - .nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar iconview.cell:selected, .nemo-window .sidebar row.cell:selected { - background-color: #92b372; - color: #ffffff; } - .nemo-window .sidebar .view.expander, .nemo-window .sidebar iconview.expander, .nemo-window .sidebar row.expander { - color: rgba(137, 137, 137, 0.935); } - .nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar iconview.expander:hover, .nemo-window .sidebar row.expander:hover { - color: rgba(0, 0, 0, 0.87); } - .nemo-window grid > paned > separator { - background-image: linear-gradient(to bottom, #c7c7c7, #c7c7c7); } - .nemo-window widget .toolbar .image-button, .nemo-window widget .toolbar headerbar button.titlebutton, headerbar .nemo-window widget .toolbar button.titlebutton, - .nemo-window widget .toolbar .titlebar button.titlebutton, - .titlebar .nemo-window widget .toolbar button.titlebutton { - padding: 0; } + between it and the trash bar */ +} +.nemo-window .nemo-window-pane widget.entry { + border: 1px solid; + border-radius: 3px; + color: #DADADA; + border-color: #292929; + background-color: #404040; + box-shadow: inset 1px 0 #8fa876, inset -1px 0 #8fa876, inset 0 1px #8fa876, inset 0 -1px #8fa876; +} +.nemo-window .nemo-inactive-pane .view, .nemo-window .nemo-inactive-pane iconview { + background-color: #333333; +} +.nemo-window .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: rgba(255, 255, 255, 0.87); + -NemoPlacesTreeView-disk-full-fg-color: #76905b; + -GtkTreeView-vertical-separator: 7; +} +.nemo-window .places-treeview .view.cell:hover, .nemo-window .places-treeview iconview.cell:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} +.nemo-window .sidebar { + color: rgba(255, 255, 255, 0.87); + background-color: #353535; +} +.nemo-window .sidebar .frame { + border: none; +} +.nemo-window .sidebar .view, .nemo-window .sidebar iconview, .nemo-window .sidebar row { + background-color: transparent; + color: rgba(255, 255, 255, 0.87); +} +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar iconview.cell:selected, .nemo-window .sidebar row.cell:selected { + background-color: #8fa876; + color: #ffffff; +} +.nemo-window .sidebar .view.expander, .nemo-window .sidebar iconview.expander, .nemo-window .sidebar row.expander { + color: rgba(141, 141, 141, 0.935); +} +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar iconview.expander:hover, .nemo-window .sidebar row.expander:hover { + color: rgba(255, 255, 255, 0.87); +} +.nemo-window grid > paned > separator { + background-image: linear-gradient(to bottom, #292929, #292929); +} +.nemo-window widget .toolbar .image-button, .nemo-window widget .toolbar headerbar button.titlebutton, headerbar .nemo-window widget .toolbar button.titlebutton, +.nemo-window widget .toolbar .titlebar button.titlebutton, +.titlebar .nemo-window widget .toolbar button.titlebutton { + padding: 0; +} .caja-navigation-window { /* This seems to be needed to get proper highlighting in the caja view * when split panes are used. Without it the inactive pane isn't displayed * properly - */ } - .caja-navigation-window .view .cell:selected, .caja-navigation-window iconview .cell:selected, .caja-navigation-window .view .cell:selected:focus { - background-image: linear-gradient(to bottom, #92b372, #92b372); } - .caja-navigation-window .frame { - border-width: 1px 0 1px 0; } - .caja-navigation-window .caja-side-pane .view, .caja-navigation-window .caja-side-pane iconview, - .caja-navigation-window .caja-side-pane textview text, - .caja-navigation-window .caja-side-pane notebook { - background-color: #f3f2f2; - color: rgba(0, 0, 0, 0.87); } - .caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0 0; } - .caja-navigation-window .caja-side-pane .view > box, .caja-navigation-window .caja-side-pane iconview > box, - .caja-navigation-window .caja-side-pane viewport.frame { - border: 1px solid #c7c7c7; - border-width: 1px 0 0 0; } + */ +} +.caja-navigation-window .view .cell:selected, .caja-navigation-window iconview .cell:selected, .caja-navigation-window .view .cell:selected:focus { + background-image: linear-gradient(to bottom, #8fa876, #8fa876); +} +.caja-navigation-window .frame { + border-width: 1px 0 1px 0; +} +.caja-navigation-window .caja-side-pane .view, .caja-navigation-window .caja-side-pane iconview, +.caja-navigation-window .caja-side-pane textview text, +.caja-navigation-window .caja-side-pane notebook { + background-color: #353535; + color: rgba(255, 255, 255, 0.87); +} +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0 0; +} +.caja-navigation-window .caja-side-pane .view > box, .caja-navigation-window .caja-side-pane iconview > box, +.caja-navigation-window .caja-side-pane viewport.frame { + border: 1px solid #292929; + border-width: 1px 0 0 0; +} .gedit-headerbar-paned { - color: #BDBDBD; } + color: #212121; +} .gedit-side-panel-paned > separator { - background-image: linear-gradient(to bottom, #c7c7c7, #c7c7c7); } + background-image: linear-gradient(to bottom, #292929, #292929); +} .gedit-bottom-panel-paned > separator { - background-image: linear-gradient(to bottom, #c7c7c7, #c7c7c7); } + background-image: linear-gradient(to bottom, #292929, #292929); +} .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: rgba(0, 0, 0, 0.05); } - .open-document-selector-treeview.view:hover:selected, iconview.open-document-selector-treeview:hover:selected { - color: #ffffff; - background-color: #92b372; } + border-color: #404040; +} +.open-document-selector-treeview.view:hover, iconview.open-document-selector-treeview:hover { + background-color: rgba(0, 0, 0, 0.05); +} +.open-document-selector-treeview.view:hover:selected, iconview.open-document-selector-treeview:hover:selected { + color: #ffffff; + background-color: #8fa876; +} .open-document-selector-name-label { - color: rgba(0, 0, 0, 0.87); } + color: rgba(255, 255, 255, 0.87); +} .open-document-selector-path-label { - color: rgba(144, 144, 144, 0.935); - font-size: smaller; } - .open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); } + color: rgba(147, 147, 147, 0.935); + font-size: smaller; +} +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} .gedit-document-panel { - background-color: #f3f2f2; } - .gedit-document-panel row { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0); } - .gedit-document-panel row:hover { - background-color: rgba(0, 0, 0, 0.02); } - .gedit-document-panel row:active { - color: #ffffff; - background-color: #92b372; } - .gedit-document-panel row:active button { - color: #ffffff; } - .gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { - color: #ffffff; - background-color: #92b372; } - .gedit-document-panel row:hover:not(:selected) button:active { - color: rgba(0, 0, 0, 0.87); } - .gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - color: transparent; - background: none; - border: none; - box-shadow: none; - padding: 4px; } - .gedit-document-panel row button image { - color: inherit; } - .gedit-document-panel row:hover:not(:selected) button { - color: rgba(101, 101, 101, 0.9155); } - .gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; } - .gedit-document-panel row:hover:not(:selected) button:active { - color: rgba(0, 0, 0, 0.87); } - .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; } + background-color: #353535; +} +.gedit-document-panel row { + color: rgba(255, 255, 255, 0.87); + background-color: rgba(255, 255, 255, 0); +} +.gedit-document-panel row:hover { + background-color: rgba(255, 255, 255, 0.02); +} +.gedit-document-panel row:active { + color: #ffffff; + background-color: #8fa876; +} +.gedit-document-panel row:active button { + color: #ffffff; +} +.gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { + color: #ffffff; + background-color: #8fa876; +} +.gedit-document-panel row:hover:not(:selected) button:active { + color: rgba(255, 255, 255, 0.87); +} +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + color: transparent; + background: none; + border: none; + box-shadow: none; + padding: 4px; +} +.gedit-document-panel row button image { + color: inherit; +} +.gedit-document-panel row:hover:not(:selected) button { + color: rgba(173, 173, 173, 0.9155); +} +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} +.gedit-document-panel row:hover:not(:selected) button:active { + color: rgba(255, 255, 255, 0.87); +} +.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 #c7c7c7; - background-color: gainsboro; - color: rgba(0, 0, 0, 0.87); } + border: 1px solid #292929; + background-color: #1f1f1f; + color: rgba(255, 255, 255, 0.87); +} .gedit-side-panel-paned statusbar { - border-top: 1px solid #c7c7c7; - background-color: #f5f5f5; } + border-top: 1px solid #292929; + background-color: #383838; +} .gedit-search-entry-occurrences-tag { - color: rgba(0, 0, 0, 0.47); + color: rgba(255, 255, 255, 0.47); border: none; margin: 2px; - padding: 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; } + border-width: 0; +} +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} .xed-window .xed-goto-line-box, .gedit-search-slider { - background-color: #fafafa; + background-color: #3d3d3d; padding: 6px; - border-color: #c7c7c7; + border-color: #292929; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; - border-style: solid; } + border-style: solid; +} .pluma-window statusbar frame > border { - border: none; } + border: none; +} .pluma-window notebook > stack scrolledwindow { - border-width: 0 0 1px 0; } + border-width: 0 0 1px 0; +} #pluma-status-combo-button { min-height: 0; padding: 0; border-top: none; border-bottom: none; - border-radius: 0; } + border-radius: 0; +} .gb-search-entry-occurrences-tag { - background: none; } + 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: 3px 3px 0 0; } + 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: 3px 3px 0 0; +} editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #92b372; } + border-top-color: #8fa876; +} layouttab { - background-color: #ffffff; } + background-color: #404040; +} layout { - border: 1px solid #c7c7c7; - -PnlDockBin-handle-size: 1; } + border: 1px solid #292929; + -PnlDockBin-handle-size: 1; +} eggsearchbar box.search-bar { - border-bottom: 1px solid #c7c7c7; } + border-bottom: 1px solid #292929; +} pillbox { color: #ffffff; - background-color: #92b372; - border-radius: 3px; } - pillbox:disabled label { - color: rgba(255, 255, 255, 0.5); } + background-color: #8fa876; + border-radius: 3px; +} +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} docktabstrip { padding: 0 6px; - background-color: #f5f5f5; - border-bottom: 1px solid #c7c7c7; } - 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: #c7c7c7; - background-color: #ffffff; } + background-color: #383838; + border-bottom: 1px solid #292929; +} +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: #292929; + background-color: #404040; +} dockbin { - border: 1px solid #c7c7c7; - -PnlDockBin-handle-size: 1; } + border: 1px solid #292929; + -PnlDockBin-handle-size: 1; +} dockpaned { - border: 1px solid #c7c7c7; } + border: 1px solid #292929; +} dockoverlayedge { - background-color: #f5f5f5; } - dockoverlayedge docktabstrip { - padding: 0; - border: none; } - dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { - border-width: 1px 0; } + background-color: #383838; +} +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; } - + padding: 0; +} popover.messagepopover .popover-content-area { - margin: 16px; } - + margin: 16px; +} popover.messagepopover .popover-action-area { - margin: 8px; } - popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { - margin: 0 4px; } + 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; } + 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 #c7c7c7; - border-bottom: 1px solid #c7c7c7; - border-radius: 0; } + border-right: 1px solid #292929; + border-bottom: 1px solid #292929; + border-radius: 0; +} preferences stacksidebar.sidebar list { - background-image: linear-gradient(to bottom, #ffffff, #ffffff); } - + background-image: linear-gradient(to bottom, #404040, #404040); +} preferences stacksidebar.sidebar list separator { - background-color: transparent; } + background-color: transparent; +} devhelppanel entry:focus, symboltreepanel entry:focus { - border-color: #c7c7c7; } + border-color: #292929; +} button.run-arrow-button { - min-width: 12px; } + min-width: 12px; +} omnibar.linked > entry:not(:only-child) { border-style: solid; border-radius: 3px; margin-left: 1px; - margin-right: 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: rgba(0, 0, 0, 0.87); } + color: rgba(255, 255, 255, 0.87); +} configurationview entry.flat { - background: none; } - + background: none; +} configurationview list { - border-width: 0; } + border-width: 0; +} EphyWindow .floating-bar { - color: rgba(0, 0, 0, 0.87); } + color: rgba(255, 255, 255, 0.87); +} .xreader-window .primary-toolbar .button.the-button-in-the-combobox { - color: rgba(0, 0, 0, 0.87); - outline-color: rgba(0, 0, 0, 0.17); - border-color: rgba(0, 0, 0, 0.17); - background-color: rgba(250, 250, 250, 0.9); } - .xreader-window .primary-toolbar .button.the-button-in-the-combobox:hover { - background-color: rgba(255, 255, 255, 0.9); } - .xreader-window .primary-toolbar .button.the-button-in-the-combobox:disabled { - color: rgba(0, 0, 0, 0.47); } + color: rgba(255, 255, 255, 0.87); + outline-color: rgba(255, 255, 255, 0.17); + border-color: rgba(13, 13, 13, 0.4); + background-color: rgba(99, 99, 99, 0.4); +} +.xreader-window .primary-toolbar .button.the-button-in-the-combobox:hover { + background-color: rgba(138, 138, 138, 0.4); +} +.xreader-window .primary-toolbar .button.the-button-in-the-combobox:disabled { + color: rgba(255, 255, 255, 0.47); +} calendar-view event.color-light label { - color: black; } - + color: black; +} calendar-view event.color-light.timed label { - color: rgba(0, 0, 0, 0.87); } - + color: rgba(255, 255, 255, 0.87); +} calendar-view event.color-dark label { - color: white; } - + color: white; +} calendar-view event.color-dark.timed label { - color: rgba(0, 0, 0, 0.87); } + color: rgba(255, 255, 255, 0.87); +} .documents-scrolledwin.frame { - border-width: 0; } + border-width: 0; +} button.documents-load-more { border-width: 1px 0 0; - border-radius: 0; } + border-radius: 0; +} .documents-icon-bg { - background-color: #92b372; + background-color: #8fa876; color: #ffffff; - border-radius: 2px; } + border-radius: 2px; +} .documents-collection-icon, .photos-collection-icon { - background-color: rgba(0, 0, 0, 0.17); - border-radius: 2px; } + background-color: rgba(255, 255, 255, 0.17); + border-radius: 2px; +} .documents-favorite.button:active, .documents-favorite.button:active:hover { - color: #c5d7b4; } + color: #c2d0b4; +} .documents-entry-tag, .photos-entry-tag { - background-color: #92b372; + background-color: #8fa876; color: #ffffff; border-radius: 2px; border-width: 0; margin: 2px; - padding: 4px; } - .documents-entry-tag:hover, .photos-entry-tag:hover { - color: #ffffff; - background-color: #9cba7f; } - .documents-entry-tag:active, .photos-entry-tag:active { - color: #ffffff; - background-color: #88ac65; } + padding: 4px; +} +.documents-entry-tag:hover, .photos-entry-tag:hover { + color: #ffffff; + background-color: #99b082; +} +.documents-entry-tag:active, .photos-entry-tag:active { + color: #ffffff; + background-color: #85a06a; +} .photos-fade-in { - opacity: 1.0; - transition: opacity 0.2s ease-out; } + opacity: 1; + transition: opacity 0.2s ease-out; +} .photos-fade-out { - opacity: 0.0; - transition: opacity 0.2s ease-out; } + opacity: 0; + transition: opacity 0.2s ease-out; +} .tweak-categories, .tweak-category:not(:selected):not(:hover) { - background-image: linear-gradient(to bottom, #ffffff, #ffffff); } + background-image: linear-gradient(to bottom, #404040, #404040); +} .content-view.document-page { border-style: solid; border-width: 3px 3px 6px 4px; - border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} TotemGrilo.vertical GdMainView.frame { - border-width: 0; } + border-width: 0; +} SynapseGuiSelectionContainer *:selected, SynapseGuiViewVirgilio *:selected { - background-color: #92b372; } + background-color: #8fa876; +} .tr-workarea .undershoot, .tr-workarea .overshoot { - border-color: transparent; } + border-color: transparent; +} .gnome-panel-menu-bar, .mate-panel-menu-bar { color: #DADADA; - background-color: #2f2f2f; } - .gnome-panel-menu-bar, .gnome-panel-menu-bar menubar, - .mate-panel-menu-bar, - .mate-panel-menu-bar menubar { - background-color: #2f2f2f; } - .gnome-panel-menu-bar menubar, - .gnome-panel-menu-bar #PanelApplet label, - .gnome-panel-menu-bar #PanelApplet image, - .mate-panel-menu-bar menubar, - .mate-panel-menu-bar #PanelApplet label, - .mate-panel-menu-bar #PanelApplet image { - color: #DADADA; } - .gnome-panel-menu-bar menu > menuitem, - .mate-panel-menu-bar menu > menuitem { - color: rgba(0, 0, 0, 0.87); } - .gnome-panel-menu-bar button label, .gnome-panel-menu-bar button image, - .gnome-panel-menu-bar #tasklist-button label, - .gnome-panel-menu-bar #tasklist-button image, - .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 { - color: inherit; } - .gnome-panel-menu-bar #tasklist-button, - .mate-panel-menu-bar #tasklist-button { - color: #DADADA; - border-radius: 0; - border: none; - padding-bottom: 0; - padding-top: 0; } - .gnome-panel-menu-bar #tasklist-button:hover, - .mate-panel-menu-bar #tasklist-button:hover { - background-color: rgba(255, 255, 255, 0.05); } - .gnome-panel-menu-bar #tasklist-button:checked, .gnome-panel-menu-bar #tasklist-button:active, - .mate-panel-menu-bar #tasklist-button:checked, - .mate-panel-menu-bar #tasklist-button:active { - background-color: #92b372; } - .gnome-panel-menu-bar #tasklist-button:checked label, .gnome-panel-menu-bar #tasklist-button:active label, - .mate-panel-menu-bar #tasklist-button:checked label, - .mate-panel-menu-bar #tasklist-button:active label { - color: white; } - .gnome-panel-menu-bar PanelSeparator, - .mate-panel-menu-bar PanelSeparator { - color: rgba(255, 255, 255, 0); - padding-top: 4px; - padding-bottom: 4px; } - .gnome-panel-menu-bar na-tray-applet, - .mate-panel-menu-bar na-tray-applet { - -NaTrayApplet-icon-padding: 1px; } + background-color: #2f2f2f; +} +.gnome-panel-menu-bar, .gnome-panel-menu-bar menubar, +.mate-panel-menu-bar, +.mate-panel-menu-bar menubar { + background-color: #2f2f2f; +} +.gnome-panel-menu-bar menubar, +.gnome-panel-menu-bar #PanelApplet label, +.gnome-panel-menu-bar #PanelApplet image, +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image { + color: #DADADA; +} +.gnome-panel-menu-bar menu > menuitem, +.mate-panel-menu-bar menu > menuitem { + color: rgba(255, 255, 255, 0.87); +} +.gnome-panel-menu-bar button label, .gnome-panel-menu-bar button image, +.gnome-panel-menu-bar #tasklist-button label, +.gnome-panel-menu-bar #tasklist-button image, +.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 { + color: inherit; +} +.gnome-panel-menu-bar #tasklist-button, +.mate-panel-menu-bar #tasklist-button { + color: #DADADA; + border-radius: 0; + border: none; + padding-bottom: 0; + padding-top: 0; +} +.gnome-panel-menu-bar #tasklist-button:hover, +.mate-panel-menu-bar #tasklist-button:hover { + background-color: rgba(255, 255, 255, 0.05); +} +.gnome-panel-menu-bar #tasklist-button:checked, .gnome-panel-menu-bar #tasklist-button:active, +.mate-panel-menu-bar #tasklist-button:checked, +.mate-panel-menu-bar #tasklist-button:active { + background-color: #8fa876; +} +.gnome-panel-menu-bar #tasklist-button:checked label, .gnome-panel-menu-bar #tasklist-button:active label, +.mate-panel-menu-bar #tasklist-button:checked label, +.mate-panel-menu-bar #tasklist-button:active label { + color: white; +} +.gnome-panel-menu-bar PanelSeparator, +.mate-panel-menu-bar PanelSeparator { + color: rgba(255, 255, 255, 0); + padding-top: 4px; + padding-bottom: 4px; +} +.gnome-panel-menu-bar na-tray-applet, +.mate-panel-menu-bar na-tray-applet { + -NaTrayApplet-icon-padding: 1px; +} MatePanelAppletFrameDBus > MatePanelAppletFrameDBus { background-image: none; background-color: transparent; background-repeat: no-repeat; - background-position: left; } + background-position: left; +} .mintmenu:hover { - background-color: #3c3c3c; } + background-color: #3c3c3c; +} .mintmenu:selected { color: #ffffff; - background-color: #92b372; } + background-color: #8fa876; +} .wnck-pager { - background-color: rgba(0, 0, 0, 0.04); } - .wnck-pager:selected { - background-color: rgba(146, 179, 114, 0.6); } - .wnck-pager:hover { - background-color: rgba(146, 179, 114, 0.2); } + background-color: rgba(0, 0, 0, 0.04); +} +.wnck-pager:selected { + background-color: rgba(143, 168, 118, 0.6); +} +.wnck-pager:hover { + background-color: rgba(143, 168, 118, 0.2); +} .xfce4-panel.panel { background-color: #393939; - color: #DADADA; } - .xfce4-panel.panel frame > border { - border: 0; } - .xfce4-panel.panel label { - font-weight: normal; } + color: #DADADA; +} +.xfce4-panel.panel frame > border { + border: 0; +} +.xfce4-panel.panel label { + font-weight: normal; +} .gnome-panel-menu-bar button:not(#tasklist-button), .mate-panel-menu-bar button:not(#tasklist-button), .xfce4-panel.panel button { color: #DADADA; border-radius: 0; border: none; - background-color: rgba(47, 47, 47, 0); } - .gnome-panel-menu-bar button:hover:not(#tasklist-button), - .mate-panel-menu-bar button:hover:not(#tasklist-button), .xfce4-panel.panel button:hover { - border: none; - background-color: #494949; } - .gnome-panel-menu-bar button:active:not(#tasklist-button), - .mate-panel-menu-bar button:active:not(#tasklist-button), .xfce4-panel.panel button:active, .gnome-panel-menu-bar button:checked:not(#tasklist-button), - .mate-panel-menu-bar button:checked:not(#tasklist-button), .xfce4-panel.panel button:checked { - color: #ffffff; - border: none; - background-color: #92b372; } - .gnome-panel-menu-bar button:not(#tasklist-button) label, - .mate-panel-menu-bar button:not(#tasklist-button) label, .xfce4-panel.panel button label, .gnome-panel-menu-bar button:not(#tasklist-button) image, - .mate-panel-menu-bar button:not(#tasklist-button) image, .xfce4-panel.panel button image { - color: inherit; } + background-color: rgba(47, 47, 47, 0); +} +.gnome-panel-menu-bar button:hover:not(#tasklist-button), +.mate-panel-menu-bar button:hover:not(#tasklist-button), .xfce4-panel.panel button:hover { + border: none; + background-color: #494949; +} +.gnome-panel-menu-bar button:active:not(#tasklist-button), +.mate-panel-menu-bar button:active:not(#tasklist-button), .xfce4-panel.panel button:active, .gnome-panel-menu-bar button:checked:not(#tasklist-button), +.mate-panel-menu-bar button:checked:not(#tasklist-button), .xfce4-panel.panel button:checked { + color: #ffffff; + border: none; + background-color: #8fa876; +} +.gnome-panel-menu-bar button:not(#tasklist-button) label, +.mate-panel-menu-bar button:not(#tasklist-button) label, .xfce4-panel.panel button label, .gnome-panel-menu-bar button:not(#tasklist-button) image, +.mate-panel-menu-bar button:not(#tasklist-button) image, .xfce4-panel.panel button image { + color: inherit; +} .floating-bar { - background-color: #92b372; - color: #ffffff; } - .floating-bar.top { - border-radius: 0 0 2px 2px; } - .floating-bar.right { - border-radius: 2px 0 0 2px; } - .floating-bar.bottom { - border-radius: 2px 2px 0 0; } - .floating-bar.left { - border-radius: 0 2px 2px 0; } - .floating-bar .button { - background-color: transparent; - box-shadow: none; - border: none; } + background-color: #8fa876; + color: #ffffff; +} +.floating-bar.top { + border-radius: 0 0 2px 2px; +} +.floating-bar.right { + border-radius: 2px 0 0 2px; +} +.floating-bar.bottom { + border-radius: 2px 2px 0 0; +} +.floating-bar.left { + border-radius: 0 2px 2px 0; +} +.floating-bar .button { + background-color: transparent; + box-shadow: none; + border: none; +} BirdieWidgetsTweetList * { background-image: none; - background-color: transparent; } + background-color: transparent; +} MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { color: #ffffff; - background-color: #92b372; - outline-color: transparent; } - + background-color: #8fa876; + outline-color: transparent; +} MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; } - + background-color: transparent; +} MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; } + outline-color: transparent; +} .marlin-pathbar.pathbar { border-radius: 3px; padding-left: 4px; padding-right: 4px; - color: rgba(0, 0, 0, 0.87); - border-color: rgba(0, 0, 0, 0.17); - background-color: rgba(255, 255, 255, 0.9); } - .marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; } - .marlin-pathbar.pathbar:focus { - color: rgba(0, 0, 0, 0.87); - border-color: #92b372; - background-color: rgba(255, 255, 255, 0.9); } - .marlin-pathbar.pathbar:disabled { - color: rgba(0, 0, 0, 0.42); - background-color: rgba(255, 255, 255, 0.75); } - .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { - color: #92b372; } + color: rgba(255, 255, 255, 0.87); + border-color: rgba(13, 13, 13, 0.4); + background-color: rgba(99, 99, 99, 0.4); +} +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} +.marlin-pathbar.pathbar:focus { + color: rgba(255, 255, 255, 0.87); + border-color: #8fa876; + background-color: rgba(99, 99, 99, 0.4); +} +.marlin-pathbar.pathbar:disabled { + color: rgba(255, 255, 255, 0.42); + background-color: rgba(99, 99, 99, 0.25); +} +.marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { + color: #8fa876; +} .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-color: white; } - .gala-notification .title, .gala-notification .label { - color: #5c616c; } + background-color: white; +} +.gala-notification .title, .gala-notification .label { + color: #5c616c; +} PantheonTerminalPantheonTerminalWindow.background { - background-color: transparent; } + background-color: transparent; +} SwitchboardCategoryView .view:selected, SwitchboardCategoryView iconview:selected, SwitchboardCategoryView .view:selected:focus { - color: rgba(0, 0, 0, 0.87); } + color: rgba(255, 255, 255, 0.87); +} .cs-header { padding: 6px; - background-color: #f0f0f0; - border-bottom: 1px solid #c7c7c7; } + background-color: #353535; + border-bottom: 1px solid #292929; +} .xed-window .xed-panel.side notebook tab.top { - padding: 8px 12px; } - + padding: 8px 12px; +} .xed-window .xed-panel.bottom notebook.frame { - border: none; } - + border: none; +} .xed-window .small-button { - padding: 2px 4px; } - + padding: 2px 4px; +} .xed-window .xed-searchbar { - border: 0px solid #c7c7c7; - border-top-width: 1px; } - + border: 0px solid #292929; + border-top-width: 1px; +} .xed-window statusbar widget border { - border-color: transparent; } - + border-color: transparent; +} .xed-window statusbar button, .xed-window statusbar widget frame, .xed-window statusbar widget frame border { - padding: 0; } - + padding: 0; +} EvWindow .content-view .view:selected, EvWindow .content-view iconview:selected, EvWindow .content-view .view:focus:selected { - background-color: #92b372; - color: #ffffff; } + background-color: #8fa876; + color: #ffffff; +} .thunar .sidebar .view, .thunar .sidebar iconview { - background-color: #f3f2f2; - color: rgba(0, 0, 0, 0.87); } - .thunar .sidebar .view:selected, .thunar .sidebar iconview:selected, .thunar .sidebar .view:active, .thunar .sidebar iconview:active { - background: #92b372; - color: #ffffff; } - + background-color: #353535; + color: rgba(255, 255, 255, 0.87); +} +.thunar .sidebar .view:selected, .thunar .sidebar iconview:selected, .thunar .sidebar .view:active, .thunar .sidebar iconview:active { + background: #8fa876; + color: #ffffff; +} .thunar toolbar.horizontal button image, .thunar .horizontal.inline-toolbar button image { - -gtk-icon-transform: scale(0.9); } - -.thunar toolbar, .thunar .inline-toolbar { - color: rgba(0, 0, 0, 0.87); - background-color: #e8e8e8; } + -gtk-icon-transform: scale(0.9); +} #panel_window { background-color: #2f2f2f; color: #DADADA; font-weight: bold; - box-shadow: inset 0 -1px #1d1d1d; } - #panel_window menubar, - #panel_window menubar > menuitem { - background-color: transparent; - color: #DADADA; - font-weight: bold; } - #panel_window menubar menuitem:disabled { - color: rgba(218, 218, 218, 0.5); } - #panel_window menubar menuitem:disabled label { - color: inherit; } - #panel_window menubar menu > menuitem { - font-weight: normal; } + box-shadow: inset 0 -1px #1d1d1d; +} +#panel_window menubar, +#panel_window menubar > menuitem { + background-color: transparent; + color: #DADADA; + font-weight: bold; +} +#panel_window menubar menuitem:disabled { + color: rgba(218, 218, 218, 0.5); +} +#panel_window menubar menuitem:disabled label { + color: inherit; +} +#panel_window menubar menu > menuitem { + font-weight: normal; +} #login_window, #shutdown_dialog, @@ -3805,316 +4562,361 @@ EvWindow .content-view .view:focus:selected { font-weight: normal; border-style: none; background-color: transparent; - color: rgba(0, 0, 0, 0.87); } + color: rgba(255, 255, 255, 0.87); +} #content_frame { padding-bottom: 14px; - background-color: #f5f5f5; + background-color: #383838; border-top-left-radius: 2px; border-top-right-radius: 2px; border: solid rgba(0, 0, 0, 0.1); - border-width: 1px 1px 0 1px; } + border-width: 1px 1px 0 1px; +} #content_frame button { - color: rgba(0, 0, 0, 0.87); - outline-color: rgba(0, 0, 0, 0.17); - border-color: #c7c7c7; - background-color: #fafafa; } - #content_frame button:hover { - color: rgba(0, 0, 0, 0.87); - outline-color: rgba(0, 0, 0, 0.17); - border-color: #c7c7c7; - background-color: white; } - #content_frame button:active, #content_frame button:checked { - color: rgba(0, 0, 0, 0.87); - outline-color: rgba(0, 0, 0, 0.17); - border-color: #aeaeae; - background-color: rgba(0, 0, 0, 0.15); } - #content_frame button:disabled { - color: rgba(0, 0, 0, 0.42); - border-color: rgba(199, 199, 199, 0.55); - background-color: rgba(250, 250, 250, 0.55); } - #content_frame button:disabled label { - color: inherit; } + color: rgba(255, 255, 255, 0.87); + outline-color: rgba(255, 255, 255, 0.17); + border-color: #292929; + background-color: #454545; +} +#content_frame button:hover { + color: rgba(255, 255, 255, 0.87); + outline-color: rgba(255, 255, 255, 0.17); + border-color: #292929; + background-color: #525252; +} +#content_frame button:active, #content_frame button:checked { + color: rgba(255, 255, 255, 0.87); + outline-color: rgba(255, 255, 255, 0.17); + border-color: #0f0f0f; + background-color: rgba(0, 0, 0, 0.15); +} +#content_frame button:disabled { + color: rgba(255, 255, 255, 0.42); + border-color: rgba(41, 41, 41, 0.55); + background-color: rgba(69, 69, 69, 0.55); +} +#content_frame button:disabled label { + color: inherit; +} #buttonbox_frame { padding-top: 20px; padding-bottom: 0px; border-style: none; - background-color: #404040; + background-color: #2b2b2b; 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 #c7c7c7; } + box-shadow: inset 0 1px #212121; +} #buttonbox_frame button { color: #dbdbdb; outline-color: rgba(219, 219, 219, 0.3); - border-color: rgba(33, 33, 33, 0.4); - background-color: rgba(120, 120, 120, 0.4); } - #buttonbox_frame button:hover { - color: #dbdbdb; - outline-color: rgba(219, 219, 219, 0.3); - border-color: rgba(33, 33, 33, 0.4); - background-color: rgba(138, 138, 138, 0.5); } - #buttonbox_frame button:active, #buttonbox_frame button:checked { - color: #dbdbdb; - outline-color: rgba(219, 219, 219, 0.3); - border-color: rgba(33, 33, 33, 0.4); - background-color: rgba(0, 0, 0, 0.15); } - #buttonbox_frame button:disabled { - color: #6f6f6f; - border-color: rgba(33, 33, 33, 0.4); - background-color: rgba(120, 120, 120, 0.25); } + border-color: rgba(22, 22, 22, 0.4); + background-color: rgba(109, 109, 109, 0.4); +} +#buttonbox_frame button:hover { + color: #dbdbdb; + outline-color: rgba(219, 219, 219, 0.3); + border-color: rgba(22, 22, 22, 0.4); + background-color: rgba(127, 127, 127, 0.5); +} +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: #dbdbdb; + outline-color: rgba(219, 219, 219, 0.3); + border-color: rgba(22, 22, 22, 0.4); + background-color: rgba(0, 0, 0, 0.15); +} +#buttonbox_frame button:disabled { + color: #676767; + border-color: rgba(22, 22, 22, 0.4); + background-color: rgba(109, 109, 109, 0.25); +} #login_window #user_combobox { - color: rgba(0, 0, 0, 0.87); - font-size: 13px; } - #login_window #user_combobox menu { - font-weight: normal; } + color: rgba(255, 255, 255, 0.87); + font-size: 13px; +} +#login_window #user_combobox menu { + font-weight: normal; +} #user_image { padding: 3px; - border-radius: 2px; } + border-radius: 2px; +} #shutdown_button.button { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #F04A50; - border-color: #F04A50; } - #shutdown_button.button:hover { - background-clip: border-box; - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - background-color: #f4797e; - border-color: #f4797e; } - #shutdown_button.button:active, #shutdown_button.button:checked { - background-clip: border-box; - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - background-color: #ec1b22; - border-color: #ec1b22; } + border-color: #F04A50; +} +#shutdown_button.button:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #f4797e; + border-color: #f4797e; +} +#shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ec1b22; + border-color: #ec1b22; +} #restart_button.button { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #6db442; - border-color: #6db442; } - #restart_button.button:hover { - background-clip: border-box; - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - background-color: #88c663; - border-color: #88c663; } - #restart_button.button:active, #restart_button.button:checked { - background-clip: border-box; - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - background-color: #568f34; - border-color: #568f34; } + border-color: #6db442; +} +#restart_button.button:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #88c663; + border-color: #88c663; +} +#restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #568f34; + border-color: #568f34; +} #greeter_infobar { border-bottom-width: 0; - font-weight: bold; } + font-weight: bold; +} window.background.lightdm menubar > menuitem { - padding: 0 5px 0 5px; } - + padding: 0 5px 0 5px; +} window.background.lightdm button.flat.option-button { background-color: transparent; - color: #dadada; } - window.background.lightdm button.flat.option-button:hover { - border-color: rgba(199, 199, 199, 0.2); - background-color: rgba(0, 0, 0, 0.5); } - window.background.lightdm button.flat.option-button:active { - border-color: #c7c7c7; - background-color: #92b372; - color: #ffffff; } - + color: #dadada; +} +window.background.lightdm button.flat.option-button:hover { + border-color: rgba(41, 41, 41, 0.2); + background-color: rgba(0, 0, 0, 0.5); +} +window.background.lightdm button.flat.option-button:active { + border-color: #292929; + background-color: #8fa876; + color: #ffffff; +} window.background.lightdm button, window.background.lightdm button.toggle-button { border-color: transparent; background-color: transparent; - color: #dadada; } - window.background.lightdm button:hover, window.background.lightdm button.toggle-button:hover { - border-color: rgba(199, 199, 199, 0.2); - background-color: rgba(0, 0, 0, 0.5); } - window.background.lightdm button:active, window.background.lightdm button.selected, window.background.lightdm button.toggle-button:active, window.background.lightdm button.toggle-button.selected { - border-color: rgba(199, 199, 199, 0.2); - background-color: #92b372; - color: #ffffff; } - + color: #dadada; +} +window.background.lightdm button:hover, window.background.lightdm button.toggle-button:hover { + border-color: rgba(41, 41, 41, 0.2); + background-color: rgba(0, 0, 0, 0.5); +} +window.background.lightdm button:active, window.background.lightdm button.selected, window.background.lightdm button.toggle-button:active, window.background.lightdm button.toggle-button.selected { + border-color: rgba(41, 41, 41, 0.2); + background-color: #8fa876; + color: #ffffff; +} window.background.lightdm entry, window.background.lightdm .lightdm-combo entry { background: rgba(0, 0, 0, 0.5); - color: white; } - + color: white; +} window.background.lightdm entry:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - animation: spinner 1s linear infinite; } - + animation: spinner 1s linear infinite; +} window.background.lightdm .lightdm-combo { border-radius: 0; - background-color: transparent; } + background-color: transparent; +} -.ubiquity-menubar { - background-color: #3f3f3f; - color: #eeeeee; } - -@define-color theme_fg_color rgba(0, 0, 0, 0.87); -@define-color theme_text_color #303030; -@define-color theme_bg_color #f5f5f5; -@define-color theme_base_color #ffffff; -@define-color theme_selected_bg_color #92b372; +@define-color theme_fg_color rgba(255, 255, 255, 0.87); +@define-color theme_text_color #DADADA; +@define-color theme_bg_color #383838; +@define-color theme_base_color #404040; +@define-color theme_selected_bg_color #8fa876; @define-color theme_selected_fg_color #ffffff; -@define-color fg_color rgba(0, 0, 0, 0.87); -@define-color text_color #303030; -@define-color bg_color #f5f5f5; -@define-color base_color #ffffff; -@define-color selected_bg_color #92b372; +@define-color fg_color rgba(255, 255, 255, 0.87); +@define-color text_color #DADADA; +@define-color bg_color #383838; +@define-color base_color #404040; +@define-color selected_bg_color #8fa876; @define-color selected_fg_color #ffffff; -@define-color insensitive_bg_color #fbfbfb; -@define-color insensitive_fg_color alpha(black, 0.5); -@define-color insensitive_base_color #ffffff; -@define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.87); -@define-color theme_unfocused_text_color #303030; -@define-color theme_unfocused_bg_color #f5f5f5; -@define-color theme_unfocused_base_color #ffffff; -@define-color borders #c7c7c7; -@define-color unfocused_borders #c7c7c7; +@define-color insensitive_bg_color #3d3d3d; +@define-color insensitive_fg_color alpha(white, 0.5); +@define-color insensitive_base_color #404040; +@define-color theme_unfocused_fg_color rgba(255, 255, 255, 0.87); +@define-color theme_unfocused_text_color #DADADA; +@define-color theme_unfocused_bg_color #383838; +@define-color theme_unfocused_base_color #404040; +@define-color borders #292929; +@define-color unfocused_borders #292929; @define-color warning_color #f27835; @define-color error_color #FC4138; @define-color success_color #73d216; @define-color placeholder_text_color #A8A8A8; -@define-color content_view_bg #ffffff; -@define-color wm_title #404040; -@define-color wm_title_unfocused #9d9d9d; -@define-color wm_bg #e8e8e8; -@define-color wm_bg_unfocused #f0f0f0; -@define-color wm_highlight #EEEEEE; -@define-color wm_border #BDBDBD; -@define-color wm_border_unfocused #cacaca; +@define-color content_view_bg #404040; +@define-color wm_title rgba(255, 255, 255, 0.87); +@define-color wm_title_unfocused #a7a7a7; +@define-color wm_bg #2b2b2b; +@define-color wm_bg_unfocused #2f2f2f; +@define-color wm_highlight #373737; +@define-color wm_border #212121; +@define-color wm_border_unfocused #2e2e2e; @define-color wm_shadow alpha(black, 0.35); -@define-color wm_button_close_bg #92b372; -@define-color wm_button_close_hover_bg #b6cca0; -@define-color wm_button_close_active_bg #5f7c43; +@define-color wm_button_close_bg #8fa876; +@define-color wm_button_close_hover_bg #b3c4a2; +@define-color wm_button_close_active_bg #5c7147; @define-color wm_icon_close_bg #f8f8f8; -@define-color wm_button_hover_bg #fdfdfd; -@define-color wm_button_active_bg #909090; -@define-color wm_icon_bg #404040; -@define-color wm_icon_unfocused_bg #b6b6b6; -@define-color wm_icon_hover_bg #404040; +@define-color wm_button_hover_bg #4c4c4c; +@define-color wm_button_active_bg #949494; +@define-color wm_icon_bg #909090; +@define-color wm_icon_unfocused_bg #555555; +@define-color wm_icon_hover_bg #C4C7CC; @define-color wm_icon_active_bg #ffffff; /* Based on _Adwaita-base.scss from libhandy */ popover.combo { - padding: 0; } - popover.combo list { - background-color: transparent; } - popover.combo list > row { - padding: 0 10px; - min-height: 50px; } - + padding: 0; +} +popover.combo list { + background-color: transparent; +} +popover.combo list > row { + padding: 0 10px; + min-height: 50px; +} row.expander { - padding: 0px; } - row.expander:checked image.expander-row-arrow:not(:disabled) { - color: #92b372; } - row.expander image.expander-row-arrow:disabled { - color: rgba(0, 0, 0, 0.42); } + padding: 0px; +} +row.expander:checked image.expander-row-arrow:not(:disabled) { + color: #8fa876; +} +row.expander image.expander-row-arrow:disabled { + color: rgba(255, 255, 255, 0.42); +} keypad .digit { font-size: 200%; - font-weight: bold; } - + font-weight: bold; +} keypad .letters { - font-size: 70%; } - + font-size: 70%; +} keypad .symbol { - font-size: 160%; } + font-size: 160%; +} viewswitcher, viewswitcher button { margin: 0; - padding: 0; } - + padding: 0; +} viewswitcher button { border-radius: 0; border-top: 0; - border-bottom: 0; } - viewswitcher button:not(:checked):not(:hover) { - background: transparent; - border-color: transparent; } - viewswitcher button:checked, viewswitcher button:active { - border-color: #92b372; } - viewswitcher button > stack > box.narrow { - font-size: 0.75rem; - padding-top: 7px; - padding-bottom: 5px; } - viewswitcher button > stack > box.narrow image, - viewswitcher button > stack > box.narrow label { - padding-left: 8px; - padding-right: 8px; } - viewswitcher button > stack > box.wide { - padding: 8px 10px; } - viewswitcher button > stack > box.wide label:dir(ltr) { - padding-right: 7px; } - viewswitcher button > stack > box.wide label:dir(rtl) { - padding-left: 7px; } - viewswitcher button.needs-attention > stack > box label { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#92b372), to(transparent)); - background-size: 6px 6px; - background-repeat: no-repeat; - background-position: right 0px; } - viewswitcher button.needs-attention > stack > box label:dir(rtl) { - background-position: left 0px; } - viewswitcher button.needs-attention:active > stack > box label { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#ffffff), to(transparent)); } + border-bottom: 0; +} +viewswitcher button:not(:checked):not(:hover) { + background: transparent; + border-color: transparent; +} +viewswitcher button:checked, viewswitcher button:active { + border-color: #8fa876; +} +viewswitcher button > stack > box.narrow { + font-size: 0.75rem; + padding-top: 7px; + padding-bottom: 5px; +} +viewswitcher button > stack > box.narrow image, +viewswitcher button > stack > box.narrow label { + padding-left: 8px; + padding-right: 8px; +} +viewswitcher button > stack > box.wide { + padding: 8px 10px; +} +viewswitcher button > stack > box.wide label:dir(ltr) { + padding-right: 7px; +} +viewswitcher button > stack > box.wide label:dir(rtl) { + padding-left: 7px; +} +viewswitcher button.needs-attention > stack > box label { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#8fa876), to(transparent)); + background-size: 6px 6px; + background-repeat: no-repeat; + background-position: right 0px; +} +viewswitcher button.needs-attention > stack > box label:dir(rtl) { + background-position: left 0px; +} +viewswitcher button.needs-attention:active > stack > box label { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#ffffff), to(transparent)); +} viewswitcherbar actionbar > revealer > box { - padding: 0; } + padding: 0; +} list.content, list.content list { - background-color: transparent; } - + background-color: transparent; +} list.content list.nested > row:not(:active):not(:hover):not(:selected), list.content list.nested > row:not(:active):hover:not(.activatable):not(:selected) { - background-color: #fafafa; } - + background-color: #3c3c3c; +} list.content list.nested > row:not(:active):hover.activatable:not(:selected) { - background-color: #f2f2f2; } - + background-color: #464646; +} list.content > row:not(.expander):not(:active):not(:hover):not(:selected), list.content > row:not(.expander):not(:active):hover:not(.activatable):not(:selected), list.content > row.expander row.header:not(:active):not(:hover):not(:selected), list.content > row.expander row.header:not(:active):hover:not(.activatable):not(:selected) { - background-color: #ffffff; } - + background-color: #404040; +} list.content > row:not(.expander):not(:active):hover.activatable:not(:selected), list.content > row.expander row.header:not(:active):hover.activatable:not(:selected) { - background-color: #f2f2f2; } - + background-color: #464646; +} list.content > row, list.content > row list > row { - border-color: #c7c7c7; + border-color: #292929; border-style: solid; - transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} list.content > row:not(:last-child) { - border-width: 1px 1px 0px 1px; } - + border-width: 1px 1px 0px 1px; +} list.content > row:last-child, list.content > row.checked-expander-row-previous-sibling, list.content > row.expander:checked { - border-width: 1px; } - + border-width: 1px; +} list.content > row.expander:checked:not(:first-child), list.content > row.expander:checked + row { - margin-top: 5px; } + margin-top: 5px; +} window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized), window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration, window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration-overlay { - border-radius: 3px; } + border-radius: 3px; +} .windowhandle separator.sidebar:dir(ltr), .windowhandle separator.sidebar.left, .windowhandle separator.sidebar.left:dir(rtl), .windowhandle separator.sidebar:dir(rtl), .windowhandle separator.sidebar.right { - background-color: #BDBDBD; - margin: 0; } + background-color: #212121; + margin: 0; +} hdyleaflet:last-child headerbar { - border-top-right-radius: 8px; } - + border-top-right-radius: 8px; +} hdyleaflet:first-child headerbar { - border-top-left-radius: 8px; } + border-top-left-radius: 8px; +} \ No newline at end of file diff --git a/gtk-3.0/parse-sass.sh b/gtk-3.0/parse-sass.sh deleted file mode 100755 index 98adf21..0000000 --- a/gtk-3.0/parse-sass.sh +++ /dev/null @@ -1,4 +0,0 @@ -#! /bin/bash - -sassc ./sass/gtk.scss gtk.css -sassc ./sass/gtk-dark.scss gtk-dark.css \ No newline at end of file diff --git a/gtk-3.0/sass/gtk-dark.scss b/gtk-3.0/sass/gtk-dark.scss deleted file mode 100755 index cb1ffe7..0000000 --- a/gtk-3.0/sass/gtk-dark.scss +++ /dev/null @@ -1,10 +0,0 @@ -$variant: 'dark'; -$tint: 'no-tint'; - -@import 'colors'; -@import 'drawing'; -@import 'common'; -@import 'applications'; -@import 'lightdm'; -@import 'colors-public'; -@import 'libhandy'; \ No newline at end of file diff --git a/gtk-3.0/sass/gtk.scss b/gtk-3.0/sass/gtk.scss index 1dd5b14..cb1ffe7 100755 --- a/gtk-3.0/sass/gtk.scss +++ b/gtk-3.0/sass/gtk.scss @@ -1,4 +1,4 @@ -$variant: 'light'; +$variant: 'dark'; $tint: 'no-tint'; @import 'colors'; @@ -6,6 +6,5 @@ $tint: 'no-tint'; @import 'common'; @import 'applications'; @import 'lightdm'; -@import 'ubiquity'; @import 'colors-public'; @import 'libhandy'; \ No newline at end of file diff --git a/gtk-3.0/thumbnail-dark.png b/gtk-3.0/thumbnail-dark.png deleted file mode 100755 index 23f120b..0000000 Binary files a/gtk-3.0/thumbnail-dark.png and /dev/null differ diff --git a/gtk-3.0/thumbnail.png b/gtk-3.0/thumbnail.png index 31bd9dc..23f120b 100755 Binary files a/gtk-3.0/thumbnail.png and b/gtk-3.0/thumbnail.png differ diff --git a/index.theme b/index.theme index 3652e83..1a49458 100755 --- a/index.theme +++ b/index.theme @@ -1,12 +1,12 @@ [Desktop Entry] Type=X-GNOME-Metatheme -Name=Mint-Y +Name=one-dark Comment=A flat theme with transparent elements Encoding=UTF-8 [X-GNOME-Metatheme] -GtkTheme=Mint-Y -MetacityTheme=Mint-Y -IconTheme=Mint-Y +GtkTheme=one-dark +MetacityTheme=one-dark +IconTheme=Reversal-green-dark CursorTheme=DMZ-Black ButtonLayout=menu:minimize,maximize,close diff --git a/index.theme-dark b/index.theme-dark deleted file mode 100755 index c8f3fc4..0000000 --- a/index.theme-dark +++ /dev/null @@ -1,12 +0,0 @@ -[Desktop Entry] -Type=X-GNOME-Metatheme -Name=Mint-Y-Dark -Comment=A dark flat theme with transparent elements -Encoding=UTF-8 - -[X-GNOME-Metatheme] -GtkTheme=Mint-Y-Dark -MetacityTheme=Mint-Y -IconTheme=Mint-Y-Dark -CursorTheme=DMZ-Black -ButtonLayout=menu:minimize,maximize,close diff --git a/metacity-1/button-bg.svg b/metacity-1/button-bg.svg index e739632..d49eccc 100755 --- a/metacity-1/button-bg.svg +++ b/metacity-1/button-bg.svg @@ -1,106 +1 @@ - -image/svg+xml \ No newline at end of file + \ No newline at end of file diff --git a/metacity-1/close-icon.svg b/metacity-1/close-icon.svg index c14288c..b329458 100755 --- a/metacity-1/close-icon.svg +++ b/metacity-1/close-icon.svg @@ -1,60 +1 @@ - - - - - - image/svg+xml - - - - - - - - + \ No newline at end of file diff --git a/metacity-1/max-icon.svg b/metacity-1/max-icon.svg index 8a05802..b8cd281 100755 --- a/metacity-1/max-icon.svg +++ b/metacity-1/max-icon.svg @@ -1,63 +1 @@ - - - - - - image/svg+xml - - - - - - - - - - + \ No newline at end of file diff --git a/metacity-1/menu-icon.svg b/metacity-1/menu-icon.svg index 7b44703..5c9688a 100755 --- a/metacity-1/menu-icon.svg +++ b/metacity-1/menu-icon.svg @@ -1,69 +1 @@ - -image/svg+xml \ No newline at end of file + \ No newline at end of file diff --git a/metacity-1/metacity-theme-3.xml b/metacity-1/metacity-theme-3.xml index dab73f0..52dbcb0 100755 --- a/metacity-1/metacity-theme-3.xml +++ b/metacity-1/metacity-theme-3.xml @@ -1,10 +1,10 @@ - Mint-Y - Linux Mint - GPL - September 2021 + one-dark + yutent + MIT + May 2022 A pleasant theme built to adapt to many color schemes as well as be optimal for both high and low resolution displays. @@ -40,10 +40,10 @@ - + - + diff --git a/metacity-1/min-icon.svg b/metacity-1/min-icon.svg index 84dddb3..bce77ac 100755 --- a/metacity-1/min-icon.svg +++ b/metacity-1/min-icon.svg @@ -1,63 +1 @@ - - - - - - image/svg+xml - - - - - - - - - - + \ No newline at end of file diff --git a/metacity-1/restore-icon.svg b/metacity-1/restore-icon.svg index 9b3d891..578d78c 100755 --- a/metacity-1/restore-icon.svg +++ b/metacity-1/restore-icon.svg @@ -1,72 +1 @@ - - - - - - image/svg+xml - - - - - - - - - - - - - + \ No newline at end of file diff --git a/metacity-1/shade-icon.svg b/metacity-1/shade-icon.svg index ca36b4f..7fad499 100755 --- a/metacity-1/shade-icon.svg +++ b/metacity-1/shade-icon.svg @@ -1,75 +1 @@ - -image/svg+xml \ No newline at end of file + \ No newline at end of file diff --git a/metacity-1/stick-icon.svg b/metacity-1/stick-icon.svg index 06c54c6..bd35e9f 100755 --- a/metacity-1/stick-icon.svg +++ b/metacity-1/stick-icon.svg @@ -1,63 +1 @@ - -image/svg+xml \ No newline at end of file + \ No newline at end of file diff --git a/metacity-1/unshade-icon.svg b/metacity-1/unshade-icon.svg index 1081dce..4d16089 100755 --- a/metacity-1/unshade-icon.svg +++ b/metacity-1/unshade-icon.svg @@ -1,69 +1 @@ - -image/svg+xml \ No newline at end of file + \ No newline at end of file diff --git a/metacity-1/unstick-icon.svg b/metacity-1/unstick-icon.svg index 9c968e2..0cad1e0 100755 --- a/metacity-1/unstick-icon.svg +++ b/metacity-1/unstick-icon.svg @@ -1,70 +1 @@ - -image/svg+xml \ No newline at end of file + \ No newline at end of file diff --git a/package.json b/package.json new file mode 100644 index 0000000..eaa8423 --- /dev/null +++ b/package.json @@ -0,0 +1,5 @@ +{ + "name": "one-dark", + "version": "1.0.0", + "type": "module" +} diff --git a/update-theme.sh b/update-theme.sh index 17acff0..4a6848d 100644 --- a/update-theme.sh +++ b/update-theme.sh @@ -1,16 +1,28 @@ # 控件主题 +echo "重置控件主题……" gsettings set org.cinnamon.desktop.interface gtk-theme "Mint-Y" +echo "重置完成, 0.5秒之后, 修改为one-dark" +sleep 0.5 +gsettings set org.cinnamon.desktop.interface gtk-theme "one-dark" # 鼠标主题 -gsettings set org.cinnamon.desktop.interface cursor-theme "Adwaita" +# gsettings set org.cinnamon.desktop.interface cursor-theme "Adwaita" # 图标主题 -gsettings set org.cinnamon.desktop.interface icon-theme "Mint-Y" +# gsettings set org.cinnamon.desktop.interface icon-theme "Mint-Y" # 桌面主题 +echo "重置桌面主题……" gsettings set org.cinnamon.theme name "Mint-Y" +echo "重置完成, 0.5秒之后, 修改为one-dark" +sleep 0.5 +gsettings set org.cinnamon.theme name "one-dark" # 窗口主题 -gsettings set org.cinnamon.desktop.wm.preferences theme "Mint-Y" \ No newline at end of file +echo "重置窗口主题……" +gsettings set org.cinnamon.desktop.wm.preferences theme "Mint-Y" +echo "重置完成, 0.5秒之后, 修改为one-dark" +sleep 0.5 +gsettings set org.cinnamon.desktop.wm.preferences theme "one-dark" \ No newline at end of file diff --git a/xfwm4-dark/assets.svg b/xfwm4-dark/assets.svg deleted file mode 100755 index caf9277..0000000 --- a/xfwm4-dark/assets.svg +++ /dev/null @@ -1,2484 +0,0 @@ - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/xfwm4-dark/assets.txt b/xfwm4-dark/assets.txt deleted file mode 100755 index a2f9859..0000000 --- a/xfwm4-dark/assets.txt +++ /dev/null @@ -1,52 +0,0 @@ -close-active -close-inactive -close-prelight -close-pressed -hide-active -hide-inactive -hide-prelight -hide-pressed -maximize-active -maximize-inactive -maximize-prelight -maximize-pressed -maximize-toggled-active -maximize-toggled-inactive -maximize-toggled-prelight -maximize-toggled-pressed -menu-active -menu-inactive -menu-prelight -menu-pressed -shade-active -shade-inactive -shade-prelight -shade-pressed -shade-toggled-active -shade-toggled-inactive -shade-toggled-prelight -shade-toggled-pressed -stick-active -stick-inactive -stick-prelight -stick-pressed -stick-toggled-active -stick-toggled-inactive -stick-toggled-prelight -stick-toggled-pressed -title-1-active -title-1-inactive -top-left-active -top-left-inactive -top-right-active -top-right-inactive -left-active -left-inactive -right-active -right-inactive -bottom-active -bottom-inactive -bottom-left-active -bottom-left-inactive -bottom-right-active -bottom-right-inactive diff --git a/xfwm4-dark/bottom-active.png b/xfwm4-dark/bottom-active.png deleted file mode 100755 index fd8a96b..0000000 Binary files a/xfwm4-dark/bottom-active.png and /dev/null differ diff --git a/xfwm4-dark/bottom-inactive.png b/xfwm4-dark/bottom-inactive.png deleted file mode 100755 index fd8a96b..0000000 Binary files a/xfwm4-dark/bottom-inactive.png and /dev/null differ diff --git a/xfwm4-dark/bottom-left-active.png b/xfwm4-dark/bottom-left-active.png deleted file mode 100755 index f6c32d1..0000000 Binary files a/xfwm4-dark/bottom-left-active.png and /dev/null differ diff --git a/xfwm4-dark/bottom-left-inactive.png b/xfwm4-dark/bottom-left-inactive.png deleted file mode 100755 index f6c32d1..0000000 Binary files a/xfwm4-dark/bottom-left-inactive.png and /dev/null differ diff --git a/xfwm4-dark/bottom-right-active.png b/xfwm4-dark/bottom-right-active.png deleted file mode 100755 index 3c191ef..0000000 Binary files a/xfwm4-dark/bottom-right-active.png and /dev/null differ diff --git a/xfwm4-dark/bottom-right-inactive.png b/xfwm4-dark/bottom-right-inactive.png deleted file mode 100755 index 3c191ef..0000000 Binary files a/xfwm4-dark/bottom-right-inactive.png and /dev/null differ diff --git a/xfwm4-dark/close-active.png b/xfwm4-dark/close-active.png deleted file mode 100755 index 66424fe..0000000 Binary files a/xfwm4-dark/close-active.png and /dev/null differ diff --git a/xfwm4-dark/close-inactive.png b/xfwm4-dark/close-inactive.png deleted file mode 100755 index 0258183..0000000 Binary files a/xfwm4-dark/close-inactive.png and /dev/null differ diff --git a/xfwm4-dark/close-prelight.png b/xfwm4-dark/close-prelight.png deleted file mode 100755 index 1455cf7..0000000 Binary files a/xfwm4-dark/close-prelight.png and /dev/null differ diff --git a/xfwm4-dark/close-pressed.png b/xfwm4-dark/close-pressed.png deleted file mode 100755 index 708ce3a..0000000 Binary files a/xfwm4-dark/close-pressed.png and /dev/null differ diff --git a/xfwm4-dark/hide-active.png b/xfwm4-dark/hide-active.png deleted file mode 100755 index b1ff17f..0000000 Binary files a/xfwm4-dark/hide-active.png and /dev/null differ diff --git a/xfwm4-dark/hide-inactive.png b/xfwm4-dark/hide-inactive.png deleted file mode 100755 index 601a2d8..0000000 Binary files a/xfwm4-dark/hide-inactive.png and /dev/null differ diff --git a/xfwm4-dark/hide-prelight.png b/xfwm4-dark/hide-prelight.png deleted file mode 100755 index 80ee586..0000000 Binary files a/xfwm4-dark/hide-prelight.png and /dev/null differ diff --git a/xfwm4-dark/hide-pressed.png b/xfwm4-dark/hide-pressed.png deleted file mode 100755 index b0ba109..0000000 Binary files a/xfwm4-dark/hide-pressed.png and /dev/null differ diff --git a/xfwm4-dark/left-active.png b/xfwm4-dark/left-active.png deleted file mode 100755 index a590c5e..0000000 Binary files a/xfwm4-dark/left-active.png and /dev/null differ diff --git a/xfwm4-dark/left-inactive.png b/xfwm4-dark/left-inactive.png deleted file mode 100755 index a590c5e..0000000 Binary files a/xfwm4-dark/left-inactive.png and /dev/null differ diff --git a/xfwm4-dark/maximize-active.png b/xfwm4-dark/maximize-active.png deleted file mode 100755 index a7e1a9e..0000000 Binary files a/xfwm4-dark/maximize-active.png and /dev/null differ diff --git a/xfwm4-dark/maximize-inactive.png b/xfwm4-dark/maximize-inactive.png deleted file mode 100755 index 2016d84..0000000 Binary files a/xfwm4-dark/maximize-inactive.png and /dev/null differ diff --git a/xfwm4-dark/maximize-prelight.png b/xfwm4-dark/maximize-prelight.png deleted file mode 100755 index c1330f3..0000000 Binary files a/xfwm4-dark/maximize-prelight.png and /dev/null differ diff --git a/xfwm4-dark/maximize-pressed.png b/xfwm4-dark/maximize-pressed.png deleted file mode 100755 index e15d4e6..0000000 Binary files a/xfwm4-dark/maximize-pressed.png and /dev/null differ diff --git a/xfwm4-dark/maximize-toggled-active.png b/xfwm4-dark/maximize-toggled-active.png deleted file mode 100755 index 22f3052..0000000 Binary files a/xfwm4-dark/maximize-toggled-active.png and /dev/null differ diff --git a/xfwm4-dark/maximize-toggled-inactive.png b/xfwm4-dark/maximize-toggled-inactive.png deleted file mode 100755 index 2f02216..0000000 Binary files a/xfwm4-dark/maximize-toggled-inactive.png and /dev/null differ diff --git a/xfwm4-dark/maximize-toggled-prelight.png b/xfwm4-dark/maximize-toggled-prelight.png deleted file mode 100755 index 5536386..0000000 Binary files a/xfwm4-dark/maximize-toggled-prelight.png and /dev/null differ diff --git a/xfwm4-dark/maximize-toggled-pressed.png b/xfwm4-dark/maximize-toggled-pressed.png deleted file mode 100755 index 89dc63f..0000000 Binary files a/xfwm4-dark/maximize-toggled-pressed.png and /dev/null differ diff --git a/xfwm4-dark/menu-active.png b/xfwm4-dark/menu-active.png deleted file mode 100755 index 888279e..0000000 Binary files a/xfwm4-dark/menu-active.png and /dev/null differ diff --git a/xfwm4-dark/menu-inactive.png b/xfwm4-dark/menu-inactive.png deleted file mode 100755 index 99be639..0000000 Binary files a/xfwm4-dark/menu-inactive.png and /dev/null differ diff --git a/xfwm4-dark/menu-prelight.png b/xfwm4-dark/menu-prelight.png deleted file mode 100755 index 9b1ce4b..0000000 Binary files a/xfwm4-dark/menu-prelight.png and /dev/null differ diff --git a/xfwm4-dark/menu-pressed.png b/xfwm4-dark/menu-pressed.png deleted file mode 100755 index 636a203..0000000 Binary files a/xfwm4-dark/menu-pressed.png and /dev/null differ diff --git a/xfwm4-dark/render-assets.sh b/xfwm4-dark/render-assets.sh deleted file mode 100755 index b0c9387..0000000 --- a/xfwm4-dark/render-assets.sh +++ /dev/null @@ -1,29 +0,0 @@ -#! /bin/bash - -INKSCAPE="inkscape" -OPTIPNG="optipng" - -SRC_FILE="assets.svg" -ASSETS_DIR="." - -INDEX="assets.txt" - -# check command avalibility -has_command() { - "$1" -v $1 > /dev/null 2>&1 -} - -mkdir -p $ASSETS_DIR - -for i in `cat $INDEX` -do -if ! [ -f $ASSETS_DIR/$i.png ]; then - echo Rendering $ASSETS_DIR/$i.png - - $INKSCAPE --export-id=$i \ - --export-id-only \ - --export-png=$ASSETS_DIR/$i.png $SRC_FILE >/dev/null - $OPTIPNG -o7 --quiet $ASSETS_DIR/$i.png -fi -done -exit 0 diff --git a/xfwm4-dark/right-active.png b/xfwm4-dark/right-active.png deleted file mode 100755 index 67fdeb8..0000000 Binary files a/xfwm4-dark/right-active.png and /dev/null differ diff --git a/xfwm4-dark/right-inactive.png b/xfwm4-dark/right-inactive.png deleted file mode 100755 index 67fdeb8..0000000 Binary files a/xfwm4-dark/right-inactive.png and /dev/null differ diff --git a/xfwm4-dark/shade-active.png b/xfwm4-dark/shade-active.png deleted file mode 100755 index 555cb2c..0000000 Binary files a/xfwm4-dark/shade-active.png and /dev/null differ diff --git a/xfwm4-dark/shade-inactive.png b/xfwm4-dark/shade-inactive.png deleted file mode 100755 index 6c1ec4b..0000000 Binary files a/xfwm4-dark/shade-inactive.png and /dev/null differ diff --git a/xfwm4-dark/shade-prelight.png b/xfwm4-dark/shade-prelight.png deleted file mode 100755 index ce7bd0c..0000000 Binary files a/xfwm4-dark/shade-prelight.png and /dev/null differ diff --git a/xfwm4-dark/shade-pressed.png b/xfwm4-dark/shade-pressed.png deleted file mode 100755 index 8c825d8..0000000 Binary files a/xfwm4-dark/shade-pressed.png and /dev/null differ diff --git a/xfwm4-dark/shade-toggled-active.png b/xfwm4-dark/shade-toggled-active.png deleted file mode 100755 index 555cb2c..0000000 Binary files a/xfwm4-dark/shade-toggled-active.png and /dev/null differ diff --git a/xfwm4-dark/shade-toggled-inactive.png b/xfwm4-dark/shade-toggled-inactive.png deleted file mode 100755 index 6c1ec4b..0000000 Binary files a/xfwm4-dark/shade-toggled-inactive.png and /dev/null differ diff --git a/xfwm4-dark/shade-toggled-prelight.png b/xfwm4-dark/shade-toggled-prelight.png deleted file mode 100755 index ce7bd0c..0000000 Binary files a/xfwm4-dark/shade-toggled-prelight.png and /dev/null differ diff --git a/xfwm4-dark/shade-toggled-pressed.png b/xfwm4-dark/shade-toggled-pressed.png deleted file mode 100755 index 8c825d8..0000000 Binary files a/xfwm4-dark/shade-toggled-pressed.png and /dev/null differ diff --git a/xfwm4-dark/stick-active.png b/xfwm4-dark/stick-active.png deleted file mode 100755 index fa2e5de..0000000 Binary files a/xfwm4-dark/stick-active.png and /dev/null differ diff --git a/xfwm4-dark/stick-inactive.png b/xfwm4-dark/stick-inactive.png deleted file mode 100755 index 3cc931d..0000000 Binary files a/xfwm4-dark/stick-inactive.png and /dev/null differ diff --git a/xfwm4-dark/stick-prelight.png b/xfwm4-dark/stick-prelight.png deleted file mode 100755 index f955ffd..0000000 Binary files a/xfwm4-dark/stick-prelight.png and /dev/null differ diff --git a/xfwm4-dark/stick-pressed.png b/xfwm4-dark/stick-pressed.png deleted file mode 100755 index 33ebd7a..0000000 Binary files a/xfwm4-dark/stick-pressed.png and /dev/null differ diff --git a/xfwm4-dark/stick-toggled-active.png b/xfwm4-dark/stick-toggled-active.png deleted file mode 100755 index 7901976..0000000 Binary files a/xfwm4-dark/stick-toggled-active.png and /dev/null differ diff --git a/xfwm4-dark/stick-toggled-inactive.png b/xfwm4-dark/stick-toggled-inactive.png deleted file mode 100755 index c8b0a38..0000000 Binary files a/xfwm4-dark/stick-toggled-inactive.png and /dev/null differ diff --git a/xfwm4-dark/stick-toggled-prelight.png b/xfwm4-dark/stick-toggled-prelight.png deleted file mode 100755 index 9e2ba78..0000000 Binary files a/xfwm4-dark/stick-toggled-prelight.png and /dev/null differ diff --git a/xfwm4-dark/stick-toggled-pressed.png b/xfwm4-dark/stick-toggled-pressed.png deleted file mode 100755 index a3850ce..0000000 Binary files a/xfwm4-dark/stick-toggled-pressed.png and /dev/null differ diff --git a/xfwm4-dark/themerc b/xfwm4-dark/themerc deleted file mode 100755 index b765b1c..0000000 --- a/xfwm4-dark/themerc +++ /dev/null @@ -1,24 +0,0 @@ -# Default values can be found here: -# https://git.xfce.org/xfce/xfwm4/tree/defaults/defaults -# or -# /usr/share/xfwm4/defaults - -active_text_color=#e3e3e3 -active_text_shadow_color=#e3e3e3 -inactive_text_color=#acacac -inactive_text_shadow_color=#acacac -title_shadow_active=false -title_shadow_inactive=false -full_width_title=true -title_vertical_offset_active=0 -title_vertical_offset_inactive=0 -button_offset=4 -button_spacing=0 -shadow_delta_height=2 -shadow_delta_width=0 -shadow_delta_x=0 -shadow_delta_y=-10 -shadow_opacity=50 -show_app_icon=false -show_popup_shadow=true - diff --git a/xfwm4-dark/title-1-active.png b/xfwm4-dark/title-1-active.png deleted file mode 100755 index 3ed1f73..0000000 Binary files a/xfwm4-dark/title-1-active.png and /dev/null differ diff --git a/xfwm4-dark/title-1-inactive.png b/xfwm4-dark/title-1-inactive.png deleted file mode 100755 index 3ed1f73..0000000 Binary files a/xfwm4-dark/title-1-inactive.png and /dev/null differ diff --git a/xfwm4-dark/title-2-active.png b/xfwm4-dark/title-2-active.png deleted file mode 120000 index b4aa42b..0000000 --- a/xfwm4-dark/title-2-active.png +++ /dev/null @@ -1 +0,0 @@ -title-1-active.png \ No newline at end of file diff --git a/xfwm4-dark/title-2-inactive.png b/xfwm4-dark/title-2-inactive.png deleted file mode 120000 index 6cd8713..0000000 --- a/xfwm4-dark/title-2-inactive.png +++ /dev/null @@ -1 +0,0 @@ -title-1-inactive.png \ No newline at end of file diff --git a/xfwm4-dark/title-3-active.png b/xfwm4-dark/title-3-active.png deleted file mode 120000 index b4aa42b..0000000 --- a/xfwm4-dark/title-3-active.png +++ /dev/null @@ -1 +0,0 @@ -title-1-active.png \ No newline at end of file diff --git a/xfwm4-dark/title-3-inactive.png b/xfwm4-dark/title-3-inactive.png deleted file mode 120000 index 6cd8713..0000000 --- a/xfwm4-dark/title-3-inactive.png +++ /dev/null @@ -1 +0,0 @@ -title-1-inactive.png \ No newline at end of file diff --git a/xfwm4-dark/title-4-active.png b/xfwm4-dark/title-4-active.png deleted file mode 120000 index b4aa42b..0000000 --- a/xfwm4-dark/title-4-active.png +++ /dev/null @@ -1 +0,0 @@ -title-1-active.png \ No newline at end of file diff --git a/xfwm4-dark/title-4-inactive.png b/xfwm4-dark/title-4-inactive.png deleted file mode 120000 index 6cd8713..0000000 --- a/xfwm4-dark/title-4-inactive.png +++ /dev/null @@ -1 +0,0 @@ -title-1-inactive.png \ No newline at end of file diff --git a/xfwm4-dark/title-5-active.png b/xfwm4-dark/title-5-active.png deleted file mode 120000 index b4aa42b..0000000 --- a/xfwm4-dark/title-5-active.png +++ /dev/null @@ -1 +0,0 @@ -title-1-active.png \ No newline at end of file diff --git a/xfwm4-dark/title-5-inactive.png b/xfwm4-dark/title-5-inactive.png deleted file mode 120000 index 6cd8713..0000000 --- a/xfwm4-dark/title-5-inactive.png +++ /dev/null @@ -1 +0,0 @@ -title-1-inactive.png \ No newline at end of file diff --git a/xfwm4-dark/top-left-active.png b/xfwm4-dark/top-left-active.png deleted file mode 100755 index a8f1bb3..0000000 Binary files a/xfwm4-dark/top-left-active.png and /dev/null differ diff --git a/xfwm4-dark/top-left-inactive.png b/xfwm4-dark/top-left-inactive.png deleted file mode 100755 index a8f1bb3..0000000 Binary files a/xfwm4-dark/top-left-inactive.png and /dev/null differ diff --git a/xfwm4-dark/top-right-active.png b/xfwm4-dark/top-right-active.png deleted file mode 100755 index d187d34..0000000 Binary files a/xfwm4-dark/top-right-active.png and /dev/null differ diff --git a/xfwm4-dark/top-right-inactive.png b/xfwm4-dark/top-right-inactive.png deleted file mode 100755 index d187d34..0000000 Binary files a/xfwm4-dark/top-right-inactive.png and /dev/null differ diff --git a/xfwm4/assets.svg b/xfwm4/assets.svg index 4a2fe28..caf9277 100755 --- a/xfwm4/assets.svg +++ b/xfwm4/assets.svg @@ -40,9 +40,9 @@ borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" - inkscape:zoom="13.665435" - inkscape:cx="134.91118" - inkscape:cy="102.58318" + inkscape:zoom="16" + inkscape:cx="138.92577" + inkscape:cy="100.72749" inkscape:document-units="px" inkscape:current-layer="layer1" showgrid="true" @@ -105,14 +105,14 @@ width="32" height="36" id="rect2-8-9" - style="fill:#e8e8e8;fill-opacity:1;stroke-width:1.16927004" + style="fill:#2b2b2b;fill-opacity:1;stroke-width:1.16927004" x="197" y="554.36212" /> + style="fill:#2b2b2b;fill-opacity:1;stroke-width:0.97524202" /> @@ -137,7 +137,7 @@ style="fill:#ffffff;stroke-width:0.28984001"> @@ -155,14 +155,14 @@ width="32" height="36" id="rect2-8-9-2" - style="display:inline;fill:#e8e8e8;fill-opacity:1;stroke-width:1.16927004" + style="display:inline;fill:#2b2b2b;fill-opacity:1;stroke-width:1.16927004" x="247" y="549.36212" /> + style="display:inline;fill:#2b2b2b;fill-opacity:1;stroke-width:0.97524202" /> + style="fill:#949494;fill-opacity:1;stroke-width:2.24925423" /> @@ -192,7 +192,7 @@ width="0.26458001" height="2.6458001" id="rect4573-0" - style="fill:#3d3d3d;fill-opacity:1;stroke-width:0.19721" /> + style="fill:#fefefe;fill-opacity:1;stroke-width:0.19721" /> @@ -259,14 +259,14 @@ width="2" height="47.314285" id="rect2-01" - style="fill:#e8e8e8;fill-opacity:1;stroke-width:1.19896" + style="fill:#2b2b2b;fill-opacity:1;stroke-width:1.19896" x="0" y="0" /> + style="fill:#2b2b2b;fill-opacity:1" /> + style="fill:#2b2b2b;fill-opacity:1" /> + style="fill:#2b2b2b;fill-opacity:1;stroke:none;stroke-width:0.666667;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + style="fill:#2e2e2e;fill-opacity:1;stroke:none;stroke-width:0.66666698;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + style="fill:#2b2b2b;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + style="fill:#2b2b2b;fill-opacity:1;stroke:none;stroke-width:0.666667;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + d="m 134,919.36235 1,-2e-4 v 10 l -1,-0.9998 1,0.9998 h -10 v -0.9998 l 10,-2e-4 z" + style="fill:#2e2e2e;fill-opacity:1;stroke:none;stroke-width:0.66666698;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + style="fill:#2b2b2b;fill-opacity:1;stroke:none;stroke-width:0.666667;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + d="m 141,919.36235 -1,-2e-4 v 10 h 1 v 2e-4 l 9,-2e-4 v -0.9998 l -9,0.9998 z" + style="fill:#2e2e2e;fill-opacity:1;stroke:none;stroke-width:0.66666698;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + style="fill:#2b2b2b;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + style="fill:#2b2b2b;fill-opacity:1;stroke:none;stroke-width:0.666667;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + d="m 184,919.36235 1,-2e-4 v 10 h -1 v 2e-4 l -9,-2e-4 v -0.9998 l 9,0.9998 z" + style="fill:#2e2e2e;fill-opacity:1;stroke:none;stroke-width:0.66666698;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> @@ -570,43 +570,43 @@ @@ -621,43 +621,43 @@ @@ -672,43 +672,43 @@ @@ -720,14 +720,14 @@ width="32" height="36.000027" id="rect2-9-3" - style="display:inline;fill:#e8e8e8;fill-opacity:1;stroke-width:1.16927004" + style="display:inline;fill:#2b2b2b;fill-opacity:1;stroke-width:1.16927004" x="142" y="554.36212" /> + style="display:inline;fill:#2b2b2b;fill-opacity:1;stroke-width:1.11803997" /> + style="display:inline;fill:#525252;fill-opacity:1;stroke-width:2.24925041" /> @@ -761,14 +761,14 @@ width="32" height="36" id="rect2-8-9-6-7" - style="fill:#e8e8e8;fill-opacity:1;stroke-width:1.16927004" + style="fill:#2b2b2b;fill-opacity:1;stroke-width:1.16927004" x="247" y="574.36212" /> + style="fill:#2b2b2b;fill-opacity:1;stroke-width:0.97524202" /> + style="fill:#949494;fill-opacity:1;stroke-width:2.24922609" /> @@ -796,7 +796,7 @@ id="g5259-1"> + style="fill:#2b2b2b;fill-opacity:1;stroke-width:0.975242" /> + style="fill:#949494;fill-opacity:1;stroke-width:2.24925423" /> + style="fill:#fefefe;stroke-width:0.19721;fill-opacity:1" /> + style="fill:#fefefe;fill-opacity:1;stroke-width:0.19721" /> @@ -915,14 +915,14 @@ width="36" height="36" id="rect2-8-9-6-6" - style="fill:#e8e8e8;fill-opacity:1;stroke-width:1.16927" + style="fill:#2b2b2b;fill-opacity:1;stroke-width:1.16927" x="247" y="574.36212" /> + style="fill:#2b2b2b;fill-opacity:1;stroke-width:0.975242" /> + style="fill:#949494;fill-opacity:1;stroke-width:2.24925423" /> + id="g840-15-5" + transform="translate(204.00013,725.86225)"> + id="g4575-1-10" /> + id="rect4628-49-8" + style="fill:#fefefe;fill-opacity:1;stroke-width:1.07246995" + d="m 7.192929,3.9034691 3.806252,3.80623 3.80622,-3.806254 0.694695,0.691917 -3.809018,3.809002 0.0014,0.0014 -0.690527,0.690534 -0.0014,-0.0014 -0.0014,0.0014 -0.69331,-0.693306 -3.806197,-3.806227 z" /> + style="fill:#2b2b2b;fill-opacity:1;stroke-width:0.975242" /> + style="fill:#949494;fill-opacity:1;stroke-width:2.49914002" /> @@ -1010,13 +1010,13 @@ + id="g850-8" + transform="translate(189.00013,748.36228)"> @@ -1032,14 +1032,14 @@ width="36" height="36" id="rect2-8-9-6-0" - style="fill:#e8e8e8;fill-opacity:1;stroke-width:1.16927" + style="fill:#2b2b2b;fill-opacity:1;stroke-width:1.16927" x="247" y="574.36212" /> + style="fill:#2b2b2b;fill-opacity:1;stroke-width:0.975242" /> + style="fill:#949494;fill-opacity:1;stroke-width:2.49914002" /> @@ -1069,13 +1069,13 @@ + id="g850-7" + transform="translate(189.00013,790.86225)"> @@ -1091,14 +1091,14 @@ width="36" height="36" id="rect2-8-9-6-96" - style="fill:#e8e8e8;fill-opacity:1;stroke-width:1.16927" + style="fill:#2b2b2b;fill-opacity:1;stroke-width:1.16927" x="247" y="574.36212" /> + style="fill:#2b2b2b;fill-opacity:1;stroke-width:0.975242" /> + style="fill:#949494;fill-opacity:1;stroke-width:2.24925423" /> @@ -1136,14 +1136,14 @@ width="36" height="36" id="rect2-8-9-6-5" - style="fill:#e8e8e8;fill-opacity:1;stroke-width:1.16927" + style="fill:#2b2b2b;fill-opacity:1;stroke-width:1.16927" x="247" y="574.36212" /> + style="fill:#2b2b2b;fill-opacity:1;stroke-width:0.975242" /> + style="fill:#949494;fill-opacity:1;stroke-width:2.24925423" /> @@ -1183,14 +1183,14 @@ width="32" height="36" id="rect2-8-9-6" - style="fill:#e8e8e8;fill-opacity:1;stroke-width:1.16927004" + style="fill:#2b2b2b;fill-opacity:1;stroke-width:1.16927004" x="247" y="574.36212" /> + style="fill:#2b2b2b;fill-opacity:1;stroke-width:0.97524601" /> + style="fill:#579c8e;fill-opacity:1;stroke-width:2.49915004" /> @@ -1235,14 +1235,14 @@ width="32" height="36" id="rect2-8-9-6-3-4" - style="fill:#e8e8e8;fill-opacity:1;stroke-width:1.16927004" + style="fill:#2b2b2b;fill-opacity:1;stroke-width:1.16927004" x="247" y="574.36212" /> + style="fill:#2b2b2b;fill-opacity:1;stroke-width:0.97524601" /> + style="fill:#fefefe;fill-opacity:1;stroke-width:0.19721" /> @@ -1282,14 +1282,14 @@ width="32" height="36" id="rect2-8-9-6-3-7" - style="fill:#e8e8e8;fill-opacity:1;stroke-width:1.16927004" + style="fill:#2b2b2b;fill-opacity:1;stroke-width:1.16927004" x="247" y="574.36212" /> + style="fill:#2b2b2b;fill-opacity:1;stroke-width:0.97524601" /> + style="fill:#2b2b2b;fill-opacity:1;stroke-width:0.975246" /> + style="fill:#fefefe;fill-opacity:1;stroke-width:0.19721" /> + style="fill:#fefefe;fill-opacity:1;stroke-width:0.19721" /> @@ -1424,14 +1424,14 @@ width="36" height="36" id="rect2-8-9-6-3-8" - style="fill:#e8e8e8;fill-opacity:1;stroke-width:1.16927" + style="fill:#2b2b2b;fill-opacity:1;stroke-width:1.16927" x="247" y="574.36212" /> - - - - - - + style="fill:#2b2b2b;fill-opacity:1;stroke-width:0.975246" /> + + + + + + + style="fill:#2b2b2b;fill-opacity:1;stroke-width:0.975246" /> + transform="translate(-55.999874,763.36228)"> @@ -1528,14 +1528,14 @@ width="36" height="36" id="rect2-8-9-6-3-6" - style="fill:#e8e8e8;fill-opacity:1;stroke-width:1.16927" + style="fill:#2b2b2b;fill-opacity:1;stroke-width:1.16927" x="247" y="574.36212" /> + style="fill:#2b2b2b;fill-opacity:1;stroke-width:0.975246" /> + id="g850-2" + transform="translate(-50.999874,793.36228)"> @@ -1581,14 +1581,14 @@ width="36" height="36" id="rect2-8-9-6-3-60" - style="fill:#e8e8e8;fill-opacity:1;stroke-width:1.16927" + style="fill:#2b2b2b;fill-opacity:1;stroke-width:1.16927" x="247" y="574.36212" /> + style="fill:#2b2b2b;fill-opacity:1;stroke-width:0.975246" /> @@ -1620,14 +1620,14 @@ width="36" height="36" id="rect2-8-9-6-3-76" - style="fill:#e8e8e8;fill-opacity:1;stroke-width:1.16927" + style="fill:#2b2b2b;fill-opacity:1;stroke-width:1.16927" x="247" y="574.36212" /> + style="fill:#2b2b2b;fill-opacity:1;stroke-width:0.975246" /> @@ -1661,14 +1661,14 @@ width="36" height="36" id="rect2-8-9-6-3-75-5" - style="fill:#e8e8e8;fill-opacity:1;stroke-width:1.16927" + style="fill:#2b2b2b;fill-opacity:1;stroke-width:1.16927" x="247" y="574.36212" /> + style="fill:#2b2b2b;fill-opacity:1;stroke-width:0.975242" /> + style="display:inline;fill:#4c4c4c;fill-opacity:1;stroke-width:2.24925423" /> + style="fill:#2b2b2b;fill-opacity:1;stroke-width:0.975242" /> + style="display:inline;fill:#4c4c4c;fill-opacity:1;stroke-width:2.24925423" /> + style="fill:#2b2b2b;fill-opacity:1;stroke-width:0.97524202" /> @@ -1786,14 +1786,14 @@ width="32" height="36" id="rect2-8-9-6-3-75-2" - style="fill:#e8e8e8;fill-opacity:1;stroke-width:1.16927004" + style="fill:#2b2b2b;fill-opacity:1;stroke-width:1.16927004" x="247" y="574.36212" /> + style="fill:#2b2b2b;fill-opacity:1;stroke-width:0.97524202" /> + style="display:inline;fill:#4c4c4c;fill-opacity:1;stroke-width:2.24925423" /> + style="display:inline;fill:#fefefe;fill-opacity:1;stroke-width:0.666675" /> + style="fill:#2b2b2b;fill-opacity:1;stroke-width:0.97524202" /> + style="display:inline;fill:#4c4c4c;fill-opacity:1;stroke-width:2.24925423" /> + style="fill:#2b2b2b;fill-opacity:1;stroke-width:0.975242" /> + style="display:inline;fill:#4c4c4c;fill-opacity:1;stroke-width:2.24925423" /> + style="display:inline;fill:#fefefe;fill-opacity:1;stroke-width:0.527054" /> + style="display:inline;fill:#fefefe;fill-opacity:1;stroke-width:0.577359" /> + style="fill:#2b2b2b;fill-opacity:1;stroke-width:0.975242" /> + style="display:inline;fill:#4c4c4c;fill-opacity:1;stroke-width:2.24925423" /> + id="g840-15-0" + transform="translate(59.000126,725.86228)"> + id="g4575-1-1" /> + id="rect4628-49-0" + style="fill:#fefefe;fill-opacity:1;stroke-width:1.07246995" + d="m 7.192933,3.9034691 3.806252,3.80623 3.80622,-3.806254 0.694695,0.691917 -3.809018,3.809002 0.0014,0.0014 -0.690527,0.690534 -0.0014,-0.0014 -0.0014,0.0014 -0.69331,-0.693306 -3.806197,-3.806227 z" /> + style="fill:#2b2b2b;fill-opacity:1;stroke-width:0.975242" /> + style="display:inline;fill:#4c4c4c;fill-opacity:1;stroke-width:2.24925423" /> + id="g850-6" + transform="translate(44.000126,745.86228)"> @@ -2033,14 +2033,14 @@ width="36" height="36" id="rect2-8-9-6-3-75-94" - style="fill:#e8e8e8;fill-opacity:1;stroke-width:1.16927" + style="fill:#2b2b2b;fill-opacity:1;stroke-width:1.16927" x="247" y="574.36212" /> + style="fill:#2b2b2b;fill-opacity:1;stroke-width:0.975242" /> + style="display:inline;fill:#4c4c4c;fill-opacity:1;stroke-width:2.24925423" /> + id="g850-0" + transform="translate(44.000126,785.86228)"> @@ -2081,14 +2081,14 @@ width="32" height="36" id="rect2-9-3-6" - style="display:inline;fill:#e8e8e8;fill-opacity:1;stroke-width:1.16927004" + style="display:inline;fill:#2b2b2b;fill-opacity:1;stroke-width:1.16927004" x="208" y="551.23712" /> + style="display:inline;fill:#2b2b2b;fill-opacity:1;stroke-width:1.11803997" /> + style="fill:#525252;fill-opacity:1;stroke-width:0.19721" /> @@ -2128,14 +2128,14 @@ width="32" height="36" id="rect2-9-3-61-9" - style="display:inline;fill:#e8e8e8;fill-opacity:1;stroke-width:1.16927004" + style="display:inline;fill:#2b2b2b;fill-opacity:1;stroke-width:1.16927004" x="208" y="551.23712" /> + style="display:inline;fill:#2b2b2b;fill-opacity:1;stroke-width:1.11803997" /> + style="display:inline;fill:#2b2b2b;fill-opacity:1;stroke-width:1.11804" /> + style="fill:#525252;fill-opacity:1;stroke-width:0.19721" /> + style="fill:#525252;fill-opacity:1;stroke-width:0.19721" /> @@ -2267,14 +2267,14 @@ width="36" height="36" id="rect2-9-3-61-6" - style="display:inline;fill:#e8e8e8;fill-opacity:1;stroke-width:1.16927" + style="display:inline;fill:#2b2b2b;fill-opacity:1;stroke-width:1.16927" x="208" y="551.23712" /> + style="display:inline;fill:#2b2b2b;fill-opacity:1;stroke-width:1.11804" /> + id="g4575-294-6-8" /> + id="rect4628-3-8-1" + style="fill:#525252;fill-opacity:1;stroke-width:1.07246995" + d="m 17.192944,3.9034691 3.806252,3.80623 3.80622,-3.806254 0.694695,0.691917 -3.809018,3.809002 0.0014,0.0014 -0.690527,0.690534 -0.0014,-0.0014 -0.0014,0.0014 -0.69331,-0.693306 -3.806197,-3.806227 z" /> + style="display:inline;fill:#2b2b2b;fill-opacity:1;stroke-width:1.11804" /> - - - + + style="display:inline;fill:#2b2b2b;fill-opacity:1;stroke-width:1.11804" /> - - - - - @@ -2426,14 +2409,14 @@ width="36" height="36" id="rect2-9-3-61-6-2-4-4" - style="display:inline;fill:#e8e8e8;fill-opacity:1;stroke-width:1.16927" + style="display:inline;fill:#2b2b2b;fill-opacity:1;stroke-width:1.16927" x="208" y="551.23712" /> + style="display:inline;fill:#2b2b2b;fill-opacity:1;stroke-width:1.11804" /> @@ -2466,14 +2449,14 @@ width="36" height="36" id="rect2-9-3-61-6-2-4-4-6" - style="display:inline;fill:#e8e8e8;fill-opacity:1;stroke-width:1.16927" + style="display:inline;fill:#2b2b2b;fill-opacity:1;stroke-width:1.16927" x="208" y="551.23712" /> + style="display:inline;fill:#2b2b2b;fill-opacity:1;stroke-width:1.11804" /> diff --git a/xfwm4/bottom-active.png b/xfwm4/bottom-active.png index 7fe7cea..fd8a96b 100755 Binary files a/xfwm4/bottom-active.png and b/xfwm4/bottom-active.png differ diff --git a/xfwm4/bottom-inactive.png b/xfwm4/bottom-inactive.png index 7fe7cea..fd8a96b 100755 Binary files a/xfwm4/bottom-inactive.png and b/xfwm4/bottom-inactive.png differ diff --git a/xfwm4/bottom-left-active.png b/xfwm4/bottom-left-active.png index c94ca1c..f6c32d1 100755 Binary files a/xfwm4/bottom-left-active.png and b/xfwm4/bottom-left-active.png differ diff --git a/xfwm4/bottom-left-inactive.png b/xfwm4/bottom-left-inactive.png index c94ca1c..f6c32d1 100755 Binary files a/xfwm4/bottom-left-inactive.png and b/xfwm4/bottom-left-inactive.png differ diff --git a/xfwm4/bottom-right-active.png b/xfwm4/bottom-right-active.png index ff6afa9..3c191ef 100755 Binary files a/xfwm4/bottom-right-active.png and b/xfwm4/bottom-right-active.png differ diff --git a/xfwm4/bottom-right-inactive.png b/xfwm4/bottom-right-inactive.png index ff6afa9..3c191ef 100755 Binary files a/xfwm4/bottom-right-inactive.png and b/xfwm4/bottom-right-inactive.png differ diff --git a/xfwm4/close-active.png b/xfwm4/close-active.png index 3578c6e..66424fe 100755 Binary files a/xfwm4/close-active.png and b/xfwm4/close-active.png differ diff --git a/xfwm4/close-inactive.png b/xfwm4/close-inactive.png index e9823aa..0258183 100755 Binary files a/xfwm4/close-inactive.png and b/xfwm4/close-inactive.png differ diff --git a/xfwm4/close-prelight.png b/xfwm4/close-prelight.png index 32d79ee..1455cf7 100755 Binary files a/xfwm4/close-prelight.png and b/xfwm4/close-prelight.png differ diff --git a/xfwm4/close-pressed.png b/xfwm4/close-pressed.png index 9423525..708ce3a 100755 Binary files a/xfwm4/close-pressed.png and b/xfwm4/close-pressed.png differ diff --git a/xfwm4/hide-active.png b/xfwm4/hide-active.png index 81c7f15..b1ff17f 100755 Binary files a/xfwm4/hide-active.png and b/xfwm4/hide-active.png differ diff --git a/xfwm4/hide-inactive.png b/xfwm4/hide-inactive.png index 35a1126..601a2d8 100755 Binary files a/xfwm4/hide-inactive.png and b/xfwm4/hide-inactive.png differ diff --git a/xfwm4/hide-prelight.png b/xfwm4/hide-prelight.png index d00bee0..80ee586 100755 Binary files a/xfwm4/hide-prelight.png and b/xfwm4/hide-prelight.png differ diff --git a/xfwm4/hide-pressed.png b/xfwm4/hide-pressed.png index fa99c98..b0ba109 100755 Binary files a/xfwm4/hide-pressed.png and b/xfwm4/hide-pressed.png differ diff --git a/xfwm4/left-active.png b/xfwm4/left-active.png index 02efab1..a590c5e 100755 Binary files a/xfwm4/left-active.png and b/xfwm4/left-active.png differ diff --git a/xfwm4/left-inactive.png b/xfwm4/left-inactive.png index 02efab1..a590c5e 100755 Binary files a/xfwm4/left-inactive.png and b/xfwm4/left-inactive.png differ diff --git a/xfwm4/maximize-active.png b/xfwm4/maximize-active.png index 4c37180..a7e1a9e 100755 Binary files a/xfwm4/maximize-active.png and b/xfwm4/maximize-active.png differ diff --git a/xfwm4/maximize-inactive.png b/xfwm4/maximize-inactive.png index cf8bcd0..2016d84 100755 Binary files a/xfwm4/maximize-inactive.png and b/xfwm4/maximize-inactive.png differ diff --git a/xfwm4/maximize-prelight.png b/xfwm4/maximize-prelight.png index 83695a9..c1330f3 100755 Binary files a/xfwm4/maximize-prelight.png and b/xfwm4/maximize-prelight.png differ diff --git a/xfwm4/maximize-pressed.png b/xfwm4/maximize-pressed.png index 878f1e2..e15d4e6 100755 Binary files a/xfwm4/maximize-pressed.png and b/xfwm4/maximize-pressed.png differ diff --git a/xfwm4/maximize-toggled-active.png b/xfwm4/maximize-toggled-active.png index 61d0c26..22f3052 100755 Binary files a/xfwm4/maximize-toggled-active.png and b/xfwm4/maximize-toggled-active.png differ diff --git a/xfwm4/maximize-toggled-inactive.png b/xfwm4/maximize-toggled-inactive.png index e101383..2f02216 100755 Binary files a/xfwm4/maximize-toggled-inactive.png and b/xfwm4/maximize-toggled-inactive.png differ diff --git a/xfwm4/maximize-toggled-prelight.png b/xfwm4/maximize-toggled-prelight.png index 9312d88..5536386 100755 Binary files a/xfwm4/maximize-toggled-prelight.png and b/xfwm4/maximize-toggled-prelight.png differ diff --git a/xfwm4/maximize-toggled-pressed.png b/xfwm4/maximize-toggled-pressed.png index db426dd..89dc63f 100755 Binary files a/xfwm4/maximize-toggled-pressed.png and b/xfwm4/maximize-toggled-pressed.png differ diff --git a/xfwm4/menu-active.png b/xfwm4/menu-active.png index cf537ab..888279e 100755 Binary files a/xfwm4/menu-active.png and b/xfwm4/menu-active.png differ diff --git a/xfwm4/menu-inactive.png b/xfwm4/menu-inactive.png index a366328..99be639 100755 Binary files a/xfwm4/menu-inactive.png and b/xfwm4/menu-inactive.png differ diff --git a/xfwm4/menu-prelight.png b/xfwm4/menu-prelight.png index c361b20..9b1ce4b 100755 Binary files a/xfwm4/menu-prelight.png and b/xfwm4/menu-prelight.png differ diff --git a/xfwm4/menu-pressed.png b/xfwm4/menu-pressed.png index 24463b6..636a203 100755 Binary files a/xfwm4/menu-pressed.png and b/xfwm4/menu-pressed.png differ diff --git a/xfwm4/right-active.png b/xfwm4/right-active.png index c0b44f9..67fdeb8 100755 Binary files a/xfwm4/right-active.png and b/xfwm4/right-active.png differ diff --git a/xfwm4/right-inactive.png b/xfwm4/right-inactive.png index c0b44f9..67fdeb8 100755 Binary files a/xfwm4/right-inactive.png and b/xfwm4/right-inactive.png differ diff --git a/xfwm4/shade-active.png b/xfwm4/shade-active.png index 074146e..555cb2c 100755 Binary files a/xfwm4/shade-active.png and b/xfwm4/shade-active.png differ diff --git a/xfwm4/shade-inactive.png b/xfwm4/shade-inactive.png index bc88579..6c1ec4b 100755 Binary files a/xfwm4/shade-inactive.png and b/xfwm4/shade-inactive.png differ diff --git a/xfwm4/shade-prelight.png b/xfwm4/shade-prelight.png index c8f3972..ce7bd0c 100755 Binary files a/xfwm4/shade-prelight.png and b/xfwm4/shade-prelight.png differ diff --git a/xfwm4/shade-pressed.png b/xfwm4/shade-pressed.png index d19dc97..8c825d8 100755 Binary files a/xfwm4/shade-pressed.png and b/xfwm4/shade-pressed.png differ diff --git a/xfwm4/shade-toggled-active.png b/xfwm4/shade-toggled-active.png index 074146e..555cb2c 100755 Binary files a/xfwm4/shade-toggled-active.png and b/xfwm4/shade-toggled-active.png differ diff --git a/xfwm4/shade-toggled-inactive.png b/xfwm4/shade-toggled-inactive.png index bc88579..6c1ec4b 100755 Binary files a/xfwm4/shade-toggled-inactive.png and b/xfwm4/shade-toggled-inactive.png differ diff --git a/xfwm4/shade-toggled-prelight.png b/xfwm4/shade-toggled-prelight.png index c8f3972..ce7bd0c 100755 Binary files a/xfwm4/shade-toggled-prelight.png and b/xfwm4/shade-toggled-prelight.png differ diff --git a/xfwm4/shade-toggled-pressed.png b/xfwm4/shade-toggled-pressed.png index d19dc97..8c825d8 100755 Binary files a/xfwm4/shade-toggled-pressed.png and b/xfwm4/shade-toggled-pressed.png differ diff --git a/xfwm4/stick-active.png b/xfwm4/stick-active.png index f858eed..fa2e5de 100755 Binary files a/xfwm4/stick-active.png and b/xfwm4/stick-active.png differ diff --git a/xfwm4/stick-inactive.png b/xfwm4/stick-inactive.png index 17bd916..3cc931d 100755 Binary files a/xfwm4/stick-inactive.png and b/xfwm4/stick-inactive.png differ diff --git a/xfwm4/stick-prelight.png b/xfwm4/stick-prelight.png index 40a4468..f955ffd 100755 Binary files a/xfwm4/stick-prelight.png and b/xfwm4/stick-prelight.png differ diff --git a/xfwm4/stick-pressed.png b/xfwm4/stick-pressed.png index 08cb4cc..33ebd7a 100755 Binary files a/xfwm4/stick-pressed.png and b/xfwm4/stick-pressed.png differ diff --git a/xfwm4/stick-toggled-active.png b/xfwm4/stick-toggled-active.png index 030f906..7901976 100755 Binary files a/xfwm4/stick-toggled-active.png and b/xfwm4/stick-toggled-active.png differ diff --git a/xfwm4/stick-toggled-inactive.png b/xfwm4/stick-toggled-inactive.png index 9043862..c8b0a38 100755 Binary files a/xfwm4/stick-toggled-inactive.png and b/xfwm4/stick-toggled-inactive.png differ diff --git a/xfwm4/stick-toggled-prelight.png b/xfwm4/stick-toggled-prelight.png index 8bd6e5f..9e2ba78 100755 Binary files a/xfwm4/stick-toggled-prelight.png and b/xfwm4/stick-toggled-prelight.png differ diff --git a/xfwm4/stick-toggled-pressed.png b/xfwm4/stick-toggled-pressed.png index 8807ceb..a3850ce 100755 Binary files a/xfwm4/stick-toggled-pressed.png and b/xfwm4/stick-toggled-pressed.png differ diff --git a/xfwm4/themerc b/xfwm4/themerc index 295b18c..b765b1c 100755 --- a/xfwm4/themerc +++ b/xfwm4/themerc @@ -3,10 +3,10 @@ # or # /usr/share/xfwm4/defaults -active_text_color=#404040 -active_text_shadow_color=#404040 -inactive_text_color=#9d9d9d -inactive_text_shadow_color=#9d9d9d +active_text_color=#e3e3e3 +active_text_shadow_color=#e3e3e3 +inactive_text_color=#acacac +inactive_text_shadow_color=#acacac title_shadow_active=false title_shadow_inactive=false full_width_title=true diff --git a/xfwm4/title-1-active.png b/xfwm4/title-1-active.png index 5d3e1cd..3ed1f73 100755 Binary files a/xfwm4/title-1-active.png and b/xfwm4/title-1-active.png differ diff --git a/xfwm4/title-1-inactive.png b/xfwm4/title-1-inactive.png index 5d3e1cd..3ed1f73 100755 Binary files a/xfwm4/title-1-inactive.png and b/xfwm4/title-1-inactive.png differ diff --git a/xfwm4/top-left-active.png b/xfwm4/top-left-active.png index a5590d1..a8f1bb3 100755 Binary files a/xfwm4/top-left-active.png and b/xfwm4/top-left-active.png differ diff --git a/xfwm4/top-left-inactive.png b/xfwm4/top-left-inactive.png index a5590d1..a8f1bb3 100755 Binary files a/xfwm4/top-left-inactive.png and b/xfwm4/top-left-inactive.png differ diff --git a/xfwm4/top-right-active.png b/xfwm4/top-right-active.png index ddc8295..d187d34 100755 Binary files a/xfwm4/top-right-active.png and b/xfwm4/top-right-active.png differ diff --git a/xfwm4/top-right-inactive.png b/xfwm4/top-right-inactive.png index ddc8295..d187d34 100755 Binary files a/xfwm4/top-right-inactive.png and b/xfwm4/top-right-inactive.png differ