diff --git a/cinnamon/assets/add-workspace-active.svg b/cinnamon/assets/add-workspace-active.svg new file mode 100644 index 0000000..8a4bba0 --- /dev/null +++ b/cinnamon/assets/add-workspace-active.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/cinnamon/assets/add-workspace-hover.svg b/cinnamon/assets/add-workspace-hover.svg new file mode 100644 index 0000000..4f0b327 --- /dev/null +++ b/cinnamon/assets/add-workspace-hover.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/cinnamon/assets/add-workspace.svg b/cinnamon/assets/add-workspace.svg new file mode 100644 index 0000000..c71dcfa --- /dev/null +++ b/cinnamon/assets/add-workspace.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/cinnamon/assets/calendar-arrow-left.svg b/cinnamon/assets/calendar-arrow-left.svg new file mode 100644 index 0000000..5448aac --- /dev/null +++ b/cinnamon/assets/calendar-arrow-left.svg @@ -0,0 +1,3 @@ + + + diff --git a/cinnamon/assets/calendar-arrow-right.svg b/cinnamon/assets/calendar-arrow-right.svg new file mode 100644 index 0000000..f089edb --- /dev/null +++ b/cinnamon/assets/calendar-arrow-right.svg @@ -0,0 +1,3 @@ + + + diff --git a/cinnamon/assets/checkbox-off.svg b/cinnamon/assets/checkbox-off.svg new file mode 100644 index 0000000..54317fd --- /dev/null +++ b/cinnamon/assets/checkbox-off.svg @@ -0,0 +1,3 @@ + + + diff --git a/cinnamon/assets/checkbox.svg b/cinnamon/assets/checkbox.svg new file mode 100644 index 0000000..eca0aa8 --- /dev/null +++ b/cinnamon/assets/checkbox.svg @@ -0,0 +1,3 @@ + + + diff --git a/cinnamon/assets/close-window.svg b/cinnamon/assets/close-window.svg new file mode 100644 index 0000000..07c33cd --- /dev/null +++ b/cinnamon/assets/close-window.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/cinnamon/assets/corner-ripple.png b/cinnamon/assets/corner-ripple.png new file mode 100644 index 0000000..35d95ff Binary files /dev/null and b/cinnamon/assets/corner-ripple.png differ diff --git a/cinnamon/assets/radiobutton-off.svg b/cinnamon/assets/radiobutton-off.svg new file mode 100644 index 0000000..43467e8 --- /dev/null +++ b/cinnamon/assets/radiobutton-off.svg @@ -0,0 +1,3 @@ + + + diff --git a/cinnamon/assets/radiobutton.svg b/cinnamon/assets/radiobutton.svg new file mode 100644 index 0000000..d3a00c3 --- /dev/null +++ b/cinnamon/assets/radiobutton.svg @@ -0,0 +1,3 @@ + + + diff --git a/cinnamon/assets/toggle-off.svg b/cinnamon/assets/toggle-off.svg new file mode 100644 index 0000000..711cb5f --- /dev/null +++ b/cinnamon/assets/toggle-off.svg @@ -0,0 +1,4 @@ + + + + diff --git a/cinnamon/assets/toggle-on.svg b/cinnamon/assets/toggle-on.svg new file mode 100644 index 0000000..b48bf87 --- /dev/null +++ b/cinnamon/assets/toggle-on.svg @@ -0,0 +1,4 @@ + + + + diff --git a/cinnamon/assets/trash-icon.png b/cinnamon/assets/trash-icon.png new file mode 100644 index 0000000..270fe2e Binary files /dev/null and b/cinnamon/assets/trash-icon.png differ diff --git a/cinnamon/cinnamon.css b/cinnamon/cinnamon.css new file mode 100644 index 0000000..6729468 --- /dev/null +++ b/cinnamon/cinnamon.css @@ -0,0 +1,1894 @@ +.modal-dialog-button, .notification-button { + color: #e6e6fa; + background-color: #473a30; + border-color: transparent; + box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); + text-shadow: none; + icon-shadow: none; + transition-duration: 100ms; + font-size: 10.5pt; + font-weight: 500; + min-height: 32px; + padding: 0 16px; + border-radius: 10px; +} + +.modal-dialog-button:focus, .notification-button:focus { + color: #e6e6fa; + text-shadow: none; + icon-shadow: none; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); +} + +.modal-dialog-button:hover, .notification-button:hover, .modal-dialog-button:checked, .notification-button:checked { + color: #e6e6fa; + background-color: #473a30; + border-color: transparent; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-button:active, .notification-button:active { + color: #e6e6fa; + background-color: #6d6360; + border-color: transparent; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); + text-shadow: none; + icon-shadow: none; + transition-duration: 200ms; +} + +.modal-dialog-button:insensitive, .notification-button:insensitive { + color: rgba(230, 230, 250, 0.5); + background-color: rgba(230, 230, 250, 0.08); + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; +} + +.sound-player StButton, .keyboard-key, .notification-icon-button { + color: #e6e6fa; + background-color: #473a30; + border-color: transparent; + box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); + text-shadow: none; + icon-shadow: none; + transition-duration: 100ms; + min-height: 32px; + min-width: 32px; + padding: 6px; + border-radius: 10px; +} + +.sound-player StButton:focus, .keyboard-key:focus, .notification-icon-button:focus { + color: #e6e6fa; + text-shadow: none; + icon-shadow: none; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); +} + +.sound-player StButton:hover, .keyboard-key:hover, .notification-icon-button:hover, .sound-player StButton:checked, .keyboard-key:checked, .notification-icon-button:checked { + color: #e6e6fa; + background-color: #473a30; + border-color: transparent; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); + text-shadow: none; + icon-shadow: none; +} + +.sound-player StButton:active, .keyboard-key:active, .notification-icon-button:active { + color: #e6e6fa; + background-color: #6d6360; + border-color: transparent; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); + text-shadow: none; + icon-shadow: none; + transition-duration: 200ms; +} + +.sound-player StButton:insensitive, .keyboard-key:insensitive, .notification-icon-button:insensitive { + color: rgba(230, 230, 250, 0.5); + background-color: rgba(230, 230, 250, 0.08); + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; +} + +.sound-player .slider, .popup-slider-menu-item, .slider { + height: 20px; + color: #6daf22; + -slider-height: 2px; + -slider-background-color: rgba(230, 230, 250, 0.3); + -slider-border-color: transparent; + -slider-active-background-color: #6daf22; + -slider-active-border-color: transparent; + -slider-border-width: 0; + -slider-handle-radius: 6px; +} + +.popup-separator-menu-item, .separator { + -gradient-height: 1px; + -gradient-start: rgba(230, 230, 250, 0.12); + -gradient-end: rgba(230, 230, 250, 0.12); + -margin-horizontal: 4px; + height: 1.5em; +} + +#menu-search-entry, .run-dialog-entry, #notification StEntry { + transition-duration: 100ms; + background-color: rgba(230, 230, 250, 0.04); + border-color: transparent; + box-shadow: inset 0 -1px rgba(230, 230, 250, 0.3); + width: 250px; + min-height: 32px; + padding: 0 8px; + border-radius: 10px 10px 0 0; + color: #e6e6fa; + caret-color: #e6e6fa; + selection-background-color: rgba(109, 175, 34, 0.32); + selected-color: #e6e6fa; +} + +#menu-search-entry:focus, .run-dialog-entry:focus, #notification StEntry:focus { + border-color: transparent; + box-shadow: inset 0 -2px #6daf22; + padding: 0 8px; + border-width: 0; + color: #e6e6fa; +} + +.photoframe-box, .desklet-header, .desklet-with-borders-and-header, .desklet-with-borders { + color: #e6e6fa; + border: none; + padding: 12px; + box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); +} + +.calendar-change-month-forward, .calendar-change-month-back { + width: 16px; + height: 16px; + border-radius: 999px; + transition-duration: 100ms; +} + +.calendar-change-month-forward:active, .calendar-change-month-back:active { + background-color: rgba(230, 230, 250, 0.3); +} + +.popup-combo-menu, .menu { + background-color: #473a30; + border-radius: 10px; + color: #e6e6fa; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); +} + +.menu-category-button-label:ltr, .menu-application-button-label:ltr { + padding-left: 4px; +} + +.menu-category-button-label:rtl, .menu-application-button-label:rtl { + padding-right: 4px; +} + +.mount-question-dialog-subject, .show-processes-dialog-subject { + font-weight: bold; + color: #e6e6fa; + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; +} + +.mount-question-dialog-subject:rtl, .show-processes-dialog-subject:rtl { + padding-left: 0; + padding-right: 17px; +} + +.mount-question-dialog-description, .show-processes-dialog-description { + color: #e6e6fa; + padding-left: 17px; + width: 28em; +} + +.check-box:focus StBin, .check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url(assets/checkbox-off.svg); +} + +.radiobutton:focus StBin, .radiobutton StBin { + width: 20px; + height: 20px; + padding: 6px; + border-radius: 100px; + background-image: url(assets/radiobutton-off.svg); +} + +.tile-hud, .tile-preview { + background-color: rgba(0, 0, 0, 0.3); + border: 2px solid rgba(230, 230, 250, 0.12); +} + +.tile-hud.snap, .tile-preview.snap { + background-color: rgba(0, 0, 0, 0.3); + border: 2px solid #6daf22; +} + +.osd-window, .modal-dialog, .switcher-list, #LookingGlassDialog, .workspace-osd, .info-osd, .overview-empty-placeholder { + color: #e6e6fa; + background-color: #473a30; + border: none; + border-radius: 10px; + padding: 12px; + box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); +} + +.workspace-osd, .info-osd, .overview-empty-placeholder { + font-size: 15pt; + font-weight: 500; + text-align: center; + padding: 8px 10px; +} + +stage { + font-size: 10.5pt; + font-weight: 400; + font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; + color: #e6e6fa; +} + +.cinnamon-link { + color: #6daf22; + font-style: italic; +} + +.cinnamon-link:hover { + color: #6daf22; +} + +.label-shadow { + color: transparent; +} + +StScrollBar { + padding: 0px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + background-color: rgba(230, 230, 250, 0.5); + border-radius: 100px; + margin: 4px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: rgba(230, 230, 250, 0.7); +} + +StScrollBar StBin#trough { + margin: 4px; + border-radius: 100px; + background-color: rgba(230, 230, 250, 0.12); +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 16px; +} + +#Tooltip { + font-size: 9pt; + font-weight: 400; + padding: 6px 8px; + color: #e6e6fa; + text-align: center; + border-radius: 10px; + background-color: rgba(52, 65, 76, 0.9); +} + +.menu { + min-width: 100px; + margin: 4px; +} + +.menu-top-box { + spacing: 5px; +} + +.menu-systembuttons-box { + padding: 10px; +} + +.popup-sub-menu { + background-color: rgba(230, 230, 250, 0.04); +} + +.popup-menu-arrow { + icon-size: 1.14em; +} + +.popup-combo-menu { + padding: 8px 0; +} + +.popup-menu-content { + padding: 8px 0; +} + +.popup-menu-item { + padding: 0.4em 16px; + spacing: 8px; + transition-duration: 100ms; +} + +.popup-menu-item:active { + background-color: rgba(230, 230, 250, 0.08); + color: #e6e6fa; + transition-duration: 0ms; +} + +.popup-menu-item:insensitive { + color: rgba(230, 230, 250, 0.5); +} + +.popup-image-menu-item { + color: rgba(230, 230, 250, 0.7); +} + +.popup-combobox-item { + padding: 0.4em 16px; +} + +.popup-device-menu-item { + spacing: .5em; +} + +.popup-inactive-menu-item { + color: #e6e6fa; +} + +.popup-inactive-menu-item:insensitive { + color: rgba(230, 230, 250, 0.5); +} + +.popup-subtitle-menu-item { + font-size: 10.5pt; + font-weight: 500; +} + +.popup-menu-icon { + icon-size: 1.14em; +} + +.popup-alternating-menu-item:alternate { + font-size: 10.5pt; + font-weight: 500; +} + +.toggle-switch { + width: 40px; + height: 20px; +} + +.toggle-switch-us, .toggle-switch-intl { + background-image: url(assets/toggle-off.svg); +} + +.toggle-switch-us:checked, .toggle-switch-intl:checked { + background-image: url(assets/toggle-on.svg); +} + +.nm-menu-item-icons { + spacing: .5em; + icon-size: 1.14em; +} + +#panel { + color: rgba(230, 230, 250, 0.7); + background-color: rgba(0, 0, 0, 0.6); + height: 2.5em; + width: 3.2em; +} + +#panel:highlight { + background-color: rgba(230, 230, 250, 0.3); +} + +.panel-dummy { + background-color: rgba(255, 0, 0, 0.6); +} + +.panel-dummy:entered { + background-color: rgba(0, 255, 0, 0.6); +} + +.panelLeft { + spacing: 4px; +} + +.panelLeft:dnd { + background-color: rgba(255, 0, 0, 0.6); +} + +.panelLeft:ltr { + padding-right: 4px; +} + +.panelLeft:rtl { + padding-left: 4px; +} + +.panelLeft.vertical { + padding: 0; +} + +.panelCenter { + spacing: 4px; +} + +.panelCenter:dnd { + background-color: rgba(0, 255, 0, 0.6); +} + +.panelCenter.vertical { + padding-left: 0; + padding-right: 0; +} + +.panelRight { + spacing: 4px; +} + +.panelRight:dnd { + background-color: rgba(0, 0, 255, 0.6); +} + +.panelRight:ltr { + padding-left: 0; + spacing: 0; +} + +.panelRight:rtl { + padding-right: 0; + spacing: 0; +} + +.panelRight.vertical { + padding: 0; +} + +.panel-top .window-list-item-box:hover { + box-shadow: 0 3px 0 0 #6daf22 inset; +} + +.panel-top .window-list-item-box:active:hover, .panel-top .window-list-item-box:checked:hover, .panel-top .window-list-item-box:focus:hover { + box-shadow: 0 3px 0 0 #6daf22 inset; +} + +.panel-top .grouped-window-list-item-box:hover { + box-shadow: 0 3px 0 0 #6daf22 inset; +} + +.panel-top .grouped-window-list-item-box:active:hover, .panel-top .grouped-window-list-item-box:checked:hover { + box-shadow: 0 3px 0 0 #6daf22 inset; +} + +.panel-top .grouped-window-list-item-box:focus:hover { + box-shadow: 0 3px 0 0 #6daf22 inset; +} + +.panel-top .grouped-window-list-badge { + margin-top: 2px; +} + +.panel-top .workspace-switcher, .panel-top .workspace-graph, .panel-top .workspace-button { + padding: 1px 4px; +} + +.panel-top .workspace-graph:hover, .panel-top .workspace-button:hover { + box-shadow: 0 3px 0 0 #6daf22 inset; +} + +.panel-top .applet-box { + padding: 0 4px; +} + +.panel-top .applet-box:hover { + box-shadow: 0 3px 0 0 #6daf22 inset; +} + +.panel-top .panel-launchers .launcher:hover { + box-shadow: 0 3px 0 0 #6daf22 inset; +} + +.panel-top .applet-separator { + padding: 3px 4px; +} + +.panel-top .systray:hover { + box-shadow: 0 4px 0 0 #6daf22 inset; +} + +.panel-bottom .window-list-item-box:hover { + box-shadow: 0 -3px 0 0 #6daf22 inset; +} + +.panel-bottom .window-list-item-box:active:hover, .panel-bottom .window-list-item-box:checked:hover, .panel-bottom .window-list-item-box:focus:hover { + box-shadow: 0 -3px 0 0 #6daf22 inset; +} + +.panel-bottom .grouped-window-list-item-box:hover { + box-shadow: 0 -3px 0 0 #6daf22 inset; +} + +.panel-bottom .grouped-window-list-item-box:active:hover, .panel-bottom .grouped-window-list-item-box:checked:hover { + box-shadow: 0 -3px 0 0 #6daf22 inset; +} + +.panel-bottom .grouped-window-list-item-box:focus:hover { + box-shadow: 0 -3px 0 0 #6daf22 inset; +} + +.panel-bottom .workspace-switcher, .panel-bottom .workspace-graph, .panel-bottom .workspace-button { + padding: 1px 4px; +} + +.panel-bottom .workspace-graph:hover, .panel-bottom .workspace-button:hover { + box-shadow: 0 -3px 0 0 #6daf22 inset; +} + +.panel-bottom .applet-box { + padding: 0 4px; +} + +.panel-bottom .applet-box:hover { + box-shadow: 0 -3px 0 0 #6daf22 inset; +} + +.panel-bottom .panel-launchers .launcher:hover { + box-shadow: 0 -3px 0 0 #6daf22 inset; +} + +.panel-bottom .applet-separator { + padding: 3px 4px; +} + +.panel-bottom .systray:hover { + box-shadow: 0 4px 0 0 #6daf22 inset; +} + +.panel-left .window-list-item-box:hover { + box-shadow: 3px 0 0 0 #6daf22 inset; +} + +.panel-left .window-list-item-box:active:hover, .panel-left .window-list-item-box:checked:hover, .panel-left .window-list-item-box:focus:hover { + box-shadow: 3px 0 0 0 #6daf22 inset; +} + +.panel-left .grouped-window-list-item-box:hover { + box-shadow: 3px 0 0 0 #6daf22 inset; +} + +.panel-left .grouped-window-list-item-box:active:hover, .panel-left .grouped-window-list-item-box:checked:hover { + box-shadow: 3px 0 0 0 #6daf22 inset; +} + +.panel-left .grouped-window-list-item-box:focus:hover { + box-shadow: 3px 0 0 0 #6daf22 inset; +} + +.panel-left .grouped-window-list-badge { + margin-left: 2px; +} + +.panel-left .workspace-switcher, .panel-left .workspace-graph, .panel-left .workspace-button { + padding: 4px 1px; + min-height: 1.2em; +} + +.panel-left .workspace-graph:hover, .panel-left .workspace-button:hover { + box-shadow: 3px 0 0 0 #6daf22 inset; +} + +.panel-left .applet-box { + padding: 4px 0; +} + +.panel-left .applet-box:hover { + box-shadow: 3px 0 0 0 #6daf22 inset; +} + +.panel-left .panel-launchers .launcher:hover { + box-shadow: 3px 0 0 0 #6daf22 inset; +} + +.panel-left .applet-separator { + padding: 4px 3px; +} + +.panel-left .systray:hover { + box-shadow: 4px 0 0 0 #6daf22 inset; +} + +.panel-right .window-list-item-box:hover { + box-shadow: -3px 0 0 0 #6daf22 inset; +} + +.panel-right .window-list-item-box:active:hover, .panel-right .window-list-item-box:checked:hover, .panel-right .window-list-item-box:focus:hover { + box-shadow: -3px 0 0 0 #6daf22 inset; +} + +.panel-right .grouped-window-list-item-box:hover { + box-shadow: -3px 0 0 0 #6daf22 inset; +} + +.panel-right .grouped-window-list-item-box:active:hover, .panel-right .grouped-window-list-item-box:checked:hover { + box-shadow: -3px 0 0 0 #6daf22 inset; +} + +.panel-right .grouped-window-list-item-box:focus:hover { + box-shadow: -3px 0 0 0 #6daf22 inset; +} + +.panel-right .workspace-switcher, .panel-right .workspace-graph, .panel-right .workspace-button { + padding: 4px 1px; + min-height: 1.2em; +} + +.panel-right .workspace-graph:hover, .panel-right .workspace-button:hover { + box-shadow: -3px 0 0 0 #6daf22 inset; +} + +.panel-right .applet-box { + padding: 4px 0; +} + +.panel-right .applet-box:hover { + box-shadow: -3px 0 0 0 #6daf22 inset; +} + +.panel-right .panel-launchers .launcher:hover { + box-shadow: -3px 0 0 0 #6daf22 inset; +} + +.panel-right .applet-separator { + padding: 4px 3px; +} + +.panel-right .systray:hover { + box-shadow: -4px 0 0 0 #6daf22 inset; +} + +.panel-status-button { + font-size: 10.5pt; + font-weight: 500; + -natural-hpadding: 4px; + -minimum-hpadding: 4px; + color: rgba(230, 230, 250, 0.7); +} + +.panel-status-button:hover { + color: #e6e6fa; +} + +.system-status-icon { + icon-size: 1.14em; + padding: 0; + spacing: 0; +} + +.system-status-icon.warning { + color: #ed9200; +} + +.system-status-icon.error { + color: #ff7002; +} + +#overview { + spacing: 12px; +} + +.window-caption { + font-size: 9pt; + font-weight: 400; + background-color: rgba(0, 0, 0, 0.01); + color: rgba(230, 230, 250, 0.7); + padding: 4px 6px; + text-align: center; + height: 1.5em; + -cinnamon-caption-spacing: 12px; +} + +#selected.window-caption, .window-caption:focus { + color: #e6e6fa; + box-shadow: 0 -3px 0 0 #6daf22 inset; +} + +.workspace-controls { + visible-height: 32px; +} + +.workspace-thumbnails-background { + color: rgba(230, 230, 250, 0.7); + background-color: rgba(230, 230, 250, 0.08); + border: none; + padding: 8px; + border-radius: 10px 0 0 10px; +} + +.workspace-thumbnails-background:rtl { + border-radius: 0 10px 10px 0; +} + +.workspace-thumbnails { + spacing: 32px; +} + +.workspace-add-button { + background-image: url(assets/add-workspace.svg); + height: 200px; + width: 35px; + transition-duration: shorter_duration; +} + +.workspace-add-button:hover { + background-image: url(assets/add-workspace-hover.svg); +} + +.workspace-add-button:active { + background-image: url(assets/add-workspace-active.svg); +} + +.workspace-close-button, .window-close { + background-image: url(assets/close-window.svg); + height: 32px; + width: 32px; + -cinnamon-close-overlap: 20px; +} + +.workspace-close-button:rtl, .window-close:rtl { + -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); +} + +.window-border { + border: 1px solid rgba(230, 230, 250, 0.12); +} + +.window-close-area { + background-image: url(assets/trash-icon.png); + background-size: 100px; + background-color: rgba(0, 0, 0, 0.3); + border: 1px solid rgba(230, 230, 250, 0.12); + border-bottom-width: 0; + border-radius: 20px 20px 0 0; + height: 120px; + width: 400px; +} + +.expo-background { + background-color: rgba(0, 0, 0, 0.6); +} + +.workspace-overview-background-shade { + background-color: rgba(0, 0, 0, 0.6); +} + +.expo-workspace-thumbnail-frame { + border: 1px solid rgba(230, 230, 250, 0.12); +} + +#active.expo-workspace-thumbnail-frame { + border: 1px solid #6daf22; +} + +#LookingGlassDialog { + spacing: 4px; + padding: 8px; +} + +.calendar { + padding: 4px 8px; + spacing-rows: 2px; + spacing-columns: 4px; +} + +.datemenu-date-label { + font-size: 15pt; + font-weight: 500; + height: 24px; + margin: 2px; + padding: 6px 16px; + border-radius: 10px; + color: #e6e6fa; + text-align: center; +} + +.datemenu-date-label:focus { + background-color: rgba(230, 230, 250, 0.12); +} + +.calendar-month-label { + font-size: 10.5pt; + font-weight: 500; + height: 16px; + margin: 2px; + padding: 6px 16px; + border-radius: 10px; + color: #e6e6fa; + text-align: center; +} + +.calendar-month-label:focus { + background-color: rgba(230, 230, 250, 0.12); +} + +.calendar-change-month-back { + background-image: url(assets/calendar-arrow-left.svg); +} + +.calendar-change-month-back:rtl { + background-image: url(assets/calendar-arrow-right.svg); +} + +.calendar-change-month-forward { + background-image: url(assets/calendar-arrow-right.svg); +} + +.calendar-change-month-forward:rtl { + background-image: url(assets/calendar-arrow-left.svg); +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 0; + margin: 2px; + border-radius: 100px; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(230, 230, 250, 0.3); +} + +.calendar-day-base:active { + color: #303030; + background-color: #6daf22; + border-color: transparent; +} + +.calendar-week-number { + font-size: 9pt; + font-weight: 400; + width: 21px; + height: 28px; + margin: 2px; + padding: 0; + border-radius: 100px; + background-color: transparent; + color: rgba(230, 230, 250, 0.5); + text-align: center; +} + +.calendar-day-heading { + font-size: 9pt; + font-weight: 400; + width: 28px; + height: 21px; + margin: 2px; + padding: 0; + border-radius: 100px; + background-color: transparent; + color: rgba(230, 230, 250, 0.5); + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #e6e6fa; +} + +.calendar-today { + font-weight: bold; + border: none; +} + +.calendar-day-with-events { + color: #6daf22; + font-weight: normal; + text-decoration: underline; + background-image: none; +} + +.calendar-other-month-day { + color: rgba(230, 230, 250, 0.3); + opacity: 0.5; +} + +.calendar-week-number { + width: 28px; + height: 21px; + margin: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: rgba(230, 230, 250, 0.5); + font-size: inherit; + font-weight: bold; + text-align: center; +} + +#notification { + background-color: #473a30; + border-radius: 10px; + border: 1px solid rgba(230, 230, 250, 0.12); + padding: 8px; + spacing-rows: 4px; + spacing-columns: 8px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #e6e6fa; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); +} + +#notification.multi-line-notification { + padding-bottom: 8px; +} + +#notification .url-highlighter { + link-color: #6daf22; +} + +.notification-with-image { + min-height: 159px; + color: #e6e6fa; +} + +#notification-scrollview { + max-height: 10em; +} + +#notification-scrollview > .top-shadow { + height: 1em; +} + +#notification-scrollview > .bottom-shadow { + height: 1em; +} + +#notification-scrollview:ltr > StScrollBar { + padding-left: 6px; +} + +#notification-scrollview:rtl > StScrollBar { + padding-right: 6px; +} + +#notification-body { + spacing: 4px; +} + +#notification-actions { + spacing: 8px; +} + +.notification-icon-button > StIcon { + icon-size: 1.5em; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + transition-duration: 100ms; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 10px; +} + +.switcher-list .item-box:selected { + background-color: rgba(230, 230, 250, 0.12); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(230, 230, 250, 0.12); +} + +.switcher-list-item-container { + spacing: 8px; +} + +.thumbnail-scroll-gradient-left { + background-gradient-direction: horizontal; + background-gradient-start: #333333; + background-gradient-end: rgba(51, 51, 51, 0); + border-radius: 10px; + border-radius-topright: 0; + border-radius-bottomright: 0; + width: 60px; +} + +.thumbnail-scroll-gradient-right { + background-gradient-direction: horizontal; + background-gradient-start: rgba(51, 51, 51, 0); + background-gradient-end: #333333; + border-radius: 10px; + border-radius-topleft: 0; + border-radius-bottomleft: 0; + width: 60px; +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: rgba(230, 230, 250, 0.7); +} + +.switcher-arrow:highlighted { + color: #e6e6fa; +} + +.switcher-preview-backdrop { + background-color: rgba(0, 0, 0, 0.6); +} + +.ripple-box { + width: 104px; + height: 104px; + background-image: url(assets/corner-ripple.png); + background-color: #6daf22; + border-radius: 52px; +} + +.modal-dialog { + padding: 16px 20px; +} + +.modal-dialog-button-box { + spacing: 16px; +} + +.run-dialog-label { + color: rgba(230, 230, 250, 0.7); + padding-bottom: .4em; +} + +.run-dialog-error-label { + color: #ff7002; +} + +.run-dialog-error-box { + padding-top: 16px; + spacing: 6px; +} + +.run-dialog-completion-box { + padding-left: 15px; +} + +.run-dialog { + border-radius: 10px; + padding: 16px 20px; +} + +.lightbox { + background-color: rgba(0, 0, 0, 0.3); +} + +.cinnamon-mount-operation-icon { + icon-size: 4.8em; +} + +.mount-password-reask { + color: #ed9200; +} + +.show-processes-dialog { + spacing: 24px; +} + +.mount-question-dialog { + spacing: 24px; +} + +.show-processes-dialog-description:rtl { + padding-right: 17px; +} + +.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: #e6e6fa; +} + +.show-processes-dialog-app-list-item:hover { + color: #e6e6fa; +} + +.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; +} + +.magnifier-zoom-region { + border: 3px solid rgba(230, 230, 250, 0.12); +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.6); +} + +.keyboard-key { + font-size: 10.5pt; + font-weight: 500; +} + +.keyboard-layout { + spacing: 8px; + padding: 8px; +} + +.keyboard-row { + spacing: 16px; +} + +.keyboard-subkeys { + color: inherit; + padding: 5px; + -arrow-border-radius: 0; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 0; + -arrow-rise: 0; + -boxpointer-gap: 5px; + background-color: #303030; + border-radius: 10px; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); +} + +.menu-favorites-box { + padding: 8px; +} + +.menu-favorites-button { + padding: 0.4em 4px; +} + +.menu-favorites-button:hover { + background-color: rgba(230, 230, 250, 0.12); + border-radius: 10px; + color: #e6e6fa; +} + +.menu-categories-box { + padding: 8px; +} + +.menu-applications-inner-box { + padding: 8px; +} + +.menu-applications-outer-box { + padding: 8px; + border-radius: 10px; +} + +.menu-application-button { + padding: 0.4em 4px; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + padding: 0.4em 4px; + background-color: rgba(230, 230, 250, 0.12); + border-radius: 10px; + color: #e6e6fa; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-category-button { + padding: 0.4em 4px; +} + +.menu-category-button-greyed { + padding: 0.4em 4px; + color: rgba(230, 230, 250, 0.7); + font-style: italic; +} + +.menu-category-button-selected { + padding: 0.4em 4px; + background-color: rgba(230, 230, 250, 0.12); + border-radius: 10px; + color: #e6e6fa; +} + +.menu-selected-app-box { + padding: 8px; + margin-bottom: 4px; + text-align: right; +} + +.menu-selected-app-box:rtl { + text-align: left; +} + +.menu-selected-app-title { + font-size: 9pt; + font-weight: 400; +} + +.menu-selected-app-description { + font-size: 9pt; + font-weight: 400; + max-width: 150px; +} + +.menu-search-box:ltr { + padding-left: 30px; + padding-bottom: 5px; + padding-top: 5px; +} + +.menu-search-box:rtl { + padding-right: 30px; + padding-bottom: 5px; + padding-top: 5px; +} + +.menu-search-entry-icon { + icon-size: 1em; + padding: 0 0; + color: rgba(230, 230, 250, 0.5); +} + +.window-list-box { + font-size: 9pt; + font-weight: 400; + spacing: 4px; + padding: 0 3px; +} + +.window-list-box.vertical { + spacing: 4px; + padding: 3px 0; +} + +.window-list-box:highlight { + background: rgba(230, 230, 250, 0.3); + color: #e6e6fa; +} + +.window-list-item-box { + background-color: rgba(0, 0, 0, 0.01); + transition-duration: 100ms; +} + +.window-list-item-box:hover { + color: #e6e6fa; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:focus { + background-color: rgba(230, 230, 250, 0.3); + color: #e6e6fa; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:focus:hover { + color: #e6e6fa; +} + +.window-list-item-box .progress { + background-color: #6daf22; +} + +.window-list-item-box.top StLabel, .window-list-item-box.bottom StLabel { + padding-left: 3px; +} + +.window-list-item-demands-attention { + background-color: #34414c; + color: rgba(230, 230, 250, 0.7); +} + +.window-list-preview { + background-color: #473a30; + border-radius: 10px; + padding: 10px 15px; + spacing: 1em; + color: #e6e6fa; + box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); +} + +.grouped-window-list-thumbnail-label { + padding-left: 3px; + padding-bottom: 6px; +} + +.grouped-window-list-number-label { + font-size: 9pt; + font-weight: 400; + z-index: 99; +} + +.grouped-window-list-list-button-label { + padding-left: 3px; +} + +.grouped-window-list-badge { + border-radius: 9999px; + background-color: #14212c; +} + +.grouped-window-list-thumbnail-alert { + background: #ed9200; +} + +.grouped-window-list-item-box { + background-color: rgba(0, 0, 0, 0.01); + transition-duration: 100ms; +} + +.grouped-window-list-item-box:hover { + color: #e6e6fa; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked { + background-color: rgba(230, 230, 250, 0.12); +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover { + color: #e6e6fa; +} + +.grouped-window-list-item-box:focus { + background-color: rgba(230, 230, 250, 0.3); + color: #e6e6fa; +} + +.grouped-window-list-item-box:focus:hover { + color: #e6e6fa; +} + +.grouped-window-list-item-box .progress { + background-color: #6daf22; +} + +.grouped-window-list-item-demands-attention { + background-color: #34414c; + color: rgba(230, 230, 250, 0.7); +} + +.grouped-window-list-thumbnail-menu { + padding: 20px; + border: none; + border-radius: 10px; + color: rgba(230, 230, 250, 0.7); + background: none; +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 8px; + spacing: 2px; + border-radius: 10px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + border: 2px solid rgba(230, 230, 250, 0.12); + color: #e6e6fa; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background: rgba(230, 230, 250, 0.12); + color: #e6e6fa; +} + +.grouped-window-list-thumbnail-menu .item-box > StBoxLayout:ltr { + margin: 1px 0 0 6px; +} + +.grouped-window-list-thumbnail-menu .item-box > StBoxLayout:rtl { + margin: 1px 6px 0 0; +} + +.grouped-window-list-thumbnail-menu .item-box > StBoxLayout StLabel { + padding-bottom: 2px; +} + +.grouped-window-list-thumbnail-menu .item-box > StButton:ltr { + margin: 1px 6px 0 0; +} + +.grouped-window-list-thumbnail-menu .item-box > StButton:rtl { + margin: 1px 0 0 6px; +} + +.grouped-window-list-thumbnail-menu .thumbnail-box { + padding: 2px; +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background: rgba(230, 230, 250, 0.12); +} + +.sound-player StButton:small { + min-width: 24px; + min-height: 24px; + padding: 4px; +} + +.sound-player StButton:small StIcon { + icon-size: 1em; +} + +.sound-player StButton StIcon { + icon-size: 1.5em; +} + +.sound-player .slider { + height: 5px; +} + +.sound-player StBoxLayout { + spacing: 0.5em; +} + +.sound-player > StBoxLayout { + padding: 5px; +} + +.sound-player-generic-coverart { + background: rgba(0, 0, 0, 0.2); +} + +.sound-player-overlay { + background-color: #473a30; + min-width: 300px; + padding: 12px 16px; + spacing: 0.5em; + color: rgba(230, 230, 250, 0.7); +} + +.workspace-button { + background-color: #14212c; + width: 2em; + height: 1em; + color: rgba(230, 230, 250, 0.7); + margin: 2px; +} + +.workspace-button:outlined { + background-color: rgba(230, 230, 250, 0.3); + color: #e6e6fa; +} + +.workspace-graph { + background-color: rgba(0, 0, 0, 0.6); +} + +.workspace-graph .workspace { + background-color: #14212c; + border: 1px solid rgba(230, 230, 250, 0.12); +} + +.workspace-graph .workspace:active { + background-color: rgba(230, 230, 250, 0.3); + border: 1px solid rgba(230, 230, 250, 0.12); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: rgba(255, 255, 255, 0.8); + -active-window-border: rgba(0, 0, 0, 0.9); + -inactive-window-background: rgba(140, 140, 140, 0.8); + -inactive-window-border: rgba(0, 0, 0, 0.7); +} + +.workspace-graph .workspace .windows { + -active-window-background: rgba(140, 140, 140, 0.8); + -active-window-border: rgba(0, 0, 0, 0.7); + -inactive-window-background: rgba(140, 140, 140, 0.8); + -inactive-window-border: rgba(0, 0, 0, 0.7); +} + +.panel-launchers { + padding: 0 4px; + spacing: 4px; + transition-duration: 100ms; +} + +.panel-launchers .launcher { + background-color: rgba(0, 0, 0, 0.01); +} + +.panel-launchers.vertical { + padding: 4px 0; + spacing: 4px; +} + +.panel-launchers.vertical .launcher .icon-box { + padding-top: 0; +} + +.applet-separator-line, .applet-separator-line-vertical { + width: 2px; + background: rgba(230, 230, 250, 0.12); +} + +.applet-spacer:highlight { + background: rgba(255, 255, 255, 0.1); +} + +.applet-box { + background-color: rgba(0, 0, 0, 0.01); + color: rgba(230, 230, 250, 0.7); + transition-duration: 100ms; +} + +.applet-box:checked { + color: #e6e6fa; +} + +.applet-box:checked .applet-label { + color: #e6e6fa; +} + +.applet-box:hover { + color: #e6e6fa; +} + +.applet-box:hover .applet-label { + color: #e6e6fa; +} + +.applet-box:highlight { + background: rgba(230, 230, 250, 0.3); + color: #e6e6fa; +} + +.applet-box:highlight .applet-label { + color: #e6e6fa; +} + +.applet-label { + font-size: 10.5pt; + font-weight: 500; + color: rgba(230, 230, 250, 0.7); +} + +.applet-icon { + color: rgba(230, 230, 250, 0.7); + padding: 0; + spacing: 0; + icon-size: 22px; +} + +.desklet { + font-size: 9pt; + font-weight: 400; + color: #e6e6fa; + border: none; + box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); + padding: 12px; + background-color: rgba(0, 0, 0, 0.3); + border-radius: 10px; +} + +.desklet-with-borders { + font-size: 9pt; + font-weight: 400; + background-color: #473a30; + border-radius: 10px; +} + +.desklet-with-borders:highlight { + background-color: rgba(255, 255, 255, 0.1); +} + +.desklet-with-borders-and-header { + font-size: 9pt; + font-weight: 400; + background-color: #473a30; + border-radius-bottomleft: 2px; + border-radius-bottomright: 2px; +} + +.desklet-with-borders-and-header:highlight { + background-color: rgba(255, 255, 255, 0.1); +} + +.desklet-header { + font-size: 15pt; + font-weight: 500; + background-color: #473a30; + border-radius-topleft: 2px; + border-radius-topright: 2px; +} + +.desklet-header:highlight { + background-color: rgba(255, 255, 255, 0.1); +} + +.photoframe-box { + background-color: #473a30; + border-radius: 10px; +} + +.photoframe-box:highlight { + background-color: rgba(255, 255, 255, 0.1); +} + +.desklet-drag-placeholder { + border: 2px solid #6daf22; + background-color: rgba(0, 0, 0, 0.3); + border-radius: 10px; +} + +.launcher { + padding: 1px; +} + +.launcher .icon-box { + padding-top: 2px; +} + +.about-content { + min-width: 250px; + min-height: 150px; + spacing: 8px; + padding-bottom: 16px; +} + +.about-title { + font-size: 15pt; + font-weight: 500; +} + +.about-uuid { + font-size: 9pt; + font-weight: 400; +} + +.about-icon { + padding-right: 20px; +} + +.about-scrollBox { + border: 1px solid rgba(230, 230, 250, 0.12); + border-radius: 10px; +} + +.about-scrollBox-innerBox { + padding: 1.2em; + spacing: 1.2em; +} + +.about-description { + padding-top: 4px; +} + +.about-version { + padding-left: 7px; +} + +.expo-workspaces-name-entry { + font-size: 11.25pt; + font-weight: 400; + background-color: rgba(230, 230, 250, 0.04); + color: #e6e6fa; + padding: 0 8px; + selection-background-color: rgba(230, 230, 250, 0.3); + selected-color: #e6e6fa; + caret-color: #e6e6fa; + text-align: center; + height: 32px; + border-radius: 10px 10px 0 0; + -cinnamon-caption-spacing: 12px; +} + +#selected.expo-workspaces-name-entry { + color: #e6e6fa; + background-color: rgba(230, 230, 250, 0.3); +} + +.expo-workspaces-name-entry:focus { + color: #e6e6fa; + box-shadow: inset 0 -2px #e6e6fa; +} + +.expo-workspaces-name-entry:hover { + background-color: rgba(230, 230, 250, 0.12); +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.check-box CinnamonGenericContainer { + spacing: 8px; +} + +.check-box:focus:checked StBin { + background-image: url(assets/checkbox.svg); +} + +.check-box:checked StBin { + background-image: url(assets/checkbox.svg); +} + +.radiobutton CinnamonGenericContainer { + spacing: 8px; +} + +.radiobutton:focus:checked StBin { + background-image: url(assets/radiobutton.svg); +} + +.radiobutton:checked StBin { + background-image: url(assets/radiobutton.svg); +} + +.flashspot { + background-color: #6daf22; +} + +.osd-window { + spacing: 1em; + padding: 16px; +} + +.osd-window .level { + height: 0.7em; + border-radius: 0.3em; + background-color: rgba(230, 230, 250, 0.3); +} + +.osd-window .level-bar { + border-radius: 0.3em; + background-color: #6daf22; +} + +.tile-hud:top { + border-top-width: 0; + border-radius: 0 0 10px 10px; +} + +.tile-hud:bottom { + border-bottom-width: 0; + border-radius: 10px 10px 0 0; +} + +.tile-hud:left { + border-left-width: 0; + border-radius: 0 10px 10px 0; +} + +.tile-hud:right { + border-right-width: 0; + border-radius: 10px 0 0 10px; +} + +.tile-hud:top-left { + border-top-width: 0; + border-left-width: 0; + border-radius: 0 0 10px 0; +} + +.tile-hud:top-right { + border-top-width: 0; + border-right-width: 0; + border-radius: 0 0 0 10px; +} + +.tile-hud:bottom-left { + border-bottom-width: 0; + border-left-width: 0; + border-radius: 0 10px 0 0; +} + +.tile-hud:bottom-right { + border-bottom-width: 0; + border-right-width: 0; + border-radius: 10px 0 0 0; +} + +.systray { + spacing: 4px; +} + +.user-box { + padding: 0.4em 1.3em; + spacing: 10px; +} + +.user-icon { + padding: 4px; + border: none; +} + +.user-label { + font-size: 10.5pt; + font-weight: 500; + color: #e6e6fa; +} diff --git a/cinnamon/thumbnail.png b/cinnamon/thumbnail.png new file mode 100644 index 0000000..ac66aa1 Binary files /dev/null and b/cinnamon/thumbnail.png differ diff --git a/gnome-shell/README.md b/gnome-shell/README.md new file mode 100644 index 0000000..90cd370 --- /dev/null +++ b/gnome-shell/README.md @@ -0,0 +1,47 @@ +# How to change the GDM theme + +To change the GDM (lock/login screen) theme, you need to replace the system's _default_ GNOME Shell theme. + +## :warning: Cautions :warning: + +- If the replacement fails, your desktop environment will not work properly. So please **be careful** if doing this. +- When applying this, other third-party GNOME Shell themes would look broken until you restore to the original theme. +- If GNOME Shell has been updated and restored to the original theme, you will need to install this again. + > Note: On Arch Linux, you can automatically reinstall the GDM theme by creating a [hook](https://wiki.archlinux.org/index.php/Pacman#Hooks) file. For example, if you use othis theme as your GDM theme, put [this file](https://gist.github.com/looselyrigorous/a1aa931ce48627cc39daccc9253b30c7) in the `/usr/share/libalpm/hooks/` directory. + +## Requirements + +- `glib-compile-resources` — The package name depends on the distro. + - `glib2` (Arch Linux) + - `glib2-devel` (Fedora, openSUSE, etc.) + - `libglib2.0-dev-bin` (Debian, Ubuntu, etc.) +- `libxml2-utils` — Ubuntu users only. + +## Installation + +1. **Back up** the original theme file first. If you are already using a custom GDM theme, skip this: + + ```sh + sudo cp -av /usr/share/gnome-shell/gnome-shell-theme.gresource{,~} + ``` + +2. Select a **GTK** theme to decide which variant to install. +3. Replace the default theme file: + + ```sh + GTK_THEME=$(gsettings get org.gnome.desktop.interface gtk-theme | sed "s/'//g") + cd /usr/share/themes/${GTK_THEME}/gnome-shell + sudo glib-compile-resources --target=/usr/share/gnome-shell/gnome-shell-theme.gresource gnome-shell-theme.gresource.xml + ``` + +4. Reload the theme. If you are running GNOME Shell, press Alt + F2 then type `rt`. + +## Uninstallation + +1. Restore to the original theme file from the backup: + + ```sh + sudo mv -v /usr/share/gnome-shell/gnome-shell-theme.gresource{~,} + ``` + +2. Reload the theme. If you are running GNOME Shell, press Alt + F2 then type `rt`. diff --git a/gnome-shell/assets/calendar-arrow-left.svg b/gnome-shell/assets/calendar-arrow-left.svg new file mode 100644 index 0000000..fe78461 --- /dev/null +++ b/gnome-shell/assets/calendar-arrow-left.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/assets/calendar-arrow-right.svg b/gnome-shell/assets/calendar-arrow-right.svg new file mode 100644 index 0000000..e191ec9 --- /dev/null +++ b/gnome-shell/assets/calendar-arrow-right.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/assets/checkbox-off.svg b/gnome-shell/assets/checkbox-off.svg new file mode 100644 index 0000000..3f35c68 --- /dev/null +++ b/gnome-shell/assets/checkbox-off.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/assets/checkbox.svg b/gnome-shell/assets/checkbox.svg new file mode 100644 index 0000000..34b7b15 --- /dev/null +++ b/gnome-shell/assets/checkbox.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/assets/close.svg b/gnome-shell/assets/close.svg new file mode 100644 index 0000000..e8e19c7 --- /dev/null +++ b/gnome-shell/assets/close.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/assets/dash-placeholder.svg b/gnome-shell/assets/dash-placeholder.svg new file mode 100644 index 0000000..0e2888d --- /dev/null +++ b/gnome-shell/assets/dash-placeholder.svg @@ -0,0 +1,4 @@ + + + + diff --git a/gnome-shell/assets/dash/bottom-running1-focused.svg b/gnome-shell/assets/dash/bottom-running1-focused.svg new file mode 100644 index 0000000..f764245 --- /dev/null +++ b/gnome-shell/assets/dash/bottom-running1-focused.svg @@ -0,0 +1,4 @@ + + + + diff --git a/gnome-shell/assets/dash/bottom-running1.svg b/gnome-shell/assets/dash/bottom-running1.svg new file mode 100644 index 0000000..74fcc9e --- /dev/null +++ b/gnome-shell/assets/dash/bottom-running1.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/assets/dash/bottom-running2-focused.svg b/gnome-shell/assets/dash/bottom-running2-focused.svg new file mode 100644 index 0000000..538300c --- /dev/null +++ b/gnome-shell/assets/dash/bottom-running2-focused.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/gnome-shell/assets/dash/bottom-running2.svg b/gnome-shell/assets/dash/bottom-running2.svg new file mode 100644 index 0000000..3d95014 --- /dev/null +++ b/gnome-shell/assets/dash/bottom-running2.svg @@ -0,0 +1,4 @@ + + + + diff --git a/gnome-shell/assets/dash/bottom-running3-focused.svg b/gnome-shell/assets/dash/bottom-running3-focused.svg new file mode 100644 index 0000000..3dd1c5c --- /dev/null +++ b/gnome-shell/assets/dash/bottom-running3-focused.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/gnome-shell/assets/dash/bottom-running3.svg b/gnome-shell/assets/dash/bottom-running3.svg new file mode 100644 index 0000000..4423834 --- /dev/null +++ b/gnome-shell/assets/dash/bottom-running3.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/gnome-shell/assets/dash/bottom-running4-focused.svg b/gnome-shell/assets/dash/bottom-running4-focused.svg new file mode 100644 index 0000000..06cd06a --- /dev/null +++ b/gnome-shell/assets/dash/bottom-running4-focused.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/gnome-shell/assets/dash/bottom-running4.svg b/gnome-shell/assets/dash/bottom-running4.svg new file mode 100644 index 0000000..30e1029 --- /dev/null +++ b/gnome-shell/assets/dash/bottom-running4.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/gnome-shell/assets/dash/left-running1-focused.svg b/gnome-shell/assets/dash/left-running1-focused.svg new file mode 100644 index 0000000..1bc6d50 --- /dev/null +++ b/gnome-shell/assets/dash/left-running1-focused.svg @@ -0,0 +1,4 @@ + + + + diff --git a/gnome-shell/assets/dash/left-running1.svg b/gnome-shell/assets/dash/left-running1.svg new file mode 100644 index 0000000..e6520af --- /dev/null +++ b/gnome-shell/assets/dash/left-running1.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/assets/dash/left-running2-focused.svg b/gnome-shell/assets/dash/left-running2-focused.svg new file mode 100644 index 0000000..b2cbe87 --- /dev/null +++ b/gnome-shell/assets/dash/left-running2-focused.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/gnome-shell/assets/dash/left-running2.svg b/gnome-shell/assets/dash/left-running2.svg new file mode 100644 index 0000000..6e020b5 --- /dev/null +++ b/gnome-shell/assets/dash/left-running2.svg @@ -0,0 +1,4 @@ + + + + diff --git a/gnome-shell/assets/dash/left-running3-focused.svg b/gnome-shell/assets/dash/left-running3-focused.svg new file mode 100644 index 0000000..199c702 --- /dev/null +++ b/gnome-shell/assets/dash/left-running3-focused.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/gnome-shell/assets/dash/left-running3.svg b/gnome-shell/assets/dash/left-running3.svg new file mode 100644 index 0000000..036db6e --- /dev/null +++ b/gnome-shell/assets/dash/left-running3.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/gnome-shell/assets/dash/left-running4-focused.svg b/gnome-shell/assets/dash/left-running4-focused.svg new file mode 100644 index 0000000..dedaee0 --- /dev/null +++ b/gnome-shell/assets/dash/left-running4-focused.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/gnome-shell/assets/dash/left-running4.svg b/gnome-shell/assets/dash/left-running4.svg new file mode 100644 index 0000000..047be09 --- /dev/null +++ b/gnome-shell/assets/dash/left-running4.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/gnome-shell/assets/dash/right-running1-focused.svg b/gnome-shell/assets/dash/right-running1-focused.svg new file mode 100644 index 0000000..b062b75 --- /dev/null +++ b/gnome-shell/assets/dash/right-running1-focused.svg @@ -0,0 +1,4 @@ + + + + diff --git a/gnome-shell/assets/dash/right-running1.svg b/gnome-shell/assets/dash/right-running1.svg new file mode 100644 index 0000000..edfea7b --- /dev/null +++ b/gnome-shell/assets/dash/right-running1.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/assets/dash/right-running2-focused.svg b/gnome-shell/assets/dash/right-running2-focused.svg new file mode 100644 index 0000000..680f55e --- /dev/null +++ b/gnome-shell/assets/dash/right-running2-focused.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/gnome-shell/assets/dash/right-running2.svg b/gnome-shell/assets/dash/right-running2.svg new file mode 100644 index 0000000..bfda115 --- /dev/null +++ b/gnome-shell/assets/dash/right-running2.svg @@ -0,0 +1,4 @@ + + + + diff --git a/gnome-shell/assets/dash/right-running3-focused.svg b/gnome-shell/assets/dash/right-running3-focused.svg new file mode 100644 index 0000000..7017dd6 --- /dev/null +++ b/gnome-shell/assets/dash/right-running3-focused.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/gnome-shell/assets/dash/right-running3.svg b/gnome-shell/assets/dash/right-running3.svg new file mode 100644 index 0000000..54f7109 --- /dev/null +++ b/gnome-shell/assets/dash/right-running3.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/gnome-shell/assets/dash/right-running4-focused.svg b/gnome-shell/assets/dash/right-running4-focused.svg new file mode 100644 index 0000000..7c73c6e --- /dev/null +++ b/gnome-shell/assets/dash/right-running4-focused.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/gnome-shell/assets/dash/right-running4.svg b/gnome-shell/assets/dash/right-running4.svg new file mode 100644 index 0000000..00d6b01 --- /dev/null +++ b/gnome-shell/assets/dash/right-running4.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/gnome-shell/assets/dash/top-running1-focused.svg b/gnome-shell/assets/dash/top-running1-focused.svg new file mode 100644 index 0000000..4ed5ba8 --- /dev/null +++ b/gnome-shell/assets/dash/top-running1-focused.svg @@ -0,0 +1,4 @@ + + + + diff --git a/gnome-shell/assets/dash/top-running1.svg b/gnome-shell/assets/dash/top-running1.svg new file mode 100644 index 0000000..8001736 --- /dev/null +++ b/gnome-shell/assets/dash/top-running1.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/assets/dash/top-running2-focused.svg b/gnome-shell/assets/dash/top-running2-focused.svg new file mode 100644 index 0000000..4e3ebb2 --- /dev/null +++ b/gnome-shell/assets/dash/top-running2-focused.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/gnome-shell/assets/dash/top-running2.svg b/gnome-shell/assets/dash/top-running2.svg new file mode 100644 index 0000000..262cb79 --- /dev/null +++ b/gnome-shell/assets/dash/top-running2.svg @@ -0,0 +1,4 @@ + + + + diff --git a/gnome-shell/assets/dash/top-running3-focused.svg b/gnome-shell/assets/dash/top-running3-focused.svg new file mode 100644 index 0000000..68088d8 --- /dev/null +++ b/gnome-shell/assets/dash/top-running3-focused.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/gnome-shell/assets/dash/top-running3.svg b/gnome-shell/assets/dash/top-running3.svg new file mode 100644 index 0000000..94b839f --- /dev/null +++ b/gnome-shell/assets/dash/top-running3.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/gnome-shell/assets/dash/top-running4-focused.svg b/gnome-shell/assets/dash/top-running4-focused.svg new file mode 100644 index 0000000..2481421 --- /dev/null +++ b/gnome-shell/assets/dash/top-running4-focused.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/gnome-shell/assets/dash/top-running4.svg b/gnome-shell/assets/dash/top-running4.svg new file mode 100644 index 0000000..cf37903 --- /dev/null +++ b/gnome-shell/assets/dash/top-running4.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/gnome-shell/assets/key-enter.svg b/gnome-shell/assets/key-enter.svg new file mode 100644 index 0000000..6b1dc1e --- /dev/null +++ b/gnome-shell/assets/key-enter.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/assets/key-hide.svg b/gnome-shell/assets/key-hide.svg new file mode 100644 index 0000000..45ecf6a --- /dev/null +++ b/gnome-shell/assets/key-hide.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/assets/key-layout.svg b/gnome-shell/assets/key-layout.svg new file mode 100644 index 0000000..651dc74 --- /dev/null +++ b/gnome-shell/assets/key-layout.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/assets/key-shift-latched-uppercase.svg b/gnome-shell/assets/key-shift-latched-uppercase.svg new file mode 100644 index 0000000..9006d0e --- /dev/null +++ b/gnome-shell/assets/key-shift-latched-uppercase.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/assets/key-shift-uppercase.svg b/gnome-shell/assets/key-shift-uppercase.svg new file mode 100644 index 0000000..0bbcd87 --- /dev/null +++ b/gnome-shell/assets/key-shift-uppercase.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/assets/key-shift.svg b/gnome-shell/assets/key-shift.svg new file mode 100644 index 0000000..662eac8 --- /dev/null +++ b/gnome-shell/assets/key-shift.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/assets/no-events.svg b/gnome-shell/assets/no-events.svg new file mode 100644 index 0000000..709dc15 --- /dev/null +++ b/gnome-shell/assets/no-events.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/assets/no-notifications.svg b/gnome-shell/assets/no-notifications.svg new file mode 100644 index 0000000..c655af5 --- /dev/null +++ b/gnome-shell/assets/no-notifications.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/assets/toggle-off.svg b/gnome-shell/assets/toggle-off.svg new file mode 100644 index 0000000..da4e501 --- /dev/null +++ b/gnome-shell/assets/toggle-off.svg @@ -0,0 +1,4 @@ + + + + diff --git a/gnome-shell/assets/toggle-on.svg b/gnome-shell/assets/toggle-on.svg new file mode 100644 index 0000000..00a3fcf --- /dev/null +++ b/gnome-shell/assets/toggle-on.svg @@ -0,0 +1,4 @@ + + + + diff --git a/gnome-shell/assets/window-close-active.svg b/gnome-shell/assets/window-close-active.svg new file mode 100644 index 0000000..41b2c18 --- /dev/null +++ b/gnome-shell/assets/window-close-active.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/gnome-shell/assets/window-close.svg b/gnome-shell/assets/window-close.svg new file mode 100644 index 0000000..0161943 --- /dev/null +++ b/gnome-shell/assets/window-close.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/gnome-shell/extensions/workspaces-to-dock/workspaces-to-dock.css b/gnome-shell/extensions/workspaces-to-dock/workspaces-to-dock.css new file mode 100644 index 0000000..2f3aa20 --- /dev/null +++ b/gnome-shell/extensions/workspaces-to-dock/workspaces-to-dock.css @@ -0,0 +1,519 @@ +#workspacestodockTriggerSpacer { + background-color: none; +} + +#workspacestodockContainerWrapper { + background-color: none; +} + +#workspacestodockContainer { + background-color: none; +} + +#workspacestodockDockWrapper { +} + +#workspacestodockDock { + padding: 0; +} + +#workspacestodockDock .workspace-thumbnails { + background-color: #37474F; + background-color: rgba(0, 0, 0, 0.6); +} + +#workspacestodockDock:overview .workspace-thumbnails { + background-color: rgba(255, 255, 255, 0.1); +} + +#workspacestodockDock.fullheight:overview .workspace-thumbnails { + background-color: transparent; +} + +#workspacestodockDock .workspace-thumbnail-indicator { + border-left-width: 0; +} + +#workspacestodockDock.right .workspace-thumbnail-indicator { + border-left-width: 2px; +} + +#workspacestodockDock.left .workspace-thumbnail-indicator { + border-right-width: 2px; +} + +#workspacestodockDock.top .workspace-thumbnail-indicator { + border-bottom-width: 2px; +} + +#workspacestodockDock.bottom .workspace-thumbnail-indicator { + border-top-width: 2px; +} + +#workspacestodockDock.right .workspace-thumbnails { + border-radius: 4px 0 0 4px; +} + +#workspacestodockDock.left .workspace-thumbnails { + border-radius: 0 4px 4px 0; +} + +#workspacestodockDock.top .workspace-thumbnails { + border-radius: 0 0 4px 4px; +} + +#workspacestodockDock.bottom .workspace-thumbnails { + border-radius: 4px 4px 0 0; +} + +#workspacestodockDock.right.inside .workspace-thumbnails { + border-radius: 0; +} + +#workspacestodockDock.left.inside .workspace-thumbnails { + border-radius: 0; +} + +#workspacestodockDock.top.inside .workspace-thumbnails { + border-radius: 0; +} + +#workspacestodockDock.bottom.inside .workspace-thumbnails { + border-radius: 0; +} + +#workspacestodockDock.right.fullheight .workspace-thumbnails { + border-radius: 0; +} + +#workspacestodockDock.left.fullheight .workspace-thumbnails { + border-radius: 0; +} + +#workspacestodockDock.top.fullheight .workspace-thumbnails { + border-radius: 0; +} + +#workspacestodockDock.bottom.fullheight .workspace-thumbnails { + border-radius: 0; +} + +#workspacestodockDock .workspacestodock-shortcuts-panel { + border: 0 solid rgba(255, 255, 255, 0.12); +} + +#workspacestodockDock.right .workspacestodock-shortcuts-panel { + border-radius: 0; + padding: 0; + spacing: 0; + border-left: 1px; + border-right: none; +} + +#workspacestodockDock.left .workspacestodock-shortcuts-panel { + border-radius: 0; + padding: 0; + spacing: 0; + border-left: none; + border-right: 1px; +} + +#workspacestodockDock.top .workspacestodock-shortcuts-panel { + border-radius: 0; + padding: 0; + spacing: 0; + border-top: none; + border-bottom: 1px; +} + +#workspacestodockDock.bottom .workspacestodock-shortcuts-panel { + border-radius: 0; + padding: 0; + spacing: 0; + border-top: 1px; + border-bottom: none; +} + +#workspacestodockDock.right.inside .workspacestodock-shortcuts-panel { + border-radius: 4px 0 0 4px; + padding: 0; + spacing: 0; + border-left: none; + border-right: 1px; +} + +#workspacestodockDock.left.inside .workspacestodock-shortcuts-panel { + border-radius: 0 4px 4px 0; + padding: 0; + spacing: 0; + border-left: 1px; + border-right: none; +} + +#workspacestodockDock.top.inside .workspacestodock-shortcuts-panel { + border-radius: 0 0 4px 4px; + padding: 0; + spacing: 0; + border-top: 1px; + border-bottom: none; +} + +#workspacestodockDock.bottom.inside .workspacestodock-shortcuts-panel { + border-radius: 4px 4px 0 0; + padding: 0; + spacing: 0; + border-top: none; + border-bottom: 1px; +} + +#workspacestodockDock.right.fullheight .workspacestodock-shortcuts-panel { + border-radius: 0; +} + +#workspacestodockDock.left.fullheight .workspacestodock-shortcuts-panel { + border-radius: 0; +} + +#workspacestodockDock.top.fullheight .workspacestodock-shortcuts-panel { + border-radius: 0; +} + +#workspacestodockDock.bottom.fullheight .workspacestodock-shortcuts-panel { + border-radius: 0; +} + +#workspacestodockDock .workspacestodock-shortcuts-panel > * { + border: 0 !important; +} + +.workspacestodock-shortcuts-panel-popupmenu { + padding: 2px; + spacing: 0; +} + +.workspacestodock-shortcuts-panel-favorites { +} + +.workspacestodock-shortcuts-panel-running { +} + +.workspacestodock-shortcuts-panel-places { +} + +/* shortcuts panel buttons */ +#workspacestodockDock .app-well-app { +} + +#workspacestodockDock .workspacestodock-shortcuts-panel > StButton { + background-size: cover; +} + +#workspacestodockDock.left .workspacestodock-shortcuts-panel > StButton, +#workspacestodockDock.right .workspacestodock-shortcuts-panel > StButton { + padding: 3px 6px; +} + +#workspacestodockDock.left .workspacestodock-shortcuts-panel > StButton:first-child, +#workspacestodockDock.right .workspacestodock-shortcuts-panel > StButton:first-child { + padding: 6px 6px 3px 6px; +} + +#workspacestodockDock.left .workspacestodock-shortcuts-panel > StButton:last-child, +#workspacestodockDock.right .workspacestodock-shortcuts-panel > StButton:last-child { + padding: 3px 6px 6px 6px; +} + +#workspacestodockDock.top .workspacestodock-shortcuts-panel > StButton, +#workspacestodockDock.bottom .workspacestodock-shortcuts-panel > StButton { + padding: 6px 3px; +} + +#workspacestodockDock.top .workspacestodock-shortcuts-panel > StButton:first-child, +#workspacestodockDock.bottom .workspacestodock-shortcuts-panel > StButton:first-child { + padding: 6px 3px 6px 6px; +} + +#workspacestodockDock.top .workspacestodock-shortcuts-panel > StButton:last-child, +#workspacestodockDock.bottom .workspacestodock-shortcuts-panel > StButton:last-child { + padding: 6px 6px 6px 3px; +} + +.workspacestodock-shortcut-button { +} + +.workspacestodock-shortcut-button-symbolic { +} + +/* shortcuts panel button icons */ +#workspacestodockDock .app-well-app > .overview-icon { +} + +.workspacestodock-shortcut-button-icon { + padding: 6px; +} + +.workspacestodock-shortcut-button-symbolic-icon { + padding: 8px; +} + +/* shortcuts panel items */ +#workspacestodockDock .popup-separator-menu-item { + margin: 0; +} + +.workspacestodock-shortcut-panel-separator { + -margin-horizontal: 0; +} + +.workspacestodock-shortcut-panel-filler { + -margin-horizontal: 0; + height: 0; + padding: 0; + border: none; +} + +/* shortcuts panel button window count indicators */ +#workspacestodockDock.right .workspacestodock-shortcut-button-windowcount-image-1 { + background-image: url("../../assets/dash/right-running1.svg"); +} + +#workspacestodockDock.left .workspacestodock-shortcut-button-windowcount-image-1 { + background-image: url("../../assets/dash/left-running1.svg"); +} + +#workspacestodockDock.top .workspacestodock-shortcut-button-windowcount-image-1 { + background-image: url("../../assets/dash/top-running1.svg"); +} + +#workspacestodockDock.bottom .workspacestodock-shortcut-button-windowcount-image-1 { + background-image: url("../../assets/dash/bottom-running1.svg"); +} + +#workspacestodockDock.right .workspacestodock-shortcut-button-windowcount-image-2 { + background-image: url("../../assets/dash/right-running2.svg"); +} + +#workspacestodockDock.left .workspacestodock-shortcut-button-windowcount-image-2 { + background-image: url("../../assets/dash/left-running2.svg"); +} + +#workspacestodockDock.top .workspacestodock-shortcut-button-windowcount-image-2 { + background-image: url("../../assets/dash/top-running2.svg"); +} + +#workspacestodockDock.bottom .workspacestodock-shortcut-button-windowcount-image-2 { + background-image: url("../../assets/dash/bottom-running2.svg"); +} + +#workspacestodockDock.right .workspacestodock-shortcut-button-windowcount-image-3 { + background-image: url("../../assets/dash/right-running3.svg"); +} + +#workspacestodockDock.left .workspacestodock-shortcut-button-windowcount-image-3 { + background-image: url("../../assets/dash/left-running3.svg"); +} + +#workspacestodockDock.top .workspacestodock-shortcut-button-windowcount-image-3 { + background-image: url("../../assets/dash/top-running3.svg"); +} + +#workspacestodockDock.bottom .workspacestodock-shortcut-button-windowcount-image-3 { + background-image: url("../../assets/dash/bottom-running3.svg"); +} + +#workspacestodockDock.right .workspacestodock-shortcut-button-windowcount-image-4 { + background-image: url("../../assets/dash/right-running4.svg"); +} + +#workspacestodockDock.left .workspacestodock-shortcut-button-windowcount-image-4 { + background-image: url("../../assets/dash/left-running4.svg"); +} + +#workspacestodockDock.top .workspacestodock-shortcut-button-windowcount-image-4 { + background-image: url("../../assets/dash/top-running4.svg"); +} + +#workspacestodockDock.bottom .workspacestodock-shortcut-button-windowcount-image-4 { + background-image: url("../../assets/dash/bottom-running4.svg"); +} + +.workspacestodock-workspace-caption-container { + padding: 0; +} + +.workspacestodock-workspace-caption-background { + background-color: rgba(0, 0, 0, 0.6); + /* border-radius: 0 0 4px 4px; */ +} + +.workspacestodock-workspace-caption-background.caption-top { + /* border-radius: 4px 4px 0 0; */ +} + +.workspacestodock-workspace-caption { +} + +/* caption window apps (taskbar) */ +.workspacestodock-caption-windowapps { + padding: 0; +} + +.workspacestodock-caption-windowapps-menu { + -boxpointer-gap: 12px; +} + +.workspacestodock-caption-windowapps-menu .popup-menu-item { + min-height: 24px; + padding-top: 4px; + padding-bottom: 4px; +} + +.workspacestodock-caption-windowapps-menu .popup-menu-item:active { + background-color: rgba(0, 0, 0, 0.12); +} + +.workspacestodock-caption-windowapps-menu .popup-menu-item.selected:active { + background-color: rgba(0, 0, 0, 0.24); +} + +.workspacestodock-caption-windowapps-menu-item { + /*fallback class for GS34 since it can't override gnome shell class 'popup-menu-item' */ +} + +.workspacestodock-caption-windowapps-menu-item:active { + /*fallback class for GS34 since it can't override gnome shell class 'popup-menu-item' */ +} + +.workspacestodock-caption-windowapps-menu-icon { +} + +.workspacestodock-caption-windowapps-menu-label { + padding: 0 8px; +} + +.workspacestodock-caption-windowapps-menu .window-close { + /* GS36+ can override gnome shell class 'window-close' */ + border-radius: 100px; + -st-background-image-shadow: none; + background-image: url("../../assets/close.svg"); + background-size: 24px; + height: 24px; + width: 24px; +} + +.workspacestodock-caption-windowapps-menu .window-close:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +.workspacestodock-caption-windowapps-menu .window-close:active { + background-color: rgba(0, 0, 0, 0.24); +} + +.workspacestodock-caption-windowapps-menu-close { + /*fallback class for GS34 since it can't override gnome shell class 'window-close' */ +} + +.workspacestodock-caption-windowapps-menu-close:hover { + /*fallback class for GS34 since it can't override gnome shell class 'window-close' */ +} + +.workspacestodock-caption-windowapps-button { + padding: 0; +} + +.workspacestodock-caption-windowapps-button-icon { + padding: 2px; + background-color: rgba(0, 0, 0, 0.01); /* needs to draw box-shadow */ +} + +.workspacestodock-caption-windowapps-button:active > .workspacestodock-caption-windowapps-button-icon { + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.3); +} + +.workspacestodock-caption-windowapps-button-active > .workspacestodock-caption-windowapps-button-icon { + box-shadow: inset 0 -2px #FFFFFF; +} + +/* caption workspace number */ +.workspacestodock-caption-number { + margin: 1px; + padding: 0 10px; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.3); + color: #FFFFFF; + font-size: 9pt; + font-weight: bold; + text-align: center; +} + +/* caption workspace name */ +.workspacestodock-caption-name { + margin: 0 4px; + color: rgba(255, 255, 255, 0.6); + font-size: 9pt; + text-align: center; +} + +/* caption workspace windowcount */ +.workspacestodock-caption-windowcount { + /* min-width: 16px; */ + margin: 0px 4px; + padding: 0px 4px; + color: #FFFFFF; + font-size: 9pt; + font-weight: bold; + text-align: center; +} + +/* caption workspace windowcount image*/ +.workspacestodock-caption-windowcount-image { + width: 20px; + height: 20px; + margin: 1px; + border-radius: 0; + background-color: #FF4081; + color: #FFFFFF; + font-size: 9pt; + font-weight: bold; + text-align: center; +} + +/* The classes below are used in conjunction with the above workspacestodock-caption-windowcount-image + * They provide background images that corespond with the window count */ +.workspacestodock-caption-windowcount-image-1 { +} + +.workspacestodock-caption-windowcount-image-2 { +} + +.workspacestodock-caption-windowcount-image-3 { +} + +.workspacestodock-caption-windowcount-image-4 { +} + +/* caption spacer-filler */ +.workspacestodock-caption-spacer { + width: 4px; +} + +/* The classes below are used in conjuction with the above classes + * They provide additional theming for the current workspace caption */ +.workspacestodock-workspace-caption-background-current { +} + +.workspacestodock-workspace-caption-background-current.caption-top { +} + +.workspacestodock-caption-number-current { + /* background-color: #42A5F5; */ +} + +.workspacestodock-caption-name-current { +} + +.workspacestodock-caption-windowcount-current { +} + +.workspacestodock-caption-windowcount-image-current { +} diff --git a/gnome-shell/gnome-shell-theme.gresource.xml b/gnome-shell/gnome-shell-theme.gresource.xml new file mode 100644 index 0000000..f8817b8 --- /dev/null +++ b/gnome-shell/gnome-shell-theme.gresource.xml @@ -0,0 +1,72 @@ + + + + assets/dash/bottom-running1.svg + assets/dash/bottom-running1-focused.svg + assets/dash/bottom-running2.svg + assets/dash/bottom-running2-focused.svg + assets/dash/bottom-running3.svg + assets/dash/bottom-running3-focused.svg + assets/dash/bottom-running4.svg + assets/dash/bottom-running4-focused.svg + assets/dash/left-running1.svg + assets/dash/left-running1-focused.svg + assets/dash/left-running2.svg + assets/dash/left-running2-focused.svg + assets/dash/left-running3.svg + assets/dash/left-running3-focused.svg + assets/dash/left-running4.svg + assets/dash/left-running4-focused.svg + assets/dash/right-running1.svg + assets/dash/right-running1-focused.svg + assets/dash/right-running2.svg + assets/dash/right-running2-focused.svg + assets/dash/right-running3.svg + assets/dash/right-running3-focused.svg + assets/dash/right-running4.svg + assets/dash/right-running4-focused.svg + assets/dash/top-running1.svg + assets/dash/top-running1-focused.svg + assets/dash/top-running2.svg + assets/dash/top-running2-focused.svg + assets/dash/top-running3.svg + assets/dash/top-running3-focused.svg + assets/dash/top-running4.svg + assets/dash/top-running4-focused.svg + assets/calendar-arrow-left.svg + assets/calendar-arrow-right.svg + assets/checkbox.svg + assets/checkbox-off.svg + assets/close.svg + assets/dash-placeholder.svg + assets/key-enter.svg + assets/key-hide.svg + assets/key-layout.svg + assets/key-shift.svg + assets/key-shift-uppercase.svg + assets/key-shift-latched-uppercase.svg + assets/no-events.svg + assets/no-notifications.svg + assets/toggle-off.svg + assets/toggle-on.svg + assets/window-close.svg + assets/window-close-active.svg + extensions/workspaces-to-dock/workspaces-to-dock.css + gnome-shell.css + icons/eye-not-looking-symbolic.svg + icons/eye-open-negative-filled-symbolic.svg + icons/keyboard-caps-lock-filled-symbolic.svg + icons/keyboard-enter-symbolic.svg + icons/keyboard-hide-symbolic.svg + icons/keyboard-layout-filled-symbolic.svg + icons/keyboard-shift-filled-symbolic.svg + icons/message-indicator-symbolic.svg + icons/pointer-double-click-symbolic.svg + icons/pointer-drag-symbolic.svg + icons/pointer-primary-click-symbolic.svg + icons/pointer-secondary-click-symbolic.svg + noise-texture.png + pad-osd.css + process-working.svg + + diff --git a/gnome-shell/gnome-shell.css b/gnome-shell/gnome-shell.css new file mode 100644 index 0000000..1027049 --- /dev/null +++ b/gnome-shell/gnome-shell.css @@ -0,0 +1,3323 @@ +/* Copyright 2009, 2015 Red Hat, Inc. + * + * Portions adapted from Mx's data/style/default.css + * Copyright 2009 Intel Corporation + * + * This program is free software; you can redistribute it and/or modify it + * under the terms and conditions of the GNU Lesser General Public License, + * version 2.1, as published by the Free Software Foundation. + * + * This program is distributed in the hope it will be useful, but WITHOUT ANY + * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS + * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for + * more details. + * + * You should have received a copy of the GNU Lesser General Public License + * along with this program; if not, write to the Free Software Foundation, + * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. + */ +stage { + color: #e6e6fa; + font-size: 1em; +} + +.shell-link { + transition-duration: 100ms; + border-radius: 10px; + color: #6daf22; +} + +.shell-link:hover { + background-color: rgba(109, 175, 34, 0.08); + color: #6daf22; +} + +.shell-link:active { + transition-duration: 200ms; + background-color: rgba(109, 175, 34, 0.2); + color: #6daf22; +} + +.lowres-icon { + icon-shadow: none; +} + +.icon-dropshadow { + icon-shadow: none; +} + +/* Entries */ +.lg-dialog StEntry, +StEntry { + min-height: 32px; + padding: 0 8px; + border-width: 0; + border-radius: 10px 10px 0 0; + color: #e6e6fa; + selection-background-color: rgba(109, 175, 34, 0.32); + selected-color: #e6e6fa; + font-size: 11.25pt; + font-weight: 400; + transition-duration: 100ms; + background-color: rgba(230, 230, 250, 0.04); + border-color: transparent; + box-shadow: inset 0 -1px rgba(230, 230, 250, 0.3); +} + + +StEntry:hover { + box-shadow: inset 0 -1px #e6e6fa; +} + + +StEntry:focus { + border-color: transparent; + box-shadow: inset 0 -2px #6daf22; +} + + +StEntry:insensitive { + color: rgba(230, 230, 250, 0.5); + border-color: transparent; + box-shadow: inset 0 -1px rgba(230, 230, 250, 0.12); +} + + +StEntry StIcon.capslock-warning { + icon-size: 16px; + padding: 0 4px; + warning-color: #ed9200; +} + + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; + color: rgba(230, 230, 250, 0.7); +} + + +StEntry StIcon.peek-password:hover { + color: #e6e6fa; +} + + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(230, 230, 250, 0.7); +} + +/* Buttons */ +.lg-obj-inspector-button, .app-folder-dialog .folder-name-container .edit-folder-button, .modal-dialog .modal-dialog-linked-button, .hotplug-notification-item, .notification-banner .notification-button, +.button { + min-height: 32px; + min-width: 48px; + padding: 0 8px; + border: 0; + border-radius: 10px; + font-size: 10.5pt; + font-weight: 500; + color: rgba(230, 230, 250, 0.7); + background-color: transparent; + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; + transition-duration: 100ms; +} + +.lg-obj-inspector-button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus, .modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus, +.button:focus { + color: rgba(230, 230, 250, 0.7); + background-color: rgba(230, 230, 250, 0.12); + text-shadow: none; + icon-shadow: none; + box-shadow: 0 0 transparent; +} + +.lg-obj-inspector-button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover, .notification-banner .notification-button:hover, +.button:hover { + color: rgba(230, 230, 250, 0.7); + background-color: rgba(230, 230, 250, 0.08); + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active, .modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active, +.button:active { + color: rgba(230, 230, 250, 0.7); + background-color: rgba(230, 230, 250, 0.2); + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; + transition-duration: 200ms; +} + +.lg-obj-inspector-button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive, +.button:insensitive { + color: rgba(230, 230, 250, 0.3); + background-color: transparent; + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-linked-button, .hotplug-notification-item, .notification-banner .notification-button { + margin: 4px; + margin-right: 0; +} + +.modal-dialog .modal-dialog-linked-button:first-child, .hotplug-notification-item:first-child, .notification-banner .notification-button:first-child, .modal-dialog .modal-dialog-linked-button:last-child, .hotplug-notification-item:last-child, .notification-banner .notification-button:last-child { + border-radius: 10px; +} + +.modal-dialog .modal-dialog-linked-button:last-child, .hotplug-notification-item:last-child, .notification-banner .notification-button:last-child { + margin-right: 4px; + border-right-width: 0; +} + +/* Check Boxes */ +.check-box StBoxLayout { + spacing: 8px; +} + +.check-box StBin { + transition-duration: 100ms; + width: 24px; + height: 24px; + padding: 4px; + border-radius: 16px; +} + +.check-box StBin, .check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-color: rgba(230, 230, 250, 0.12); +} + +.check-box:hover StBin { + background-color: rgba(230, 230, 250, 0.08); +} + +.check-box:active StBin { + transition-duration: 200ms; + background-color: rgba(230, 230, 250, 0.2); +} + +.check-box:checked StBin, .check-box:checked:focus StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:checked:focus StBin { + background-color: rgba(109, 175, 34, 0.08); +} + +.check-box:checked:hover StBin { + background-color: rgba(109, 175, 34, 0.08); +} + +.check-box:checked:active StBin { + background-color: rgba(109, 175, 34, 0.2); +} + +/* Switches */ +.toggle-switch { + color: inherit; + width: 40px; + height: 20px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +/* Slider */ +.slider { + height: 20px; + -barlevel-height: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: transparent; + -barlevel-background-color: rgba(230, 230, 250, 0.3); + -barlevel-active-border-color: transparent; + -barlevel-active-background-color: #6daf22; + -barlevel-overdrive-color: #ff7002; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 2px; + -slider-handle-radius: 6px; + -slider-handle-border-width: 0; + -slider-handle-border-color: transparent; +} + +.slider, .slider:hover, .slider:active { + color: #6daf22; +} + +/* Scrollbars */ +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 16px; +} + +StScrollBar StBin#trough { + margin: 4px; + border-radius: 4px; + background-color: rgba(230, 230, 250, 0.12); +} + +StScrollBar StButton#vhandle, +StScrollBar StButton#hhandle { + transition-duration: 100ms; + margin: 4px; + border-radius: 4px; + background-color: rgba(230, 230, 250, 0.5); +} + +StScrollBar StButton#vhandle:hover, +StScrollBar StButton#hhandle:hover { + background-color: rgba(230, 230, 250, 0.7); +} + +StScrollBar StButton#vhandle:active, +StScrollBar StButton#hhandle:active { + background-color: #e6e6fa; +} + +#unlockDialogNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(230, 230, 250, 0.12); +} + +#unlockDialogNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, +#unlockDialogNotifications StScrollBar StButton#hhandle, +#overview StScrollBar StButton#hhandle { + background-color: rgba(230, 230, 250, 0.5); +} + +#unlockDialogNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, +#unlockDialogNotifications StScrollBar StButton#hhandle:hover, +#overview StScrollBar StButton#hhandle:hover { + background-color: rgba(230, 230, 250, 0.7); +} + +#unlockDialogNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, +#unlockDialogNotifications StScrollBar StButton#hhandle:active, +#overview StScrollBar StButton#hhandle:active { + background-color: #e6e6fa; +} + +/* Popovers/Menus */ +.popup-menu-boxpointer, .candidate-popup-boxpointer { + -arrow-base: 0; + -arrow-rise: 0; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-border-radius: 20px; + -arrow-box-shadow: none; + -arrow-background-color: transparent; +} + +.popup-menu { + min-width: 15em; + border-color: transparent; + color: inherit; +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-content, .candidate-popup-content { + margin: 5px 8px 8px; + padding: 8px 0; + border-radius: 10px; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); + background-color: #473a30; + color: #e6e6fa; +} + +.popup-menu-item { + spacing: 8px; + padding: 0; + transition-duration: 100ms; +} + +.popup-menu-item:ltr { + padding: 0.4em; + padding-right: 24px; + padding-left: 0; +} + +.popup-menu-item:rtl { + padding: 0.4em; + padding-right: 0; + padding-left: 24px; +} + +.popup-menu-item.selected { + background-color: rgba(230, 230, 250, 0.08); + transition-duration: 0ms; +} + +.popup-menu-item.selected, .popup-menu-item.selected:active { + color: #e6e6fa; +} + +.popup-menu-item:active { + background-color: rgba(230, 230, 250, 0.2); + color: #e6e6fa; + transition-duration: 200ms; +} + +.popup-menu-item:checked { + box-shadow: none; + background-color: rgba(109, 175, 34, 0.32); + font-weight: normal; +} + +.popup-menu-item.selected:checked { + background-color: rgba(109, 175, 34, 0.4); +} + +.popup-menu-item:checked:active { + background-color: rgba(109, 175, 34, 0.6); +} + +.popup-menu-item:insensitive { + color: rgba(230, 230, 250, 0.5); +} + +.popup-inactive-menu-item { + color: #e6e6fa; +} + +.popup-inactive-menu-item:insensitive { + color: rgba(230, 230, 250, 0.5); +} + +.popup-menu-arrow { + icon-size: 16px; +} + +.popup-menu-icon { + icon-size: 16px; +} + +.popup-sub-menu { + border-top: 0; + border-bottom: 0; + padding-bottom: 0; + box-shadow: none; + background-color: rgba(230, 230, 250, 0.04); +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-separator-menu-item { + padding: 0; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 8px 0; + background-color: rgba(230, 230, 250, 0.12); +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + margin: 8px 0; + background-color: rgba(230, 230, 250, 0.12); +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator:ltr { + margin-right: 32px; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator:rtl { + margin-left: 32px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 4px; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + padding-left: 16px; + margin-left: 16px; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + padding-right: 16px; + margin-right: 16px; +} + +/* Date/Time Menu */ +.message, .weather-button, .world-clocks-button, .calendar, .datemenu-today-button, .events-section-title { + margin: 0; + border: 0; + border-radius: 10px; +} + +.message, .weather-button, .world-clocks-button, .calendar, .datemenu-today-button, .events-section-title { + border-color: transparent; + box-shadow: none; + background-color: transparent; + color: inherit; + text-shadow: none; + icon-shadow: none; + transition-duration: 100ms; +} + +.message:focus, .weather-button:focus, .world-clocks-button:focus, .calendar:focus, .datemenu-today-button:focus, .events-section-title:focus { + background-color: rgba(230, 230, 250, 0.12); +} + +.message:hover, .weather-button:hover, .world-clocks-button:hover, .calendar:hover, .datemenu-today-button:hover, .events-section-title:hover { + background-color: rgba(230, 230, 250, 0.08); +} + +.message:active, .weather-button:active, .world-clocks-button:active, .calendar:active, .datemenu-today-button:active, .events-section-title:active { + background-color: rgba(230, 230, 250, 0.2); + transition-duration: 200ms; +} + +.clock-display-box { + spacing: 0; +} + +.clock-display-box .clock { + padding-left: 8px; + padding-right: 8px; +} + +#calendarArea { + padding: 8px 16px; +} + +.datemenu-calendar-column { + spacing: 8px; + padding: 0; + border: 0 solid rgba(230, 230, 250, 0.12); +} + +.datemenu-calendar-column:ltr { + margin-right: 0; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 0; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; + margin: 0 8px; +} + +.events-section-title { + min-height: 20px; + padding: 4px 8px; + color: rgba(230, 230, 250, 0.7) !important; + font-weight: bold; +} + +/* today button (the date) */ +.datemenu-today-button { + margin: 0 8px; + min-height: 48px; + padding: 4px 8px; +} + +.datemenu-today-button .day-label { + font-weight: normal; + font-size: 1em; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +/* Calendar */ +.calendar { + margin: 0 8px; + margin-bottom: 0; + padding: 0; +} + +.calendar .calendar-month-label { + transition-duration: 100ms; + height: 16px; + margin: 2px; + padding: 6px 8px; + border-radius: 10px; + color: inherit; + font-weight: bold; + text-align: center; +} + +.calendar .calendar-month-label:focus { + background-color: rgba(230, 230, 250, 0.12); +} + +.calendar .calendar-change-month-back StIcon, +.calendar .calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar .pager-button { + transition-duration: 100ms; + width: 28px; + height: 28px; + margin: 2px; + border-radius: 14px; + background-color: transparent; + color: rgba(230, 230, 250, 0.7); +} + +.calendar .pager-button:focus { + background-color: rgba(230, 230, 250, 0.12); +} + +.calendar .pager-button:hover { + background-color: rgba(230, 230, 250, 0.08); +} + +.calendar .pager-button:active { + background-color: rgba(230, 230, 250, 0.2); + transition-duration: 200ms; +} + +.calendar .calendar-day-base { + transition-duration: 100ms; + width: 28px; + height: 28px; + margin: 2px; + padding: 0; + border: 0; + border-radius: 14px; + font-size: 9pt; + font-weight: 400; + font-feature-settings: "tnum"; + text-align: center; +} + +.calendar .calendar-day-base:focus { + background-color: rgba(230, 230, 250, 0.12); +} + +.calendar .calendar-day-base:hover { + background-color: rgba(230, 230, 250, 0.08); +} + +.calendar .calendar-day-base:active { + transition-duration: 200ms; + border-color: transparent; + background-color: rgba(230, 230, 250, 0.2); + color: inherit; +} + +.calendar .calendar-day-base:selected { + border-color: transparent; + background-color: rgba(109, 175, 34, 0.32); + color: inherit; +} + +.calendar .calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 14px; + background-color: transparent; + color: rgba(230, 230, 250, 0.5); + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar .calendar-day-base.calendar-day-heading:focus { + background-color: rgba(230, 230, 250, 0.12); +} + +.calendar .calendar-day { + border-width: 0; +} + +.calendar .calendar-day-top { + border-top-width: 0; +} + +.calendar .calendar-day-left { + border-left-width: 0; +} + +.calendar .calendar-nonwork-day { + color: inherit; +} + +.calendar .calendar-today { + border: 0; + background-color: transparent; + color: inherit; + font-weight: bold !important; +} + +.calendar .calendar-today:focus { + background-color: rgba(230, 230, 250, 0.12); + color: inherit; +} + +.calendar .calendar-today:hover { + background-color: rgba(230, 230, 250, 0.08); + color: inherit; +} + +.calendar .calendar-today:active, .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus { + background-color: rgba(230, 230, 250, 0.2); + color: inherit; +} + +.calendar .calendar-today:selected, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { + background-color: rgba(109, 175, 34, 0.32); + color: inherit; +} + +.calendar .calendar-day-with-events { + background-image: none; + color: #6daf22 !important; + font-weight: normal; + text-decoration: underline; +} + +.calendar .calendar-other-month-day { + color: rgba(230, 230, 250, 0.3) !important; +} + +.calendar .calendar-week-number { + width: 28px; + height: 21px; + margin: 2px; + padding: 7px 0 0; + border-radius: 14px; + background-color: transparent; + color: rgba(230, 230, 250, 0.5); + font-weight: bold; + font-size: 1em; + text-align: center; +} + +/* World clocks */ +.world-clocks-button { + min-height: 20px; + padding: 4px 8px; +} + +.world-clocks-button .world-clocks-grid { + spacing-rows: .4em; + spacing-columns: .8em; +} + +.world-clocks-button .world-clocks-header { + color: rgba(230, 230, 250, 0.7); + font-weight: bold; +} + +.world-clocks-button .world-clocks-city { + color: inherit; + font-weight: normal; + font-size: 1em; +} + +.world-clocks-button .world-clocks-time { + color: rgba(230, 230, 250, 0.7); + font-weight: normal; + font-size: 1em; + font-feature-settings: "tnum"; + text-align: right; +} + +.world-clocks-button .world-clocks-timezone { + color: rgba(230, 230, 250, 0.5); + font-size: 1em; + font-feature-settings: "tnum"; +} + +/* Weather */ +.weather-button { + min-height: 20px; + padding: 4px 8px; +} + +.weather-button .weather-box { + spacing: 0.4em; +} + +.weather-button .weather-header-box { + spacing: 8px; +} + +.weather-button .weather-header { + color: rgba(230, 230, 250, 0.7); + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + font-size: 1em; +} + +.weather-button .weather-grid { + spacing-rows: .4em; + spacing-columns: .8em; +} + +.weather-button .weather-forecast-time { + padding-top: 0; + padding-bottom: 0; + color: rgba(230, 230, 250, 0.7); + font-size: 9pt; + font-weight: 400; + font-feature-settings: "tnum"; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +/* Message List */ +.message-list { + width: 31.5em; + padding: 0; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-sections { + spacing: 8px; + margin: 0 8px; +} + +.message-list-section, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 8px 0; + padding: 0; + spacing: 8px; +} + +.message { + min-height: 56px; +} + +.message .message-icon-bin { + padding: 12px 0 12px 12px; +} + +.message .message-icon-bin:rtl { + padding: 12px 12px 12px 0; +} + +.message .message-icon-bin > StIcon { + -st-icon-style: requested; + icon-size: 16px; + color: inherit; +} + +.message .message-icon-bin > StIcon, .message .message-icon-bin > StIcon:rtl { + margin: 0; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + spacing: 0; + color: inherit; + font-size: 1em; +} + +.message .message-title { + min-height: 22px; + padding-top: 2px; + color: inherit; + font-weight: bold; + font-size: 1em; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 22px; + padding-top: 2px; + color: rgba(230, 230, 250, 0.7); + font-size: 1em; + text-align: right; + padding-bottom: 0; +} + +.message .message-secondary-bin > StIcon { + icon-size: 16px; +} + +.message .message-close-button { + transition-duration: 100ms; + icon-size: 16px; + padding: 4px; + border-radius: 12px; +} + +.message .message-close-button, .message .message-close-button:hover, .message .message-close-button:active { + color: rgba(230, 230, 250, 0.7); +} + +.message .message-close-button:focus { + background-color: rgba(230, 230, 250, 0.12); +} + +.message .message-close-button:hover { + background-color: rgba(230, 230, 250, 0.08); +} + +.message .message-close-button:active { + transition-duration: 200ms; + background-color: rgba(230, 230, 250, 0.2); +} + +.message .message-body { + color: rgba(230, 230, 250, 0.7); +} + +.url-highlighter { + link-color: #6daf22; +} + +/* Media Controls */ +.message-media-control { + transition-duration: 100ms; + margin: 16px 0; + padding: 8px; + border-radius: 16px; +} + +.message-media-control, .message-media-control:focus, .message-media-control:hover, .message-media-control:active { + color: rgba(230, 230, 250, 0.7); +} + +.message-media-control:focus { + background-color: rgba(230, 230, 250, 0.12); +} + +.message-media-control:hover { + background-color: rgba(230, 230, 250, 0.08); +} + +.message-media-control:active { + background-color: rgba(230, 230, 250, 0.2); + transition-duration: 200ms; +} + +.message-media-control:insensitive { + color: rgba(230, 230, 250, 0.3); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; + border-radius: 16px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; + border-radius: 16px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 4px 0 !important; + border-radius: 0; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: 0; + border-radius: 10px; + background-color: rgba(230, 230, 250, 0.08); + color: rgba(230, 230, 250, 0.5) !important; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: rgba(230, 230, 250, 0.7); +} + +.candidate-box { + transition-duration: 100ms; + min-height: 28px; + padding: 0 8px; + border-radius: 10px; +} + +.candidate-box:hover { + background-color: rgba(230, 230, 250, 0.08); + color: inherit; + transition-duration: 0ms; +} + +.candidate-box:active { + background-color: rgba(230, 230, 250, 0.2); + transition-duration: 200ms; +} + +.candidate-box:selected { + background-color: rgba(109, 175, 34, 0.32); + color: inherit; + transition-duration: 0ms; +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-right-width: 0; + border-radius: 10px; +} + +.candidate-page-button-next { + border-radius: 10px; +} + +.candidate-page-button-icon { + icon-size: 16px; +} + +/* Notifications & Mesage Tray */ +.notification-banner { + min-height: 56px; + width: 34em; + margin: 5px; + border: 0; + border-radius: 10px; + font-size: 1em; +} + +.notification-banner, .notification-banner:focus, .notification-banner:hover, .notification-banner:active { + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); + background-color: #473a30; + color: #e6e6fa; +} + +.notification-banner .notification-actions { + spacing: 0; + padding-top: 0; + border-top: 0; + background-color: transparent; + color: inherit; +} + +.summary-source-counter { + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + height: 1.6em; + width: 1.6em; + border: 0; + border-radius: .8em; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); + background-color: #6daf22; + color: #303030; + font-weight: bold; + font-size: 1em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #e6e6fa; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: rgba(230, 230, 250, 0.7); +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + color: rgba(230, 230, 250, 0.7); + font-size: 9pt; + font-weight: 400; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 0 4px; +} + +/* Modal Dialogs */ +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + border: 0; + border-radius: 10px; + box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); + background-color: #473a30; + color: #e6e6fa; +} + +.modal-dialog .modal-dialog-content-box { + max-width: 28em; + margin: 32px 40px; + spacing: 32px; +} + +/* End Session Dialog */ +.end-session-dialog { + width: 30em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #ed9200; +} + +/* Message Dialog */ +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + font-size: 15pt; + font-weight: 500; + text-align: inherit; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 15pt; + font-weight: 500; +} + +.message-dialog-content .message-dialog-description { + color: rgba(230, 230, 250, 0.7); + text-align: inherit; +} + +/* Dialog List */ +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: inherit; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: rgba(230, 230, 250, 0.7); + font-size: 1em; +} + +/* Run Dialog */ +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 16px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: inherit; + color: rgba(230, 230, 250, 0.7); + font-size: 1em; +} + +/* Password or Authentication Dialog */ +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + font-size: 1em; + text-align: inherit; +} + +.prompt-dialog-error-label { + color: #ff7002; +} + +/* Polkit Dialog */ +.polkit-dialog-user-layout { + text-align: inherit; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-icon { + border-radius: 9999px; + background-size: contain; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #ed9200; +} + +/* Audio selection dialog */ +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + transition-duration: 100ms; + border: 0; + border-radius: 10px; +} + +.audio-selection-device:focus { + background-color: rgba(230, 230, 250, 0.12); +} + +.audio-selection-device:hover { + background-color: rgba(230, 230, 250, 0.08); +} + +.audio-selection-device:active { + transition-duration: 200ms; + background-color: rgba(230, 230, 250, 0.2); + color: inherit; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +/* Network Dialogs */ +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: inherit; +} + +.nm-dialog-airplane-text { + color: inherit; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-scroll-view { + border: 0; + padding: 0; + background-color: transparent; +} + +.nm-dialog-item { + transition-duration: 100ms; + padding: 12px; + spacing: 20px; + border-bottom: 0; + border-radius: 10px; + font-size: 1em; +} + +.nm-dialog-item:focus { + background-color: rgba(230, 230, 250, 0.12); +} + +.nm-dialog-item:hover { + background-color: rgba(230, 230, 250, 0.08); +} + +.nm-dialog-item:active { + transition-duration: 200ms; + background-color: rgba(230, 230, 250, 0.2); +} + +.nm-dialog-item:selected { + background-color: rgba(109, 175, 34, 0.32); + color: #e6e6fa; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.nm-dialog-icons { + spacing: .5em; +} + +.no-networks-label { + color: rgba(230, 230, 250, 0.7); +} + +.no-networks-box { + spacing: 12px; +} + +/* OSD */ +.workspace-switcher-container, .switcher-list, .resize-popup, .osd-window { + padding: 12px; + border: none; + border-radius: 10px; + box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); + background-color: #473a30; + color: #e6e6fa; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 12px; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window StIcon { + icon-size: 96px; +} + +.osd-window .osd-monitor-label { + font-size: 48px; + font-weight: 400; +} + +.osd-window .level { + height: 8px; + -barlevel-height: 8px; + -barlevel-background-color: rgba(230, 230, 250, 0.12); + -barlevel-active-background-color: #6daf22; + -barlevel-overdrive-color: #ff7002; + -barlevel-overdrive-separator-width: 2px; +} + +/* Pad OSD */ +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +/* App Switcher */ +.switcher-popup { + padding: 8px; + spacing: 16px; +} + +.switcher-list .switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + transition-duration: 100ms; + padding: 8px; + border: 0; + border-radius: 10px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 0; + box-shadow: none; + background-color: rgba(230, 230, 250, 0.12); + color: inherit; +} + +.switcher-list .item-box:selected { + background-color: rgba(109, 175, 34, 0.32); + color: inherit; +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(230, 230, 250, 0.12); +} + +.switcher-arrow { + transition-duration: 100ms; + border-color: transparent; + color: rgba(230, 230, 250, 0.7); +} + +.switcher-arrow:highlighted { + color: #e6e6fa; +} + +.input-source-switcher-symbol { + width: 96px; + height: 96px; + font-size: 48px; + font-weight: 400; +} + +.cycler-highlight { + border: 4px solid #6daf22; +} + +/* Workspace Switcher */ +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0; + border-radius: 0; + padding: 0; + spacing: 8px; +} + +.ws-switcher-box { + height: 48px; + border: 0; + border-radius: 10px; + background-color: rgba(230, 230, 250, 0.12); + background-size: 0; +} + +.ws-switcher-active-up, +.ws-switcher-active-down, +.ws-switcher-active-left, +.ws-switcher-active-right { + height: 48px; + border: 0; + border-radius: 10px; + background-color: #6daf22; + background-size: 0; + color: inherit; +} + +/* Top Bar */ +#panel { + transition-duration: 250ms; + height: 28px; + background-color: #14212c; + font-weight: bold; + font-feature-settings: "tnum"; +} + +#panel #panelLeft, +#panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-width: 0; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: transparent; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 4px; + transition-duration: 100ms; + color: rgba(230, 230, 250, 0.7); + text-shadow: none; + font-weight: bold; +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow { + icon-shadow: none; +} + +#panel .panel-button:hover { + color: #e6e6fa; + text-shadow: none; +} + +#panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow { + icon-shadow: none; +} + +#panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + box-shadow: inset 0 -2px #e6e6fa; + background-color: rgba(20, 33, 44, 0.01); + color: #e6e6fa; +} + +#panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { + icon-shadow: none; +} + +#panel .panel-button.clock-display:active, #panel .panel-button.clock-display:overview, #panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:checked { + box-shadow: none; + background-color: transparent; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + box-shadow: inset 0 -2px #e6e6fa; + background-color: rgba(20, 33, 44, 0.01); +} + +#panel .panel-button .system-status-icon { + icon-size: 16px; + padding: 0 4px; +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 4px; + margin-right: 4px; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator, +#panel .remote-access-indicator { + color: #ed9200; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen { + background-color: transparent; +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel:overview .panel-button, #panel.unlock-screen .panel-button, #panel.login-screen .panel-button { + color: rgba(230, 230, 250, 0.7); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel:overview .panel-button:active, #panel.unlock-screen .panel-button:active, #panel.login-screen .panel-button:active, #panel:overview .panel-button:overview, #panel.unlock-screen .panel-button:overview, #panel.login-screen .panel-button:overview, #panel:overview .panel-button:focus, #panel.unlock-screen .panel-button:focus, #panel.login-screen .panel-button:focus, #panel:overview .panel-button:checked, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:checked { + color: #e6e6fa; +} + +#appMenu { + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +/* Activities Ripple */ +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + box-shadow: none; + background-color: rgba(230, 230, 250, 0.3); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +/* OVERVIEW */ +#overview { + spacing: 24px; + background-color: transparent; + color: #e6e6fa; +} + +.overview-controls { + padding-bottom: 32px; +} + +.workspace-thumbnails, #dash { + transition-duration: 250ms; + border: 0; + background-color: rgba(230, 230, 250, 0.08); + color: #e6e6fa; +} + +.no-frequent-applications-label, .search-statustext { + font-size: 48px; + font-weight: 400; + color: rgba(230, 230, 250, 0.5); +} + +.list-search-result, .search-provider-icon, .show-apps .overview-icon, .app-well-app .overview-icon, +.grid-search-result .overview-icon { + padding: 6px; + border: 0; + border-radius: 10px; + background-color: transparent; + color: inherit; + text-align: center; + transition-duration: 100ms; +} + +.list-search-result:focus, .search-provider-icon:focus, .show-apps:focus .overview-icon, .app-well-app:focus .overview-icon, +.grid-search-result:focus .overview-icon { + border-image: none; + background-image: none; + background-color: rgba(230, 230, 250, 0.12); + color: inherit; + transition-duration: 0ms; +} + +.list-search-result:hover, .search-provider-icon:hover, .list-search-result:selected, .search-provider-icon:selected, .show-apps:drop .overview-icon, .app-well-app:drop .overview-icon, +.grid-search-result:drop .overview-icon, .show-apps:hover .overview-icon, .app-well-app:hover .overview-icon, +.grid-search-result:hover .overview-icon, .show-apps:selected .overview-icon, .app-well-app:selected .overview-icon, +.grid-search-result:selected .overview-icon { + border-image: none; + background-image: none; + background-color: rgba(230, 230, 250, 0.08); + color: inherit; + transition-duration: 0ms; +} + +.list-search-result:active, .search-provider-icon:active, .list-search-result:checked, .search-provider-icon:checked, .show-apps:active .overview-icon, .app-well-app:active .overview-icon, +.grid-search-result:active .overview-icon, .show-apps:checked .overview-icon, .app-well-app:checked .overview-icon, +.grid-search-result:checked .overview-icon { + box-shadow: none; + background-color: rgba(230, 230, 250, 0.2); + color: inherit; + transition-duration: 200ms; +} + +/* Window Picker */ +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(230, 230, 250, 0.3); + border-radius: 10px; + box-shadow: inset 0 0 0 1px rgba(230, 230, 250, 0.3); +} + +.window-caption { + spacing: 0; + padding: 4px 8px; + border: 0; + border-radius: 10px; + background-color: rgba(0, 0, 0, 0.6); + color: #e6e6fa; + font-size: 1em; + font-weight: normal; +} + +.window-close { + -shell-close-overlap: 16px; + height: 32px; + width: 32px; + padding: 0; + border: 0; + border-radius: 0; + box-shadow: none; + background-color: transparent; + color: transparent; + -st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); + background-image: url("assets/window-close.svg"); + background-size: 32px; +} + +.window-close:hover { + border-color: transparent; + background-color: transparent; + color: transparent; + -st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); + background-image: url("assets/window-close.svg"); +} + +.window-close:active { + border-color: transparent; + background-color: transparent; + color: transparent; + background-image: url("assets/window-close-active.svg"); +} + + +.search-entry { + width: 304px; + padding: 0 8px; + border-radius: 10px 10px 0 0; + color: rgba(230, 230, 250, 0.5); + selection-background-color: rgba(230, 230, 250, 0.3); + selected-color: #e6e6fa; + transition-duration: 100ms; + background-color: rgba(230, 230, 250, 0.04); + border-color: transparent; + box-shadow: inset 0 -1px rgba(230, 230, 250, 0.3); +} + + +.search-entry:hover { + box-shadow: inset 0 -1px rgba(230, 230, 250, 0.3); + color: rgba(230, 230, 250, 0.5); +} + + +.search-entry:focus { + border-color: transparent; + box-shadow: inset 0 -2px #e6e6fa; + padding: 0 8px; + border: 0; + color: #e6e6fa; +} + + +.search-entry StLabel.hint-text { + color: rgba(230, 230, 250, 0.7); +} + + +.search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 4px; + color: rgba(230, 230, 250, 0.7); +} + + +.search-entry:hover .search-entry-icon, +.search-entry:focus .search-entry-icon { + color: #e6e6fa; +} + +/* Search */ +#searchResultsContent { + max-width: 1024px; +} + +#searchResultsContent { + padding-left: 16px; + padding-right: 16px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(230, 230, 250, 0.12); +} + +.search-section:last-child .search-section-separator { + height: 0; + background-color: transparent; +} + +.search-section-content { + spacing: 32px; + padding: 0; + border: 0; + border-radius: 0; + box-shadow: none; + background-color: transparent; + color: inherit; + text-shadow: none; +} + +.search-provider-icon .list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 150px; + margin-top: 0; + color: rgba(230, 230, 250, 0.7); +} + +.list-search-results { + spacing: 4px; +} + +.list-search-result .list-search-result-content { + spacing: 30px; +} + +.list-search-result .list-search-result-title { + spacing: 12px; + color: inherit; + font-size: 11.25pt; + font-weight: 400; +} + +.list-search-result .list-search-result-description { + color: rgba(230, 230, 250, 0.7); +} + +/* App Grid */ +.icon-grid { + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + spacing: 32px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +/* App Icons */ +.app-well-app .overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 8px; + spacing: 0; +} + +.app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 4px; +} + +/* App Folders */ +.app-well-app.app-folder { + border-radius: 10px; + background-color: rgba(230, 230, 250, 0.08); +} + +.app-folder-dialog { + spacing: 12px; + border: 0; + border-radius: 10px; + background-color: #473a30; + color: #e6e6fa; +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; +} + +.app-folder-dialog .folder-name-container .folder-name-label, +.app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 15pt; + font-weight: 500; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 0 8px; + color: inherit; +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + width: 32px; + height: 32px; + min-width: 0; + min-height: 0; + padding: 0; + border-radius: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .app-well-app:focus .overview-icon { + background-color: rgba(230, 230, 250, 0.12); +} + +.app-folder-dialog .app-well-app:drop .overview-icon, .app-folder-dialog .app-well-app:hover .overview-icon, .app-folder-dialog .app-well-app:selected .overview-icon { + background-color: rgba(230, 230, 250, 0.08); +} + +.app-folder-dialog .app-well-app:active .overview-icon, .app-folder-dialog .app-well-app:checked .overview-icon { + background-color: rgba(230, 230, 250, 0.2); +} + +.app-folder-dialog-container { + width: 800px; + height: 600px; + padding: 12px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 10px; + spacing-columns: 10px; +} + +.app-well-app-running-dot { + height: 2px; + width: 32px; + margin-bottom: 0; + border-radius: 0; + background-color: #e6e6fa; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 6px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 12px; +} + +.app-menu, +.app-well-menu { + max-width: 27.25em; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + background-color: #e6e6fa; +} + + +.all-apps, +.frequent-apps > StBoxLayout { + padding: 0 88px 10px; +} + +.system-action-icon { + icon-size: 48px; + border-radius: 9999px; + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: #212121; + color: #e6e6fa; +} + +/* Frequent | All toggle */ +.app-view-controls { + width: 320px; + padding-bottom: 32px; +} + +.app-view-control { + margin: 0; + padding: 0 8px; +} + +.app-view-control, .app-view-control:focus, .app-view-control:hover, .app-view-control:active, .app-view-control:checked { + color: rgba(230, 230, 250, 0.7); + background-color: transparent; + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; + transition-duration: 100ms; +} + +.app-view-control:hover { + background-color: rgba(230, 230, 250, 0.08); +} + +.app-view-control:active { + background-color: rgba(230, 230, 250, 0.2); + transition-duration: 200ms; +} + +.app-view-control:checked { + box-shadow: inset 0 2px 0 #e6e6fa; + background-color: rgba(0, 0, 0, 0.01); + color: #e6e6fa; +} + +.app-view-control:focus { + background-color: rgba(230, 230, 250, 0.12); +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 10px; +} + +.app-view-control:last-child { + border-radius: 10px; +} + +.app-view-control:checked { + border-radius: 0; +} + +/* Dash */ +#dash { + font-size: 1em; + padding: 3px 0; + border-left-width: 0; + border-radius: 0 10px 10px 0; +} + +#dash:rtl { + border-right-width: 0; + border-radius: 10px 0 0 10px; +} + +#dash .placeholder { + height: 24px; + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + padding: 7px 8px; + border: 0; + border-radius: 10px; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); + background-color: #473a30; + color: #e6e6fa; + text-align: center; + -x-offset: 8px; +} + +.show-apps { + color: rgba(230, 230, 250, 0.7); +} + +.show-apps:checked { + color: #e6e6fa; +} + +/* Workspace pager */ +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 12px; + border-right-width: 0; + border-radius: 10px 0 0 10px; +} + +.workspace-thumbnails:rtl { + border-left-width: 0; + border-radius: 0 10px 10px 0; +} + +.workspace-thumbnails .placeholder { + height: 24px; + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; +} + +.workspace-thumbnail-indicator { + padding: 6px 10px; + border: 0 solid #e6e6fa; + border-left-width: 2px; + border-radius: 0; +} + +.select-area-rubberband { + border: 1px solid #6daf22; + background-color: rgba(109, 175, 34, 0.3); +} + +.user-icon { + border: 0; + border-radius: 9999px; + background-size: contain; + color: inherit; +} + +.user-icon:hover { + border-color: transparent; + color: inherit; +} + +.user-icon StIcon { + background-color: rgba(230, 230, 250, 0.08); + border-radius: 9999px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + width: 64px; + height: 64px; + padding: 32px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + width: 32px; + height: 32px; + padding: 16px; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: transparent; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 1em; + color: #ed9200; +} + +.ripple-pointer-location { + width: 50px; + height: 50px; + border-radius: 25px; + box-shadow: none; + background-color: rgba(109, 175, 34, 0.32); +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 0; + -pie-border-color: transparent; + -pie-background-color: rgba(109, 175, 34, 0.32); +} + +.magnifier-zoom-region { + border: 2px solid #6daf22; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +/* Tiled window previews */ +.tile-preview { + border: 1px solid #6daf22; + background-color: rgba(109, 175, 34, 0.3); +} + +.tile-preview-left.on-primary { + border-radius: 0; +} + +.tile-preview-right.on-primary { + border-radius: 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0; +} + +/* On-screen Keyboard */ +#keyboard { + background-color: rgba(0, 0, 0, 0.3); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 4px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-size: 2em; + font-weight: 500; + border: 0; + border-width: 0; + border-style: none; + border-radius: 10px; +} + +.keyboard-key, .keyboard-key.default-key { + color: #e6e6fa; + background-color: #473a30; + border-color: transparent; + box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); + text-shadow: none; + icon-shadow: none; + transition-duration: 100ms; +} + +.keyboard-key:focus, .keyboard-key.default-key:focus { + color: #e6e6fa; + text-shadow: none; + icon-shadow: none; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); +} + +.keyboard-key:hover, .keyboard-key:checked, .keyboard-key.default-key:hover, .keyboard-key.default-key:checked { + color: #e6e6fa; + background-color: #473a30; + border-color: transparent; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); + text-shadow: none; + icon-shadow: none; +} + +.keyboard-key:active, .keyboard-key.default-key:active { + color: #e6e6fa; + background-color: #6d6360; + border-color: transparent; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); + text-shadow: none; + icon-shadow: none; + transition-duration: 200ms; +} + +.keyboard-key:grayed { + border-color: transparent; + background-color: rgba(0, 0, 0, 0.3); + color: #e6e6fa; +} + +.keyboard-key.enter-key { + color: #303030; + background-color: #6daf22; + border-color: transparent; + box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); + text-shadow: none; + icon-shadow: none; + transition-duration: 100ms; +} + +.keyboard-key.enter-key:hover, .keyboard-key.enter-key:checked { + color: #303030; + background-color: #6daf22; + border-color: transparent; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); + text-shadow: none; + icon-shadow: none; +} + +.keyboard-key.enter-key:active { + color: #303030; + background-color: #5e9125; + border-color: transparent; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); + text-shadow: none; + icon-shadow: none; + transition-duration: 200ms; +} + +.keyboard-key.shift-key-uppercase { + color: #6daf22; +} + +.keyboard-key StIcon { + icon-size: 32px; +} + +.keyboard-subkeys { + -boxpointer-gap: 5px; + -arrow-base: 0; + -arrow-rise: 0; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-border-radius: 0; + -arrow-background-color: transparent; + padding: 5px; + border-radius: 10px; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); + background-color: #473a30; + color: #e6e6fa; +} + +.keyboard-subkeys .keyboard-key { + border-radius: 10px; + color: rgba(230, 230, 250, 0.7); + background-color: transparent; + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; + transition-duration: 100ms; +} + +.keyboard-subkeys .keyboard-key:focus { + color: rgba(230, 230, 250, 0.7); + background-color: rgba(230, 230, 250, 0.12); + text-shadow: none; + icon-shadow: none; + box-shadow: 0 0 transparent; +} + +.keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked { + color: rgba(230, 230, 250, 0.7); + background-color: rgba(230, 230, 250, 0.08); + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; +} + +.keyboard-subkeys .keyboard-key:active { + color: rgba(230, 230, 250, 0.7); + background-color: rgba(230, 230, 250, 0.2); + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; + transition-duration: 200ms; +} + +.emoji-page .keyboard-key { + border: 0; + color: rgba(230, 230, 250, 0.7); + background-color: transparent; + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; + transition-duration: 100ms; +} + +.emoji-page .keyboard-key:focus { + color: rgba(230, 230, 250, 0.7); + background-color: rgba(230, 230, 250, 0.12); + text-shadow: none; + icon-shadow: none; + box-shadow: 0 0 transparent; +} + +.emoji-page .keyboard-key:hover { + color: rgba(230, 230, 250, 0.7); + background-color: rgba(230, 230, 250, 0.08); + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; +} + +.emoji-page .keyboard-key:active { + color: rgba(230, 230, 250, 0.7); + background-color: rgba(230, 230, 250, 0.2); + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; + transition-duration: 200ms; +} + +.emoji-panel .keyboard-key:latched { + border-color: transparent; + background-color: #6daf22; + color: #303030; +} + +.word-suggestions { + font-size: 11.25pt; + font-weight: 400; + spacing: 12px; + min-height: 20pt; +} + +/* Looking Glass */ +#LookingGlassDialog { + spacing: 0; + padding: 0; + border: 0; + border-radius: 10px; + box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); + background-color: #473a30; + color: #e6e6fa; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(230, 230, 250, 0.12); + background-color: rgba(71, 58, 48, 0.01); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + transition-duration: 100ms; + min-height: 32px; + padding-left: 32px; + padding-right: 32px; + border: 0; + color: rgba(230, 230, 250, 0.7); + font-weight: bold; +} + +#LookingGlassDialog .notebook-tab:hover { + background-color: rgba(230, 230, 250, 0.08); + color: rgba(230, 230, 250, 0.7); + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:active { + transition-duration: 200ms; + background-color: rgba(230, 230, 250, 0.2); +} + +#LookingGlassDialog .notebook-tab:selected { + border: 0; + box-shadow: inset 0 -2px #6daf22; + background-color: rgba(71, 58, 48, 0.01); + color: #e6e6fa; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 8px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog .shell-link, .lg-dialog .shell-link:hover, .lg-dialog .shell-link:active { + color: #6daf22; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button, .lg-obj-inspector-button:hover { + border: 0; +} + +#Windows { + padding: 8px; +} + +#lookingGlassExtensions { + padding: 8px; +} + +.lg-extensions-list { + padding: 0; + spacing: 6px; +} + +.lg-extension { + padding: 4px; + border: 0; + border-radius: 0; + background-color: transparent; +} + +.lg-extension-name { + font-size: 15pt; + font-weight: 500; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + padding: 6px; + border: 0; + border-radius: 10px; + box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); + background-color: #473a30; + color: #e6e6fa; +} + +/* Login Dialog */ +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog { + border: 0; + background-color: transparent; +} + +.login-dialog StEntry { + transition-duration: 100ms; + background-color: rgba(230, 230, 250, 0.04); + border-color: transparent; + box-shadow: inset 0 -1px rgba(230, 230, 250, 0.3); + color: #e6e6fa; + selection-background-color: rgba(230, 230, 250, 0.3); + selected-color: #e6e6fa; +} + +.login-dialog StEntry:focus { + border-color: transparent; + box-shadow: inset 0 -2px #e6e6fa; +} + +.login-dialog StEntry:insensitive { + color: rgba(230, 230, 250, 0.5); + border-color: transparent; + box-shadow: inset 0 -1px rgba(230, 230, 250, 0.12); + color: rgba(230, 230, 250, 0.5); +} + +.login-dialog StEntry StLabel.hint-text { + color: rgba(230, 230, 250, 0.7); +} + +.login-dialog StEntry StIcon.peek-password { + color: rgba(230, 230, 250, 0.7); +} + +.login-dialog StEntry StIcon.peek-password:hover { + color: #e6e6fa; +} + +.login-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button { + color: rgba(230, 230, 250, 0.7); + background-color: transparent; + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; + transition-duration: 100ms; +} + +.login-dialog .modal-dialog-button:focus { + color: rgba(230, 230, 250, 0.7); + background-color: rgba(230, 230, 250, 0.12); + text-shadow: none; + icon-shadow: none; + box-shadow: 0 0 transparent; +} + +.login-dialog .modal-dialog-button:hover { + color: rgba(230, 230, 250, 0.7); + background-color: rgba(230, 230, 250, 0.08); + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active { + color: rgba(230, 230, 250, 0.7); + background-color: rgba(230, 230, 250, 0.2); + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; + transition-duration: 200ms; +} + +.login-dialog .modal-dialog-button:insensitive { + color: rgba(230, 230, 250, 0.3); + background-color: transparent; + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default { + min-width: 32px; + padding: 0 16px; + color: #303030; + background-color: #6daf22; + border-color: transparent; + box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); + text-shadow: none; + icon-shadow: none; + transition-duration: 100ms; +} + +.login-dialog .modal-dialog-button:default:focus { + color: #303030; + text-shadow: none; + icon-shadow: none; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); +} + +.login-dialog .modal-dialog-button:default:hover { + color: #303030; + background-color: #6daf22; + border-color: transparent; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active { + color: #303030; + background-color: #5e9125; + border-color: transparent; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); + text-shadow: none; + icon-shadow: none; + transition-duration: 200ms; +} + +.login-dialog .modal-dialog-button:default:insensitive { + color: rgba(230, 230, 250, 0.5); + background-color: rgba(230, 230, 250, 0.08); + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog-logo-bin { + padding: 24px 0; +} + +.login-dialog-banner { + color: rgba(230, 230, 250, 0.7); +} + +.login-dialog-button-box { + spacing: 5px; + width: 23em; +} + +.login-dialog-message { + text-align: center; +} + +.caps-lock-warning-label, +.login-dialog-message-warning { + color: #ff7002; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; + color: rgba(230, 230, 250, 0.7); +} + +.login-dialog-user-selection-box { + padding: 100px 0; +} + +.login-dialog-not-listed-button { + transition-duration: 100ms; + min-height: 32px; + padding: 0 8px; + margin-top: 1em; + border-radius: 10px; + color: rgba(230, 230, 250, 0.7); + font-size: 10.5pt; + font-weight: 500; +} + +.login-dialog-not-listed-button:focus { + background-color: rgba(230, 230, 250, 0.12); +} + +.login-dialog-not-listed-button:hover { + background-color: rgba(230, 230, 250, 0.08); +} + +.login-dialog-not-listed-button:active { + transition-duration: 200ms; + background-color: rgba(230, 230, 250, 0.2); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(230, 230, 250, 0.12); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #e6e6fa; +} + +.login-dialog-user-list-item { + transition-duration: 100ms; + padding: 6px; + border-radius: 10px; + color: inherit; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(230, 230, 250, 0.12); +} + +.login-dialog-user-list-item:hover { + background-color: rgba(230, 230, 250, 0.08); +} + +.login-dialog-user-list-item:active { + transition-duration: 200ms; + background-color: rgba(230, 230, 250, 0.2); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin-top: 6px; + background-color: #e6e6fa; +} + +.login-dialog .user-icon StIcon { + background-color: rgba(230, 230, 250, 0.08); +} + +.user-widget-label { + color: inherit; +} + +.user-widget.horizontal .user-widget-label { + padding-left: 16px; + font-size: 15pt; + font-weight: 500; + text-align: left; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.vertical .user-widget-label { + padding-top: 16px; + font-size: 18pt; + font-weight: 400; + text-align: center; +} + +.login-dialog-prompt-layout { + width: 23em; + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; +} + +.login-dialog-prompt-label { + color: rgba(230, 230, 250, 0.7); + font-size: 1em; + padding-top: 1em; +} + +.cancel-button, +.switch-user-button, +.login-dialog-session-list-button { + transition-duration: 100ms; + width: 32px; + height: 32px; + min-width: 0; + min-height: 0; + padding: 0; + border-radius: 16px; + color: rgba(230, 230, 250, 0.7); +} + +.cancel-button:focus, +.switch-user-button:focus, +.login-dialog-session-list-button:focus { + background-color: rgba(230, 230, 250, 0.12); +} + +.cancel-button:hover, +.switch-user-button:hover, +.login-dialog-session-list-button:hover { + background-color: rgba(230, 230, 250, 0.08); +} + +.cancel-button:active, +.switch-user-button:active, +.login-dialog-session-list-button:active { + transition-duration: 200ms; + background-color: rgba(230, 230, 250, 0.2); +} + +.cancel-button StIcon, +.switch-user-button StIcon, +.login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +/* Screen Shield */ +.unlock-dialog-clock { + padding-bottom: 2.5em; + spacing: 24px; + color: #e6e6fa; + font-weight: normal; + text-align: center; +} + +.unlock-dialog-clock-time { + padding-top: 42px; + font-size: 96px; + font-weight: 300; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 34px; + font-weight: 400; +} + +.unlock-dialog-clock-hint { + padding-top: 48px; + color: rgba(230, 230, 250, 0.7); + font-weight: normal; +} + +.unlock-dialog-notifications-container { + width: 23em; + margin: 12px 0; + spacing: 6px; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 8px; + border: 0; + border-radius: 10px; + background-color: rgba(230, 230, 250, 0.04); + color: #e6e6fa; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(230, 230, 250, 0.04); + color: #ff7002; +} + +.unlock-dialog-notification-label { + padding: 0 0 0 12px; +} + +.unlock-dialog-notification-count-text { + margin-right: 12px; + padding: 2px 8px; + border-radius: 99px; + background-color: rgba(230, 230, 250, 0.08); + color: #e6e6fa; +} + +#lockDialogGroup { + background-color: #14212c; + color: #e6e6fa; +} + +.screen-shield-background { + background: black; + box-shadow: 0 19px 19px rgba(0, 0, 0, 0.6), 0 15px 6px rgba(0, 0, 0, 0.44); +} + +/* Dash to Dock */ +#dashtodockContainer #dash { + background-color: rgba(0, 0, 0, 0.6); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(230, 230, 250, 0.08); +} + +#dashtodockContainer.extended:overview #dash { + background-color: transparent; +} + +#dashtodockContainer.left #dash, +#dashtodockContainer.right #dash { + padding: 3px 0; +} + +#dashtodockContainer.top #dash, +#dashtodockContainer.bottom #dash { + padding: 0 3px; +} + +#dashtodockContainer.extended #dash { + padding: 0; + border-radius: 0; +} + +#dashtodockContainer.left .dash-item-container > StWidget, +#dashtodockContainer.right .dash-item-container > StWidget, +#dashtodockContainer.extended.left .dash-item-container > StWidget, +#dashtodockContainer.extended.right .dash-item-container > StWidget { + padding: 3px 6px; +} + +#dashtodockContainer.extended.left .dash-item-container:first-child > StWidget, +#dashtodockContainer.extended.right .dash-item-container:first-child > StWidget { + padding: 6px 6px 3px 6px; +} + +#dashtodockContainer.extended.left .dash-item-container:last-child > StWidget, +#dashtodockContainer.extended.right .dash-item-container:last-child > StWidget { + padding: 3px 6px 6px 6px; +} + +#dashtodockContainer.top .dash-item-container > StWidget, +#dashtodockContainer.bottom .dash-item-container > StWidget, +#dashtodockContainer.extended.top .dash-item-container > StWidget, +#dashtodockContainer.extended.bottom .dash-item-container > StWidget { + padding: 6px 3px; +} + +#dashtodockContainer.extended.top .dash-item-container:first-child > StWidget, +#dashtodockContainer.extended.bottom .dash-item-container:first-child > StWidget { + padding: 6px 3px 6px 6px; +} + +#dashtodockContainer.extended.top .dash-item-container:last-child > StWidget, +#dashtodockContainer.extended.bottom .dash-item-container:last-child > StWidget { + padding: 6px 6px 6px 3px; +} + +#dashtodockContainer .focused .overview-icon { + background-color: rgba(230, 230, 250, 0.12); +} + +#dashtodockContainer .default.focused .overview-icon { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: transparent; +} + +#dashtodockContainer .default { + background-size: cover; +} + +#dashtodockContainer.left .default.running1 { + background-image: url("assets/dash/left-running1.svg"); +} + +#dashtodockContainer.left .default.running1.focused { + background-image: url("assets/dash/left-running1-focused.svg"); +} + +#dashtodockContainer.left .default.running2 { + background-image: url("assets/dash/left-running2.svg"); +} + +#dashtodockContainer.left .default.running2.focused { + background-image: url("assets/dash/left-running2-focused.svg"); +} + +#dashtodockContainer.left .default.running3 { + background-image: url("assets/dash/left-running3.svg"); +} + +#dashtodockContainer.left .default.running3.focused { + background-image: url("assets/dash/left-running3-focused.svg"); +} + +#dashtodockContainer.left .default.running4 { + background-image: url("assets/dash/left-running4.svg"); +} + +#dashtodockContainer.left .default.running4.focused { + background-image: url("assets/dash/left-running4-focused.svg"); +} + +#dashtodockContainer.right .default.running1 { + background-image: url("assets/dash/right-running1.svg"); +} + +#dashtodockContainer.right .default.running1.focused { + background-image: url("assets/dash/right-running1-focused.svg"); +} + +#dashtodockContainer.right .default.running2 { + background-image: url("assets/dash/right-running2.svg"); +} + +#dashtodockContainer.right .default.running2.focused { + background-image: url("assets/dash/right-running2-focused.svg"); +} + +#dashtodockContainer.right .default.running3 { + background-image: url("assets/dash/right-running3.svg"); +} + +#dashtodockContainer.right .default.running3.focused { + background-image: url("assets/dash/right-running3-focused.svg"); +} + +#dashtodockContainer.right .default.running4 { + background-image: url("assets/dash/right-running4.svg"); +} + +#dashtodockContainer.right .default.running4.focused { + background-image: url("assets/dash/right-running4-focused.svg"); +} + +#dashtodockContainer.top .default.running1 { + background-image: url("assets/dash/top-running1.svg"); +} + +#dashtodockContainer.top .default.running1.focused { + background-image: url("assets/dash/top-running1-focused.svg"); +} + +#dashtodockContainer.top .default.running2 { + background-image: url("assets/dash/top-running2.svg"); +} + +#dashtodockContainer.top .default.running2.focused { + background-image: url("assets/dash/top-running2-focused.svg"); +} + +#dashtodockContainer.top .default.running3 { + background-image: url("assets/dash/top-running3.svg"); +} + +#dashtodockContainer.top .default.running3.focused { + background-image: url("assets/dash/top-running3-focused.svg"); +} + +#dashtodockContainer.top .default.running4 { + background-image: url("assets/dash/top-running4.svg"); +} + +#dashtodockContainer.top .default.running4.focused { + background-image: url("assets/dash/top-running4-focused.svg"); +} + +#dashtodockContainer.bottom .default.running1 { + background-image: url("assets/dash/bottom-running1.svg"); +} + +#dashtodockContainer.bottom .default.running1.focused { + background-image: url("assets/dash/bottom-running1-focused.svg"); +} + +#dashtodockContainer.bottom .default.running2 { + background-image: url("assets/dash/bottom-running2.svg"); +} + +#dashtodockContainer.bottom .default.running2.focused { + background-image: url("assets/dash/bottom-running2-focused.svg"); +} + +#dashtodockContainer.bottom .default.running3 { + background-image: url("assets/dash/bottom-running3.svg"); +} + +#dashtodockContainer.bottom .default.running3.focused { + background-image: url("assets/dash/bottom-running3-focused.svg"); +} + +#dashtodockContainer.bottom .default.running4 { + background-image: url("assets/dash/bottom-running4.svg"); +} + +#dashtodockContainer.bottom .default.running4.focused { + background-image: url("assets/dash/bottom-running4-focused.svg"); +} + +/* Simple Dock */ +#dash:desktop { + background-color: rgba(0, 0, 0, 0.6); +} + +/* GPaste */ +.popup-menu .search-entry { + color: #e6e6fa; + selection-background-color: rgba(109, 175, 34, 0.32); + selected-color: #e6e6fa; + transition-duration: 100ms; + background-color: rgba(230, 230, 250, 0.04); + border-color: transparent; + box-shadow: inset 0 -1px rgba(230, 230, 250, 0.3); +} + +.popup-menu .search-entry:hover { + box-shadow: inset 0 -1px #e6e6fa; +} + +.popup-menu .search-entry:focus { + border-color: transparent; + box-shadow: inset 0 -2px #6daf22; + color: #e6e6fa; +} + +.popup-menu .search-entry .search-entry-icon { + color: rgba(230, 230, 250, 0.7); +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #e6e6fa; +} diff --git a/gnome-shell/icons/eye-not-looking-symbolic.svg b/gnome-shell/icons/eye-not-looking-symbolic.svg new file mode 100644 index 0000000..20c4224 --- /dev/null +++ b/gnome-shell/icons/eye-not-looking-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/icons/eye-open-negative-filled-symbolic.svg b/gnome-shell/icons/eye-open-negative-filled-symbolic.svg new file mode 100644 index 0000000..1f9207e --- /dev/null +++ b/gnome-shell/icons/eye-open-negative-filled-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/icons/keyboard-caps-lock-filled-symbolic.svg b/gnome-shell/icons/keyboard-caps-lock-filled-symbolic.svg new file mode 100644 index 0000000..fc6bd93 --- /dev/null +++ b/gnome-shell/icons/keyboard-caps-lock-filled-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/icons/keyboard-enter-symbolic.svg b/gnome-shell/icons/keyboard-enter-symbolic.svg new file mode 100644 index 0000000..91fbb7f --- /dev/null +++ b/gnome-shell/icons/keyboard-enter-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/icons/keyboard-hide-symbolic.svg b/gnome-shell/icons/keyboard-hide-symbolic.svg new file mode 100644 index 0000000..e8e1117 --- /dev/null +++ b/gnome-shell/icons/keyboard-hide-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/icons/keyboard-layout-filled-symbolic.svg b/gnome-shell/icons/keyboard-layout-filled-symbolic.svg new file mode 100644 index 0000000..80b78e4 --- /dev/null +++ b/gnome-shell/icons/keyboard-layout-filled-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/icons/keyboard-shift-filled-symbolic.svg b/gnome-shell/icons/keyboard-shift-filled-symbolic.svg new file mode 100644 index 0000000..691eed1 --- /dev/null +++ b/gnome-shell/icons/keyboard-shift-filled-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/icons/message-indicator-symbolic.svg b/gnome-shell/icons/message-indicator-symbolic.svg new file mode 100644 index 0000000..5edac8f --- /dev/null +++ b/gnome-shell/icons/message-indicator-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/icons/pointer-double-click-symbolic.svg b/gnome-shell/icons/pointer-double-click-symbolic.svg new file mode 100644 index 0000000..5267834 --- /dev/null +++ b/gnome-shell/icons/pointer-double-click-symbolic.svg @@ -0,0 +1,28 @@ + + + + + + + + + diff --git a/gnome-shell/icons/pointer-drag-symbolic.svg b/gnome-shell/icons/pointer-drag-symbolic.svg new file mode 100644 index 0000000..be37e6f --- /dev/null +++ b/gnome-shell/icons/pointer-drag-symbolic.svg @@ -0,0 +1,20 @@ + + + + + + diff --git a/gnome-shell/icons/pointer-primary-click-symbolic.svg b/gnome-shell/icons/pointer-primary-click-symbolic.svg new file mode 100644 index 0000000..f447991 --- /dev/null +++ b/gnome-shell/icons/pointer-primary-click-symbolic.svg @@ -0,0 +1,26 @@ + + + + + + + + diff --git a/gnome-shell/icons/pointer-secondary-click-symbolic.svg b/gnome-shell/icons/pointer-secondary-click-symbolic.svg new file mode 100644 index 0000000..b72e178 --- /dev/null +++ b/gnome-shell/icons/pointer-secondary-click-symbolic.svg @@ -0,0 +1,26 @@ + + + + + + + + diff --git a/gnome-shell/noise-texture.png b/gnome-shell/noise-texture.png new file mode 100644 index 0000000..ca1563d Binary files /dev/null and b/gnome-shell/noise-texture.png differ diff --git a/gnome-shell/pad-osd.css b/gnome-shell/pad-osd.css new file mode 100644 index 0000000..31c2377 --- /dev/null +++ b/gnome-shell/pad-osd.css @@ -0,0 +1,30 @@ +.Leader { + stroke-width: .5 !important; + stroke: #535353; + fill: none !important; +} + +.Button { + stroke-width: .25; + stroke: #ededed; + fill: #ededed; +} + +.Ring { + stroke-width: .5 !important; + stroke: #535353 !important; + fill: none !important; +} + +.Label { + stroke: none !important; + stroke-width: .1 !important; + font-size: .1 !important; + fill: transparent !important; +} + +.TouchStrip, .TouchRing { + stroke-width: .1 !important; + stroke: #ededed !important; + fill: #535353 !important; +} diff --git a/gnome-shell/process-working.svg b/gnome-shell/process-working.svg new file mode 100644 index 0000000..aa342af --- /dev/null +++ b/gnome-shell/process-working.svg @@ -0,0 +1,72 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/gtk-3.0/gtk-contained-dark.css b/gtk-3.0/gtk-contained-dark.css index 562b488..c592cb2 100755 --- a/gtk-3.0/gtk-contained-dark.css +++ b/gtk-3.0/gtk-contained-dark.css @@ -9,18 +9,21 @@ text color for entries, views and content in general */ @define-color theme_text_color shade (@theme_fg_color, 1.15); /* widget base background color */ -@define-color theme_bg_color #6A7485; +@define-color theme_bg_color #6f7569; /* text widgets and the like base background color */ @define-color theme_base_color shade (@theme_bg_color, 0.8); +@define-color theme_disabled_fg_color alpha(@theme_fg_color, 0.5); + /* * button background color*/ @define-color button_bg_color #4F6665; + /* base background color of selections */ -@define-color theme_selected_bg_color #419553; /*#7BBD89*/ +@define-color theme_selected_bg_color #669900; /*#7BBD89*/ /* second color, on scales... */ @define-color secondary_selected_bg_color #FFEBBF; @@ -38,16 +41,16 @@ insensitive text widgets and the like base background color */ @define-color insensitive_base_color @theme_base_color; /* widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color alpha (@theme_fg_color, 0.75); +@define-color theme_unfocused_fg_color @theme_fg_color; /* text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color alpha (@theme_fg_color, 0.8); +@define-color theme_unfocused_text_color @theme_fg_color; /* widget base background color on backdrop windows */ @define-color theme_unfocused_bg_color @theme_bg_color; /* text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color shade (@theme_base_color, 1.1); +@define-color theme_unfocused_base_color @theme_base_color; /* base background color of selections on backdrop windows */ @define-color theme_unfocused_selected_bg_color @theme_selected_bg_color; @@ -60,14 +63,34 @@ insensitive color on backdrop windows*/ /* widgets main borders color */ @define-color borders alpha (shade (@theme_bg_color, 0.7), 0.75); + +/*highlight for buttons*/ +@define-color highlight_color alpha(white, 0.5); + +/*text shadows to simulate "groove" (or "outset")*/ +@define-color text_shadow_color black; + /* widgets main borders color on backdrop windows */ @define-color unfocused_borders shade (@borders, 1.05); + /* these are pretty self explicative */ @define-color warning_color #f57900; @define-color error_color #990000; @define-color success_color #73d216; + +/*Window headers*/ +@define-color theme_header_bg @theme_selected_bg_color; +@define-color theme_header_unfocused_bg #16371b; +@define-color theme_header_fg @theme_selected_fg_color; +@define-color theme_header_unfocused_fg #949c3c; + +/* scale slider colors*/ +@define-color slider_inner_color #FFCC00; +@define-color slider_middle_color #FFAA00; +@define-color slider_outer_color #6d046d; + /* these colors are exported for the window manager and shouldn't be used in applications, read if you used those and something break with a version upgrade you're on your own... */ @@ -96,7 +119,7 @@ read if you used those and something break with a version upgrade you're on your -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; - outline-color: alpha(currentColor,0.3); + outline-color: alpha(currentColor,0.4); outline-style: dashed; outline-offset: -3px; outline-width: 1px; @@ -109,11 +132,11 @@ read if you used those and something break with a version upgrade you're on your .background { color: @theme_fg_color; background-color: @theme_bg_color; } - .background:backdrop { + /*.background:backdrop { color: @wm_unfocused_title; background-color: @theme_bg_color; text-shadow: none; - -gtk-icon-shadow: none; } + -gtk-icon-shadow: none; }*/ /* These wildcard seems unavoidable, need to investigate. @@ -134,7 +157,7 @@ read if you used those and something break with a version upgrade you're on your color: @theme_fg_color; background-color: shade (@theme_bg_color, 0.9); } .gtkstyle-fallback:disabled { - color: @wm_unfocused_title; + color: @theme_disabled_fg_color; background-color: @theme_unfocused_bg_color; } .gtkstyle-fallback:selected { color: @theme_selected_fg_color; @@ -146,7 +169,7 @@ iconview text, textview text { color: @theme_fg_color; background-color: @theme_base_color; } - .view:backdrop, iconview:backdrop, + /*.view:backdrop, iconview:backdrop, .view text:backdrop, iconview text:backdrop, textview text:backdrop { @@ -156,12 +179,12 @@ textview text { .view text:backdrop:disabled, iconview text:backdrop:disabled, textview text:backdrop:disabled { - color: @unfocused_insensitive_color; } + color: @unfocused_insensitive_color; }*/ .view:disabled, iconview:disabled, .view text:disabled, iconview text:disabled, textview text:disabled { - color: @wm_unfocused_title; + color: @theme_disabled_fg_color; background-color: @theme_base_color; } .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, @@ -194,28 +217,30 @@ flowbox flowboxchild { background-color: transparent; border-radius: 0; padding: 0; } - .content-view .tile:backdrop { - background-color: transparent; } + /*.content-view .tile:backdrop { + background-color: transparent; }*/ .content-view .tile:active, .content-view .tile:selected { background-color: transparent; } .content-view .tile:disabled { background-color: transparent; } label { - caret-color: currentColor; } + caret-color: currentColor; + /*color: @theme_text_color;*/ + } label.separator { color: @theme_fg_color; } - label.separator:backdrop { - color: @wm_unfocused_title; } + /*label.separator:backdrop { + color: @wm_unfocused_title; }*/ label selection { background-color: @theme_selected_bg_color; color: @theme_selected_fg_color; } label:disabled { - color: @wm_unfocused_title; } - label:disabled:backdrop { - color: @unfocused_insensitive_color; } - label:backdrop { - color: @wm_unfocused_title; } + color: @theme_disabled_fg_color; } + /*label:disabled:backdrop { + color: @unfocused_insensitive_color; }*/ + /*label:backdrop { + color: @wm_unfocused_title; }*/ .dim-label, label.separator, .titlebar:not(headerbar) .subtitle, headerbar .subtitle { @@ -247,10 +272,10 @@ assistant .sidebar label.highlight { background-clip: padding-box; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } - popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, popover.background.osd:backdrop, .app-notification:backdrop, .osd .scale-popup:backdrop, + /*popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, popover.background.osd:backdrop, .app-notification:backdrop, .osd .scale-popup:backdrop, .osd:backdrop { text-shadow: none; - -gtk-icon-shadow: none; } + -gtk-icon-shadow: none; }*/ /********************* * Spinner Animation * @@ -290,6 +315,9 @@ entry { spinbutton:not(.vertical) image.right, entry image.right { margin-left: 6px; } + + /* undershoots defined globally later + * spinbutton:not(.vertical) undershoot.left, entry undershoot.left { background-color: transparent; @@ -311,7 +339,7 @@ entry { background-origin: content-box; background-position: right center; border: none; - box-shadow: none; } + box-shadow: none; }*/ spinbutton.flat:focus:not(.vertical), spinbutton.flat:backdrop:not(.vertical), spinbutton.flat:disabled:not(.vertical), spinbutton.flat:backdrop:disabled:not(.vertical), spinbutton.flat:not(.vertical), entry.flat:focus, entry.flat:backdrop, @@ -328,23 +356,23 @@ entry { border-color: @theme_selected_bg_color; } spinbutton:disabled:not(.vertical), entry:disabled { - color: @wm_unfocused_title; + color: @theme_disabled_fg_color; border-color: @borders; background-color: @insensitive_bg_color; box-shadow: none; } - spinbutton:backdrop:not(.vertical), +/* spinbutton:backdrop:not(.vertical), entry:backdrop { color: @theme_unfocused_text_color; border-color: @unfocused_borders; background-color: @theme_unfocused_base_color; box-shadow: none; - transition: 80ms ease-out; } - spinbutton:backdrop:disabled:not(.vertical), + transition: 80ms ease-out; }*/ +/* spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: @unfocused_insensitive_color; border-color: @unfocused_borders; background-color: @insensitive_bg_color; - box-shadow: none; } + box-shadow: none; }*/ spinbutton.error:not(.vertical), entry.error { color: @error_color; @@ -374,9 +402,9 @@ entry { spinbutton:not(.vertical) image:active, entry image:active { color: @theme_selected_bg_color; } - spinbutton:not(.vertical) image:backdrop, + /*spinbutton:not(.vertical) image:backdrop, entry image:backdrop { - color: @theme_unfocused_text_color; } + color: @theme_unfocused_text_color; }*/ spinbutton:drop(active):focus:not(.vertical), spinbutton:drop(active):not(.vertical), entry:drop(active):focus, entry:drop(active) { @@ -400,7 +428,7 @@ entry { box-shadow: inset 0 0 0 1px @theme_selected_bg_color; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } - .osd spinbutton:backdrop:not(.vertical), .osd + /*.osd spinbutton:backdrop:not(.vertical), .osd entry:backdrop { color: white; border-color: rgba(0, 0, 0, 0.7); @@ -408,10 +436,10 @@ entry { background-clip: padding-box; box-shadow: none; text-shadow: none; - -gtk-icon-shadow: none; } + -gtk-icon-shadow: none; }*/ .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { - color: #858786; + color: @theme_disabled_fg_color; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(49, 52, 52, 0.5); background-clip: padding-box; @@ -429,9 +457,9 @@ entry progress { border-color: @theme_selected_bg_color; border-style: solid; box-shadow: none; } - spinbutton:not(.vertical) progress:backdrop, +/* spinbutton:not(.vertical) progress:backdrop, entry progress:backdrop { - background-color: transparent; } + background-color: transparent; }*/ .linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, @@ -577,16 +605,19 @@ button { border: 1px solid; border-radius: 5px; transition: all 80ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} +notebook > header > tabs > arrow, button.titlebutton, +button, button.flat:hover, button.flat:focus { color: @theme_fg_color; outline-color: rgba(0, 0, 0, 0.1); - text-shadow: 0 1px rgba(0, 0, 0, 0.769231); - -gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.769231); - border-color: @borders; - border-bottom-color: shade (@borders, 0.75); + text-shadow: 0 1px alpha(@text_shadow_color, 0.7), 0 -1px alpha(black, 0.3); + -gtk-icon-shadow: 0 1px alpha(@text_shadow_color, 0.7), 0 -1px alpha(black, 0.3); + border-color: alpha(black, 0.3);/*@borders;*/ + border-bottom-color: alpha(black, 0.5); /*background: linear-gradient(to top, shade (@theme_bg_color, 1), shade (@theme_bg_color, 1.05));*/ - background: linear-gradient(to top, shade (@button_bg_color, 1), shade (@button_bg_color, 1.05)); + background-image: linear-gradient(to top, alpha (@button_bg_color, 0.6), alpha(shade (@button_bg_color, 1.1), 0.6)); /*box-shadow: inset 0px 1px 1px shade (@theme_bg_color, 1.15);*/ - box-shadow: inset 0px 1px 1px shade (@button_bg_color, 1.15); + box-shadow: inset 0px 1px 1px alpha(@highlight_color, 0.5), inset 0px -1px 1px shade (@button_bg_color, 0.85); } notebook > header > tabs > arrow, button.sidebar-button, button.titlebutton, button.flat { @@ -600,32 +631,41 @@ button { notebook > header > tabs > arrow:hover, button.sidebar-button:hover, button.titlebutton:hover, button.flat:hover { transition: all 80ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 500ms; } + transition-duration: 500ms; + background-color: alpha(@highlight_color, 0.2) + } notebook > header > tabs > arrow:hover:active, button.sidebar-button:hover:active, button.titlebutton:hover:active, button.flat:hover:active { transition: all 80ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } notebook > header > tabs > arrow:focus, button.titlebutton:focus, button:focus { - outline-offset: -8px; } + outline-offset: -8px; + background-color: alpha (@highlight_color, 0.7); + } notebook > header > tabs > arrow:hover, button.titlebutton:hover, button:hover { - color: @theme_fg_color; - outline-color: rgba(0, 0, 0, 0.1); +/* color: @theme_fg_color; + outline-color: rgba(0, 0, 0, 0.1);*/ /*background: linear-gradient(to top, shade (@theme_bg_color, 1.05), shade (@theme_bg_color, 1.1));*/ - background: linear-gradient(to top, shade (@button_bg_color, 1.05), shade (@button_bg_color, 1.1)); +/* background: linear-gradient(to top, shade (@button_bg_color, 1.05), shade (@button_bg_color, 1.1)); border-color: @borders; - border-bottom-color: shade (@borders, 0.75); + border-bottom-color: shade (@borders, 0.75);*/ + background-color: alpha(@highlight_color, 0.7); -gtk-icon-effect: highlight; } + headerbar button:hover { + background-color: alpha(@highlight_color, 0.3); + } notebook > header > tabs > arrow:active, button.titlebutton:active, notebook > header > tabs > arrow:checked, button.titlebutton:checked, button:active, button:checked { color: @theme_fg_color; outline-color: rgba(0, 0, 0, 0.1); - text-shadow: 0 1px rgba(0, 0, 0, 0.769231); - -gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.769231); - border-color: shade (@borders, 0.6); + /*text-shadow: 0 1px rgba(255, 255, 255, 0.769231);*/ + /*-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231);*/ + /*border-color: shade (@borders, 0.6);*/ + border-bottom-color: alpha(@highlight_color, 0.5); /*background: linear-gradient(to top, shade (@theme_bg_color, 0.85), shade (@theme_bg_color, 0.9));*/ - background: linear-gradient(to top, shade (@button_bg_color, 0.85), shade (@button_bg_color, 0.9)); + background-image: linear-gradient(to top, alpha(shade (@button_bg_color, 0.85), 0.6), alpha (shade (@button_bg_color, 0.9), 0.6)); -gtk-icon-shadow: none; /*box-shadow: inset 0px 0px 2px 0px shade (@theme_bg_color, 0.6);*/ box-shadow: inset 0px 0px 2px 0px shade (@button_bg_color, 0.6); @@ -634,6 +674,7 @@ button { button:backdrop.flat, button:backdrop { border-color: @unfocused_borders; + background: none; background-image: image(@theme_bg_color); text-shadow: none; -gtk-icon-shadow: none; @@ -684,14 +725,13 @@ button { button:backdrop:disabled:checked { border-color: @unfocused_borders; background-image: image(@insensitive_bg_color); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0), inset 0px 0px 2px 0px shade (@theme_bg_color, 0.6) ; } notebook > header > tabs > arrow:backdrop:disabled:active label, button.sidebar-button:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.sidebar-button:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, button:backdrop.flat:disabled:active label, button:backdrop.flat:disabled:checked label, button:backdrop:disabled:active label, button:backdrop:disabled:checked label { color: @unfocused_insensitive_color; } - notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:disabled, button.sidebar-button:disabled, button.titlebutton:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, button.flat:backdrop, button.flat:disabled, @@ -701,20 +741,23 @@ button { background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; - -gtk-icon-shadow: none; }*/ + -gtk-icon-shadow: none; } + */ notebook > header > tabs > arrow:disabled, button.titlebutton:disabled, button:disabled { text-shadow: none; -gtk-icon-shadow: none; - background-image: image(@insensitive_bg_color); + /*background-image: image(@insensitive_bg_color);*/ + background-image: none; + background-color: alpha (@insensitive_bg_color, 0.5); box-shadow: 0px 1px 2px @borders; box-shadow: none; border-color: @borders; } notebook > header > tabs > arrow:disabled label, button.titlebutton:disabled label, notebook > header > tabs > arrow:disabled, button.titlebutton:disabled, button:disabled label, button:disabled { - color: alpha (current-color, 0.5);} /*@wm_unfocused_title; }*/ + color: @theme_disabled_fg_color;} /*@wm_unfocused_title; }*/ notebook > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, button:disabled:active, button:disabled:checked { @@ -722,7 +765,7 @@ button { outline-color: rgba(0, 0, 0, 0.1); text-shadow: none; background-image: image(@insensitive_bg_color); - box-shadow: inset 0px 0px 2px 0px shade(@button_bg_color,0.6); + box-shadow: inset 0px 0px 2px 0px shade (@button_bg_color, 0.6) ; -gtk-icon-shadow: none; } notebook > header > tabs > arrow.image-button, button.image-button.titlebutton, button.image-button { @@ -758,7 +801,7 @@ button { button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: @theme_unfocused_base_color; } - +/* button.osd { min-width: 24px; min-height: 32px; @@ -808,7 +851,7 @@ button.osd { button.osd:disabled:backdrop, button.osd:disabled { - color: #858786; + color: @theme_disabled_fg_color; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(49, 52, 52, 0.5)); @@ -817,8 +860,8 @@ button.osd { text-shadow: none; -gtk-icon-shadow: none; border: none; } - - button.osd:backdrop { +*/ + /*button.osd:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; @@ -827,8 +870,8 @@ button.osd { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; - border: none; } - + border: none; }*/ +/* .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, .app-notification button, .app-notification.frame button, .osd @@ -877,15 +920,15 @@ button { button:disabled:backdrop, .osd button:disabled { - color: #858786; + color: @theme_disabled_fg_color; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(49, 52, 52, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; - -gtk-icon-shadow: none; } - popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .app-notification button:backdrop, + -gtk-icon-shadow: none; }*/ +/* popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .app-notification button:backdrop, .osd button:backdrop { color: #eeeeec; @@ -895,8 +938,8 @@ button { background-clip: padding-box; box-shadow: none; text-shadow: none; - -gtk-icon-shadow: none; } - popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .app-notification button.flat, + -gtk-icon-shadow: none; }*/ + /*popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .app-notification button.flat, .osd button.flat { border-color: transparent; @@ -909,8 +952,8 @@ button { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .app-notification button.flat:hover, - .osd - button.flat:hover { + .osd*/ + /*button.flat:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; @@ -919,11 +962,11 @@ button { box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; - outline-color: rgba(238, 238, 236, 0.2); } - popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .app-notification button.flat:disabled, + outline-color: rgba(238, 238, 236, 0.2); }*/ + /* popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .app-notification button.flat:disabled, .osd button.flat:disabled { - color: #858786; + color: @theme_disabled_fg_color; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(49, 52, 52, 0.5)); @@ -935,15 +978,15 @@ button { border-color: transparent; box-shadow: none; } popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, .app-notification button.flat:backdrop, - .osd - button.flat:backdrop { + .osd*/ + /* button.flat:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; - -gtk-icon-shadow: none; } - popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:active, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .app-notification button.flat:checked, + -gtk-icon-shadow: none; }*/ + /* popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:active, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .app-notification button.flat:checked, .osd button.flat:active, .osd @@ -956,7 +999,7 @@ button { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; - outline-color: rgba(238, 238, 236, 0.2); } + outline-color: rgba(238, 238, 236, 0.2); }*/ button.suggested-action { @@ -995,15 +1038,15 @@ button.suggested-action { background-image: image(shade (@theme_selected_bg_color, 0.85)); -gtk-icon-shadow: none; box-shadow: inset 0px 0px 2px 0px shade (@theme_selected_bg_color, 0.6); } - .selection-mode button.titlebutton:backdrop, +/* .selection-mode button.titlebutton:backdrop, button.suggested-action:backdrop, button.suggested-action.flat:backdrop { border-color: @theme_selected_bg_color; background-image: image(@theme_selected_bg_color); text-shadow: none; -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .selection-mode button.titlebutton:backdrop label, .selection-mode button.titlebutton:backdrop, + box-shadow: inset 0 1px rgba(255, 255, 255, 0); }*/ + /* .selection-mode button.titlebutton:backdrop label, .selection-mode button.titlebutton:backdrop, button.suggested-action:backdrop label, button.suggested-action:backdrop, button.suggested-action.flat:backdrop label, @@ -1053,7 +1096,7 @@ button.suggested-action { button.suggested-action:backdrop:disabled:checked label, button.suggested-action.flat:backdrop:disabled:active label, button.suggested-action.flat:backdrop:disabled:checked label { - color: shade (@theme_selected_bg_color, 1.1); } + color: shade (@theme_selected_bg_color, 1.1); }*/ .selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode button.titlebutton:backdrop:disabled, button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, @@ -1064,7 +1107,7 @@ button.suggested-action { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: alpha (@theme_selected_bg_color, 0.8); } + color: @theme_disabled_fg_color; } button.suggested-action:disabled { text-shadow: none; @@ -1074,18 +1117,18 @@ button.suggested-action { box-shadow: none; border-color: shade (@theme_selected_bg_color, 0.9); } - button.suggested-action:disabled label, - button.suggested-action:disabled { - color: @wm_unfocused_title; } + button.suggested-action:disabled label, + button.suggested-action:disabled { + color: @theme_disabled_fg_color; } - button.suggested-action:disabled:active, - button.suggested-action:disabled:checked { - color: @theme_selected_fg_color; - outline-color: rgba(255, 255, 255, 0.2); - text-shadow: none; - background-image: image(@theme_selected_bg_color); - box-shadow: inset 0px 0px 2px 0px shade (@theme_selected_bg_color, 1.25); - -gtk-icon-shadow: none; } + button.suggested-action:disabled:active, + button.suggested-action:disabled:checked { + color: @theme_selected_fg_color; + outline-color: rgba(255, 255, 255, 0.2); + text-shadow: none; + background-image: image(@theme_selected_bg_color); + box-shadow: inset 0px 0px 2px 0px shade (@theme_selected_bg_color, 1.25); + -gtk-icon-shadow: none; } .osd button.suggested-action { color: @theme_selected_fg_color; @@ -1145,14 +1188,16 @@ button.suggested-action { -gtk-icon-shadow: none; } -button.destructive-action { +button.destructive-action, +button.close:hover, button.close:focus, +button.flat.close:hover, button.flat.close:focus { color: @theme_selected_fg_color; outline-color: rgba(255, 255, 255, 0.2); text-shadow: 0 1px rgba(0, 0, 0, 0.451529); -gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.451529); border-color: shade (@error_color, 0.6); background: linear-gradient(to top, shade (@error_color, 0.9), shade (@error_color, 1.1)); - box-shadow: inset 0px 1px 1px shade (@error_color, 1.2); } + box-shadow: inset 0px 1px 1px shade (@error_color, 1.15); } button.destructive-action.flat { border-color: transparent; @@ -1179,7 +1224,7 @@ button.destructive-action { -gtk-icon-shadow: none; box-shadow: inset 0px 0px 2px 0px shade (@error_color, 0.5); } - button.destructive-action:backdrop, + /*button.destructive-action:backdrop, button.destructive-action.flat:backdrop { border-color: @error_color; background-image: image(@error_color); @@ -1247,7 +1292,7 @@ button.destructive-action { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: alpha (@error_color, 0.8); } + color: alpha (@error_color, 0.8); }*/ button.destructive-action:disabled { text-shadow: none; @@ -1379,7 +1424,7 @@ button { button.circular { - border-radius: 9999px; + border-radius: 100%; -gtk-outline-radius: 9999px; background-origin: padding-box, border-box; background-clip: padding-box, border-box; } @@ -1387,11 +1432,11 @@ button.circular { button.circular label { padding: 0; } - button.circular:not(.flat):not(:checked):not(:active):not(:disabled):not(:backdrop) { +/* button.circular:not(.flat):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: @theme_fg_color; outline-color: rgba(82, 87, 98, 0.2); - text-shadow: 0 1px rgba(0, 0, 0, 0.769231); - -gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.769231); + text-shadow: 0 1px rgba(255, 255, 255, 0.769231); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); border-color: @borders; border-bottom-color: shade (@borders, 1.1); background-image: image(@button_bg_color); @@ -1400,9 +1445,9 @@ button.circular { button.circular:hover:not(:checked):not(:active):not(:disabled):not(:backdrop) { color: @theme_fg_color; outline-color: rgba(82, 87, 98, 0.2); - background-image: image(shade (@theme_bg_color, 1.1)); + background-image: image(shade (@button_bg_color, 1.1)); border-color: @borders; - border-bottom-color: shade (@borders, 1.1); } + border-bottom-color: shade (@borders, 1.1); }*/ .stack-switcher > button.needs-attention > label, @@ -1427,8 +1472,8 @@ button.needs-attention > image, stacksidebar row.needs-attention > label { .inline-toolbar toolbutton > button { color: @theme_fg_color; outline-color: rgba(82, 87, 98, 0.2); - text-shadow: 0 1px rgba(0, 0, 0, 0.769231); - -gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.769231); + text-shadow: 0 1px rgba(255, 255, 255, 0.769231); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); border-color: @borders; border-bottom-color: shade (@borders, 1.1); background-image: image(@theme_bg_color); @@ -1443,8 +1488,8 @@ button.needs-attention > image, stacksidebar row.needs-attention > label { .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: @theme_fg_color; outline-color: rgba(82, 87, 98, 0.2); - text-shadow: 0 1px rgba(0, 0, 0, 0.769231); - -gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.769231); + text-shadow: 0 1px rgba(255, 255, 255, 0.769231); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); border-color: @borders; background-image: image(shade (@theme_bg_color, 1.25)); -gtk-icon-shadow: none; @@ -1457,7 +1502,7 @@ button.needs-attention > image, stacksidebar row.needs-attention > label { box-shadow: none; border-color: @borders; } .inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { - color: @wm_unfocused_title; } + color: @theme_disabled_fg_color; } .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { color: @theme_fg_color; outline-color: rgba(82, 87, 98, 0.2); @@ -1472,13 +1517,13 @@ button.needs-attention > image, stacksidebar row.needs-attention > label { -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:backdrop label, .inline-toolbar toolbutton > button:backdrop { - color: @wm_unfocused_title; } + color: @theme_disabled_fg_color; } .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { border-color: @unfocused_borders; background-image: image(shade (@theme_unfocused_bg_color, 1.25)); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:backdrop:active label, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked label, .inline-toolbar toolbutton > button:backdrop:checked { - color: @wm_unfocused_title; } + color: @theme_disabled_fg_color; } .inline-toolbar toolbutton > button:backdrop:disabled { border-color: @unfocused_borders; text-shadow: none; @@ -1651,7 +1696,7 @@ modelbutton.flat arrow { button.color { padding: 4px; } button.color colorswatch:only-child { - box-shadow: 0 1px rgba(255, 255, 255, 0.769231); } + box-shadow: 0 1px alpha (@highlight_color, 0.769231); } button.color colorswatch:only-child, button.color colorswatch:only-child overlay { border-radius: 0; } .osd button.color colorswatch:only-child { @@ -1667,7 +1712,7 @@ button:visited > label, *:link, button:link, button:visited { - color: shade (@theme_selected_bg_color, 0.8); } + color: mix (@theme_selected_bg_color, @theme_fg_color, 0.6); } button:link > label:visited, button:visited > label:visited, *:link:visited, @@ -1709,7 +1754,7 @@ button:visited > label:active, *:selected button:active:visited { color: shade (@theme_selected_bg_color, 1.15); } -button:link > label:backdrop:backdrop:hover, +/*button:link > label:backdrop:backdrop:hover, button:visited > label:backdrop:backdrop:hover, button:link > label:backdrop:backdrop:hover:selected, button:visited > label:backdrop:backdrop:hover:selected, button:link > label:backdrop, button:visited > label:backdrop, @@ -1724,7 +1769,7 @@ headerbar.selection-mode .subtitle:backdrop:backdrop:hover:link, *:link:backdrop, button:backdrop:link, button:backdrop:visited { - color: @theme_selected_bg_color; } + color: @theme_selected_bg_color; }*/ infobar.info *:link, infobar.info button:link, infobar.info button:visited, infobar.question *:link, infobar.question button:link, infobar.question button:visited, infobar.warning *:link, infobar.warning button:link, infobar.warning @@ -1771,8 +1816,8 @@ spinbutton:not(.vertical) { border: none; border-radius: 0; box-shadow: none; } - spinbutton:not(.vertical) entry:backdrop:disabled { - background-color: transparent; } + /*spinbutton:not(.vertical) entry:backdrop:disabled { + background-color: transparent; }*/ spinbutton:not(.vertical) button { min-height: 16px; margin: 0; @@ -1795,17 +1840,17 @@ spinbutton:not(.vertical) { spinbutton:not(.vertical) button:active { background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } - spinbutton:not(.vertical) button:backdrop { + /*spinbutton:not(.vertical) button:backdrop { color: shade (@insensitive_fg_color, 1.25); background-color: transparent; border-color: alpha (@insensitive_fg_color, 0.5); - transition: 80ms ease-out; } - spinbutton:not(.vertical) button:backdrop:disabled { + transition: 80ms ease-out; }*/ + /*spinbutton:not(.vertical) button:backdrop:disabled { color: alpha (@unfocused_insensitive_color, 0.3); background-color: transparent; border-style: none none none solid; } spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { - border-style: none solid none none; } + border-style: none solid none none; }*/ spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 5px 5px 0; } spinbutton:not(.vertical) button:dir(rtl):first-child { @@ -1866,7 +1911,7 @@ spinbutton:not(.vertical) { border-radius: 5px 0 0 5px; } spinbutton.vertical:disabled { - color: @wm_unfocused_title; } + color: @theme_disabled_fg_color; } spinbutton.vertical:backdrop:disabled { color: @unfocused_insensitive_color; } @@ -2021,19 +2066,22 @@ searchbar, ***************/ .titlebar:not(headerbar), headerbar { - text-shadow: 0 1px rgba(0, 0, 0, 0.5); + color: @theme_header_fg; + text-shadow: 0 1px alpha (@text_shadow_color, 0.3), 0 -1px alpha (black, 0.3); padding: 0 6px; min-height: 46px; border-width: 0; border-radius: 0; - background: linear-gradient(to top, shade (@theme_bg_color, 0.85), shade (@theme_bg_color, 0.95) 4px, @theme_bg_color 7px); + /* background: linear-gradient(to top, shade (@theme_bg_color, 0.85), shade (@theme_bg_color, 0.95) 4px, @theme_bg_color 7px);*/ +background: linear-gradient(to top, @theme_header_bg, shade (@theme_header_bg, 1.1)); /* background: linear-gradient(to top, shade (@theme_bg_color, 0.8), shade (@theme_bg_color, 0.6) 2px, shade (@theme_bg_color, 1.05) 3px); */ /* background: linear-gradient(to top, @theme_bg_color, shade (@theme_bg_color, 1.15)); */ - box-shadow: inset 0px 1px 1px shade (@theme_bg_color, 1.3); } + box-shadow: inset 0px 1px 1px alpha (@highlight_color, 0.3); } .titlebar:backdrop:not(headerbar), headerbar:backdrop { + color: @theme_header_unfocused_fg; border-color: transparent; - background-color: @theme_bg_color; + background-color: @theme_header_unfocused_bg; background-image: none; box-shadow: none; transition: 80ms ease-out; } @@ -2153,7 +2201,7 @@ headerbar { headerbar.selection-mode button:backdrop.flat:disabled:checked label, headerbar.selection-mode button:backdrop:disabled:active label, headerbar.selection-mode button:backdrop:disabled:checked label { - color: shade(@theme_selected_bg_color, 1.2); } + color: shade (@theme_selected_bg_color, 1.2); } .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:disabled, headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode button.flat:disabled, @@ -2189,10 +2237,10 @@ headerbar { headerbar.selection-mode button.suggested-action { color: @theme_selected_fg_color; outline-color: rgba(0, 0, 0, 0.1); - text-shadow: 0 1px rgba(0, 0, 0, 0.769231); - -gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.769231); + text-shadow: 0 1px rgba(255, 255, 255, 0.769231); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); background-image: image(@theme_selected_bg_color); - box-shadow: inset 0px 1px 1px shade (@theme_selected_bg_color, 1.2); + box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.1); border-color: shade (@theme_selected_bg_color, 0.75); } .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { @@ -2204,8 +2252,8 @@ headerbar { headerbar.selection-mode button.suggested-action:active { color: @theme_selected_fg_color; outline-color: rgba(0, 0, 0, 0.1); - text-shadow: 0 1px rgba(0, 0, 0, 0.769231); - -gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.769231); + text-shadow: 0 1px rgba(255, 255, 255, 0.769231); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); background-image: image(shade (@theme_selected_bg_color, 0.7)); -gtk-icon-shadow: none; box-shadow: inset 0px 0px 2px 0px shade (@theme_bg_color, 0.75); @@ -2221,7 +2269,7 @@ headerbar { .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled label, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled label, headerbar.selection-mode button.suggested-action:disabled { - color: @wm_unfocused_title; } + color: @theme_disabled_fg_color; } .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { background-image: image(@theme_selected_bg_color); @@ -2232,7 +2280,7 @@ headerbar { .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop label, headerbar.selection-mode button.suggested-action:backdrop { - color: @wm_unfocused_title; } + color: @theme_disabled_fg_color; } .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled { text-shadow: none; @@ -2329,7 +2377,14 @@ headerbar spinbutton, headerbar separator, headerbar button { margin-top: 6px; - margin-bottom: 6px; } + margin-bottom: 6px; + border-color: alpha(black, 0.3); + } + +headerbar button:disabled { + background-color: alpha (@insensitive_bg_color, 0.2); + border-color: alpha(black, 0.2); +} headerbar switch { margin-top: 14px; @@ -2482,7 +2537,7 @@ treeview.view { border-left-color: shade (@theme_selected_bg_color, 1.4); border-top-color: alpha (@theme_fg_color, 0.25); } treeview.view:disabled { - color: @wm_unfocused_title; } + color: @theme_disabled_fg_color; } treeview.view:disabled:selected { color: alpha (@theme_selected_fg_color, 0.25); } treeview.view:disabled:selected:backdrop { @@ -2534,14 +2589,14 @@ treeview.view { color: @theme_selected_fg_color; box-shadow: none; background-image: linear-gradient(to bottom, @theme_base_color, @theme_bg_color); } - treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { + /*treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { color: @theme_selected_bg_color; border-color: shade (@theme_selected_bg_color, 1.5); - background-color: @theme_unfocused_base_color; } - treeview.view.progressbar:backdrop { + background-color: @theme_unfocused_base_color; }*/ + /*treeview.view.progressbar:backdrop { color: @theme_unfocused_base_color; background-image: none; - box-shadow: none; } + box-shadow: none; }*/ treeview.view.trough { background-color: rgba(82, 87, 98, 0.1); border-radius: 4px; } @@ -2621,11 +2676,12 @@ menubar, menubar > menuitem:hover, .menubar > menuitem:hover { box-shadow: inset 0 -3px @theme_selected_bg_color; - color: @theme_selected_bg_color; - text-shadow: 0px 1px rgba(0, 0, 0, 0.6); } + background-color: @theme_selected_bg_color; + color: @theme_selected_fg_color; + /*text-shadow: 0px 1px rgba(0, 0, 0, 0.6); */} menubar > menuitem:disabled, .menubar > menuitem:disabled { - color: @wm_unfocused_title; + color: @theme_disabled_fg_color; box-shadow: none; } menu, @@ -2639,10 +2695,10 @@ menu, .menu, .csd .context-menu { border: none; } - menu:backdrop, + /*menu:backdrop, .menu:backdrop, .context-menu:backdrop { - background-color: @theme_unfocused_base_color; } + background-color: @theme_unfocused_base_color; }*/ menu menuitem, .menu menuitem, .context-menu menuitem { @@ -2658,7 +2714,7 @@ menu, menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { - color: @wm_unfocused_title; } + color: @theme_disabled_fg_color; } menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { @@ -2668,7 +2724,7 @@ menu, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { - color: @wm_unfocused_title; + color: @theme_disabled_fg_color; background-color: transparent; } menu menuitem arrow, .menu menuitem arrow, @@ -2876,7 +2932,7 @@ notebook > header { min-width: 30px; padding: 3px 12px; outline-offset: -8px; - color: @wm_unfocused_title; + color: @theme_disabled_fg_color; font-weight: bold; border-width: 1px; border-color: transparent; } @@ -2885,11 +2941,11 @@ notebook > header { notebook > header tab:hover.reorderable-page { border-color: alpha (@borders, 0.3); background-color: alpha (@theme_bg_color, 0.2); } - notebook > header tab:backdrop { + /*notebook > header tab:backdrop { color: @theme_unfocused_bg_color; } notebook > header tab:backdrop.reorderable-page { border-color: transparent; - background-color: transparent; } + background-color: transparent; }*/ notebook > header tab:checked { color: @theme_fg_color; } notebook > header tab:checked.reorderable-page { @@ -2897,8 +2953,8 @@ notebook > header { background-color: alpha (@theme_bg_color, 0.5); } notebook > header tab:checked.reorderable-page:hover { background-color: alpha (@theme_bg_color, 0.7); } - notebook > header tab:backdrop:checked { - color: @wm_unfocused_title; } + /*notebook > header tab:backdrop:checked { + color: @wm_unfocused_title; }*/ notebook > header tab:backdrop:checked.reorderable-page { border-color: @unfocused_borders; background-color: @theme_bg_color; } @@ -2963,45 +3019,58 @@ notebook > stack:not(:only-child) { **************/ scrollbar { background-color: alpha (@theme_fg_color, 0.25); - transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +border: 1px solid @borders; + } + scrollbar trough { + /*border: 1px solid @theme_bg_color;*/ + box-shadow: inset 0 2px 4px 2px alpha(black, 0.3), inset 0px -2px 4px 2px alpha(@highlight_color, 0.3); + padding: 0px; + min-width: 1em; + min-height: 1em; + } * { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; } - scrollbar.top { + -GtkScrollbar-has-backward-stepper: true; + -GtkScrollbar-has-forward-stepper: true; } + /*scrollbar.top { border-bottom: 1px solid @borders; } scrollbar.bottom { border-top: 1px solid @borders; } scrollbar.left { border-right: 1px solid @borders; } scrollbar.right { - border-left: 1px solid @borders; } - scrollbar:backdrop { + border-left: 1px solid @borders; }*/ + /*scrollbar:backdrop { background-color: alpha (@theme_fg_color, 0.25); border-color: @unfocused_borders; - transition: 80ms ease-out; } + transition: 80ms ease-out; }*/ scrollbar slider { - min-width: 6px; - min-height: 6px; - margin: -1px; - border: 4px solid transparent; - border-radius: 8px; - background-clip: padding-box; - background-color: alpha (@theme_fg_color, 0.35); } + min-width: 1em; + min-height: 1em; + margin: 0px; + border: 1px solid alpha(black, 0.4); + border-radius: 0.5em; + background-color: @button_bg_color; + background-image: linear-gradient(to top, alpha (shade (@button_bg_color, 0.9), 0.6), alpha(shade (@button_bg_color, 1.1), 0.6)); + box-shadow: inset 0 -1px 0px 1px alpha(black, 0.3), inset 0px 1px 1px 1px alpha(@highlight_color, 0.6); } + +/*scrollbar.vertical slider { +background-image:linear-gradient(to bottom, transparent, transparent 45%, red 48%, blue 51%, red 53%, transparent 55%); +}*/ scrollbar slider:hover { - background-color: alpha (@theme_fg_color, 0.5); } + background-color: shade(@button_bg_color, 1.1); } scrollbar slider:hover:active { - background-color: shade (@theme_selected_bg_color, 1.35); } - scrollbar slider:backdrop { - background-color: alpha (@theme_fg_color, 0.35); } + background-color: shade (@theme_selected_bg_color, 1); } + /*scrollbar slider:backdrop { + background-color: alpha (@theme_fg_color, 0.35); }*/ scrollbar slider:disabled { - background-color: transparent; } - scrollbar.fine-tune slider { - min-width: 4px; - min-height: 4px; } - scrollbar.fine-tune.horizontal slider { + background-color: @theme_bg_color; } + scrollbar.fine-tune slider:active { + background-color: shade (@theme_selected_bg_color, 1.3)} + /*scrollbar.fine-tune.horizontal slider { border-width: 5px 4px; } scrollbar.fine-tune.vertical slider { - border-width: 4px 5px; } + border-width: 4px 5px; }*/ scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; opacity: 0.4; @@ -3042,16 +3111,16 @@ scrollbar { padding: 0; min-width: 12px; min-height: 12px; - border-style: none; + /*border-style: none; border-radius: 0; transition-property: min-height, min-width, color; border-color: transparent; background-color: transparent; background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); + box-shadow: inset 0 1px rgba(255, 255, 255, 0);*/ text-shadow: none; -gtk-icon-shadow: none; - color: alpha (@theme_fg_color, 0.5); } + color: @theme_fg_color; } scrollbar button:hover { border-color: transparent; background-color: transparent; @@ -3075,23 +3144,23 @@ scrollbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: rgba(144, 148, 155, 0.1996); } - scrollbar button:backdrop { + color: alpha(@theme_fg_color, 0.5); } + /* scrollbar button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: alpha (@theme_fg_color, 0.35); } - scrollbar button:backdrop:disabled { + color: alpha (@theme_fg_color, 0.35); }*/ + /*scrollbar button:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: alpha (@theme_fg_color, 0.2); } + color: alpha (@theme_fg_color, 0.2); }*/ scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } scrollbar.vertical button.up { @@ -3111,7 +3180,7 @@ treeview ~ scrollbar.vertical { switch { font-size: smaller; outline-offset: 2px; - box-shadow: inset 0px 0px 0px 1px alpha (@borders, 0.75); + box-shadow: inset 0px 0px 0px 1px alpha (@borders, 0.75), inset 0 1px 3px 0 alpha (black, 0.5); border-radius: 4px; color: transparent; background-color: rgba(0, 0, 0, 0.3); @@ -3122,7 +3191,7 @@ switch { switch:disabled { background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 0px 0px 0px 1px alpha (@borders, 0.75); } - switch:backdrop { +/* switch:backdrop { background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 0px 0px 0px 1px alpha (@borders, 0.75); transition: 80ms ease-out; } @@ -3131,7 +3200,7 @@ switch { box-shadow: inset 0px 0px 0px 1px shade (@theme_selected_bg_color, 0.85); } switch:backdrop:disabled { background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0px 0px 0px 1px alpha (@borders, 0.75); } + box-shadow: inset 0px 0px 0px 1px alpha (@borders, 0.75); }*/ switch slider { margin: 1px; min-width: 20px; @@ -3152,11 +3221,11 @@ switch { outline-style: solid; outline-width: 4px; -gtk-outline-radius: 100%; } - switch:backdrop slider { + /*switch:backdrop slider { transition: 80ms ease-out; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), inset 0 0 0 1px rgba(255, 255, 255, 0.3); } switch:backdrop:disabled slider { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }*/ /************************* * Check and Radio items * @@ -3197,7 +3266,7 @@ switch { box-shadow: none; border-width: 0; } -.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), +/*.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view .tile check:backdrop:not(list) { -gtk-icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-backdrop-selectionmode.png"), url("assets/checkbox-backdrop-selectionmode@2.png")); @@ -3207,7 +3276,7 @@ switch { background-image: none; transition: none; box-shadow: none; - border-width: 0; } + border-width: 0; }*/ .view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view .tile check:checked:not(list) { @@ -3245,7 +3314,7 @@ switch { box-shadow: none; border-width: 0; } -.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), +/*.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view .tile check:backdrop:checked:not(list) { -gtk-icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop-selectionmode.png"), url("assets/checkbox-checked-backdrop-selectionmode@2.png")); @@ -3255,7 +3324,7 @@ switch { background-image: none; transition: none; box-shadow: none; - border-width: 0; } + border-width: 0; }*/ checkbutton.text-button, radiobutton.text-button { padding: 2px 0; @@ -3315,13 +3384,13 @@ radio { background: shade (@warning_color, 1.1); color: rgba(255, 255, 255, 0.8); box-shadow: none; } - check:backdrop, + /*check:backdrop, radio:backdrop { box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.2); transition: 80ms ease-out; } check:backdrop:disabled, radio:backdrop:disabled { - box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.04); } + box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.04); }*/ row:selected check, row:selected radio { box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.2); } @@ -3394,11 +3463,14 @@ treeview.view radio { box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.2); } /************ - * GtkScale * + * GtkScale and some common progressbar parts* ************/ scale trough, scale fill, progressbar trough { border-radius: 5px; background-color: @borders; } +progressbar trough, scale trough, levelbar trough { + box-shadow: inset 0 1px 2px 1px alpha(black, 0.3), inset 0 -1px 2px 1px alpha(@highlight_color, 0.3); +} /* scale trough:disabled, scale fill:disabled, progressbar trough:disabled { background-color: @theme_bg_color; }*/ /* scale trough:backdrop, scale fill:backdrop, progressbar trough:backdrop, progressbar:backdrop trough { @@ -3415,13 +3487,41 @@ scale trough, scale fill, progressbar trough { scale highlight, progressbar progress { border-radius: 5px; - background-color: @theme_selected_bg_color; } - scale.horizontal highlight, scale.horizontal progressbar progress, progressbar scale.horizontal progress { - background: linear-gradient(90deg, @secondary_selected_bg_color, shade (@theme_selected_bg_color, 0.8)); } - scale.horizontal highlight:dir(rtl), scale.horizontal progressbar progress:dir(rtl), progressbar scale.horizontal progress:dir(rtl) { - background-image: linear-gradient(-90deg, @secondary_selected_bg_color, shade (@theme_selected_bg_color, 0.8)); } - scale.vertical highlight, scale.vertical progressbar progress, progressbar scale.vertical progress { - background-image: linear-gradient(shade (@theme_selected_bg_color, 0.8), @secondary_selected_bg_color); } + background-color: @theme_selected_bg_color; + } + +scale highlight, progressbar progress, levelbar block.filled { + box-shadow: inset 0 0 0 1px @theme_selected_bg_color, inset 0 1px 2px 0 alpha (@highlight_color, 0.5), inset 0 -1px 2px 0 alpha (black, 0.2); + } + + scale.horizontal highlight, + scale.horizontal progressbar progress, + progressbar scale.horizontal progress + progressbar.horizontal progress, + progressbar.horizontal progress.left, + levelbar.continuous.horizontal block.filled { + background: linear-gradient(to left, @secondary_selected_bg_color, shade (@theme_selected_bg_color, 0.8)); } + scale.horizontal highlight:dir(rtl), + scale.horizontal progressbar progress:dir(rtl), + progressbar scale.horizontal progress:dir(rtl), + progressbar.horizontal progress:dir(rtl), + progressbar.horizontal progress.right { + background-image: linear-gradient(to right, @secondary_selected_bg_color, shade (@theme_selected_bg_color, 0.8)); } + + scale.vertical highlight.top, + scale.vertical progressbar progress.top, + progressbar scale.vertical progress.top, + progressbar.vertical progress.top, + levelbar.continuous.vertical block.filled { + background-image: linear-gradient(to top, @secondary_selected_bg_color, shade (@theme_selected_bg_color, 0.8)); } + + scale.vertical highlight.bottom, + scale.vertical progressbar progress.bottom, + progressbar scale.vertical progress.bottom, + progressbar.vertical progress.bottom /*, + levelbar.continuous.vertical block.filled*/ { + background-image: linear-gradient(to bottom, @secondary_selected_bg_color, shade (@theme_selected_bg_color, 0.8)); } + /* scale.horizontal highlight:disabled, scale.horizontal progressbar progress:disabled, progressbar scale.horizontal progress:disabled, scale.vertical highlight:disabled, scale.vertical progressbar progress:disabled, progressbar scale.vertical progress:disabled, scale highlight:disabled, progressbar progress:disabled { @@ -3436,6 +3536,23 @@ scale { min-height: 10px; min-width: 10px; padding: 12px; } + +.vertical trough, .vertical fill { +min-width: 5px; +} + +.horizontal trough, .horizontal fill { +min-height: 5px; +} + +/*progressbar.vertical trough, scale.vertical trough { + background-image: linear-gradient(to right, alpha(black, 0), alpha(black, 0.6), alpha(black, 0)); +} + +progressbar.horizontal trough, scale.horizontal trough, levelbar.horizontal trough{ + background-image: linear-gradient(to bottom, alpha(black, 0.3), alpha(black, 0.6), alpha(black, 0), alpha (white, 0.4)); +}*/ + scale fill, scale highlight { margin: 0px; } @@ -3452,7 +3569,7 @@ scale { padding-right: 9px; min-width: 16px; } scale.fine-tune slider { - margin: -6px; } + margin: -4px; } scale.fine-tune fill, scale.fine-tune highlight, scale.fine-tune trough { @@ -3462,31 +3579,38 @@ scale { outline-offset: 2px; -gtk-outline-radius: 5px; padding: 0px; } - scale fill:backdrop, scale fill { - background-color: @borders; } +/* scale fill:backdrop, scale fill { + background-color: @borders; }*/ /* scale fill:disabled:backdrop, scale fill:disabled { border-color: transparent; background-color: transparent; }*/ .osd scale fill { background-color: rgba(91, 91, 90, 0.775); } - .osd scale fill:disabled:backdrop, .osd scale fill:disabled { + /*.osd scale fill:disabled:backdrop, */.osd scale fill:disabled { border-color: transparent; background-color: transparent; } scale slider { border-radius: 100%; - background: shade (@theme_bg_color, 1.15); - border-radius: 100%; - box-shadow: 0 0 0 4px rgba(255, 255, 255, 0), 0 1px 3px 0 rgba(0, 0, 0, 0.4), inset 0 0 0 1px white; + background-color: shade (@theme_bg_color, 1.15); + box-shadow: 0 0 0 4px rgba(255, 255, 255, 0), 0 1px 3px 0 rgba(0, 0, 0, 0.4), inset 0 1px 2px 0 alpha (white, 0.5), inset 0 -1px 2px 0 alpha (black, 0.3); transition: all 80ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: background, border, box-shadow; } + transition-property: background, border, box-shadow; + /*border: 4px dashed yellow;*/ + } + scale:not(.marks-after):not(.marks-before):not(:disabled) slider { +background-image: radial-gradient(@slider_inner_color, @slider_middle_color 25%, @slider_outer_color 35%); + +} scale slider:hover { box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.4), 0 1px 2px 0 rgba(0, 0, 0, 0.5), inset 0 0 0 1px white; } scale slider:active { - background: shade (@theme_bg_color, 1.25); } + background-color: shade (@theme_bg_color, 1.25); + } scale slider:disabled { - background: @theme_bg_color; + background-color: shade (@theme_bg_color, 1.05); + background-image: none; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); } - scale slider:backdrop { + /*scale slider:backdrop { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); } scale slider:backdrop:disabled { border-color: shade (@theme_bg_color, 0.9); @@ -3494,7 +3618,7 @@ scale { -gtk-icon-shadow: none; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); } scale slider:backdrop:disabled label, scale slider:backdrop:disabled { - color: @unfocused_insensitive_color; } + color: @unfocused_insensitive_color; }*/ scale value { color: alpha(currentColor,0.55); } scale marks { @@ -3783,20 +3907,20 @@ scale { *****************/ progressbar { font-size: smaller; - color: rgba(82, 87, 98, 0.4); } + color: alpha (@theme_fg_color, 0.5); } progressbar.horizontal trough, progressbar.horizontal progress { - min-height: 2px; } + min-height: 6px; } progressbar.vertical trough, progressbar.vertical progress { - min-width: 2px; } + min-width: 6px; } progressbar.horizontal progress { margin: 0 -1px; } progressbar.vertical progress { margin: -1px 0; } - progressbar:backdrop { + /*progressbar:backdrop { box-shadow: none; - transition: 80ms ease-out; } + transition: 80ms ease-out; }*/ progressbar progress { border-radius: 1.5px; } progressbar progress.left { @@ -3819,7 +3943,7 @@ progressbar { border-style: none; border-radius: 0; background-color: transparent; - box-shadow: none; } + box-shadow: none; } progressbar.osd progress { border-style: none; border-radius: 0; } @@ -3830,59 +3954,63 @@ progressbar { * Level Bar * *************/ levelbar.horizontal block { - min-height: 1px; } + min-height: 5px; } levelbar.horizontal.discrete block { margin: 0 1px; min-width: 32px; } levelbar.vertical block { - min-width: 1px; } + min-width: 5px; } levelbar.vertical.discrete block { margin: 1px 0; min-height: 32px; } -levelbar:backdrop { - transition: 80ms ease-out; } +/*levelbar:backdrop { + transition: 80ms ease-out; }*/ levelbar trough { border: 1px solid; - padding: 2px; + padding: 0px; border-radius: 5px; color: @theme_fg_color; border-color: @borders; - background-color: @theme_base_color; - box-shadow: inset 0 0 0 1px rgba(42, 145, 250, 0); } - levelbar trough:backdrop { + /*background-color: @theme_base_color;*/ +/*box-shadow: inset 0 0 0 1px rgba(42, 145, 250, 0); */} + /*levelbar trough:backdrop { color: @theme_unfocused_text_color; border-color: @unfocused_borders; background-color: @theme_unfocused_base_color; - box-shadow: none; } + box-shadow: none; }*/ levelbar block { border: 1px solid; - border-radius: 1px; } + border-radius: 1px; +border-style: none; } levelbar block.low { border-color: shade (@warning_color, 1.5); - background-color: @warning_color; } - levelbar block.low:backdrop { - border-color: @warning_color; } + background-color: @warning_color; + background-image: none;} + /*levelbar block.low:backdrop { + border-color: @warning_color; }*/ levelbar block.high, levelbar block:not(.empty) { border-color: shade (@theme_selected_bg_color, 1.2); - background-color: @theme_selected_bg_color; } - levelbar block.high:backdrop, levelbar block:not(.empty):backdrop { - border-color: @theme_selected_bg_color; } + background-color: @theme_selected_bg_color; + background-image: none; } + /*levelbar block.high:backdrop, levelbar block:not(.empty):backdrop { + border-color: @theme_selected_bg_color; }*/ levelbar block.full { border-color: shade (@success_color, 1.5); - background-color: @success_color; } - levelbar block.full:backdrop { - border-color: @success_color; } + background-color: @success_color; + background-image: none;} + /*levelbar block.full:backdrop { + border-color: @success_color; }*/ levelbar block.empty { background-color: transparent; border-color: rgba(95, 95, 95, 0.2); } - levelbar block.empty:backdrop { - border-color: rgba(168, 168, 168, 0.15); } + /* levelbar block.empty:backdrop { + border-color: rgba(168, 168, 168, 0.15); }*/ /**************** * Print dialog * @@ -3892,9 +4020,9 @@ printdialog paper { border: 1px solid @borders; background: white; padding: 0; } - printdialog paper:backdrop { + /*printdialog paper:backdrop { color: @wm_unfocused_title; - border-color: @unfocused_borders; } + border-color: @unfocused_borders; }*/ printdialog .dialog-action-box { margin: 12px; } @@ -3919,8 +4047,8 @@ frame > border, actionbar > revealer > box { padding: 6px; border-top: 1px solid @borders; } - actionbar > revealer > box:backdrop { - border-color: @unfocused_borders; } + /*actionbar > revealer > box:backdrop { + border-color: @unfocused_borders; }*/ scrolledwindow viewport.frame { border-style: none; } @@ -3950,14 +4078,14 @@ scrolledwindow overshoot.bottom { background-color: transparent; border: none; box-shadow: none; } - scrolledwindow overshoot.bottom:backdrop { +/* scrolledwindow overshoot.bottom:backdrop { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha (@theme_selected_bg_color, 0.65)), to(alpha (@theme_selected_bg_color, 0))); background-size: 100% 5%; 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.5, to(@theme_selected_bg_color), to(alpha (@theme_selected_bg_color, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(alpha (@theme_selected_bg_color, 0.07)), to(alpha (@theme_selected_bg_color, 0))); @@ -3967,14 +4095,14 @@ scrolledwindow overshoot.left { background-color: transparent; border: none; box-shadow: none; } - scrolledwindow overshoot.left:backdrop { + /*scrolledwindow overshoot.left:backdrop { background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(alpha (@theme_selected_bg_color, 0.65)), to(alpha (@theme_selected_bg_color, 0))); background-size: 5% 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.5, to(@theme_selected_bg_color), to(alpha (@theme_selected_bg_color, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(alpha (@theme_selected_bg_color, 0.07)), to(alpha (@theme_selected_bg_color, 0))); @@ -3984,15 +4112,15 @@ scrolledwindow overshoot.right { background-color: transparent; border: none; box-shadow: none; } - scrolledwindow overshoot.right:backdrop { +/* scrolledwindow overshoot.right:backdrop { background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(alpha (@theme_selected_bg_color, 0.65)), to(alpha (@theme_selected_bg_color, 0))); background-size: 5% 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%); @@ -4036,6 +4164,58 @@ scrolledwindow undershoot.right { background-position: right center; border: none; box-shadow: none; } +*/ + + +/* undershoots defined globally here */ +undershoot.top { + background-color: transparent; + background-image: linear-gradient(to bottom, + alpha(black, 0.3), + alpha(black, 0.10), + alpha(black, 0)); + background-size: 10px 50%; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; +} + +undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to top, + alpha(black, 0.3), + alpha(black, 0.10), + alpha(black, 0)); + background-size: 10px 50%; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; +} + +undershoot.left { + background-color: transparent; + background-image: linear-gradient(to right, + alpha(black, 0.3), + alpha(black, 0.10), + alpha(black, 0)); + background-size: 50% 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; +} + +undershoot.right { + background-color: transparent; + background-image: linear-gradient(to left, + alpha(black, 0.3), + alpha(black, 0.10), + alpha(black, 0)); + background-size: 50% 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; +} + scrolledwindow junction { border-color: transparent; @@ -4073,7 +4253,7 @@ row { row:backdrop { transition: 80ms ease-out; } row.activatable.has-open-popup, row.activatable:hover { - background-color: rgba(82, 87, 98, 0.05); } + background-color: rgba(0, 0, 0, 0.025); } row.activatable:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } row.activatable:backdrop:hover { @@ -4140,7 +4320,7 @@ calendar { calendar.button:disabled { color: @insensitive_fg_color; } calendar.highlight { - color: @wm_unfocused_title; } + color: @theme_disabled_fg_color; } calendar.highlight:backdrop { color: @unfocused_insensitive_color; } calendar:backdrop { @@ -4160,12 +4340,12 @@ messagedialog .titlebar { border-top-left-radius: 5px; border-top-right-radius: 5px; box-shadow: none; - box-shadow: inset 0px 1px 1px shade (@theme_bg_color, 1.2); } + box-shadow: inset 0px 1px 1px shade (@theme_bg_color, 1.1); } messagedialog.csd.background { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; - /* box-shadow: inset 0px 1px 1px shade (@theme_bg_color, 1.2); */ + /* box-shadow: inset 0px 1px 1px shade (@theme_bg_color, 1.1); */ } messagedialog.csd .dialog-action-area button { @@ -4177,10 +4357,10 @@ messagedialog.csd .dialog-action-area button { box-shadow: none; } messagedialog.csd .dialog-action-area button:first-child { border-left-style: none; - border-bottom-left-radius: 5px; + border-bottom-left-radius: 2px; -gtk-outline-bottom-left-radius: 1px; } messagedialog.csd .dialog-action-area button:last-child { - border-bottom-right-radius: 5px; + border-bottom-right-radius: 2px; -gtk-outline-bottom-right-radius: 1px; } filechooser .dialog-action-box { @@ -4241,13 +4421,13 @@ placessidebar row { placessidebar row:selected { color: @theme_selected_fg_color; } placessidebar row:disabled { - color: @wm_unfocused_title; } - placessidebar row:backdrop { - color: @wm_unfocused_title; } - placessidebar row:backdrop:selected { + color: @theme_disabled_fg_color; } + /*placessidebar row:backdrop { + color: @wm_unfocused_title; }*/ + /*placessidebar row:backdrop:selected { color: @theme_unfocused_base_color; } placessidebar row:backdrop:disabled { - color: @unfocused_insensitive_color; } + color: @unfocused_insensitive_color; }*/ placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; } placessidebar row image.sidebar-icon:dir(rtl) { @@ -4509,8 +4689,8 @@ colorswatch#add-color-button { colorswatch#add-color-button overlay { color: @theme_fg_color; outline-color: rgba(82, 87, 98, 0.2); - text-shadow: 0 1px rgba(0, 0, 0, 0.769231); - -gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.769231); + text-shadow: 0 1px rgba(255, 255, 255, 0.769231); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); border-color: @borders; border-bottom-color: shade (@borders, 1.1); background-image: image(rgba(246, 247, 247, 0.999)); @@ -4528,7 +4708,7 @@ colorswatch#add-color-button { -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } colorswatch#add-color-button overlay:backdrop label, colorswatch#add-color-button overlay:backdrop { - color: @wm_unfocused_title; } + color: @theme_disabled_fg_color; } colorswatch:disabled { opacity: 0.5; } @@ -4571,10 +4751,10 @@ colorchooser .popover.osd { decoration { border-radius: 5px 5px 5px 5px; border-width: 0px; - box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1), 0px 0px 4px 0px rgba(0, 0, 0, 0.4), 0px 0px 0px 1px rgba(0, 0, 0, 0.1); + box-shadow: 0px 15px 48px -20px alpha(black, 0.9), 0px 10px 20px -5px alpha(black, 0.9), 0px 0px 0px 1px alpha(black, 0.2); margin: 10px; } decoration:backdrop { - box-shadow: 0px 0px 12px 0px transparent, 0px 0px 4px 0px rgba(0, 0, 0, 0.4), 0px 0px 0px 1px rgba(0, 0, 0, 0.1); + box-shadow: 0px 15px 48px -20px alpha(black, 0.2), 0px 10px 20px -5px alpha(black, 0.6), 0px 0px 0px 1px alpha(black, 0.2); transition: 80ms ease-out; } .maximized decoration, .fullscreen decoration, @@ -4612,8 +4792,8 @@ decoration { border-bottom-right-radius: 1px; } button.titlebutton { - text-shadow: 0 1px rgba(0, 0, 0, 0.769231); - -gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.769231); } + text-shadow: 0 1px rgba(255, 255, 255, 0.769231); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); } button.titlebutton:backdrop { -gtk-icon-shadow: none; } @@ -4640,7 +4820,7 @@ entry selection, modelbutton.flat:selected, textview text selection, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { - color: @theme_selected_bg_color; } + color: @theme_selected_fg_color; } row:selected label:disabled, label:disabled:selected, .selection-mode button.titlebutton:disabled, iconview:disabled:selected:focus, .view:disabled:selected, iconview:disabled:selected, iconview text:disabled:selected:focus, textview text:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, @@ -4715,10 +4895,10 @@ cursor-handle { border-radius: 5px; box-shadow: inset 0 -3px rgba(241, 242, 242, 0.5); font-size: smaller; } - .keycap:backdrop { + /*.keycap:backdrop { background-color: @theme_unfocused_base_color; color: @wm_unfocused_title; - transition: 80ms ease-out; } + transition: 80ms ease-out; }*/ :not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { @@ -4785,7 +4965,7 @@ button.emoji-section { .nautilus-window, .nautilus-window notebook > stack { /* border-top: 1px groove @borders; */ -/* margin-right: 0.5em; */ } +/* margin-right: 0.5em; */ } .nautilus-window placessidebar.sidebar { @@ -4925,7 +5105,7 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can border-bottom: none; } .nautilus-window .searchbar-container { - /* margin-top: 3px; */ } + /* margin-top: 3px; */ } .nautilus-window notebook, .nautilus-window notebook > stack:not(:only-child) searchbar { diff --git a/gtk-3.0/gtk-contained.css b/gtk-3.0/gtk-contained.css index 0bccfdd..f07ea6b 100644 --- a/gtk-3.0/gtk-contained.css +++ b/gtk-3.0/gtk-contained.css @@ -63,21 +63,33 @@ insensitive color on backdrop windows*/ /* widgets main borders color */ @define-color borders alpha (shade (@theme_bg_color, 0.7), 0.75); + +/*highlight for buttons*/ +@define-color highlight_color white; + +/*text shadows to simulate "groove" (or "outset")*/ +@define-color text_shadow_color white; + /* widgets main borders color on backdrop windows */ @define-color unfocused_borders shade (@borders, 1.05); + /* these are pretty self explicative */ @define-color warning_color #f57900; @define-color error_color #990000; @define-color success_color #73d216; -/*#Window headers*/ +/*Window headers*/ @define-color theme_header_bg @theme_selected_bg_color; -@define-color theme_header_unfocused_bg #d8cab2; +@define-color theme_header_unfocused_bg mix (@theme_selected_bg_color, @theme_bg_color, 0.7); @define-color theme_header_fg @theme_selected_fg_color; @define-color theme_header_unfocused_fg @theme_fg_color; +/* scale slider colors*/ +@define-color slider_inner_color #FFAA00; +@define-color slider_middle_color #FFCC00; +@define-color slider_outer_color white; /* these colors are exported for the window manager and shouldn't be used in applications, @@ -416,7 +428,7 @@ entry { box-shadow: inset 0 0 0 1px @theme_selected_bg_color; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } - .osd spinbutton:backdrop:not(.vertical), .osd + /*.osd spinbutton:backdrop:not(.vertical), .osd entry:backdrop { color: white; border-color: rgba(0, 0, 0, 0.7); @@ -424,7 +436,7 @@ entry { background-clip: padding-box; box-shadow: none; text-shadow: none; - -gtk-icon-shadow: none; } + -gtk-icon-shadow: none; }*/ .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { color: @theme_disabled_fg_color; @@ -598,14 +610,14 @@ notebook > header > tabs > arrow, button.titlebutton, button, button.flat:hover, button.flat:focus { color: @theme_fg_color; outline-color: rgba(0, 0, 0, 0.1); - text-shadow: 0 1px alpha(white, 0.7), 0 -1px alpha(black, 0.3); - -gtk-icon-shadow: 0 1px alpha(white, 0.7), 0 -1px alpha(black, 0.3); + text-shadow: 0 1px alpha(@text_shadow_color, 0.7), 0 -1px alpha(black, 0.3); + -gtk-icon-shadow: 0 1px alpha(@text_shadow_color, 0.7), 0 -1px alpha(black, 0.3); border-color: alpha(black, 0.3);/*@borders;*/ border-bottom-color: alpha(black, 0.5); /*background: linear-gradient(to top, shade (@theme_bg_color, 1), shade (@theme_bg_color, 1.05));*/ background-image: linear-gradient(to top, alpha (@button_bg_color, 0.6), alpha(shade (@button_bg_color, 1.1), 0.6)); /*box-shadow: inset 0px 1px 1px shade (@theme_bg_color, 1.15);*/ - box-shadow: inset 0px 1px 1px alpha(white, 0.5), inset 0px -1px 1px shade (@button_bg_color, 0.85); + box-shadow: inset 0px 1px 1px alpha(@highlight_color, 0.5), inset 0px -1px 1px shade (@button_bg_color, 0.85); } notebook > header > tabs > arrow, button.sidebar-button, button.titlebutton, button.flat { @@ -651,7 +663,7 @@ button, button.flat:hover, button.flat:focus { /*text-shadow: 0 1px rgba(255, 255, 255, 0.769231);*/ /*-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231);*/ /*border-color: shade (@borders, 0.6);*/ - border-bottom-color: alpha(white, 0.5); + border-bottom-color: alpha(@highlight_color, 0.5); /*background: linear-gradient(to top, shade (@theme_bg_color, 0.85), shade (@theme_bg_color, 0.9));*/ background-image: linear-gradient(to top, alpha(shade (@button_bg_color, 0.85), 0.6), alpha (shade (@button_bg_color, 0.9), 0.6)); -gtk-icon-shadow: none; @@ -1684,7 +1696,7 @@ modelbutton.flat arrow { button.color { padding: 4px; } button.color colorswatch:only-child { - box-shadow: 0 1px rgba(255, 255, 255, 0.769231); } + box-shadow: 0 1px alpha (@highlight_color, 0.769231); } button.color colorswatch:only-child, button.color colorswatch:only-child overlay { border-radius: 0; } .osd button.color colorswatch:only-child { @@ -1700,7 +1712,7 @@ button:visited > label, *:link, button:link, button:visited { - color: shade (@theme_selected_bg_color, 0.8); } + color: mix (@theme_selected_bg_color, @theme_fg_color, 0.6); } button:link > label:visited, button:visited > label:visited, *:link:visited, @@ -2055,7 +2067,7 @@ searchbar, .titlebar:not(headerbar), headerbar { color: @theme_header_fg; - text-shadow: 0 1px alpha (white, 0.3), 0 -1px alpha (black, 0.3); + text-shadow: 0 1px alpha (@text_shadow_color, 0.3), 0 -1px alpha (black, 0.3); padding: 0 6px; min-height: 46px; border-width: 0; @@ -2064,7 +2076,7 @@ headerbar { background: linear-gradient(to top, @theme_header_bg, shade (@theme_header_bg, 1.1)); /* background: linear-gradient(to top, shade (@theme_bg_color, 0.8), shade (@theme_bg_color, 0.6) 2px, shade (@theme_bg_color, 1.05) 3px); */ /* background: linear-gradient(to top, @theme_bg_color, shade (@theme_bg_color, 1.15)); */ - box-shadow: inset 0px 1px 1px alpha (white, 0.3); } + box-shadow: inset 0px 1px 1px alpha (@highlight_color, 0.3); } .titlebar:backdrop:not(headerbar), headerbar:backdrop { color: @theme_header_unfocused_fg; @@ -2664,7 +2676,8 @@ menubar, menubar > menuitem:hover, .menubar > menuitem:hover { box-shadow: inset 0 -3px @theme_selected_bg_color; - color: @theme_selected_bg_color; + background-color: @theme_selected_bg_color; + color: @theme_selected_fg_color; /*text-shadow: 0px 1px rgba(0, 0, 0, 0.6); */} menubar > menuitem:disabled, .menubar > menuitem:disabled { @@ -3011,7 +3024,7 @@ border: 1px solid @borders; } scrollbar trough { /*border: 1px solid @theme_bg_color;*/ - box-shadow: inset 0 2px 4px 2px alpha(black, 0.3), inset 0px -2px 4px 2px alpha(white, 0.3); + box-shadow: inset 0 2px 4px 2px alpha(black, 0.3), inset 0px -2px 4px 2px alpha(@highlight_color, 0.3); padding: 0px; min-width: 1em; min-height: 1em; @@ -3039,7 +3052,7 @@ border: 1px solid @borders; border-radius: 0.5em; background-color: @button_bg_color; background-image: linear-gradient(to top, alpha (shade (@button_bg_color, 0.9), 0.6), alpha(shade (@button_bg_color, 1.1), 0.6)); - box-shadow: inset 0 -1px 0px 1px alpha(black, 0.3), inset 0px 1px 1px 1px alpha(white, 0.6); } + box-shadow: inset 0 -1px 0px 1px alpha(black, 0.3), inset 0px 1px 1px 1px alpha(@highlight_color, 0.6); } /*scrollbar.vertical slider { background-image:linear-gradient(to bottom, transparent, transparent 45%, red 48%, blue 51%, red 53%, transparent 55%); @@ -3456,7 +3469,7 @@ scale trough, scale fill, progressbar trough { border-radius: 5px; background-color: @borders; } progressbar trough, scale trough, levelbar trough { - box-shadow: inset 0 1px 2px 1px alpha(black, 0.3), inset 0 -1px 2px 1px alpha(white, 0.3); + box-shadow: inset 0 1px 2px 1px alpha(black, 0.3), inset 0 -1px 2px 1px alpha(@highlight_color, 0.3); } /* scale trough:disabled, scale fill:disabled, progressbar trough:disabled { background-color: @theme_bg_color; }*/ @@ -3478,7 +3491,7 @@ scale highlight, progressbar progress { } scale highlight, progressbar progress, levelbar block.filled { - box-shadow: inset 0 0 0 1px @theme_selected_bg_color, inset 0 1px 2px 0 alpha (white, 0.5), inset 0 -1px 2px 0 alpha (black, 0.2); + box-shadow: inset 0 0 0 1px @theme_selected_bg_color, inset 0 1px 2px 0 alpha (@highlight_color, 0.5), inset 0 -1px 2px 0 alpha (black, 0.2); } scale.horizontal highlight, @@ -3585,7 +3598,7 @@ progressbar.horizontal trough, scale.horizontal trough, levelbar.horizontal trou /*border: 4px dashed yellow;*/ } scale:not(.marks-after):not(.marks-before):not(:disabled) slider { -background-image: radial-gradient(#FFAA00, #FFCC00 25%, white 35%); +background-image: radial-gradient(@slider_inner_color, @slider_middle_color 25%, @slider_outer_color 35%); } scale slider:hover { diff --git a/metacity-1/assets/button.svg b/metacity-1/assets/button.svg new file mode 100644 index 0000000..51c67bf --- /dev/null +++ b/metacity-1/assets/button.svg @@ -0,0 +1,3 @@ + + + diff --git a/metacity-1/assets/close.svg b/metacity-1/assets/close.svg new file mode 100644 index 0000000..1fe0805 --- /dev/null +++ b/metacity-1/assets/close.svg @@ -0,0 +1,3 @@ + + + diff --git a/metacity-1/assets/maximize.svg b/metacity-1/assets/maximize.svg new file mode 100644 index 0000000..02d76eb --- /dev/null +++ b/metacity-1/assets/maximize.svg @@ -0,0 +1,3 @@ + + + diff --git a/metacity-1/assets/menu.svg b/metacity-1/assets/menu.svg new file mode 100644 index 0000000..ad8570a --- /dev/null +++ b/metacity-1/assets/menu.svg @@ -0,0 +1,3 @@ + + + diff --git a/metacity-1/assets/minimize.svg b/metacity-1/assets/minimize.svg new file mode 100644 index 0000000..dc1fa3f --- /dev/null +++ b/metacity-1/assets/minimize.svg @@ -0,0 +1,3 @@ + + + diff --git a/metacity-1/assets/shade.svg b/metacity-1/assets/shade.svg new file mode 100644 index 0000000..29aeeae --- /dev/null +++ b/metacity-1/assets/shade.svg @@ -0,0 +1,3 @@ + + + diff --git a/metacity-1/assets/unmaximize.svg b/metacity-1/assets/unmaximize.svg new file mode 100644 index 0000000..cd03f34 --- /dev/null +++ b/metacity-1/assets/unmaximize.svg @@ -0,0 +1,3 @@ + + + diff --git a/metacity-1/assets/unshade.svg b/metacity-1/assets/unshade.svg new file mode 100644 index 0000000..fa98887 --- /dev/null +++ b/metacity-1/assets/unshade.svg @@ -0,0 +1,3 @@ + + + diff --git a/metacity-1/metacity-theme-2.xml b/metacity-1/metacity-theme-2.xml new file mode 100644 index 0000000..073a242 --- /dev/null +++ b/metacity-1/metacity-theme-2.xml @@ -0,0 +1,621 @@ + + + + pho-earth + nana-4 + GPL + 2020 + pho-earth Metacity theme + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +</draw_ops> + +<draw_ops name="title_unfocused"> + <title + x="(0 `max` ((width - title_width) / 2))" + y="(0 `max` ((height - title_height) / 2))" + color="C_title_unfocused"/> +</draw_ops> + +<!-- window decorations --> + +<draw_ops name="entire_background_focused"> + <rectangle color="C_titlebar_focused" x="0" y="0" width="width" height="height" filled="true"/> +</draw_ops> + +<draw_ops name="entire_background_unfocused"> + <rectangle color="C_titlebar_unfocused" x="0" y="0" width="width" height="height" filled="true"/> +</draw_ops> + +<draw_ops name="highlight_focused"> + <line color="C_highlight_focused" x1="4" y1="0" x2="width - 5" y2="0"/> + <arc color="C_highlight_focused" x="0 - 1" y="0" width="13" height="13" start_angle="270" extent_angle="90"/> + <arc color="C_highlight_focused" x="width - 13" y="0" width="13" height="13" start_angle="0" extent_angle="90"/> +</draw_ops> + +<draw_ops name="highlight_unfocused"> + <line color="C_highlight_unfocused" x1="4" y1="0" x2="width - 5" y2="0"/> + <arc color="C_highlight_unfocused" x="0 - 1" y="0" width="13" height="13" start_angle="270" extent_angle="90"/> + <arc color="C_highlight_unfocused" x="width - 13" y="0" width="13" height="13" start_angle="0" extent_angle="90"/> +</draw_ops> + +<draw_ops name="titlebar_focused"> + <include name="entire_background_focused"/> + <include name="highlight_focused"/> +</draw_ops> + +<draw_ops name="titlebar_unfocused"> + <include name="entire_background_unfocused"/> + <include name="highlight_unfocused"/> +</draw_ops> + +<!-- button icons --> + +<!-- close --> + +<draw_ops name="close_focused"> + <image filename="assets/close.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="close_focused_prelight"> + <include name="close_focused"/> +</draw_ops> + +<draw_ops name="close_focused_pressed"> + <include name="close_focused"/> +</draw_ops> + +<draw_ops name="close_unfocused"> + <image filename="assets/close.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="close_unfocused_prelight"> + <include name="close_unfocused"/> +</draw_ops> + +<draw_ops name="close_unfocused_pressed"> + <include name="close_unfocused"/> +</draw_ops> + +<!-- maximize --> + +<draw_ops name="maximize_focused"> + <image filename="assets/maximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="maximize_focused_prelight"> + <include name="maximize_focused"/> +</draw_ops> + +<draw_ops name="maximize_focused_pressed"> + <include name="maximize_focused"/> +</draw_ops> + +<draw_ops name="maximize_unfocused"> + <image filename="assets/maximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="maximize_unfocused_prelight"> + <include name="maximize_unfocused"/> +</draw_ops> + +<draw_ops name="maximize_unfocused_pressed"> + <include name="maximize_unfocused"/> +</draw_ops> + +<!-- unmaximize --> + +<draw_ops name="unmaximize_focused"> + <image filename="assets/unmaximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="unmaximize_focused_prelight"> + <include name="unmaximize_focused"/> +</draw_ops> + +<draw_ops name="unmaximize_focused_pressed"> + <include name="unmaximize_focused"/> +</draw_ops> + +<draw_ops name="unmaximize_unfocused"> + <image filename="assets/unmaximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="unmaximize_unfocused_prelight"> + <include name="unmaximize_unfocused"/> +</draw_ops> + +<draw_ops name="unmaximize_unfocused_pressed"> + <include name="unmaximize_unfocused"/> +</draw_ops> + +<!-- minimize --> + +<draw_ops name="minimize_focused"> + <image filename="assets/minimize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="minimize_focused_prelight"> + <include name="minimize_focused"/> +</draw_ops> + +<draw_ops name="minimize_focused_pressed"> + <include name="minimize_focused"/> +</draw_ops> + +<draw_ops name="minimize_unfocused"> + <image filename="assets/minimize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="minimize_unfocused_prelight"> + <include name="minimize_unfocused"/> +</draw_ops> + +<draw_ops name="minimize_unfocused_pressed"> + <include name="minimize_unfocused"/> +</draw_ops> + +<!-- menu --> + +<draw_ops name="menu_focused"> + <image filename="assets/menu.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="menu_focused_prelight"> + <include name="menu_focused"/> +</draw_ops> + +<draw_ops name="menu_focused_pressed"> + <include name="menu_focused"/> +</draw_ops> + +<draw_ops name="menu_unfocused"> + <image filename="assets/menu.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="menu_unfocused_prelight"> + <include name="menu_unfocused"/> +</draw_ops> + +<draw_ops name="menu_unfocused_pressed"> + <include name="menu_unfocused"/> +</draw_ops> + +<!-- shade --> + +<draw_ops name="shade_focused"> + <image filename="assets/shade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="shade_focused_prelight"> + <include name="shade_focused"/> +</draw_ops> + +<draw_ops name="shade_focused_pressed"> + <include name="shade_focused"/> +</draw_ops> + +<draw_ops name="shade_unfocused"> + <image filename="assets/shade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="shade_unfocused_prelight"> + <include name="shade_unfocused"/> +</draw_ops> + +<draw_ops name="shade_unfocused_pressed"> + <include name="shade_unfocused"/> +</draw_ops> + +<!-- unshade --> + +<draw_ops name="unshade_focused"> + <image filename="assets/unshade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="unshade_focused_prelight"> + <include name="unshade_focused"/> +</draw_ops> + +<draw_ops name="unshade_focused_pressed"> + <include name="unshade_focused"/> +</draw_ops> + +<draw_ops name="unshade_unfocused"> + <image filename="assets/unshade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="unshade_unfocused_prelight"> + <include name="unshade_unfocused"/> +</draw_ops> + +<draw_ops name="unshade_unfocused_pressed"> + <include name="unshade_unfocused"/> +</draw_ops> + +<!-- appmenu --> + +<constant name="D_appmenu_icon_size" value="16"/> + +<draw_ops name="appmenu_focused"> + <icon + x="(width - D_appmenu_icon_size) / 2" y="(height - D_appmenu_icon_size) / 2" + width="D_appmenu_icon_size" height="D_appmenu_icon_size"/> +</draw_ops> + +<draw_ops name="appmenu_focused_prelight"> + <include name="appmenu_focused"/> +</draw_ops> + +<draw_ops name="appmenu_focused_pressed"> + <include name="appmenu_focused"/> +</draw_ops> + +<draw_ops name="appmenu_unfocused"> + <icon + x="(width - D_appmenu_icon_size) / 2" y="(height - D_appmenu_icon_size) / 2" + width="D_appmenu_icon_size" height="D_appmenu_icon_size" + alpha="0.7"/> +</draw_ops> + +<draw_ops name="appmenu_unfocused_prelight"> + <include name="appmenu_unfocused"/> +</draw_ops> + +<draw_ops name="appmenu_unfocused_pressed"> + <include name="appmenu_unfocused"/> +</draw_ops> + +<!-- button backgrounds --> + +<draw_ops name="button_focused"> +</draw_ops> + +<draw_ops name="button_focused_prelight"> + <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.08" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="button_focused_pressed"> + <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.2" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="button_unfocused"> +</draw_ops> + +<draw_ops name="button_unfocused_prelight"> + <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.08" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="button_unfocused_pressed"> + <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.2" colorize="C_title_unfocused"/> +</draw_ops> + +<!-- frame styles --> + +<frame_style name="normal_focused" geometry="normal"> + <piece position="entire_background" draw_ops="entire_background_focused"/> + <piece position="titlebar" draw_ops="titlebar_focused"/> + <piece position="title" draw_ops="title_focused"/> + <button function="close" state="normal" draw_ops="close_focused"/> + <button function="close" state="prelight" draw_ops="close_focused_prelight"/> + <button function="close" state="pressed" draw_ops="close_focused_pressed"/> + <button function="maximize" state="normal" draw_ops="maximize_focused"/> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight"/> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed"/> + <button function="minimize" state="normal" draw_ops="minimize_focused"/> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight"/> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed"/> + <button function="menu" state="normal" draw_ops="menu_focused"/> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight"/> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed"/> + <button function="shade" state="normal" draw_ops="shade_focused"/> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight"/> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed"/> + <button function="unshade" state="normal" draw_ops="unshade_focused"/> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight"/> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed"/> + + <button function="left_middle_background" state="normal" draw_ops="button_focused"/> + <button function="left_middle_background" state="prelight" draw_ops="button_focused_prelight"/> + <button function="left_middle_background" state="pressed" draw_ops="button_focused_pressed"/> + <button function="right_middle_background" state="normal" draw_ops="button_focused"/> + <button function="right_middle_background" state="prelight" draw_ops="button_focused_prelight"/> + <button function="right_middle_background" state="pressed" draw_ops="button_focused_pressed"/> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal_unfocused" geometry="normal"> + <piece position="entire_background" draw_ops="entire_background_unfocused"/> + <piece position="titlebar" draw_ops="titlebar_unfocused"/> + <piece position="title" draw_ops="title_unfocused"/> + <button function="close" state="normal" draw_ops="close_unfocused"/> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight"/> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed"/> + <button function="maximize" state="normal" draw_ops="maximize_unfocused"/> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight"/> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed"/> + <button function="minimize" state="normal" draw_ops="minimize_unfocused"/> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight"/> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed"/> + <button function="menu" state="normal" draw_ops="menu_unfocused"/> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight"/> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed"/> + <button function="shade" state="normal" draw_ops="shade_unfocused"/> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight"/> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed"/> + <button function="unshade" state="normal" draw_ops="unshade_unfocused"/> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight"/> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed"/> + + <button function="left_middle_background" state="normal" draw_ops="button_unfocused"/> + <button function="left_middle_background" state="prelight" draw_ops="button_unfocused_prelight"/> + <button function="left_middle_background" state="pressed" draw_ops="button_unfocused_pressed"/> + <button function="right_middle_background" state="normal" draw_ops="button_unfocused"/> + <button function="right_middle_background" state="prelight" draw_ops="button_unfocused_prelight"/> + <button function="right_middle_background" state="pressed" draw_ops="button_unfocused_pressed"/> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal_max_focused" geometry="max" parent="normal_focused"> + <piece position="titlebar" draw_ops="entire_background_focused"/> + <button function="maximize" state="normal" draw_ops="unmaximize_focused"/> + <button function="maximize" state="pressed" draw_ops="unmaximize_focused_pressed"/> + <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight"/> +</frame_style> + +<frame_style name="normal_max_unfocused" geometry="max" parent="normal_unfocused"> + <piece position="titlebar" draw_ops="entire_background_unfocused"/> + <button function="maximize" state="normal" draw_ops="unmaximize_unfocused"/> + <button function="maximize" state="pressed" draw_ops="unmaximize_unfocused_pressed"/> + <button function="maximize" state="prelight" draw_ops="unmaximize_unfocused_prelight"/> +</frame_style> + +<frame_style name="tiled_left_focused" geometry="tiled_left" parent="normal_focused"> + <piece position="titlebar" draw_ops="entire_background_focused"/> +</frame_style> + +<frame_style name="tiled_left_unfocused" geometry="tiled_left" parent="normal_unfocused"> + <piece position="titlebar" draw_ops="entire_background_unfocused"/> +</frame_style> + +<frame_style name="tiled_right_focused" geometry="tiled_right" parent="normal_focused"> + <piece position="titlebar" draw_ops="entire_background_focused"/> +</frame_style> + +<frame_style name="tiled_right_unfocused" geometry="tiled_right" parent="normal_unfocused"> + <piece position="titlebar" draw_ops="entire_background_unfocused"/> +</frame_style> + +<frame_style name="dialog_focused" geometry="nobuttons" parent="normal_focused"> +</frame_style> + +<frame_style name="dialog_unfocused" geometry="nobuttons" parent="normal_unfocused"> +</frame_style> + +<frame_style name="modal_dialog_focused" geometry="modal" parent="normal_focused"> +</frame_style> + +<frame_style name="modal_dialog_unfocused" geometry="modal" parent="normal_unfocused"> +</frame_style> + +<frame_style name="utility_focused" geometry="small" parent="normal_focused"> +</frame_style> + +<frame_style name="utility_unfocused" geometry="small" parent="normal_unfocused"> +</frame_style> + +<frame_style name="border_focused" geometry="border" parent="normal_focused"> +</frame_style> + +<frame_style name="border_unfocused" geometry="border" parent="normal_unfocused"> +</frame_style> + +<frame_style name="borderless_focused" geometry="borderless" parent="normal_focused"> +</frame_style> + +<frame_style name="borderless_unfocused" geometry="borderless" parent="normal_unfocused"> +</frame_style> + +<frame_style name="attached_focused" geometry="attached" parent="modal_dialog_focused"> +</frame_style> + +<frame_style name="attached_unfocused" geometry="attached" parent="modal_dialog_unfocused"> +</frame_style> + +<!-- placeholder for unimplementated styles--> + +<frame_style name="blank" geometry="normal"> + <button function="close" state="normal"><draw_ops></draw_ops></button> + <button function="close" state="pressed"><draw_ops></draw_ops></button> + <button function="maximize" state="normal"><draw_ops></draw_ops></button> + <button function="maximize" state="pressed"><draw_ops></draw_ops></button> + <button function="minimize" state="normal"><draw_ops></draw_ops></button> + <button function="minimize" state="pressed"><draw_ops></draw_ops></button> + <button function="menu" state="normal"><draw_ops></draw_ops></button> + <button function="menu" state="pressed"><draw_ops></draw_ops></button> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<!-- frame style sets --> + +<frame_style_set name="normal_style_set"> + <frame focus="yes" state="normal" resize="both" style="normal_focused"/> + <frame focus="no" state="normal" resize="both" style="normal_unfocused"/> + <frame focus="yes" state="maximized" style="normal_max_focused"/> + <frame focus="no" state="maximized" style="normal_max_unfocused"/> + <frame focus="yes" state="shaded" style="normal_focused"/> + <frame focus="no" state="shaded" style="normal_unfocused"/> + <frame focus="yes" state="maximized_and_shaded" style="normal_max_focused"/> + <frame focus="no" state="maximized_and_shaded" style="normal_max_unfocused"/> +</frame_style_set> + +<frame_style_set name="dialog_style_set"> + <frame focus="yes" state="normal" resize="both" style="dialog_focused"/> + <frame focus="no" state="normal" resize="both" style="dialog_unfocused"/> + <frame focus="yes" state="maximized" style="blank"/> + <frame focus="no" state="maximized" style="blank"/> + <frame focus="yes" state="shaded" style="dialog_focused"/> + <frame focus="no" state="shaded" style="dialog_unfocused"/> + <frame focus="yes" state="maximized_and_shaded" style="blank"/> + <frame focus="no" state="maximized_and_shaded" style="blank"/> +</frame_style_set> + +<frame_style_set name="modal_dialog_style_set"> + <frame focus="yes" state="normal" resize="both" style="modal_dialog_focused"/> + <frame focus="no" state="normal" resize="both" style="modal_dialog_unfocused"/> + <frame focus="yes" state="maximized" style="blank"/> + <frame focus="no" state="maximized" style="blank"/> + <frame focus="yes" state="shaded" style="modal_dialog_focused"/> + <frame focus="no" state="shaded" style="modal_dialog_unfocused"/> + <frame focus="yes" state="maximized_and_shaded" style="blank"/> + <frame focus="no" state="maximized_and_shaded" style="blank"/> +</frame_style_set> + +<frame_style_set name="utility_style_set"> + <frame focus="yes" state="normal" resize="both" style="utility_focused"/> + <frame focus="no" state="normal" resize="both" style="utility_unfocused"/> + <frame focus="yes" state="maximized" style="blank"/> + <frame focus="no" state="maximized" style="blank"/> + <frame focus="yes" state="shaded" style="utility_focused"/> + <frame focus="no" state="shaded" style="utility_unfocused"/> + <frame focus="yes" state="maximized_and_shaded" style="blank"/> + <frame focus="no" state="maximized_and_shaded" style="blank"/> +</frame_style_set> + +<frame_style_set name="border_style_set"> + <frame focus="yes" state="normal" resize="both" style="border_focused"/> + <frame focus="no" state="normal" resize="both" style="border_unfocused"/> + <frame focus="yes" state="maximized" style="borderless_focused"/> + <frame focus="no" state="maximized" style="borderless_unfocused"/> + <frame focus="yes" state="shaded" style="blank"/> + <frame focus="no" state="shaded" style="blank"/> + <frame focus="yes" state="maximized_and_shaded" style="blank"/> + <frame focus="no" state="maximized_and_shaded" style="blank"/> +</frame_style_set> + +<frame_style_set name="attached_style_set"> + <frame focus="yes" state="normal" resize="both" style="attached_focused"/> + <frame focus="no" state="normal" resize="both" style="attached_unfocused"/> + <frame focus="yes" state="maximized" style="blank"/> + <frame focus="no" state="maximized" style="blank"/> + <frame focus="yes" state="shaded" style="blank"/> + <frame focus="no" state="shaded" style="blank"/> + <frame focus="yes" state="maximized_and_shaded" style="blank"/> + <frame focus="no" state="maximized_and_shaded" style="blank"/> +</frame_style_set> + +<!-- windows --> + +<window type="normal" style_set="normal_style_set"/> +<window type="dialog" style_set="dialog_style_set"/> +<window type="modal_dialog" style_set="modal_dialog_style_set"/> +<window type="menu" style_set="utility_style_set"/> +<window type="utility" style_set="utility_style_set"/> +<window type="border" style_set="border_style_set"/> + +</metacity_theme> diff --git a/metacity-1/metacity-theme-3.xml b/metacity-1/metacity-theme-3.xml new file mode 100644 index 0000000..81aa172 --- /dev/null +++ b/metacity-1/metacity-theme-3.xml @@ -0,0 +1,648 @@ +<?xml version="1.0"?> +<metacity_theme> +<info> + <name>pho-earth</name> + <author>nana-4</author> + <copyright>GPL</copyright> + <date>2020</date> + <description>pho-earth Metacity theme</description> +</info> + +<!-- meaningful constants --> + +<constant name="C_titlebar_focused" value="gtk:custom(wm_bg,gtk:bg[NORMAL])"/> +<constant name="C_titlebar_unfocused" value="gtk:custom(wm_unfocused_bg,gtk:bg[NORMAL])"/> +<constant name="C_highlight_focused" value="gtk:custom(wm_highlight,gtk:base[NORMAL])"/> +<constant name="C_highlight_unfocused" value="gtk:custom(wm_highlight,gtk:base[NORMAL])"/> +<constant name="C_title_focused" value="gtk:custom(wm_title,gtk:fg[NORMAL])"/> +<constant name="C_title_unfocused" value="gtk:custom(wm_unfocused_title,gtk:fg[INSENSITIVE])"/> + +<!-- geometries --> + +<frame_geometry name="normal" title_scale="medium" rounded_top_left="4" rounded_top_right="4"> + <distance name="left_width" value="2"/> + <distance name="right_width" value="2"/> + <distance name="bottom_height" value="2"/> + <distance name="left_titlebar_edge" value="0"/> + <distance name="right_titlebar_edge" value="0"/> + <distance name="title_vertical_pad" value="13"/> + <border name="title_border" left="10" right="10" top="0" bottom="0"/> + <border name="button_border" left="0" right="0" top="0" bottom="0"/> + <aspect_ratio name="button" value="1"/> +</frame_geometry> + +<frame_geometry name="max" rounded_top_left="false" rounded_top_right="false" parent="normal"> + <distance name="left_width" value="0"/> + <distance name="right_width" value="0"/> + <distance name="bottom_height" value="0"/> +</frame_geometry> + +<frame_geometry name="tiled_left" parent="max"> + <distance name="right_width" value="0"/> +</frame_geometry> + +<frame_geometry name="tiled_right" parent="max"> + <distance name="left_width" value="0"/> +</frame_geometry> + +<frame_geometry name="nobuttons" hide_buttons="true" parent="normal"> +</frame_geometry> + +<frame_geometry name="modal" parent="normal"> +</frame_geometry> + +<frame_geometry name="small" title_scale="small" parent="normal"> + <distance name="title_vertical_pad" value="8"/> +</frame_geometry> + +<frame_geometry name="border" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal"> + <distance name="left_width" value="2"/> + <distance name="right_width" value="2"/> + <distance name="bottom_height" value="2"/> + <distance name="title_vertical_pad" value="2"/> + <border name="title_border" left="10" right="10" top="0" bottom="0"/> + <border name="button_border" left="0" right="0" top="0" bottom="0"/> +</frame_geometry> + +<frame_geometry name="borderless" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal"> + <distance name="left_width" value="0"/> + <distance name="right_width" value="0"/> + <distance name="bottom_height" value="0"/> + <distance name="title_vertical_pad" value="0"/> + <border name="button_border" left="0" right="0" top="0" bottom="0"/> + <border name="title_border" left="0" right="0" top="0" bottom="0"/> +</frame_geometry> + +<frame_geometry name="attached" hide_buttons="true" rounded_bottom_left="4" rounded_bottom_right="4" parent="normal"> + <distance name="title_vertical_pad" value="4"/> +</frame_geometry> + +<!-- drawing operations --> + +<!-- title --> + +<draw_ops name="title_focused"> + <title version="< 3.1" + x="(0 `max` ((width - title_width) / 2))" + y="(0 `max` ((height - title_height) / 2))" + color="C_title_focused"/> + <title version=">= 3.1" + x="(0 `max` ((frame_x_center - title_width / 2) `min` (width - title_width)))" + y="(0 `max` ((height - title_height) / 2))" + ellipsize_width="width" + color="C_title_focused"/> +</draw_ops> + +<draw_ops name="title_unfocused"> + <title version="< 3.1" + x="(0 `max` ((width - title_width) / 2))" + y="(0 `max` ((height - title_height) / 2))" + color="C_title_unfocused"/> + <title version=">= 3.1" + x="(0 `max` ((frame_x_center - title_width / 2) `min` (width - title_width)))" + y="(0 `max` ((height - title_height) / 2))" + ellipsize_width="width" + color="C_title_unfocused"/> +</draw_ops> + +<!-- window decorations --> + +<draw_ops name="entire_background_focused"> + <rectangle color="C_titlebar_focused" x="0" y="0" width="width" height="height" filled="true"/> +</draw_ops> + +<draw_ops name="entire_background_unfocused"> + <rectangle color="C_titlebar_unfocused" x="0" y="0" width="width" height="height" filled="true"/> +</draw_ops> + +<draw_ops name="highlight_focused"> + <line color="C_highlight_focused" x1="4" y1="0" x2="width - 5" y2="0"/> + <arc color="C_highlight_focused" x="0 - 1" y="0" width="13" height="13" start_angle="270" extent_angle="90"/> + <arc color="C_highlight_focused" x="width - 13" y="0" width="13" height="13" start_angle="0" extent_angle="90"/> +</draw_ops> + +<draw_ops name="highlight_unfocused"> + <line color="C_highlight_unfocused" x1="4" y1="0" x2="width - 5" y2="0"/> + <arc color="C_highlight_unfocused" x="0 - 1" y="0" width="13" height="13" start_angle="270" extent_angle="90"/> + <arc color="C_highlight_unfocused" x="width - 13" y="0" width="13" height="13" start_angle="0" extent_angle="90"/> +</draw_ops> + +<draw_ops name="titlebar_focused"> + <include name="entire_background_focused"/> + <include name="highlight_focused"/> +</draw_ops> + +<draw_ops name="titlebar_unfocused"> + <include name="entire_background_unfocused"/> + <include name="highlight_unfocused"/> +</draw_ops> + +<!-- button icons --> + +<!-- close --> + +<draw_ops name="close_focused"> + <image filename="assets/close.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="close_focused_prelight"> + <include name="close_focused"/> +</draw_ops> + +<draw_ops name="close_focused_pressed"> + <include name="close_focused"/> +</draw_ops> + +<draw_ops name="close_unfocused"> + <image filename="assets/close.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="close_unfocused_prelight"> + <include name="close_unfocused"/> +</draw_ops> + +<draw_ops name="close_unfocused_pressed"> + <include name="close_unfocused"/> +</draw_ops> + +<!-- maximize --> + +<draw_ops name="maximize_focused"> + <image filename="assets/maximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="maximize_focused_prelight"> + <include name="maximize_focused"/> +</draw_ops> + +<draw_ops name="maximize_focused_pressed"> + <include name="maximize_focused"/> +</draw_ops> + +<draw_ops name="maximize_unfocused"> + <image filename="assets/maximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="maximize_unfocused_prelight"> + <include name="maximize_unfocused"/> +</draw_ops> + +<draw_ops name="maximize_unfocused_pressed"> + <include name="maximize_unfocused"/> +</draw_ops> + +<!-- unmaximize --> + +<draw_ops name="unmaximize_focused"> + <image filename="assets/unmaximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="unmaximize_focused_prelight"> + <include name="unmaximize_focused"/> +</draw_ops> + +<draw_ops name="unmaximize_focused_pressed"> + <include name="unmaximize_focused"/> +</draw_ops> + +<draw_ops name="unmaximize_unfocused"> + <image filename="assets/unmaximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="unmaximize_unfocused_prelight"> + <include name="unmaximize_unfocused"/> +</draw_ops> + +<draw_ops name="unmaximize_unfocused_pressed"> + <include name="unmaximize_unfocused"/> +</draw_ops> + +<!-- minimize --> + +<draw_ops name="minimize_focused"> + <image filename="assets/minimize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="minimize_focused_prelight"> + <include name="minimize_focused"/> +</draw_ops> + +<draw_ops name="minimize_focused_pressed"> + <include name="minimize_focused"/> +</draw_ops> + +<draw_ops name="minimize_unfocused"> + <image filename="assets/minimize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="minimize_unfocused_prelight"> + <include name="minimize_unfocused"/> +</draw_ops> + +<draw_ops name="minimize_unfocused_pressed"> + <include name="minimize_unfocused"/> +</draw_ops> + +<!-- menu --> + +<draw_ops name="menu_focused"> + <image filename="assets/menu.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="menu_focused_prelight"> + <include name="menu_focused"/> +</draw_ops> + +<draw_ops name="menu_focused_pressed"> + <include name="menu_focused"/> +</draw_ops> + +<draw_ops name="menu_unfocused"> + <image filename="assets/menu.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="menu_unfocused_prelight"> + <include name="menu_unfocused"/> +</draw_ops> + +<draw_ops name="menu_unfocused_pressed"> + <include name="menu_unfocused"/> +</draw_ops> + +<!-- shade --> + +<draw_ops name="shade_focused"> + <image filename="assets/shade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="shade_focused_prelight"> + <include name="shade_focused"/> +</draw_ops> + +<draw_ops name="shade_focused_pressed"> + <include name="shade_focused"/> +</draw_ops> + +<draw_ops name="shade_unfocused"> + <image filename="assets/shade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="shade_unfocused_prelight"> + <include name="shade_unfocused"/> +</draw_ops> + +<draw_ops name="shade_unfocused_pressed"> + <include name="shade_unfocused"/> +</draw_ops> + +<!-- unshade --> + +<draw_ops name="unshade_focused"> + <image filename="assets/unshade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="unshade_focused_prelight"> + <include name="unshade_focused"/> +</draw_ops> + +<draw_ops name="unshade_focused_pressed"> + <include name="unshade_focused"/> +</draw_ops> + +<draw_ops name="unshade_unfocused"> + <image filename="assets/unshade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="unshade_unfocused_prelight"> + <include name="unshade_unfocused"/> +</draw_ops> + +<draw_ops name="unshade_unfocused_pressed"> + <include name="unshade_unfocused"/> +</draw_ops> + +<!-- appmenu --> + +<constant name="D_appmenu_icon_size" value="16"/> + +<draw_ops name="appmenu_focused"> + <icon + x="(width - D_appmenu_icon_size) / 2" y="(height - D_appmenu_icon_size) / 2" + width="D_appmenu_icon_size" height="D_appmenu_icon_size"/> +</draw_ops> + +<draw_ops name="appmenu_focused_prelight"> + <include name="appmenu_focused"/> +</draw_ops> + +<draw_ops name="appmenu_focused_pressed"> + <include name="appmenu_focused"/> +</draw_ops> + +<draw_ops name="appmenu_unfocused"> + <icon + x="(width - D_appmenu_icon_size) / 2" y="(height - D_appmenu_icon_size) / 2" + width="D_appmenu_icon_size" height="D_appmenu_icon_size" + alpha="0.7"/> +</draw_ops> + +<draw_ops name="appmenu_unfocused_prelight"> + <include name="appmenu_unfocused"/> +</draw_ops> + +<draw_ops name="appmenu_unfocused_pressed"> + <include name="appmenu_unfocused"/> +</draw_ops> + +<!-- button backgrounds --> + +<draw_ops name="button_focused"> +</draw_ops> + +<draw_ops name="button_focused_prelight"> + <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.08" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="button_focused_pressed"> + <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.2" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="button_unfocused"> +</draw_ops> + +<draw_ops name="button_unfocused_prelight"> + <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.08" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="button_unfocused_pressed"> + <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.2" colorize="C_title_unfocused"/> +</draw_ops> + +<!-- frame styles --> + +<frame_style name="normal_focused" geometry="normal"> + <piece position="entire_background" draw_ops="entire_background_focused"/> + <piece position="titlebar" draw_ops="titlebar_focused"/> + <piece position="title" draw_ops="title_focused"/> + <button function="close" state="normal" draw_ops="close_focused"/> + <button function="close" state="prelight" draw_ops="close_focused_prelight"/> + <button function="close" state="pressed" draw_ops="close_focused_pressed"/> + <button function="maximize" state="normal" draw_ops="maximize_focused"/> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight"/> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed"/> + <button function="minimize" state="normal" draw_ops="minimize_focused"/> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight"/> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed"/> + <button function="menu" state="normal" draw_ops="menu_focused"/> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight"/> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed"/> + <button version=">= 3.5" function="appmenu" state="normal" draw_ops="appmenu_focused"/> + <button version=">= 3.5" function="appmenu" state="prelight" draw_ops="appmenu_focused_prelight"/> + <button version=">= 3.5" function="appmenu" state="pressed" draw_ops="appmenu_focused_pressed"/> + <button function="shade" state="normal" draw_ops="shade_focused"/> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight"/> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed"/> + <button function="unshade" state="normal" draw_ops="unshade_focused"/> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight"/> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed"/> + + <button function="left_middle_background" state="normal" draw_ops="button_focused"/> + <button function="left_middle_background" state="prelight" draw_ops="button_focused_prelight"/> + <button function="left_middle_background" state="pressed" draw_ops="button_focused_pressed"/> + <button function="right_middle_background" state="normal" draw_ops="button_focused"/> + <button function="right_middle_background" state="prelight" draw_ops="button_focused_prelight"/> + <button function="right_middle_background" state="pressed" draw_ops="button_focused_pressed"/> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal_unfocused" geometry="normal"> + <piece position="entire_background" draw_ops="entire_background_unfocused"/> + <piece position="titlebar" draw_ops="titlebar_unfocused"/> + <piece position="title" draw_ops="title_unfocused"/> + <button function="close" state="normal" draw_ops="close_unfocused"/> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight"/> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed"/> + <button function="maximize" state="normal" draw_ops="maximize_unfocused"/> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight"/> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed"/> + <button function="minimize" state="normal" draw_ops="minimize_unfocused"/> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight"/> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed"/> + <button function="menu" state="normal" draw_ops="menu_unfocused"/> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight"/> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed"/> + <button version=">= 3.5" function="appmenu" state="normal" draw_ops="appmenu_unfocused"/> + <button version=">= 3.5" function="appmenu" state="prelight" draw_ops="appmenu_unfocused_prelight"/> + <button version=">= 3.5" function="appmenu" state="pressed" draw_ops="appmenu_unfocused_pressed"/> + <button function="shade" state="normal" draw_ops="shade_unfocused"/> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight"/> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed"/> + <button function="unshade" state="normal" draw_ops="unshade_unfocused"/> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight"/> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed"/> + + <button function="left_middle_background" state="normal" draw_ops="button_unfocused"/> + <button function="left_middle_background" state="prelight" draw_ops="button_unfocused_prelight"/> + <button function="left_middle_background" state="pressed" draw_ops="button_unfocused_pressed"/> + <button function="right_middle_background" state="normal" draw_ops="button_unfocused"/> + <button function="right_middle_background" state="prelight" draw_ops="button_unfocused_prelight"/> + <button function="right_middle_background" state="pressed" draw_ops="button_unfocused_pressed"/> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal_max_focused" geometry="max" parent="normal_focused"> + <piece position="titlebar" draw_ops="entire_background_focused"/> + <button function="maximize" state="normal" draw_ops="unmaximize_focused"/> + <button function="maximize" state="pressed" draw_ops="unmaximize_focused_pressed"/> + <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight"/> +</frame_style> + +<frame_style name="normal_max_unfocused" geometry="max" parent="normal_unfocused"> + <piece position="titlebar" draw_ops="entire_background_unfocused"/> + <button function="maximize" state="normal" draw_ops="unmaximize_unfocused"/> + <button function="maximize" state="pressed" draw_ops="unmaximize_unfocused_pressed"/> + <button function="maximize" state="prelight" draw_ops="unmaximize_unfocused_prelight"/> +</frame_style> + +<frame_style name="tiled_left_focused" geometry="tiled_left" parent="normal_focused"> + <piece position="titlebar" draw_ops="entire_background_focused"/> +</frame_style> + +<frame_style name="tiled_left_unfocused" geometry="tiled_left" parent="normal_unfocused"> + <piece position="titlebar" draw_ops="entire_background_unfocused"/> +</frame_style> + +<frame_style name="tiled_right_focused" geometry="tiled_right" parent="normal_focused"> + <piece position="titlebar" draw_ops="entire_background_focused"/> +</frame_style> + +<frame_style name="tiled_right_unfocused" geometry="tiled_right" parent="normal_unfocused"> + <piece position="titlebar" draw_ops="entire_background_unfocused"/> +</frame_style> + +<frame_style name="dialog_focused" geometry="nobuttons" parent="normal_focused"> +</frame_style> + +<frame_style name="dialog_unfocused" geometry="nobuttons" parent="normal_unfocused"> +</frame_style> + +<frame_style name="modal_dialog_focused" geometry="modal" parent="normal_focused"> +</frame_style> + +<frame_style name="modal_dialog_unfocused" geometry="modal" parent="normal_unfocused"> +</frame_style> + +<frame_style name="utility_focused" geometry="small" parent="normal_focused"> +</frame_style> + +<frame_style name="utility_unfocused" geometry="small" parent="normal_unfocused"> +</frame_style> + +<frame_style name="border_focused" geometry="border" parent="normal_focused"> +</frame_style> + +<frame_style name="border_unfocused" geometry="border" parent="normal_unfocused"> +</frame_style> + +<frame_style name="borderless_focused" geometry="borderless" parent="normal_focused"> +</frame_style> + +<frame_style name="borderless_unfocused" geometry="borderless" parent="normal_unfocused"> +</frame_style> + +<frame_style name="attached_focused" geometry="attached" parent="modal_dialog_focused"> +</frame_style> + +<frame_style name="attached_unfocused" geometry="attached" parent="modal_dialog_unfocused"> +</frame_style> + +<!-- placeholder for unimplementated styles--> + +<frame_style name="blank" geometry="normal"> + <button function="close" state="normal"><draw_ops></draw_ops></button> + <button function="close" state="pressed"><draw_ops></draw_ops></button> + <button function="maximize" state="normal"><draw_ops></draw_ops></button> + <button function="maximize" state="pressed"><draw_ops></draw_ops></button> + <button function="minimize" state="normal"><draw_ops></draw_ops></button> + <button function="minimize" state="pressed"><draw_ops></draw_ops></button> + <button function="menu" state="normal"><draw_ops></draw_ops></button> + <button function="menu" state="pressed"><draw_ops></draw_ops></button> + <button version=">= 3.5" function="appmenu" state="normal"><draw_ops></draw_ops></button> + <button version=">= 3.5" function="appmenu" state="pressed"><draw_ops></draw_ops></button> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<!-- frame style sets --> + +<frame_style_set name="normal_style_set"> + <frame focus="yes" state="normal" resize="both" style="normal_focused"/> + <frame focus="no" state="normal" resize="both" style="normal_unfocused"/> + <frame focus="yes" state="maximized" style="normal_max_focused"/> + <frame focus="no" state="maximized" style="normal_max_unfocused"/> + <frame focus="yes" state="shaded" style="normal_focused"/> + <frame focus="no" state="shaded" style="normal_unfocused"/> + <frame focus="yes" state="maximized_and_shaded" style="normal_max_focused"/> + <frame focus="no" state="maximized_and_shaded" style="normal_max_unfocused"/> + <frame version=">= 3.3" focus="yes" state="tiled_left" style="tiled_left_focused"/> + <frame version=">= 3.3" focus="no" state="tiled_left" style="tiled_left_unfocused"/> + <frame version=">= 3.3" focus="yes" state="tiled_right" style="tiled_right_focused"/> + <frame version=">= 3.3" focus="no" state="tiled_right" style="tiled_right_unfocused"/> + <frame version=">= 3.3" focus="yes" state="tiled_left_and_shaded" style="tiled_left_focused"/> + <frame version=">= 3.3" focus="no" state="tiled_left_and_shaded" style="tiled_left_unfocused"/> + <frame version=">= 3.3" focus="yes" state="tiled_right_and_shaded" style="tiled_right_focused"/> + <frame version=">= 3.3" focus="no" state="tiled_right_and_shaded" style="tiled_right_unfocused"/> +</frame_style_set> + +<frame_style_set name="dialog_style_set"> + <frame focus="yes" state="normal" resize="both" style="dialog_focused"/> + <frame focus="no" state="normal" resize="both" style="dialog_unfocused"/> + <frame focus="yes" state="maximized" style="blank"/> + <frame focus="no" state="maximized" style="blank"/> + <frame focus="yes" state="shaded" style="dialog_focused"/> + <frame focus="no" state="shaded" style="dialog_unfocused"/> + <frame focus="yes" state="maximized_and_shaded" style="blank"/> + <frame focus="no" state="maximized_and_shaded" style="blank"/> +</frame_style_set> + +<frame_style_set name="modal_dialog_style_set"> + <frame focus="yes" state="normal" resize="both" style="modal_dialog_focused"/> + <frame focus="no" state="normal" resize="both" style="modal_dialog_unfocused"/> + <frame focus="yes" state="maximized" style="blank"/> + <frame focus="no" state="maximized" style="blank"/> + <frame focus="yes" state="shaded" style="modal_dialog_focused"/> + <frame focus="no" state="shaded" style="modal_dialog_unfocused"/> + <frame focus="yes" state="maximized_and_shaded" style="blank"/> + <frame focus="no" state="maximized_and_shaded" style="blank"/> +</frame_style_set> + +<frame_style_set name="utility_style_set"> + <frame focus="yes" state="normal" resize="both" style="utility_focused"/> + <frame focus="no" state="normal" resize="both" style="utility_unfocused"/> + <frame focus="yes" state="maximized" style="blank"/> + <frame focus="no" state="maximized" style="blank"/> + <frame focus="yes" state="shaded" style="utility_focused"/> + <frame focus="no" state="shaded" style="utility_unfocused"/> + <frame focus="yes" state="maximized_and_shaded" style="blank"/> + <frame focus="no" state="maximized_and_shaded" style="blank"/> +</frame_style_set> + +<frame_style_set name="border_style_set"> + <frame focus="yes" state="normal" resize="both" style="border_focused"/> + <frame focus="no" state="normal" resize="both" style="border_unfocused"/> + <frame focus="yes" state="maximized" style="borderless_focused"/> + <frame focus="no" state="maximized" style="borderless_unfocused"/> + <frame focus="yes" state="shaded" style="blank"/> + <frame focus="no" state="shaded" style="blank"/> + <frame focus="yes" state="maximized_and_shaded" style="blank"/> + <frame focus="no" state="maximized_and_shaded" style="blank"/> +</frame_style_set> + +<frame_style_set name="attached_style_set"> + <frame focus="yes" state="normal" resize="both" style="attached_focused"/> + <frame focus="no" state="normal" resize="both" style="attached_unfocused"/> + <frame focus="yes" state="maximized" style="blank"/> + <frame focus="no" state="maximized" style="blank"/> + <frame focus="yes" state="shaded" style="blank"/> + <frame focus="no" state="shaded" style="blank"/> + <frame focus="yes" state="maximized_and_shaded" style="blank"/> + <frame focus="no" state="maximized_and_shaded" style="blank"/> +</frame_style_set> + +<!-- windows --> + +<window type="normal" style_set="normal_style_set"/> +<window type="dialog" style_set="dialog_style_set"/> +<window type="modal_dialog" style_set="modal_dialog_style_set"/> +<window type="menu" style_set="utility_style_set"/> +<window type="utility" style_set="utility_style_set"/> +<window type="border" style_set="border_style_set"/> +<window version=">= 3.2" type="attached" style_set="attached_style_set"/> + +</metacity_theme>