diff --git a/misc/gtk/skyfall/chrome/chrome-scrollbar.crx b/misc/gtk/skyfall/chrome/chrome-scrollbar.crx index e9be4cb..3c663c2 100644 Binary files a/misc/gtk/skyfall/chrome/chrome-scrollbar.crx and b/misc/gtk/skyfall/chrome/chrome-scrollbar.crx differ diff --git a/misc/gtk/skyfall/chrome/chrome-theme.crx b/misc/gtk/skyfall/chrome/chrome-theme.crx index e417ef4..d44b55c 100644 Binary files a/misc/gtk/skyfall/chrome/chrome-theme.crx and b/misc/gtk/skyfall/chrome/chrome-theme.crx differ diff --git a/misc/gtk/skyfall/cinnamon/assets/add-workspace-active.svg b/misc/gtk/skyfall/cinnamon/assets/add-workspace-active.svg index dea41ff..4b54f9d 100644 --- a/misc/gtk/skyfall/cinnamon/assets/add-workspace-active.svg +++ b/misc/gtk/skyfall/cinnamon/assets/add-workspace-active.svg @@ -107,13 +107,13 @@ transform="translate(0,-852.36218)"> @@ -124,7 +124,7 @@ diff --git a/misc/gtk/skyfall/cinnamon/assets/add-workspace-hover.svg b/misc/gtk/skyfall/cinnamon/assets/add-workspace-hover.svg index a1f7e2d..cba0b3e 100644 --- a/misc/gtk/skyfall/cinnamon/assets/add-workspace-hover.svg +++ b/misc/gtk/skyfall/cinnamon/assets/add-workspace-hover.svg @@ -107,13 +107,13 @@ transform="translate(0,-852.36218)"> @@ -124,7 +124,7 @@ diff --git a/misc/gtk/skyfall/cinnamon/assets/add-workspace.svg b/misc/gtk/skyfall/cinnamon/assets/add-workspace.svg index 51c3ad5..1eca664 100644 --- a/misc/gtk/skyfall/cinnamon/assets/add-workspace.svg +++ b/misc/gtk/skyfall/cinnamon/assets/add-workspace.svg @@ -110,13 +110,13 @@ transform="translate(0,-852.36218)"> @@ -127,7 +127,7 @@ diff --git a/misc/gtk/skyfall/cinnamon/assets/calendar-arrow-left.svg b/misc/gtk/skyfall/cinnamon/assets/calendar-arrow-left.svg index f867995..da7213d 100644 --- a/misc/gtk/skyfall/cinnamon/assets/calendar-arrow-left.svg +++ b/misc/gtk/skyfall/cinnamon/assets/calendar-arrow-left.svg @@ -1,3 +1,3 @@ - + diff --git a/misc/gtk/skyfall/cinnamon/assets/calendar-arrow-right.svg b/misc/gtk/skyfall/cinnamon/assets/calendar-arrow-right.svg index 3fbe827..0b5a963 100644 --- a/misc/gtk/skyfall/cinnamon/assets/calendar-arrow-right.svg +++ b/misc/gtk/skyfall/cinnamon/assets/calendar-arrow-right.svg @@ -1,3 +1,3 @@ - + diff --git a/misc/gtk/skyfall/cinnamon/assets/checkbox-off.svg b/misc/gtk/skyfall/cinnamon/assets/checkbox-off.svg index 2d19a4e..2700c5f 100644 --- a/misc/gtk/skyfall/cinnamon/assets/checkbox-off.svg +++ b/misc/gtk/skyfall/cinnamon/assets/checkbox-off.svg @@ -1,3 +1,3 @@ - + diff --git a/misc/gtk/skyfall/cinnamon/assets/close-window.svg b/misc/gtk/skyfall/cinnamon/assets/close-window.svg index 930ba80..4c9486e 100644 --- a/misc/gtk/skyfall/cinnamon/assets/close-window.svg +++ b/misc/gtk/skyfall/cinnamon/assets/close-window.svg @@ -1,5 +1,5 @@ - + diff --git a/misc/gtk/skyfall/cinnamon/assets/radiobutton-off.svg b/misc/gtk/skyfall/cinnamon/assets/radiobutton-off.svg index ddbe8c4..5d3bda7 100644 --- a/misc/gtk/skyfall/cinnamon/assets/radiobutton-off.svg +++ b/misc/gtk/skyfall/cinnamon/assets/radiobutton-off.svg @@ -1,3 +1,3 @@ - + diff --git a/misc/gtk/skyfall/cinnamon/assets/toggle-off.svg b/misc/gtk/skyfall/cinnamon/assets/toggle-off.svg index caf3e2b..79ecbe7 100644 --- a/misc/gtk/skyfall/cinnamon/assets/toggle-off.svg +++ b/misc/gtk/skyfall/cinnamon/assets/toggle-off.svg @@ -1,4 +1,4 @@ - + diff --git a/misc/gtk/skyfall/cinnamon/cinnamon.css b/misc/gtk/skyfall/cinnamon/cinnamon.css index aac5fbb..b86ea92 100644 --- a/misc/gtk/skyfall/cinnamon/cinnamon.css +++ b/misc/gtk/skyfall/cinnamon/cinnamon.css @@ -2,7 +2,7 @@ color: #F1FCF9; background-color: #282F37; border-color: transparent; - box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12); + 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; @@ -17,14 +17,14 @@ color: #F1FCF9; text-shadow: none; icon-shadow: none; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24); + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .notification-button:hover, .modal-dialog-button:hover, .notification-button:checked, .modal-dialog-button:checked { color: #F1FCF9; background-color: #282F37; border-color: transparent; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24); + 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; } @@ -33,7 +33,7 @@ color: #F1FCF9; background-color: #586066; border-color: transparent; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24); + 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; @@ -52,7 +52,7 @@ color: #F1FCF9; background-color: #282F37; border-color: transparent; - box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12); + 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; @@ -66,14 +66,14 @@ color: #F1FCF9; text-shadow: none; icon-shadow: none; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24); + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .notification-icon-button:hover, .keyboard-key:hover, .sound-player StButton:hover, .notification-icon-button:checked, .keyboard-key:checked, .sound-player StButton:checked { color: #F1FCF9; background-color: #282F37; border-color: transparent; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24); + 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; } @@ -82,7 +82,7 @@ color: #F1FCF9; background-color: #586066; border-color: transparent; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24); + 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; @@ -111,30 +111,31 @@ .separator, .popup-separator-menu-item { -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0.26); - -gradient-end: rgba(0, 0, 0, 0.26); + -gradient-start: rgba(241, 252, 249, 0.12); + -gradient-end: rgba(241, 252, 249, 0.12); -margin-horizontal: 4px; height: 1.5em; } #notification StEntry, .run-dialog-entry, #menu-search-entry { transition-duration: 100ms; - background-color: rgba(255, 255, 255, 0.04); + background-color: rgba(241, 252, 249, 0.04); border-color: transparent; box-shadow: inset 0 -1px rgba(241, 252, 249, 0.3); width: 250px; - padding: 4px 8px; + min-height: 32px; + padding: 0 8px; border-radius: 6px 6px 0 0; - color: rgba(241, 252, 249, 0.7); - caret-color: rgba(241, 252, 249, 0.7); - selection-background-color: rgba(241, 252, 249, 0.3); + color: #F1FCF9; + caret-color: #F1FCF9; + selection-background-color: #b4a1db; selected-color: #F1FCF9; } #notification StEntry:focus, .run-dialog-entry:focus, #menu-search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #F1FCF9; - padding: 4px 8px; + box-shadow: inset 0 -2px #B4A1DB; + padding: 0 8px; border-width: 0; color: #F1FCF9; } @@ -143,7 +144,7 @@ color: #F1FCF9; border: none; padding: 12px; - box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5); + box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } .calendar-change-month-back, .calendar-change-month-forward { @@ -158,11 +159,10 @@ } .menu, .popup-combo-menu { - background-color: #20262C; - border: 1px solid rgba(0, 0, 0, 0.26); + background-color: #282F37; border-radius: 6px; color: #F1FCF9; - box-shadow: 14px 14px 14px rgba(0, 0, 0, 0.5); + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .menu-application-button-label:ltr, .menu-category-button-label:ltr { @@ -210,7 +210,7 @@ .tile-preview, .tile-hud { background-color: rgba(0, 0, 0, 0.3); - border: 2px solid rgba(0, 0, 0, 0.26); + border: 2px solid rgba(241, 252, 249, 0.12); } .tile-preview.snap, .tile-hud.snap { @@ -220,11 +220,11 @@ .overview-empty-placeholder, .info-osd, .workspace-osd, #LookingGlassDialog, .switcher-list, .modal-dialog, .osd-window { color: #F1FCF9; - background-color: #20262C; + background-color: #282F37; border: none; border-radius: 6px; padding: 12px; - box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5); + box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } .overview-empty-placeholder, .info-osd, .workspace-osd { @@ -242,7 +242,7 @@ stage { } .cinnamon-link { - color: #64a6ff; + color: #B4A1DB; font-style: italic; } @@ -291,10 +291,10 @@ StScrollView StScrollBar { font-size: 9pt; font-weight: 400; padding: 6px 8px; - color: #F1FCF9; + color: white; text-align: center; border-radius: 6px; - background-color: rgba(32, 38, 44, 0.9); + background-color: rgba(40, 47, 55, 0.9); } .menu { @@ -311,7 +311,7 @@ StScrollView StScrollBar { } .popup-sub-menu { - background-color: #20262C; + background-color: rgba(241, 252, 249, 0.04); } .popup-menu-arrow { @@ -319,23 +319,23 @@ StScrollView StScrollBar { } .popup-combo-menu { - padding: 8px; + padding: 8px 0; } .popup-menu-content { - padding: 8px; + padding: 8px 0; } .popup-menu-item { - padding: 0.4em 4px; - spacing: 0.4em; + padding: 0.4em 16px; + spacing: 8px; transition-duration: 100ms; } .popup-menu-item:active { - background-color: rgba(241, 252, 249, 0.3); + background-color: rgba(241, 252, 249, 0.08); color: #F1FCF9; - transition-duration: 200ms; + transition-duration: 0ms; } .popup-menu-item:insensitive { @@ -347,7 +347,7 @@ StScrollView StScrollBar { } .popup-combobox-item { - padding: 0.4em 4px; + padding: 0.4em 16px; } .popup-device-menu-item { @@ -763,14 +763,14 @@ StScrollView StScrollBar { } .window-border { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(241, 252, 249, 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(0, 0, 0, 0.26); + border: 1px solid rgba(241, 252, 249, 0.12); border-bottom-width: 0; border-radius: 20px 20px 0 0; height: 120px; @@ -786,7 +786,7 @@ StScrollView StScrollBar { } .expo-workspace-thumbnail-frame { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(241, 252, 249, 0.12); } .expo-workspace-thumbnail-frame#active { @@ -866,7 +866,7 @@ StScrollView StScrollBar { } .calendar-day-base:active { - color: white; + color: rgba(0, 0, 0, 0.87); background-color: #B4A1DB; border-color: transparent; } @@ -919,7 +919,7 @@ StScrollView StScrollBar { } .calendar-day-with-events { - color: #64a6ff; + color: #B4A1DB; font-weight: normal; text-decoration: underline; background-image: none; @@ -944,16 +944,16 @@ StScrollView StScrollBar { } #notification { - background-color: #20262C; + background-color: #282F37; border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(241, 252, 249, 0.12); padding: 8px; spacing-rows: 4px; spacing-columns: 8px; margin-from-right-edge-of-screen: 20px; width: 34em; color: #F1FCF9; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24); + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } #notification.multi-line-notification { @@ -961,7 +961,7 @@ StScrollView StScrollBar { } #notification .url-highlighter { - link-color: #64a6ff; + link-color: #B4A1DB; } .notification-with-image { @@ -1030,7 +1030,7 @@ StScrollView StScrollBar { .switcher-list .separator { width: 1px; - background: rgba(0, 0, 0, 0.26); + background: rgba(241, 252, 249, 0.12); } .switcher-list-item-container { @@ -1174,7 +1174,7 @@ StScrollView StScrollBar { } .magnifier-zoom-region { - border: 3px solid rgba(0, 0, 0, 0.26); + border: 3px solid rgba(241, 252, 249, 0.12); } .magnifier-zoom-region.full-screen { @@ -1209,9 +1209,9 @@ StScrollView StScrollBar { -arrow-base: 0; -arrow-rise: 0; -boxpointer-gap: 5px; - background-color: #20262C; + background-color: #282F37; border-radius: 6px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24); + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .menu-favorites-box { @@ -1360,17 +1360,17 @@ StScrollView StScrollBar { } .window-list-item-demands-attention { - background-color: #b295ff; + background-color: #282F37; color: rgba(241, 252, 249, 0.7); } .window-list-preview { - background-color: #20262C; + background-color: #282F37; border-radius: 6px; padding: 10px 15px; spacing: 1em; color: #F1FCF9; - box-shadow: 14px 14px 14px rgba(0, 0, 0, 0.5); + 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 { @@ -1390,7 +1390,7 @@ StScrollView StScrollBar { .grouped-window-list-badge { border-radius: 9999px; - background-color: #00060c; + background-color: #080f17; } .grouped-window-list-thumbnail-alert { @@ -1428,7 +1428,7 @@ StScrollView StScrollBar { } .grouped-window-list-item-demands-attention { - background-color: #b295ff; + background-color: #282F37; color: rgba(241, 252, 249, 0.7); } @@ -1447,7 +1447,7 @@ StScrollView StScrollBar { } .grouped-window-list-thumbnail-menu .item-box:outlined { - border: 2px solid rgba(0, 0, 0, 0.26); + border: 2px solid rgba(241, 252, 249, 0.12); color: #F1FCF9; } @@ -1486,7 +1486,7 @@ StScrollView StScrollBar { .grouped-window-list-thumbnail-menu .separator { width: 1px; - background: rgba(0, 0, 0, 0.26); + background: rgba(241, 252, 249, 0.12); } .sound-player StButton:small { @@ -1520,7 +1520,7 @@ StScrollView StScrollBar { } .sound-player-overlay { - background-color: #20262C; + background-color: #282F37; min-width: 300px; padding: 12px 16px; spacing: 0.5em; @@ -1528,7 +1528,7 @@ StScrollView StScrollBar { } .workspace-button { - background-color: #00060c; + background-color: #080f17; width: 2em; height: 1em; color: rgba(241, 252, 249, 0.7); @@ -1545,13 +1545,13 @@ StScrollView StScrollBar { } .workspace-graph .workspace { - background-color: #00060c; - border: 1px solid rgba(0, 0, 0, 0.26); + background-color: #080f17; + border: 1px solid rgba(241, 252, 249, 0.12); } .workspace-graph .workspace:active { background-color: rgba(241, 252, 249, 0.3); - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(241, 252, 249, 0.12); } .workspace-graph .workspace:active .windows { @@ -1645,7 +1645,7 @@ StScrollView StScrollBar { font-weight: 400; color: #F1FCF9; border: none; - box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5); + 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: 6px; @@ -1654,7 +1654,7 @@ StScrollView StScrollBar { .desklet-with-borders { font-size: 9pt; font-weight: 400; - background-color: #20262C; + background-color: #282F37; border-radius: 6px; } @@ -1665,7 +1665,7 @@ StScrollView StScrollBar { .desklet-with-borders-and-header { font-size: 9pt; font-weight: 400; - background-color: #20262C; + background-color: #282F37; border-radius-bottomleft: 2px; border-radius-bottomright: 2px; } @@ -1677,7 +1677,7 @@ StScrollView StScrollBar { .desklet-header { font-size: 15pt; font-weight: 500; - background-color: #20262C; + background-color: #282F37; border-radius-topleft: 2px; border-radius-topright: 2px; } @@ -1687,7 +1687,7 @@ StScrollView StScrollBar { } .photoframe-box { - background-color: #20262C; + background-color: #282F37; border-radius: 6px; } @@ -1731,7 +1731,7 @@ StScrollView StScrollBar { } .about-scrollBox { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(241, 252, 249, 0.12); border-radius: 6px; } @@ -1749,32 +1749,32 @@ StScrollView StScrollBar { } .expo-workspaces-name-entry { - font-size: 10.5pt; + font-size: 11.25pt; font-weight: 400; - background-color: rgba(0, 0, 0, 0.01); - color: rgba(241, 252, 249, 0.7); - padding: 4px 6px; - selection-background-color: rgba(241, 252, 249, 0.3); - selected-color: #F1FCF9; - caret-color: rgba(241, 252, 249, 0.7); + background-color: rgba(255, 255, 255, 0.04); + color: white; + padding: 0 8px; + selection-background-color: rgba(255, 255, 255, 0.3); + selected-color: white; + caret-color: white; text-align: center; - height: 1.5em; - border-radius: 6px; + height: 32px; + border-radius: 6px 6px 0 0; -cinnamon-caption-spacing: 12px; } .expo-workspaces-name-entry#selected { - color: #F1FCF9; - background-color: rgba(241, 252, 249, 0.3); + color: white; + background-color: rgba(255, 255, 255, 0.04); } .expo-workspaces-name-entry:focus { - color: #F1FCF9; - box-shadow: 0 -3px 0 0 #B4A1DB inset; + color: white; + box-shadow: inset 0 -2px white; } .expo-workspaces-name-entry:hover { - box-shadow: 0 -3px 0 0 #B4A1DB inset; + background-color: rgba(255, 255, 255, 0.12); } .notification-applet-padding { diff --git a/misc/gtk/skyfall/gnome-shell/README.md b/misc/gtk/skyfall/gnome-shell/README.md index c25ca54..7b718b4 100644 --- a/misc/gtk/skyfall/gnome-shell/README.md +++ b/misc/gtk/skyfall/gnome-shell/README.md @@ -7,6 +7,7 @@ To change the GDM (lock/login screen) theme, you need to replace the system's _d - 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 oomox-skyfall-compact as your GDM theme, put [this file](https://gist.github.com/looselyrigorous/a1aa931ce48627cc39daccc9253b30c7) in the `/usr/share/libalpm/hooks/` directory. ## Requirements @@ -30,7 +31,7 @@ To change the GDM (lock/login screen) theme, you need to replace the system's _d sudo cp -av /usr/share/gnome-shell/theme/Yaru/gnome-shell.css{,~} ``` -2. Select a **GTK+** theme to decide which variant to install. +2. Select a **GTK** theme to decide which variant to install. 3. Replace the default theme file(s): ```sh @@ -52,13 +53,13 @@ To change the GDM (lock/login screen) theme, you need to replace the system's _d 1. Restore to the original theme file(s) from the backup: ```sh - sudo mv -av /usr/share/gnome-shell/gnome-shell-theme.gresource{~,} + sudo mv -v /usr/share/gnome-shell/gnome-shell-theme.gresource{~,} # For Ubuntu 17.10 or 18.04, you also need the following: - sudo mv -av /usr/share/gnome-shell/theme/ubuntu.css{~,} + sudo mv -v /usr/share/gnome-shell/theme/ubuntu.css{~,} # For Ubuntu 18.10, you also need the following: - sudo mv -av /usr/share/gnome-shell/theme/Yaru/gnome-shell.css{~,} + sudo mv -v /usr/share/gnome-shell/theme/Yaru/gnome-shell.css{~,} ``` 2. Reload the theme. If you are running GNOME Shell, press Alt + F2 then type `rt`. diff --git a/misc/gtk/skyfall/gnome-shell/assets/checkbox.svg b/misc/gtk/skyfall/gnome-shell/assets/checkbox.svg index 4f7e1f8..29a61fb 100644 --- a/misc/gtk/skyfall/gnome-shell/assets/checkbox.svg +++ b/misc/gtk/skyfall/gnome-shell/assets/checkbox.svg @@ -1,3 +1,3 @@ - + diff --git a/misc/gtk/skyfall/gnome-shell/assets/key-enter.svg b/misc/gtk/skyfall/gnome-shell/assets/key-enter.svg index 5e7ba11..104f94b 100644 --- a/misc/gtk/skyfall/gnome-shell/assets/key-enter.svg +++ b/misc/gtk/skyfall/gnome-shell/assets/key-enter.svg @@ -1,3 +1,3 @@ - + diff --git a/misc/gtk/skyfall/gnome-shell/assets/key-shift-latched-uppercase.svg b/misc/gtk/skyfall/gnome-shell/assets/key-shift-latched-uppercase.svg index 62426ba..06ccd53 100644 --- a/misc/gtk/skyfall/gnome-shell/assets/key-shift-latched-uppercase.svg +++ b/misc/gtk/skyfall/gnome-shell/assets/key-shift-latched-uppercase.svg @@ -1,3 +1,3 @@ - + diff --git a/misc/gtk/skyfall/gnome-shell/assets/key-shift-uppercase.svg b/misc/gtk/skyfall/gnome-shell/assets/key-shift-uppercase.svg index ce1f62b..cbc1baf 100644 --- a/misc/gtk/skyfall/gnome-shell/assets/key-shift-uppercase.svg +++ b/misc/gtk/skyfall/gnome-shell/assets/key-shift-uppercase.svg @@ -1,3 +1,3 @@ - + diff --git a/misc/gtk/skyfall/gnome-shell/assets/more-results.svg b/misc/gtk/skyfall/gnome-shell/assets/more-results.svg index 36c67f3..4fde7d9 100644 --- a/misc/gtk/skyfall/gnome-shell/assets/more-results.svg +++ b/misc/gtk/skyfall/gnome-shell/assets/more-results.svg @@ -1,4 +1,4 @@ - - + + diff --git a/misc/gtk/skyfall/gnome-shell/assets/toggle-on.svg b/misc/gtk/skyfall/gnome-shell/assets/toggle-on.svg index 2012239..c1d14dc 100644 --- a/misc/gtk/skyfall/gnome-shell/assets/toggle-on.svg +++ b/misc/gtk/skyfall/gnome-shell/assets/toggle-on.svg @@ -1,4 +1,4 @@ - + diff --git a/misc/gtk/skyfall/gnome-shell/assets/window-close-active.svg b/misc/gtk/skyfall/gnome-shell/assets/window-close-active.svg index b17920c..b6050f9 100644 --- a/misc/gtk/skyfall/gnome-shell/assets/window-close-active.svg +++ b/misc/gtk/skyfall/gnome-shell/assets/window-close-active.svg @@ -1,5 +1,5 @@ - - - + + + diff --git a/misc/gtk/skyfall/gnome-shell/assets/window-close.svg b/misc/gtk/skyfall/gnome-shell/assets/window-close.svg index 930ba80..2303c01 100644 --- a/misc/gtk/skyfall/gnome-shell/assets/window-close.svg +++ b/misc/gtk/skyfall/gnome-shell/assets/window-close.svg @@ -1,5 +1,5 @@ - - - + + + diff --git a/misc/gtk/skyfall/gnome-shell/gnome-shell-theme.gresource.xml b/misc/gtk/skyfall/gnome-shell/gnome-shell-theme.gresource.xml index eab5f37..00120e3 100644 --- a/misc/gtk/skyfall/gnome-shell/gnome-shell-theme.gresource.xml +++ b/misc/gtk/skyfall/gnome-shell/gnome-shell-theme.gresource.xml @@ -57,6 +57,10 @@ no-notifications.svg noise-texture.png pad-osd.css + pointer-double-click-symbolic.svg + pointer-drag-symbolic.svg + pointer-primary-click-symbolic.svg + pointer-secondary-click-symbolic.svg process-working.svg diff --git a/misc/gtk/skyfall/gnome-shell/gnome-shell.css b/misc/gtk/skyfall/gnome-shell/gnome-shell.css index 5acabab..9aa264a 100644 --- a/misc/gtk/skyfall/gnome-shell/gnome-shell.css +++ b/misc/gtk/skyfall/gnome-shell/gnome-shell.css @@ -27,14 +27,15 @@ stage { /* WIDGETS */ /* Buttons */ -.button { +.button, .modal-dialog .button, .prompt-dialog .button, .audio-device-selection-dialog .button, .access-dialog .button, .geolocation-dialog .button, .extension-dialog .button, .inhibit-shortcuts-dialog .button, .nm-dialog .button, .message-list-clear-button.button { min-height: 32px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border-width: 0; border-radius: 6px; font-size: 10.5pt; font-weight: 500; - color: rgba(241, 252, 249, 0.7); + color: #B4A1DB; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -43,25 +44,26 @@ stage { transition-duration: 100ms; } -.button:focus { - color: #F1FCF9; +.button:focus, .modal-dialog .button:focus, .prompt-dialog .button:focus, .audio-device-selection-dialog .button:focus, .access-dialog .button:focus, .geolocation-dialog .button:focus, .extension-dialog .button:focus, .inhibit-shortcuts-dialog .button:focus, .nm-dialog .button:focus, .message-list-clear-button.button:focus { + color: #B4A1DB; + background-color: rgba(180, 161, 219, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } -.button:hover { - color: #F1FCF9; - background-color: rgba(241, 252, 249, 0.08); +.button:hover, .modal-dialog .button:hover, .prompt-dialog .button:hover, .audio-device-selection-dialog .button:hover, .access-dialog .button:hover, .geolocation-dialog .button:hover, .extension-dialog .button:hover, .inhibit-shortcuts-dialog .button:hover, .nm-dialog .button:hover, .message-list-clear-button.button:hover { + color: #B4A1DB; + background-color: rgba(180, 161, 219, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } -.button:active { - color: #F1FCF9; - background-color: rgba(241, 252, 249, 0.2); +.button:active, .modal-dialog .button:active, .prompt-dialog .button:active, .audio-device-selection-dialog .button:active, .access-dialog .button:active, .geolocation-dialog .button:active, .extension-dialog .button:active, .inhibit-shortcuts-dialog .button:active, .nm-dialog .button:active, .message-list-clear-button.button:active { + color: #B4A1DB; + background-color: rgba(180, 161, 219, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -69,7 +71,7 @@ stage { transition-duration: 200ms; } -.button:insensitive { +.button:insensitive, .modal-dialog .button:insensitive, .prompt-dialog .button:insensitive, .audio-device-selection-dialog .button:insensitive, .access-dialog .button:insensitive, .geolocation-dialog .button:insensitive, .extension-dialog .button:insensitive, .inhibit-shortcuts-dialog .button:insensitive, .nm-dialog .button:insensitive, .message-list-clear-button.button:insensitive { color: rgba(241, 252, 249, 0.3); background-color: transparent; border-color: transparent; @@ -78,16 +80,18 @@ stage { icon-shadow: none; } -.modal-dialog-linked-button { +.modal-dialog-linked-button, .notification-banner .notification-button, .hotplug-notification-item { min-height: 32px; + min-width: 48px; margin: 4px; - padding: 0 8px; margin-right: 0; + padding: 0 8px; + border-top: 0; border-right-width: 0; border-radius: 6px; font-size: 10.5pt; font-weight: 500; - color: rgba(241, 252, 249, 0.7); + color: #B4A1DB; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -96,25 +100,26 @@ stage { transition-duration: 100ms; } -.modal-dialog-linked-button:focus { - color: #F1FCF9; +.modal-dialog-linked-button:focus, .notification-banner .notification-button:focus, .hotplug-notification-item:focus { + color: #B4A1DB; + background-color: rgba(180, 161, 219, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } -.modal-dialog-linked-button:hover { - color: #F1FCF9; - background-color: rgba(241, 252, 249, 0.08); +.modal-dialog-linked-button:hover, .notification-banner .notification-button:hover, .hotplug-notification-item:hover { + color: #B4A1DB; + background-color: rgba(180, 161, 219, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; } -.modal-dialog-linked-button:active { - color: #F1FCF9; - background-color: rgba(241, 252, 249, 0.2); +.modal-dialog-linked-button:active, .notification-banner .notification-button:active, .hotplug-notification-item:active { + color: #B4A1DB; + background-color: rgba(180, 161, 219, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -122,7 +127,7 @@ stage { transition-duration: 200ms; } -.modal-dialog-linked-button:insensitive { +.modal-dialog-linked-button:insensitive, .notification-banner .notification-button:insensitive, .hotplug-notification-item:insensitive { color: rgba(241, 252, 249, 0.3); background-color: transparent; border-color: transparent; @@ -131,31 +136,31 @@ stage { icon-shadow: none; } -.modal-dialog-linked-button:first-child { +.modal-dialog-linked-button:first-child, .notification-banner .notification-button:first-child, .hotplug-notification-item:first-child { border-radius: 6px; } -.modal-dialog-linked-button:last-child { +.modal-dialog-linked-button:last-child, .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child { margin-right: 4px; border-right-width: 0px; border-radius: 6px; } -.modal-dialog-linked-button:first-child:last-child { +.modal-dialog-linked-button:first-child:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child { margin-right: 4px; border-right-width: 0px; border-radius: 6px; } /* Entries */ -StEntry { +StEntry, .modal-dialog StEntry, .prompt-dialog StEntry, .audio-device-selection-dialog StEntry, .access-dialog StEntry, .geolocation-dialog StEntry, .extension-dialog StEntry, .inhibit-shortcuts-dialog StEntry, .nm-dialog StEntry, .notification-banner StEntry { min-height: 32px; padding: 0 8px; border-radius: 6px 6px 0 0; border-width: 0; color: #F1FCF9; - selection-background-color: #B4A1DB; - selected-color: white; + selection-background-color: #b4a1db; + selected-color: #F1FCF9; font-size: 11.25pt; font-weight: 400; transition-duration: 100ms; @@ -164,22 +169,23 @@ StEntry { box-shadow: inset 0 -1px rgba(241, 252, 249, 0.3); } -StEntry:hover { +StEntry:hover, .modal-dialog StEntry:hover, .prompt-dialog StEntry:hover, .audio-device-selection-dialog StEntry:hover, .access-dialog StEntry:hover, .geolocation-dialog StEntry:hover, .extension-dialog StEntry:hover, .inhibit-shortcuts-dialog StEntry:hover, .nm-dialog StEntry:hover, .notification-banner StEntry:hover { box-shadow: inset 0 -1px #F1FCF9; } -StEntry:focus { +StEntry:focus, .modal-dialog StEntry:focus, .prompt-dialog StEntry:focus, .audio-device-selection-dialog StEntry:focus, .access-dialog StEntry:focus, .geolocation-dialog StEntry:focus, .extension-dialog StEntry:focus, .inhibit-shortcuts-dialog StEntry:focus, .nm-dialog StEntry:focus, .notification-banner StEntry:focus { border-color: transparent; box-shadow: inset 0 -2px #B4A1DB; + border: none; } -StEntry:insensitive { +StEntry:insensitive, .modal-dialog StEntry:insensitive, .prompt-dialog StEntry:insensitive, .audio-device-selection-dialog StEntry:insensitive, .access-dialog StEntry:insensitive, .geolocation-dialog StEntry:insensitive, .extension-dialog StEntry:insensitive, .inhibit-shortcuts-dialog StEntry:insensitive, .nm-dialog StEntry:insensitive, .notification-banner StEntry:insensitive { color: rgba(241, 252, 249, 0.5); border-color: transparent; box-shadow: inset 0 -1px rgba(241, 252, 249, 0.12); } -StEntry StIcon.capslock-warning { +StEntry StIcon.capslock-warning, .modal-dialog StEntry StIcon.capslock-warning, .prompt-dialog StEntry StIcon.capslock-warning, .audio-device-selection-dialog StEntry StIcon.capslock-warning, .access-dialog StEntry StIcon.capslock-warning, .geolocation-dialog StEntry StIcon.capslock-warning, .extension-dialog StEntry StIcon.capslock-warning, .inhibit-shortcuts-dialog StEntry StIcon.capslock-warning, .nm-dialog StEntry StIcon.capslock-warning, .notification-banner StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #e3983f; padding: 0 0; @@ -243,7 +249,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Slider */ .slider { height: 20px; - color: #B4A1DB; -barlevel-height: 2px; -barlevel-background-color: rgba(241, 252, 249, 0.3); -barlevel-border-color: transparent; @@ -254,6 +259,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -barlevel-overdrive-separator-width: 2px; -barlevel-border-width: 0; -slider-handle-radius: 6px; + -slider-handle-border-width: 0; + -slider-handle-border-color: transparent; + color: #B4A1DB; +} + +.slider:hover { + color: #B4A1DB; +} + +.slider:active { + color: #B4A1DB; } /* Check Boxes */ @@ -306,24 +322,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Switches */ .toggle-switch { + color: transparent; width: 40px; height: 20px; background-size: contain; -} - -.toggle-switch-us { background-image: url("assets/toggle-off.svg"); } -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { +.toggle-switch:checked { background-image: url("assets/toggle-on.svg"); } @@ -331,18 +337,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .shell-link { transition-duration: 100ms; border-radius: 6px; - color: #64a6ff; + color: #B4A1DB; } .shell-link:hover { - color: #64a6ff; - background-color: rgba(100, 166, 255, 0.08); + color: #B4A1DB; + background-color: rgba(180, 161, 219, 0.08); } .shell-link:active { transition-duration: 200ms; - color: #64a6ff; - background-color: rgba(100, 166, 255, 0.2); + color: #B4A1DB; + background-color: rgba(180, 161, 219, 0.2); } /* Modal Dialogs */ @@ -361,9 +367,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .modal-dialog { border-radius: 6px; - color: #F1FCF9; - background-color: #282F37; - border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } @@ -420,7 +423,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-dialog-subtitle { color: rgba(241, 252, 249, 0.7); - font-weight: bold; + font-weight: normal; } /* End Session Dialog */ @@ -461,7 +464,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .end-session-dialog-logout-icon { - border-radius: 5px; + border-radius: 9999px; width: 48px; height: 48px; background-size: contain; @@ -582,7 +585,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Password or Authentication Dialog */ .prompt-dialog { width: 34em; - border: none; } .prompt-dialog .message-dialog-main-layout { @@ -629,6 +631,23 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding-bottom: 8px; } +.prompt-dialog-pim-box { + spacing: 1em; +} + +.prompt-dialog-grid { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.prompt-dialog-keyfiles-box { + spacing: 1em; +} + +.prompt-dialog-button.button { + padding: 0 8px; +} + /* Polkit Dialog */ .polkit-dialog-user-layout { padding-left: 10px; @@ -645,7 +664,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .polkit-dialog-user-icon { - border-radius: 5px; + border-radius: 9999px; background-size: contain; width: 48px; height: 48px; @@ -671,12 +690,21 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.26); + border: none; border-radius: 6px; } -.audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { - background-color: #B4A1DB; +.audio-selection-device:focus { + background-color: rgba(241, 252, 249, 0.12); +} + +.audio-selection-device:hover { + background-color: rgba(241, 252, 249, 0.08); +} + +.audio-selection-device:active { + background-color: rgba(241, 252, 249, 0.2); + color: #F1FCF9; } .audio-selection-device-box { @@ -705,6 +733,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .extension-dialog .message-dialog-title { + font-weight: normal; color: rgba(241, 252, 249, 0.7); } @@ -727,10 +756,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Popovers/Menus */ .popup-menu { min-width: 200px; + color: #F1FCF9; + border-color: transparent; } .popup-menu .popup-sub-menu { - background-color: #20262C; + padding-bottom: 0; + background-color: rgba(241, 252, 249, 0.04); box-shadow: 0 0 transparent; } @@ -752,24 +784,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .popup-menu-item:checked { - background-color: #B4A1DB; - color: white; + background-color: #b4a1db; box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { - background-color: #baa9de; - color: white; + background-color: rgba(180, 161, 219, 0.4); } .popup-menu .popup-menu-item:checked:active { - background-color: #c3b4e2; - color: white !important; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(255, 255, 255, 0.5); + background-color: rgba(180, 161, 219, 0.6); } .popup-menu .popup-menu-item.selected { @@ -813,13 +838,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu-boxpointer, .candidate-popup-boxpointer { - -arrow-border-radius: 0; + -arrow-border-radius: 20px; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -arrow-box-shadow: none; +} + +.popup-menu-content, +.candidate-popup-content { margin: 5px 8px 8px; background-color: #282F37; border-radius: 6px; @@ -829,10 +858,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-separator-menu-item { height: 1px; margin: 8px 40px; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.26); - border-bottom-width: 1px; - border-bottom-style: solid; + background-color: rgba(241, 252, 249, 0.12); + border-color: transparent; + border-bottom-width: 0; + border-bottom-style: none; +} + +.rename-folder-popup-box { + spacing: 6px; + margin-left: 12px; + margin-right: 12px; } .background-menu { @@ -844,6 +879,19 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - odd thing for styling App menu when apparently not running under shell. Light Adwaita styled app menu inside the main app window itself rather than the top bar */ +/************* + * App Icons * + *************/ +/* Outline for low res icons */ +.lowres-icon { + icon-shadow: none; +} + +/* Drapshadow for large icons */ +.icon-dropshadow { + icon-shadow: none; +} + /* OSD */ .osd-window { text-align: center; @@ -855,7 +903,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .osd-monitor-label { - font-size: 45px; + font-size: 48px; font-weight: 400; } @@ -910,8 +958,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .switcher-list .item-box:selected { - background-color: #B4A1DB; - color: white; + background-color: #b4a1db; + color: #F1FCF9; } .switcher-list .thumbnail-box { @@ -925,7 +973,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-list .separator { width: 1px; - background: rgba(0, 0, 0, 0.26); + background: rgba(241, 252, 249, 0.12); } .switcher-arrow { @@ -939,7 +987,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .input-source-switcher-symbol { - font-size: 45px; + font-size: 48px; font-weight: 400; width: 96px; height: 96px; @@ -963,10 +1011,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { spacing: 8px; } -.ws-switcher-active-up, .ws-switcher-active-down { +.ws-switcher-active-up, .ws-switcher-active-down, +.ws-switcher-active-left, .ws-switcher-active-right { height: 48px; background-color: #B4A1DB; - color: white; + color: rgba(0, 0, 0, 0.87); background-size: 32px; border-radius: 6px; } @@ -989,10 +1038,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 12px; } +.modal-dialog, .prompt-dialog, .audio-device-selection-dialog, .access-dialog, .geolocation-dialog, .extension-dialog, .inhibit-shortcuts-dialog, .nm-dialog { + color: #F1FCF9; + background-color: #282F37; + border: none; +} + /* Tiled window previews */ .tile-preview { - background-color: rgba(212, 193, 251, 0.3); - border: 1px solid #d4c1fb; + background-color: rgba(180, 161, 219, 0.3); + border: 1px solid #B4A1DB; } .tile-preview-left.on-primary { @@ -1009,7 +1064,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* TOP BAR */ #panel { - background-color: black; + background-color: #080f17; /* transition from solid to transparent */ transition-duration: 250ms; font-weight: bold; @@ -1027,13 +1082,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #panel .panel-corner { -panel-corner-radius: 0; - -panel-corner-background-color: black; - -panel-corner-border-width: 2px; + -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: white; + -panel-corner-border-color: transparent; } #panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { @@ -1043,8 +1098,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; + -natural-hpadding: 8px; + -minimum-hpadding: 4px; font-weight: bold; color: rgba(255, 255, 255, 0.7); text-shadow: none; @@ -1075,7 +1130,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - background-color: rgba(0, 0, 0, 0.01); + background-color: rgba(8, 15, 23, 0.01); box-shadow: inset 0 -2px 0px white; color: white; } @@ -1123,7 +1178,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel.solid { - background-color: #00060c; + background-color: #080f17; /* transition from transparent to solid */ transition-duration: 250ms; background-gradient-direction: none; @@ -1135,7 +1190,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel.solid .panel-corner { - -panel-corner-background-color: #00060c; + -panel-corner-background-color: #080f17; } #panel.solid .panel-button { @@ -1181,7 +1236,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .datemenu-calendar-column { - border: 0 solid rgba(0, 0, 0, 0.26); + border: 0 solid rgba(241, 252, 249, 0.12); } .datemenu-calendar-column:ltr { @@ -1252,14 +1307,48 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { font-weight: bold; } -.world-clocks-grid { +.weather-header.location { + font-weight: normal; + font-size: 1em; +} + +.world-clocks-grid, +.weather-grid { spacing-rows: 0.4em; + spacing-columns: 0.8em; } .weather-box { spacing: 0.4em; } +.world-clocks-city { + font-weight: normal; + font-size: 1em; +} + +.world-clocks-time { + color: rgba(241, 252, 249, 0.7); + font-feature-settings: "tnum"; + font-size: 1em; +} + +.world-clocks-timezone { + color: rgba(241, 252, 249, 0.5); + font-feature-settings: "tnum"; + font-size: 1em; +} + +.weather-forecast-icon { + icon-size: 2.28571em; +} + +.weather-forecast-time { + color: rgba(241, 252, 249, 0.7); + font-size: 9pt; + font-weight: 400; +} + .calendar-month-label { transition-duration: 100ms; height: 16px; @@ -1282,32 +1371,22 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 2px; border-radius: 100px; background-color: transparent; - color: #F1FCF9; + color: rgba(241, 252, 249, 0.7); } .pager-button:hover, .pager-button:focus { background-color: rgba(241, 252, 249, 0.08); + color: #F1FCF9; } .pager-button:active { background-color: rgba(241, 252, 249, 0.2); + color: #F1FCF9; transition-duration: 200ms; } -.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-change-month-back StIcon, .calendar-change-month-forward StIcon { + icon-size: 1.14286em; } .calendar-day-base { @@ -1335,8 +1414,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-day-base:selected { - color: white; - background-color: #B4A1DB; + color: #F1FCF9; + background-color: #b4a1db; border-color: transparent; } @@ -1376,7 +1455,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-day-with-events { - color: #64a6ff; + color: #B4A1DB; font-weight: normal; text-decoration: underline; background-image: none; @@ -1384,7 +1463,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-other-month-day { color: rgba(241, 252, 249, 0.3); - opacity: 0.5; } .calendar-week-number { @@ -1406,18 +1484,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-list-clear-button.button { - background-color: transparent; margin: 8px 8px 0; } -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(241, 252, 249, 0.08); -} - -.message-list-clear-button.button:active { - background-color: rgba(241, 252, 249, 0.2); -} - .message-list-sections { spacing: 8px; } @@ -1430,6 +1499,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message { transition-duration: 100ms; min-height: 56px; + border: none; background-color: transparent; border-radius: 6px; } @@ -1462,6 +1532,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 4px 4px 4px 0px; } +.message-icon-bin > .fallback-window-icon { + width: 1.14286em; + height: 1.14286em; +} + .message-secondary-bin { padding: 0 8px; } @@ -1567,18 +1642,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: rgba(241, 252, 249, 0.5); } -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - #appMenu { - spinner-image: url("process-working.svg"); spacing: 4px; } @@ -1586,6 +1650,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: transparent; } +.app-menu, +.app-well-menu { + max-width: 27.25em; +} + .aggregate-menu { min-width: 280px; } @@ -1640,6 +1709,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: rgba(255, 255, 255, 0.3); background-image: none; background-size: auto; + box-shadow: none; } .ripple-box:rtl { @@ -1647,9 +1717,21 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-image: none; } +.select-area-rubberband { + background-color: rgba(180, 161, 219, 0.3); + border: 1px solid #B4A1DB; +} + +.ripple-pointer-location { + width: 50px; + height: 50px; + border-radius: 25px; + background-color: #b4a1db; + box-shadow: none; +} + .popup-menu-arrow { - width: 16px; - height: 16px; + icon-size: 1.14286em; } .popup-menu-icon { @@ -1657,6 +1739,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .window-close { + background-color: transparent; + border-radius: 0; + border: none; + box-shadow: none; + color: transparent; height: 32px; width: 32px; -shell-close-overlap: 16px; @@ -1666,11 +1753,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .window-close:hover { + background-color: transparent; + border-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 { + background-color: transparent; + border-color: transparent; + color: transparent; background-image: url("assets/window-close-active.svg"); } @@ -1682,6 +1775,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 0; + -pie-border-color: transparent; + -pie-background-color: #b4a1db; +} + /* NETWORK DIALOGS */ .nm-dialog { max-height: 34em; @@ -1743,8 +1844,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .nm-dialog-item:selected { - background-color: #B4A1DB; - color: white; + background-color: #b4a1db; + color: #F1FCF9; } .nm-dialog-icons { @@ -1831,11 +1932,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: white; } -#searchResultsBin { - max-width: 1000px; -} - #searchResultsContent { + max-width: 1000px; padding-left: 20px; padding-right: 20px; spacing: 16px; @@ -1858,6 +1956,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: rgba(255, 255, 255, 0.12); } +.search-section:last-child .search-section-separator { + background-color: transparent; +} + .list-search-result-content { spacing: 30px; } @@ -1889,13 +1991,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* DASHBOARD */ #dash { - transition-duration: 250ms; font-size: 1em; - color: white; - background-color: rgba(255, 255, 255, 0.1); padding: 3px 0; - border: none; - border-left: 0px; border-radius: 0px 6px 6px 0px; } @@ -1924,6 +2021,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: #F1FCF9; background-color: #282F37; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); + border: none; text-align: center; -x-offset: 8px; } @@ -1953,11 +2051,22 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .app-view-control { - padding: 0 16px; + padding: 0 8px; + margin: 0; font-weight: bold; color: rgba(255, 255, 255, 0.7); } +.app-view-control, .app-view-control:hover, .app-view-control:active, .app-view-control:checked { + color: #B4A1DB; + background-color: transparent; + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; + transition-duration: 100ms; +} + .app-view-control:hover { color: white; background-color: rgba(255, 255, 255, 0.08) !important; @@ -2024,6 +2133,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-image: none; } +.app-well-app:drop .overview-icon, +.app-well-app.app-folder:drop .overview-icon, +.show-apps:drop .overview-icon, +.grid-search-result:drop .overview-icon { + background-color: rgba(255, 255, 255, 0.08); +} + .app-well-app:active .overview-icon, .app-well-app:checked .overview-icon, .app-well-app.app-folder:active .overview-icon, @@ -2097,6 +2213,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .page-indicator .page-indicator-icon { width: 12px; height: 12px; + border: none; border-radius: 12px; background-image: none; background-color: rgba(255, 255, 255, 0.3); @@ -2104,16 +2221,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .page-indicator:hover .page-indicator-icon { + border-color: transparent; background-image: none; background-color: rgba(255, 255, 255, 0.5); } .page-indicator:active .page-indicator-icon { + border: none; + margin: 0; background-image: none; background-color: rgba(255, 255, 255, 0.7); } -.page-indicator:checked .page-indicator-icon { +.page-indicator:checked .page-indicator-icon, +.page-indicator:checked:active .page-indicator-icon { background-image: none; background-color: white; transition-duration: 0ms; @@ -2121,6 +2242,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .page-indicator:checked:active { background-image: none; + background-color: transparent; } .app-well-app > .overview-icon.overview-icon-with-label, @@ -2153,13 +2275,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 0; } -.search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { padding: 0px 88px 10px 88px; } -.workspace-thumbnails { +#dash, .workspace-thumbnails { transition-duration: 250ms; color: white; background-color: rgba(255, 255, 255, 0.1); @@ -2167,14 +2288,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .search-statustext, .no-frequent-applications-label { - font-size: 45px; + font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { - link-color: #64a6ff; + link-color: #B4A1DB; } .notification-banner { @@ -2190,11 +2311,23 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner:hover { + background: #282F37; +} + +.notification-banner, .notification-banner:focus, .notification-banner:active { background-color: #282F37; } -.notification-banner:focus { - background-color: #282F37; +.notification-banner .message-title, .notification-banner:focus .message-title, .notification-banner:active .message-title { + color: #F1FCF9; +} + +.notification-banner .message-content, .notification-banner:focus .message-content, .notification-banner:active .message-content { + color: rgba(241, 252, 249, 0.7); +} + +.notification-banner .message-icon-bin > StIcon { + color: #F1FCF9; } .notification-banner .notification-icon { @@ -2213,37 +2346,19 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .notification-banner .notification-actions { background-color: transparent; padding-top: 0; - padding: 4px; - spacing: 4px; + color: inherit; + border-top: none; + spacing: 0; } .notification-banner .notification-button { - transition-duration: 100ms; min-height: 32px; padding: 0 8px; - border-radius: 6px; - background-color: transparent; - color: rgba(241, 252, 249, 0.7); - font-weight: 500; + border: none; } -.notification-banner .notification-button:first-child { - border-radius: 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 6px; -} - -.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { - background-color: rgba(241, 252, 249, 0.08); - color: #F1FCF9; -} - -.notification-banner .notification-button:active { - transition-duration: 200ms; - background-color: rgba(241, 252, 249, 0.2); - color: #F1FCF9; +.notification-banner .notification-button:focus { + box-shadow: none; } .summary-source-counter { @@ -2254,8 +2369,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: #B4A1DB; - color: white; - border: 2px solid white; + color: rgba(0, 0, 0, 0.87); + border: 2px solid rgba(0, 0, 0, 0.87); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } @@ -2317,6 +2432,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .hotplug-notification-item { + border: none; + box-shadow: none; padding: 2px 10px; } @@ -2389,14 +2506,23 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: rgba(0, 0, 0, 0.3); } +#keyboard .page-indicator { + padding: 4px 4px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + .key-container { padding: 4px; spacing: 4px; } .keyboard-key { - min-height: 2em; - min-width: 2em; + min-height: 1.2em; + min-width: 1.2em; font-size: 2em; font-weight: 500; border-radius: 6px; @@ -2448,6 +2574,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-size: 24px; } +.keyboard-key.default-key:hover, .keyboard-key.default-key:checked { + background-color: #282F37; +} + .keyboard-key.default-key:active { background-color: #50585e; } @@ -2458,8 +2588,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-image: url("assets/key-enter.svg"); } +.keyboard-key.enter-key:hover, .keyboard-key.enter-key:checked { + background-color: #B4A1DB; +} + .keyboard-key.enter-key:active { - background-color: #c3b4e2; + background-color: rgba(151, 135, 184, 0.974); } .keyboard-key.shift-key-lowercase { @@ -2497,6 +2631,42 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } +.emoji-page .keyboard-key { + border: none; + color: rgba(255, 255, 255, 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:hover, .emoji-page .keyboard-key:focus { + color: white; + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + box-shadow: 0 0 transparent; + text-shadow: none; + icon-shadow: none; +} + +.emoji-page .keyboard-key:active { + color: white; + background-color: rgba(255, 255, 255, 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: #B4A1DB; + color: rgba(0, 0, 0, 0.87); +} + .candidate-popup-content { padding: 8px; spacing: 0; @@ -2507,10 +2677,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: rgba(241, 252, 249, 0.7); } -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.7); -} - .candidate-box { transition-duration: 100ms; min-height: 28px; @@ -2531,8 +2697,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-box:selected { - background-color: #B4A1DB; - color: white; + background-color: #b4a1db; + color: #F1FCF9; transition-duration: 0ms; } @@ -2568,14 +2734,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } /* Auth Dialogs & Screen Shield */ -.framed-user-icon { +.user-icon { background-size: contain; border: none; color: white; - border-radius: 6px; + border-radius: 9999px; } -.framed-user-icon:hover { +.user-icon:hover { border-color: white; color: white; } @@ -2617,7 +2783,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button { - padding: 0 16px; + min-width: 48px; + padding: 0 8px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; @@ -2656,7 +2823,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default { - color: white; + min-width: 32px; + padding: 0 16px; + color: rgba(0, 0, 0, 0.87); background-color: #B4A1DB; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); @@ -2666,7 +2835,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { - color: white; + color: rgba(0, 0, 0, 0.87); background-color: #B4A1DB; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); @@ -2675,8 +2844,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default:active { - color: white; - background-color: #c6b8e4; + color: rgba(0, 0, 0, 0.87); + background-color: rgba(145, 130, 176, 0.9688); 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; @@ -2882,14 +3051,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .screen-shield-clock-time { - font-size: 112px; + font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-feature-settings: "tnum"; } .screen-shield-clock-date { - font-size: 45px; + font-size: 34px; font-weight: 400; } @@ -2940,7 +3109,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background: #00060c; + background: #080f17; background-size: cover; } @@ -2958,7 +3127,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border: none; border-radius: 0; background-color: rgba(40, 47, 55, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.26); + box-shadow: inset 0 -1px 0 rgba(241, 252, 249, 0.12); } #LookingGlassDialog .labels { @@ -3008,16 +3177,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - selection-background-color: #B4A1DB; - selected-color: white; + selection-background-color: #b4a1db; + selected-color: #F1FCF9; } .lg-dialog .shell-link { - color: #64a6ff; + color: #B4A1DB; } .lg-dialog .shell-link:hover { - color: #64a6ff; + color: #B4A1DB; } .lg-completions-text { @@ -3031,12 +3200,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-obj-inspector-button { min-height: 32px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border: none; border-radius: 6px; font-size: 10.5pt; font-weight: 500; - color: rgba(241, 252, 249, 0.7); + color: #B4A1DB; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -3046,8 +3216,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:hover { - color: #F1FCF9; - background-color: rgba(241, 252, 249, 0.08); + color: #B4A1DB; + background-color: rgba(180, 161, 219, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -3055,8 +3225,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:active { - color: #F1FCF9; - background-color: rgba(241, 252, 249, 0.2); + color: #B4A1DB; + background-color: rgba(180, 161, 219, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -3074,7 +3244,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:focus { - color: #F1FCF9; + color: #B4A1DB; + background-color: rgba(180, 161, 219, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -3178,139 +3349,147 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 6px 6px 6px 3px; } +#dashtodockContainer .focused .overview-icon { + background-color: rgba(241, 252, 249, 0.12); +} + +#dashtodockContainer .default.focused .overview-icon { + background-color: transparent; +} + #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } -#dashtodockContainer .dash-item-container > StWidget { +#dashtodockContainer .default { background-size: cover; } -#dashtodockContainer.left .dash-item-container > StWidget.running1 { +#dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2 { +#dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3 { +#dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4 { +#dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1 { +#dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2 { +#dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3 { +#dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4 { +#dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1 { +#dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2 { +#dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3 { +#dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4 { +#dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1 { +#dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2 { +#dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3 { +#dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4 { +#dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.bottom .default.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } @@ -3322,8 +3501,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* GPaste */ .popup-menu .search-entry { color: #F1FCF9; - selection-background-color: #B4A1DB; - selected-color: white; + selection-background-color: #b4a1db; + selected-color: #F1FCF9; transition-duration: 100ms; background-color: rgba(241, 252, 249, 0.04); border-color: transparent; diff --git a/misc/gtk/skyfall/gnome-shell/pointer-double-click-symbolic.svg b/misc/gtk/skyfall/gnome-shell/pointer-double-click-symbolic.svg new file mode 100644 index 0000000..5267834 --- /dev/null +++ b/misc/gtk/skyfall/gnome-shell/pointer-double-click-symbolic.svg @@ -0,0 +1,28 @@ + + + + + + + + + diff --git a/misc/gtk/skyfall/gnome-shell/pointer-drag-symbolic.svg b/misc/gtk/skyfall/gnome-shell/pointer-drag-symbolic.svg new file mode 100644 index 0000000..be37e6f --- /dev/null +++ b/misc/gtk/skyfall/gnome-shell/pointer-drag-symbolic.svg @@ -0,0 +1,20 @@ + + + + + + diff --git a/misc/gtk/skyfall/gnome-shell/pointer-primary-click-symbolic.svg b/misc/gtk/skyfall/gnome-shell/pointer-primary-click-symbolic.svg new file mode 100644 index 0000000..f447991 --- /dev/null +++ b/misc/gtk/skyfall/gnome-shell/pointer-primary-click-symbolic.svg @@ -0,0 +1,26 @@ + + + + + + + + diff --git a/misc/gtk/skyfall/gnome-shell/pointer-secondary-click-symbolic.svg b/misc/gtk/skyfall/gnome-shell/pointer-secondary-click-symbolic.svg new file mode 100644 index 0000000..b72e178 --- /dev/null +++ b/misc/gtk/skyfall/gnome-shell/pointer-secondary-click-symbolic.svg @@ -0,0 +1,26 @@ + + + + + + + + diff --git a/misc/gtk/skyfall/gtk-2.0/assets/border.png b/misc/gtk/skyfall/gtk-2.0/assets/border.png index 15a90b2..2166dca 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/border.png and b/misc/gtk/skyfall/gtk-2.0/assets/border.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/button-active.png b/misc/gtk/skyfall/gtk-2.0/assets/button-active.png index a4878c6..9a7b0f5 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/button-active.png and b/misc/gtk/skyfall/gtk-2.0/assets/button-active.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/button-disabled.png b/misc/gtk/skyfall/gtk-2.0/assets/button-disabled.png index c561501..b8a9a8b 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/button-disabled.png and b/misc/gtk/skyfall/gtk-2.0/assets/button-disabled.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/button-hover.png b/misc/gtk/skyfall/gtk-2.0/assets/button-hover.png index 0aecf5a..2861805 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/button-hover.png and b/misc/gtk/skyfall/gtk-2.0/assets/button-hover.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/button.png b/misc/gtk/skyfall/gtk-2.0/assets/button.png index 055bf36..5211dd6 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/button.png and b/misc/gtk/skyfall/gtk-2.0/assets/button.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/checkbox-checked-active.png b/misc/gtk/skyfall/gtk-2.0/assets/checkbox-checked-active.png index f98eb87..0b28fba 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/checkbox-checked-active.png and b/misc/gtk/skyfall/gtk-2.0/assets/checkbox-checked-active.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/checkbox-checked-hover.png b/misc/gtk/skyfall/gtk-2.0/assets/checkbox-checked-hover.png index d9cdec9..f269536 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/checkbox-checked-hover.png and b/misc/gtk/skyfall/gtk-2.0/assets/checkbox-checked-hover.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/checkbox-checked.png b/misc/gtk/skyfall/gtk-2.0/assets/checkbox-checked.png index 83604b6..7391d9f 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/checkbox-checked.png and b/misc/gtk/skyfall/gtk-2.0/assets/checkbox-checked.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/checkbox-mixed-active.png b/misc/gtk/skyfall/gtk-2.0/assets/checkbox-mixed-active.png index 4ab8a47..922d3a5 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/checkbox-mixed-active.png and b/misc/gtk/skyfall/gtk-2.0/assets/checkbox-mixed-active.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/checkbox-mixed-hover.png b/misc/gtk/skyfall/gtk-2.0/assets/checkbox-mixed-hover.png index 534ff22..1f107b4 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/checkbox-mixed-hover.png and b/misc/gtk/skyfall/gtk-2.0/assets/checkbox-mixed-hover.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/checkbox-mixed.png b/misc/gtk/skyfall/gtk-2.0/assets/checkbox-mixed.png index eb4647b..c679492 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/checkbox-mixed.png and b/misc/gtk/skyfall/gtk-2.0/assets/checkbox-mixed.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/combo-left-entry-active.png b/misc/gtk/skyfall/gtk-2.0/assets/combo-left-entry-active.png new file mode 100644 index 0000000..cbbfffc Binary files /dev/null and b/misc/gtk/skyfall/gtk-2.0/assets/combo-left-entry-active.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/combo-left-entry-disabled.png b/misc/gtk/skyfall/gtk-2.0/assets/combo-left-entry-disabled.png new file mode 100644 index 0000000..4c3f006 Binary files /dev/null and b/misc/gtk/skyfall/gtk-2.0/assets/combo-left-entry-disabled.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/combo-left-entry-hover.png b/misc/gtk/skyfall/gtk-2.0/assets/combo-left-entry-hover.png new file mode 100644 index 0000000..513d60c Binary files /dev/null and b/misc/gtk/skyfall/gtk-2.0/assets/combo-left-entry-hover.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/combo-left-entry.png b/misc/gtk/skyfall/gtk-2.0/assets/combo-left-entry.png new file mode 100644 index 0000000..c22d6ca Binary files /dev/null and b/misc/gtk/skyfall/gtk-2.0/assets/combo-left-entry.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/combo-ltr-button-active.png b/misc/gtk/skyfall/gtk-2.0/assets/combo-ltr-button-active.png deleted file mode 100644 index 12568d2..0000000 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/combo-ltr-button-active.png and /dev/null differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/combo-ltr-button-disabled.png b/misc/gtk/skyfall/gtk-2.0/assets/combo-ltr-button-disabled.png deleted file mode 100644 index 86eda9e..0000000 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/combo-ltr-button-disabled.png and /dev/null differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/combo-ltr-button-hover.png b/misc/gtk/skyfall/gtk-2.0/assets/combo-ltr-button-hover.png deleted file mode 100644 index a2a32a0..0000000 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/combo-ltr-button-hover.png and /dev/null differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/combo-ltr-button.png b/misc/gtk/skyfall/gtk-2.0/assets/combo-ltr-button.png deleted file mode 100644 index 2043b27..0000000 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/combo-ltr-button.png and /dev/null differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/combo-ltr-entry-active.png b/misc/gtk/skyfall/gtk-2.0/assets/combo-ltr-entry-active.png deleted file mode 100644 index fbf60ce..0000000 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/combo-ltr-entry-active.png and /dev/null differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/combo-ltr-entry-disabled.png b/misc/gtk/skyfall/gtk-2.0/assets/combo-ltr-entry-disabled.png deleted file mode 100644 index f260608..0000000 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/combo-ltr-entry-disabled.png and /dev/null differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/combo-ltr-entry.png b/misc/gtk/skyfall/gtk-2.0/assets/combo-ltr-entry.png deleted file mode 100644 index f260608..0000000 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/combo-ltr-entry.png and /dev/null differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/combo-right-entry-active.png b/misc/gtk/skyfall/gtk-2.0/assets/combo-right-entry-active.png new file mode 100644 index 0000000..bc36de8 Binary files /dev/null and b/misc/gtk/skyfall/gtk-2.0/assets/combo-right-entry-active.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/combo-right-entry-disabled.png b/misc/gtk/skyfall/gtk-2.0/assets/combo-right-entry-disabled.png new file mode 100644 index 0000000..0b00db5 Binary files /dev/null and b/misc/gtk/skyfall/gtk-2.0/assets/combo-right-entry-disabled.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/combo-right-entry-hover.png b/misc/gtk/skyfall/gtk-2.0/assets/combo-right-entry-hover.png new file mode 100644 index 0000000..f471dee Binary files /dev/null and b/misc/gtk/skyfall/gtk-2.0/assets/combo-right-entry-hover.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/combo-right-entry.png b/misc/gtk/skyfall/gtk-2.0/assets/combo-right-entry.png new file mode 100644 index 0000000..29dbcd7 Binary files /dev/null and b/misc/gtk/skyfall/gtk-2.0/assets/combo-right-entry.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/combo-rtl-button-active.png b/misc/gtk/skyfall/gtk-2.0/assets/combo-rtl-button-active.png deleted file mode 100644 index a9a27e3..0000000 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/combo-rtl-button-active.png and /dev/null differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/combo-rtl-button-disabled.png b/misc/gtk/skyfall/gtk-2.0/assets/combo-rtl-button-disabled.png deleted file mode 100644 index e96bb6b..0000000 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/combo-rtl-button-disabled.png and /dev/null differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/combo-rtl-button-hover.png b/misc/gtk/skyfall/gtk-2.0/assets/combo-rtl-button-hover.png deleted file mode 100644 index 0691720..0000000 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/combo-rtl-button-hover.png and /dev/null differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/combo-rtl-button.png b/misc/gtk/skyfall/gtk-2.0/assets/combo-rtl-button.png deleted file mode 100644 index 6e06424..0000000 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/combo-rtl-button.png and /dev/null differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/combo-rtl-entry-active.png b/misc/gtk/skyfall/gtk-2.0/assets/combo-rtl-entry-active.png deleted file mode 100644 index a0801f1..0000000 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/combo-rtl-entry-active.png and /dev/null differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/combo-rtl-entry-disabled.png b/misc/gtk/skyfall/gtk-2.0/assets/combo-rtl-entry-disabled.png deleted file mode 100644 index 2f93518..0000000 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/combo-rtl-entry-disabled.png and /dev/null differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/combo-rtl-entry.png b/misc/gtk/skyfall/gtk-2.0/assets/combo-rtl-entry.png deleted file mode 100644 index 2f93518..0000000 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/combo-rtl-entry.png and /dev/null differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/entry-active.png b/misc/gtk/skyfall/gtk-2.0/assets/entry-active.png index dd1e009..8cb4d50 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/entry-active.png and b/misc/gtk/skyfall/gtk-2.0/assets/entry-active.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/entry-background-disabled.png b/misc/gtk/skyfall/gtk-2.0/assets/entry-background-disabled.png index 2b130e7..7e57718 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/entry-background-disabled.png and b/misc/gtk/skyfall/gtk-2.0/assets/entry-background-disabled.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/entry-background.png b/misc/gtk/skyfall/gtk-2.0/assets/entry-background.png index 2b130e7..7e57718 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/entry-background.png and b/misc/gtk/skyfall/gtk-2.0/assets/entry-background.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/entry-disabled.png b/misc/gtk/skyfall/gtk-2.0/assets/entry-disabled.png index 896b223..76ce47f 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/entry-disabled.png and b/misc/gtk/skyfall/gtk-2.0/assets/entry-disabled.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/entry-hover.png b/misc/gtk/skyfall/gtk-2.0/assets/entry-hover.png new file mode 100644 index 0000000..52610a9 Binary files /dev/null and b/misc/gtk/skyfall/gtk-2.0/assets/entry-hover.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/entry.png b/misc/gtk/skyfall/gtk-2.0/assets/entry.png index 896b223..5e3e0bb 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/entry.png and b/misc/gtk/skyfall/gtk-2.0/assets/entry.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/flat-button-active.png b/misc/gtk/skyfall/gtk-2.0/assets/flat-button-active.png index e2a7282..5ad21e3 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/flat-button-active.png and b/misc/gtk/skyfall/gtk-2.0/assets/flat-button-active.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/flat-button-hover.png b/misc/gtk/skyfall/gtk-2.0/assets/flat-button-hover.png index 53ab913..1f64cd6 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/flat-button-hover.png and b/misc/gtk/skyfall/gtk-2.0/assets/flat-button-hover.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/focus.png b/misc/gtk/skyfall/gtk-2.0/assets/focus.png index dd92011..46d6a70 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/focus.png and b/misc/gtk/skyfall/gtk-2.0/assets/focus.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/frame-inline.png b/misc/gtk/skyfall/gtk-2.0/assets/frame-inline.png index 45a239c..529a1f6 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/frame-inline.png and b/misc/gtk/skyfall/gtk-2.0/assets/frame-inline.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/frame-notebook.png b/misc/gtk/skyfall/gtk-2.0/assets/frame-notebook.png index 6019825..1a73298 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/frame-notebook.png and b/misc/gtk/skyfall/gtk-2.0/assets/frame-notebook.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/frame.png b/misc/gtk/skyfall/gtk-2.0/assets/frame.png index b604c82..24f6630 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/frame.png and b/misc/gtk/skyfall/gtk-2.0/assets/frame.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/menu-checkbox-checked.png b/misc/gtk/skyfall/gtk-2.0/assets/menu-checkbox-checked.png index ac140e3..0d6c51b 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/menu-checkbox-checked.png and b/misc/gtk/skyfall/gtk-2.0/assets/menu-checkbox-checked.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/menu-checkbox-mixed.png b/misc/gtk/skyfall/gtk-2.0/assets/menu-checkbox-mixed.png index cccf9b6..490eb96 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/menu-checkbox-mixed.png and b/misc/gtk/skyfall/gtk-2.0/assets/menu-checkbox-mixed.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/menu-radio-checked.png b/misc/gtk/skyfall/gtk-2.0/assets/menu-radio-checked.png index d91fb41..78eb0f1 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/menu-radio-checked.png and b/misc/gtk/skyfall/gtk-2.0/assets/menu-radio-checked.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/menu-radio-mixed.png b/misc/gtk/skyfall/gtk-2.0/assets/menu-radio-mixed.png index 87099f2..4478375 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/menu-radio-mixed.png and b/misc/gtk/skyfall/gtk-2.0/assets/menu-radio-mixed.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/menu-radio-unchecked.png b/misc/gtk/skyfall/gtk-2.0/assets/menu-radio-unchecked.png index 973958f..340546d 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/menu-radio-unchecked.png and b/misc/gtk/skyfall/gtk-2.0/assets/menu-radio-unchecked.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/notebook-combo-ltr-entry-active.png b/misc/gtk/skyfall/gtk-2.0/assets/notebook-combo-ltr-entry-active.png deleted file mode 100644 index fbf60ce..0000000 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/notebook-combo-ltr-entry-active.png and /dev/null differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/notebook-combo-ltr-entry-disabled.png b/misc/gtk/skyfall/gtk-2.0/assets/notebook-combo-ltr-entry-disabled.png deleted file mode 100644 index f260608..0000000 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/notebook-combo-ltr-entry-disabled.png and /dev/null differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/notebook-combo-ltr-entry.png b/misc/gtk/skyfall/gtk-2.0/assets/notebook-combo-ltr-entry.png deleted file mode 100644 index f260608..0000000 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/notebook-combo-ltr-entry.png and /dev/null differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/notebook-combo-rtl-entry-active.png b/misc/gtk/skyfall/gtk-2.0/assets/notebook-combo-rtl-entry-active.png deleted file mode 100644 index a0801f1..0000000 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/notebook-combo-rtl-entry-active.png and /dev/null differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/notebook-combo-rtl-entry-disabled.png b/misc/gtk/skyfall/gtk-2.0/assets/notebook-combo-rtl-entry-disabled.png deleted file mode 100644 index 2f93518..0000000 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/notebook-combo-rtl-entry-disabled.png and /dev/null differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/notebook-combo-rtl-entry.png b/misc/gtk/skyfall/gtk-2.0/assets/notebook-combo-rtl-entry.png deleted file mode 100644 index 2f93518..0000000 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/notebook-combo-rtl-entry.png and /dev/null differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/notebook-entry-active.png b/misc/gtk/skyfall/gtk-2.0/assets/notebook-entry-active.png deleted file mode 100644 index dd1e009..0000000 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/notebook-entry-active.png and /dev/null differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/notebook-entry-disabled.png b/misc/gtk/skyfall/gtk-2.0/assets/notebook-entry-disabled.png deleted file mode 100644 index 896b223..0000000 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/notebook-entry-disabled.png and /dev/null differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/notebook-entry.png b/misc/gtk/skyfall/gtk-2.0/assets/notebook-entry.png deleted file mode 100644 index 896b223..0000000 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/notebook-entry.png and /dev/null differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/progressbar-progress.png b/misc/gtk/skyfall/gtk-2.0/assets/progressbar-progress.png index cd839fa..dbd4df2 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/progressbar-progress.png and b/misc/gtk/skyfall/gtk-2.0/assets/progressbar-progress.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/progressbar-trough.png b/misc/gtk/skyfall/gtk-2.0/assets/progressbar-trough.png index d98fa2c..85f6585 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/progressbar-trough.png and b/misc/gtk/skyfall/gtk-2.0/assets/progressbar-trough.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/radio-checked-active.png b/misc/gtk/skyfall/gtk-2.0/assets/radio-checked-active.png index f50cf9d..85d1c97 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/radio-checked-active.png and b/misc/gtk/skyfall/gtk-2.0/assets/radio-checked-active.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/radio-checked-hover.png b/misc/gtk/skyfall/gtk-2.0/assets/radio-checked-hover.png index d7224c0..8ff22e5 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/radio-checked-hover.png and b/misc/gtk/skyfall/gtk-2.0/assets/radio-checked-hover.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/radio-checked.png b/misc/gtk/skyfall/gtk-2.0/assets/radio-checked.png index 48bed33..1da7502 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/radio-checked.png and b/misc/gtk/skyfall/gtk-2.0/assets/radio-checked.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/radio-mixed-active.png b/misc/gtk/skyfall/gtk-2.0/assets/radio-mixed-active.png index 20e63bf..c855b64 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/radio-mixed-active.png and b/misc/gtk/skyfall/gtk-2.0/assets/radio-mixed-active.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/radio-mixed-hover.png b/misc/gtk/skyfall/gtk-2.0/assets/radio-mixed-hover.png index 287bf28..a074c2e 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/radio-mixed-hover.png and b/misc/gtk/skyfall/gtk-2.0/assets/radio-mixed-hover.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/radio-mixed.png b/misc/gtk/skyfall/gtk-2.0/assets/radio-mixed.png index 397e7ba..ece9a7d 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/radio-mixed.png and b/misc/gtk/skyfall/gtk-2.0/assets/radio-mixed.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/scale-horz-trough-active.png b/misc/gtk/skyfall/gtk-2.0/assets/scale-horz-trough-active.png index bec3424..6e27a69 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/scale-horz-trough-active.png and b/misc/gtk/skyfall/gtk-2.0/assets/scale-horz-trough-active.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/scale-slider-active.png b/misc/gtk/skyfall/gtk-2.0/assets/scale-slider-active.png index de21429..5559d69 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/scale-slider-active.png and b/misc/gtk/skyfall/gtk-2.0/assets/scale-slider-active.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/scale-slider-disabled.png b/misc/gtk/skyfall/gtk-2.0/assets/scale-slider-disabled.png index 6165e37..8c07a1c 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/scale-slider-disabled.png and b/misc/gtk/skyfall/gtk-2.0/assets/scale-slider-disabled.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/scale-slider-hover.png b/misc/gtk/skyfall/gtk-2.0/assets/scale-slider-hover.png index 97085e8..c164e9f 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/scale-slider-hover.png and b/misc/gtk/skyfall/gtk-2.0/assets/scale-slider-hover.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/scale-slider.png b/misc/gtk/skyfall/gtk-2.0/assets/scale-slider.png index 7a7a65a..611a11e 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/scale-slider.png and b/misc/gtk/skyfall/gtk-2.0/assets/scale-slider.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/scale-vert-trough-active.png b/misc/gtk/skyfall/gtk-2.0/assets/scale-vert-trough-active.png index c405a68..1a11516 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/scale-vert-trough-active.png and b/misc/gtk/skyfall/gtk-2.0/assets/scale-vert-trough-active.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/scrollbar-horz-trough.png b/misc/gtk/skyfall/gtk-2.0/assets/scrollbar-horz-trough.png index 01e434d..8c530c0 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/scrollbar-horz-trough.png and b/misc/gtk/skyfall/gtk-2.0/assets/scrollbar-horz-trough.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/scrollbar-vert-ltr-trough.png b/misc/gtk/skyfall/gtk-2.0/assets/scrollbar-vert-ltr-trough.png index 07cb8a5..c22f434 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/scrollbar-vert-ltr-trough.png and b/misc/gtk/skyfall/gtk-2.0/assets/scrollbar-vert-ltr-trough.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/scrollbar-vert-rtl-trough.png b/misc/gtk/skyfall/gtk-2.0/assets/scrollbar-vert-rtl-trough.png index 1b2317d..a3a3d8e 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/scrollbar-vert-rtl-trough.png and b/misc/gtk/skyfall/gtk-2.0/assets/scrollbar-vert-rtl-trough.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/spin-ltr-down-active.png b/misc/gtk/skyfall/gtk-2.0/assets/spin-ltr-down-active.png index cc3fabb..af08b6a 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/spin-ltr-down-active.png and b/misc/gtk/skyfall/gtk-2.0/assets/spin-ltr-down-active.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/spin-ltr-down-disabled.png b/misc/gtk/skyfall/gtk-2.0/assets/spin-ltr-down-disabled.png index a185fda..42a52c5 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/spin-ltr-down-disabled.png and b/misc/gtk/skyfall/gtk-2.0/assets/spin-ltr-down-disabled.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/spin-ltr-down-hover.png b/misc/gtk/skyfall/gtk-2.0/assets/spin-ltr-down-hover.png index d240cfc..84881d7 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/spin-ltr-down-hover.png and b/misc/gtk/skyfall/gtk-2.0/assets/spin-ltr-down-hover.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/spin-ltr-down.png b/misc/gtk/skyfall/gtk-2.0/assets/spin-ltr-down.png index 97d9e77..0c213ce 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/spin-ltr-down.png and b/misc/gtk/skyfall/gtk-2.0/assets/spin-ltr-down.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/spin-ltr-up-active.png b/misc/gtk/skyfall/gtk-2.0/assets/spin-ltr-up-active.png index 5fe3ff2..cdd0cdd 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/spin-ltr-up-active.png and b/misc/gtk/skyfall/gtk-2.0/assets/spin-ltr-up-active.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/spin-ltr-up-disabled.png b/misc/gtk/skyfall/gtk-2.0/assets/spin-ltr-up-disabled.png index 7cf4cb8..39151e9 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/spin-ltr-up-disabled.png and b/misc/gtk/skyfall/gtk-2.0/assets/spin-ltr-up-disabled.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/spin-ltr-up-hover.png b/misc/gtk/skyfall/gtk-2.0/assets/spin-ltr-up-hover.png index 5c65ba4..20da6d9 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/spin-ltr-up-hover.png and b/misc/gtk/skyfall/gtk-2.0/assets/spin-ltr-up-hover.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/spin-ltr-up.png b/misc/gtk/skyfall/gtk-2.0/assets/spin-ltr-up.png index a385701..39151e9 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/spin-ltr-up.png and b/misc/gtk/skyfall/gtk-2.0/assets/spin-ltr-up.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/spin-rtl-down-active.png b/misc/gtk/skyfall/gtk-2.0/assets/spin-rtl-down-active.png index 42b0042..99dbc56 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/spin-rtl-down-active.png and b/misc/gtk/skyfall/gtk-2.0/assets/spin-rtl-down-active.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/spin-rtl-down-disabled.png b/misc/gtk/skyfall/gtk-2.0/assets/spin-rtl-down-disabled.png index 4995881..ebccb1d 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/spin-rtl-down-disabled.png and b/misc/gtk/skyfall/gtk-2.0/assets/spin-rtl-down-disabled.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/spin-rtl-down-hover.png b/misc/gtk/skyfall/gtk-2.0/assets/spin-rtl-down-hover.png index 527762f..2a36d75 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/spin-rtl-down-hover.png and b/misc/gtk/skyfall/gtk-2.0/assets/spin-rtl-down-hover.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/spin-rtl-down.png b/misc/gtk/skyfall/gtk-2.0/assets/spin-rtl-down.png index fa3cf96..b0d521f 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/spin-rtl-down.png and b/misc/gtk/skyfall/gtk-2.0/assets/spin-rtl-down.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/spin-rtl-up-active.png b/misc/gtk/skyfall/gtk-2.0/assets/spin-rtl-up-active.png index 9905b8f..4056e01 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/spin-rtl-up-active.png and b/misc/gtk/skyfall/gtk-2.0/assets/spin-rtl-up-active.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/spin-rtl-up-disabled.png b/misc/gtk/skyfall/gtk-2.0/assets/spin-rtl-up-disabled.png index 0391e7d..8499075 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/spin-rtl-up-disabled.png and b/misc/gtk/skyfall/gtk-2.0/assets/spin-rtl-up-disabled.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/spin-rtl-up-hover.png b/misc/gtk/skyfall/gtk-2.0/assets/spin-rtl-up-hover.png index 8eb93b9..0e22f72 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/spin-rtl-up-hover.png and b/misc/gtk/skyfall/gtk-2.0/assets/spin-rtl-up-hover.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/spin-rtl-up.png b/misc/gtk/skyfall/gtk-2.0/assets/spin-rtl-up.png index e7fd741..8499075 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/spin-rtl-up.png and b/misc/gtk/skyfall/gtk-2.0/assets/spin-rtl-up.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/tab.png b/misc/gtk/skyfall/gtk-2.0/assets/tab.png index d388474..a2d39c5 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/tab.png and b/misc/gtk/skyfall/gtk-2.0/assets/tab.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/treeview-ltr-button-active.png b/misc/gtk/skyfall/gtk-2.0/assets/treeview-ltr-button-active.png index 16024e7..8c34961 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/treeview-ltr-button-active.png and b/misc/gtk/skyfall/gtk-2.0/assets/treeview-ltr-button-active.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/treeview-ltr-button-hover.png b/misc/gtk/skyfall/gtk-2.0/assets/treeview-ltr-button-hover.png index 5330630..1bf0c1f 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/treeview-ltr-button-hover.png and b/misc/gtk/skyfall/gtk-2.0/assets/treeview-ltr-button-hover.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/treeview-ltr-button.png b/misc/gtk/skyfall/gtk-2.0/assets/treeview-ltr-button.png index 9a1039c..e5e4b63 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/treeview-ltr-button.png and b/misc/gtk/skyfall/gtk-2.0/assets/treeview-ltr-button.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/treeview-rtl-button-active.png b/misc/gtk/skyfall/gtk-2.0/assets/treeview-rtl-button-active.png index 0410a3b..e57986f 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/treeview-rtl-button-active.png and b/misc/gtk/skyfall/gtk-2.0/assets/treeview-rtl-button-active.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/treeview-rtl-button-hover.png b/misc/gtk/skyfall/gtk-2.0/assets/treeview-rtl-button-hover.png index 177b6c5..ecf81ae 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/treeview-rtl-button-hover.png and b/misc/gtk/skyfall/gtk-2.0/assets/treeview-rtl-button-hover.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/assets/treeview-rtl-button.png b/misc/gtk/skyfall/gtk-2.0/assets/treeview-rtl-button.png index 806f619..6fa1d85 100644 Binary files a/misc/gtk/skyfall/gtk-2.0/assets/treeview-rtl-button.png and b/misc/gtk/skyfall/gtk-2.0/assets/treeview-rtl-button.png differ diff --git a/misc/gtk/skyfall/gtk-2.0/gtkrc b/misc/gtk/skyfall/gtk-2.0/gtkrc index 210dfd3..eeb36f0 100644 --- a/misc/gtk/skyfall/gtk-2.0/gtkrc +++ b/misc/gtk/skyfall/gtk-2.0/gtkrc @@ -1,8 +1,8 @@ # Based on Bridge by ScionicSpectre and Adwaita by GNOME # vim:set ts=2 sw=2 sts=2 ai et: # -# This is the GTK+ 2 version of oomox-skyfall. It's whole purpose is to look as the -# GTK+ 3 version as much as possible until GTK+ 2 dies completely. +# This is the GTK 2 version of oomox-skyfall. It's whole purpose is to look as the +# GTK 3 version as much as possible until GTK 2 dies completely. # # Note: comments for explaining styles are on the bottom of each file beside the # widget matches. @@ -12,17 +12,19 @@ # order to not mess up the dark theme. # Text/base -gtk-color-scheme = "text_color:#F1FCF9\nbase_color:#20262C" +gtk-color-scheme = "text_color:#F1FCF9\nbase_color:#282F37" # Foreground/background -gtk-color-scheme = "fg_color:#F1FCF9\nbg_color:#20262C" +gtk-color-scheme = "fg_color:#F1FCF9\nbg_color:#282F37" # Selected foreground/background -gtk-color-scheme = "selected_fg_color:#F1FCF9\nselected_bg_color:#B4A1DB" +gtk-color-scheme = "selected_fg_color:#F1FCF9\nselected_bg_color:#8AB4F8" # Titlebar foreground/background -gtk-color-scheme = "titlebar_fg_color:#F1FCF9\ntitlebar_bg_color:#20262C" +gtk-color-scheme = "titlebar_fg_color:#F1FCF9\ntitlebar_bg_color:#282F37" +# Menus +gtk-color-scheme = "menu_color:#282F37" # Tooltips foreground/background gtk-color-scheme = "tooltip_fg_color:#F1FCF9\ntooltip_bg_color:#616161" # Links -gtk-color-scheme = "link_color:#B4A1DB\nvisited_link_color:#E040FB" +gtk-color-scheme = "link_color:#8AB4F8\nvisited_link_color:#CE93D8" # Set GTK settings gtk-auto-mnemonics = 1 diff --git a/misc/gtk/skyfall/gtk-2.0/hacks.rc b/misc/gtk/skyfall/gtk-2.0/hacks.rc index 96eb088..c288da3 100644 --- a/misc/gtk/skyfall/gtk-2.0/hacks.rc +++ b/misc/gtk/skyfall/gtk-2.0/hacks.rc @@ -1,7 +1,7 @@ # vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et: # # This file contains horrible hacks to make this theme work with some programs -# This is mostly due to the limitations of gtk2 but sometimes its the fault of +# This is mostly due to the limitations of GTK 2 but sometimes its the fault of # the programs themselves. Not going to point fingers. # # Either way, it's a WONTFIX for both, hence this horrible file. @@ -28,7 +28,7 @@ widget "vim-main-window*GtkNotebook.GtkEventBox" style "vim_notebook" class "SexySpellEntry" style:highest "normal_entry" # Chromium uses base as the fill colour of its own entries -# This would be fine but Gtk+ uses it to fill the surrounding space, so its set to bg +# This would be fine but GTK uses it to fill the surrounding space, so its set to bg # That results in Chromium using it for the fill, so we need to handle that widget_class "*Chrom*" style "chrome_entry" diff --git a/misc/gtk/skyfall/gtk-2.0/main.rc b/misc/gtk/skyfall/gtk-2.0/main.rc index c7562dd..c075192 100644 --- a/misc/gtk/skyfall/gtk-2.0/main.rc +++ b/misc/gtk/skyfall/gtk-2.0/main.rc @@ -1,9 +1,9 @@ # vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et: # # This is the main theme file, handling all the default widgets and theme -# properties. Since GTK+ 2 is old, we need to overcome some of its limitations, +# properties. Since GTK 2 is old, we need to overcome some of its limitations, # which is also mostly done in this file. Sadly not all of them can be overcome -# so there will always be a visible difference between the GTK+ 2 and 3 theme. +# so there will always be a visible difference between the GTK 2 and 3 theme. style "default" { xthickness = 1 @@ -88,7 +88,7 @@ style "default" { GtkCheckButton::indicator-size = 24 GtkCheckButton::indicator_spacing = 2 - GtkOptionMenu::indicator_spacing = {10, 10, 6, 6} + GtkOptionMenu::indicator_spacing = {8, 8, 4, 4} GtkTreeView::expander-size = 16 GtkTreeView::vertical-separator = 0 @@ -108,27 +108,27 @@ style "default" { bg[NORMAL] = @bg_color bg[PRELIGHT] = @bg_color - bg[SELECTED] = mix (0.32, @selected_bg_color, @bg_color) + bg[SELECTED] = mix (0.24, @selected_bg_color, @bg_color) bg[INSENSITIVE] = @bg_color bg[ACTIVE] = @bg_color fg[NORMAL] = @fg_color fg[PRELIGHT] = @fg_color fg[SELECTED] = @fg_color - fg[INSENSITIVE] = mix (0.4, @fg_color, @bg_color) + fg[INSENSITIVE] = mix (0.5, @fg_color, @bg_color) fg[ACTIVE] = @fg_color text[NORMAL] = @text_color text[PRELIGHT] = @text_color text[SELECTED] = @text_color - text[INSENSITIVE] = mix (0.4, @text_color, @base_color) + text[INSENSITIVE] = mix (0.5, @text_color, @base_color) text[ACTIVE] = @text_color base[NORMAL] = @base_color - base[PRELIGHT] = mix (0.05, @text_color, @base_color) - base[SELECTED] = mix (0.32, @selected_bg_color, @base_color) + base[PRELIGHT] = mix (0.08, @text_color, @base_color) + base[SELECTED] = mix (0.24, @selected_bg_color, @base_color) base[INSENSITIVE] = mix (0.5, @base_color, @bg_color) - base[ACTIVE] = mix (0.32, @selected_bg_color, @base_color) + base[ACTIVE] = mix (0.24, @selected_bg_color, @base_color) # For succinctness, all reasonable pixmap options remain here @@ -1657,7 +1657,7 @@ style "menubar" { fg[PRELIGHT] = @titlebar_fg_color fg[INSENSITIVE] = mix(0.3, @titlebar_fg_color, @titlebar_bg_color) # Needed to fix Firefox's menubar text - bg[SELECTED] = mix(0.15, @titlebar_fg_color, @titlebar_bg_color) + bg[SELECTED] = mix(0.12, @titlebar_fg_color, @titlebar_bg_color) fg[SELECTED] = @titlebar_fg_color } @@ -1666,7 +1666,7 @@ style "menubar_item" { ythickness = 4 fg[NORMAL] = mix(0.7, @titlebar_fg_color, @titlebar_bg_color) - bg[PRELIGHT] = mix(0.15, @titlebar_fg_color, @titlebar_bg_color) + bg[PRELIGHT] = mix(0.12, @titlebar_fg_color, @titlebar_bg_color) fg[PRELIGHT] = @titlebar_fg_color fg[INSENSITIVE] = mix(0.3, @titlebar_fg_color, @titlebar_bg_color) } @@ -1675,20 +1675,20 @@ style "menu" { xthickness = 0 ythickness = 0 - bg[NORMAL] = @base_color - bg[INSENSITIVE] = @base_color - bg[PRELIGHT] = @base_color - bg[SELECTED] = mix(0.15, @fg_color, @base_color) + bg[NORMAL] = @menu_color + bg[INSENSITIVE] = @menu_color + bg[PRELIGHT] = @menu_color + bg[SELECTED] = mix(0.08, @fg_color, @menu_color) } style "menu_item" { xthickness = 4 ythickness = 4 - bg[PRELIGHT] = mix(0.15, @fg_color, @base_color) + bg[PRELIGHT] = mix(0.08, @fg_color, @menu_color) fg[PRELIGHT] = @fg_color # Chromium uses this setting - bg[SELECTED] = mix(0.15, @fg_color, @base_color) + bg[SELECTED] = mix(0.08, @fg_color, @menu_color) text[SELECTED] = @fg_color # Some widgets use text, we need to handle that text[NORMAL] = @fg_color @@ -1914,15 +1914,15 @@ style "separator_menu_item" { } style "button_label" { - fg[NORMAL] = mix(0.75, @fg_color, @bg_color) + # fg[NORMAL] = mix(0.7, @fg_color, @bg_color) # fg[INSENSITIVE] = mix(0.3, @fg_color, @bg_color) font_name = "Medium" } -style "checkbutton_label" { - fg[NORMAL] = @fg_color - # fg[INSENSITIVE] = mix(0.4, @fg_color, @bg_color) +style "normal_button_label" { + # fg[NORMAL] = @fg_color + # fg[INSENSITIVE] = mix(0.5, @fg_color, @bg_color) font_name = "Regular" } @@ -1993,6 +1993,11 @@ style "link_button" { } style "entry" { + base[NORMAL] = @bg_color + base[SELECTED] = mix (0.24, @selected_bg_color, @bg_color) + base[INSENSITIVE] = @bg_color + base[ACTIVE] = mix (0.24, @selected_bg_color, @bg_color) + # We set this same as the border of the border of the entry # This way there's no overlap xthickness = 6 @@ -2005,13 +2010,51 @@ style "combobox" { # This affects only the button beside an entry GtkButton::inner-border = {0, 0, 0, 0} + + # For the sake of sanity style buttons this way + engine "pixmap" { + + ########### + # Buttons # + ########### + + image { + function = BOX + state = NORMAL + file = "assets/entry.png" + border = {8, 8, 8, 8} + stretch = TRUE + } + + image { + function = BOX + state = PRELIGHT + file = "assets/entry-hover.png" + border = {8, 8, 8, 8} + stretch = TRUE + } + + image { + function = BOX + state = ACTIVE + file = "assets/entry-active.png" + border = {8, 8, 8, 8} + stretch = TRUE + } + + image { + function = BOX + state = INSENSITIVE + file = "assets/entry-disabled.png" + border = {8, 8, 8, 8} + stretch = TRUE + } + } } style "combobox_cellview" { - text[NORMAL] = mix(0.75, @fg_color, @bg_color) + # text[NORMAL] = mix(0.7, @fg_color, @bg_color) # text[INSENSITIVE] = mix(0.3, @fg_color, @bg_color) - - font_name = "Medium" } style "combobox_entry" { @@ -2028,8 +2071,8 @@ style "combobox_entry" { function = SHADOW state = NORMAL detail = "entry" - file = "assets/combo-ltr-entry.png" - border = {8, 0, 8, 8} + file = "assets/combo-left-entry.png" + border = {8, 8, 8, 8} stretch = TRUE direction = LTR } @@ -2038,8 +2081,8 @@ style "combobox_entry" { function = SHADOW state = ACTIVE detail = "entry" - file = "assets/combo-ltr-entry-active.png" - border = {8, 0, 8, 8} + file = "assets/combo-left-entry-active.png" + border = {8, 8, 8, 8} stretch = TRUE direction = LTR } @@ -2048,8 +2091,8 @@ style "combobox_entry" { function = SHADOW state = INSENSITIVE detail = "entry" - file = "assets/combo-ltr-entry-disabled.png" - border = {8, 0, 8, 8} + file = "assets/combo-left-entry-disabled.png" + border = {8, 8, 8, 8} stretch = TRUE direction = LTR } @@ -2062,8 +2105,8 @@ style "combobox_entry" { function = SHADOW state = NORMAL detail = "entry" - file = "assets/combo-rtl-entry.png" - border = {0, 8, 8, 8} + file = "assets/combo-right-entry.png" + border = {8, 8, 8, 8} stretch = TRUE direction = RTL } @@ -2072,8 +2115,8 @@ style "combobox_entry" { function = SHADOW state = ACTIVE detail = "entry" - file = "assets/combo-rtl-entry-active.png" - border = {0, 8, 8, 8} + file = "assets/combo-right-entry-active.png" + border = {8, 8, 8, 8} stretch = TRUE direction = RTL } @@ -2082,8 +2125,8 @@ style "combobox_entry" { function = SHADOW state = INSENSITIVE detail = "entry" - file = "assets/combo-rtl-entry-disabled.png" - border = {0, 8, 8, 8} + file = "assets/combo-right-entry-disabled.png" + border = {8, 8, 8, 8} stretch = TRUE direction = RTL } @@ -2096,7 +2139,7 @@ style "combobox_entry" { function = BOX state = NORMAL detail = "button" - file = "assets/combo-ltr-button.png" + file = "assets/combo-right-entry.png" border = {0, 8, 8, 8} stretch = TRUE direction = LTR @@ -2106,7 +2149,7 @@ style "combobox_entry" { function = BOX state = PRELIGHT detail = "button" - file = "assets/combo-ltr-button-hover.png" + file = "assets/combo-right-entry-hover.png" border = {0, 8, 8, 8} stretch = TRUE direction = LTR @@ -2116,7 +2159,7 @@ style "combobox_entry" { function = BOX state = ACTIVE detail = "button" - file = "assets/combo-ltr-button-active.png" + file = "assets/combo-right-entry-active.png" border = {0, 8, 8, 8} stretch = TRUE direction = LTR @@ -2126,7 +2169,7 @@ style "combobox_entry" { function = BOX state = INSENSITIVE detail = "button" - file = "assets/combo-ltr-button-disabled.png" + file = "assets/combo-right-entry-disabled.png" border = {0, 8, 8, 8} stretch = TRUE direction = LTR @@ -2140,7 +2183,7 @@ style "combobox_entry" { function = BOX state = NORMAL detail = "button" - file = "assets/combo-rtl-button.png" + file = "assets/combo-left-entry.png" border = {8, 0, 8, 8} stretch = TRUE direction = RTL @@ -2150,7 +2193,7 @@ style "combobox_entry" { function = BOX state = PRELIGHT detail = "button" - file = "assets/combo-rtl-button-hover.png" + file = "assets/combo-left-entry-hover.png" border = {8, 0, 8, 8} stretch = TRUE direction = RTL @@ -2160,7 +2203,7 @@ style "combobox_entry" { function = BOX state = ACTIVE detail = "button" - file = "assets/combo-rtl-button-active.png" + file = "assets/combo-left-entry-active.png" border = {8, 0, 8, 8} stretch = TRUE direction = RTL @@ -2170,7 +2213,7 @@ style "combobox_entry" { function = BOX state = INSENSITIVE detail = "button" - file = "assets/combo-rtl-button-disabled.png" + file = "assets/combo-left-entry-disabled.png" border = {8, 0, 8, 8} stretch = TRUE direction = RTL @@ -2192,7 +2235,7 @@ style "notebook" { } style "notebook_tab_label" { - fg[ACTIVE] = mix(0.75, @fg_color, @bg_color) + fg[ACTIVE] = mix(0.7, @fg_color, @bg_color) font_name = "Medium" } @@ -2208,33 +2251,10 @@ style "notebook_bg" { } style "notebook_entry" { - engine "pixmap" { - image { - function = SHADOW - state = ACTIVE - detail = "entry" - file = "assets/notebook-entry-active.png" - border = {8, 8, 8, 8} - stretch = TRUE - } - - image { - function = SHADOW - state = INSENSITIVE - detail = "entry" - file = "assets/notebook-entry-disabled.png" - border = {8, 8, 8, 8} - stretch = TRUE - } - - image { - function = SHADOW - detail = "entry" - file = "assets/notebook-entry.png" - border = {8, 8, 8, 8} - stretch = TRUE - } - } + base[NORMAL] = @base_color + base[SELECTED] = mix (0.24, @selected_bg_color, @base_color) + base[INSENSITIVE] = @base_color + base[ACTIVE] = mix (0.24, @selected_bg_color, @base_color) } style "normal_bg" { @@ -2244,106 +2264,10 @@ style "normal_bg" { } style "normal_entry" { - engine "pixmap" { - image { - function = SHADOW - state = ACTIVE - detail = "entry" - file = "assets/entry-active.png" - border = {8, 8, 8, 8} - stretch = TRUE - } - - image { - function = SHADOW - state = INSENSITIVE - detail = "entry" - file = "assets/entry-disabled.png" - border = {8, 8, 8, 8} - stretch = TRUE - } - - image { - function = SHADOW - detail = "entry" - file = "assets/entry.png" - border = {8, 8, 8, 8} - stretch = TRUE - } - } -} - -style "notebook_combo" { - engine "pixmap" { - - ############# - # LTR entry # - ############# - - image { - function = SHADOW - state = NORMAL - detail = "entry" - file = "assets/notebook-combo-ltr-entry.png" - border = {8, 8, 8, 8} - stretch = TRUE - direction = LTR - } - - image { - function = SHADOW - state = ACTIVE - detail = "entry" - file = "assets/notebook-combo-ltr-entry-active.png" - border = {8, 8, 8, 8} - stretch = TRUE - direction = LTR - } - - image { - function = SHADOW - state = INSENSITIVE - detail = "entry" - file = "assets/notebook-combo-ltr-entry-disabled.png" - border = {8, 8, 8, 8} - stretch = TRUE - direction = LTR - } - - ############# - # RTL entry # - ############# - - image { - function = SHADOW - state = NORMAL - detail = "entry" - file = "assets/notebook-combo-rtl-entry.png" - border = {8, 8, 8, 8} - stretch = TRUE - direction = RTL - } - - image { - function = SHADOW - state = ACTIVE - detail = "entry" - file = "assets/notebook-combo-rtl-entry-active.png" - border = {8, 8, 8, 8} - stretch = TRUE - direction = RTL - } - - image { - function = SHADOW - state = INSENSITIVE - detail = "entry" - file = "assets/notebook-combo-rtl-entry-disabled.png" - border = {8, 8, 8, 8} - stretch = TRUE - direction = RTL - } - } + base[NORMAL] = @bg_color + base[SELECTED] = mix (0.24, @selected_bg_color, @bg_color) + base[INSENSITIVE] = @bg_color + base[ACTIVE] = mix (0.24, @selected_bg_color, @bg_color) } style "textview" { @@ -2421,7 +2345,7 @@ style "treeview_header" { xthickness = 2 ythickness = 2 - fg[NORMAL] = mix(0.75, @fg_color, @base_color) + fg[NORMAL] = mix(0.7, @fg_color, @base_color) fg[PRELIGHT] = @fg_color font_name = "Medium" @@ -2716,6 +2640,7 @@ widget_class "**" style "inline # Fix padding on regular comboboxes widget_class "*." style "combobox" +widget_class "*" style "combobox" # And disable separators on them widget_class "*.*" style "disable_separator" @@ -2751,23 +2676,19 @@ widget_class "**" style "notebo widget_class "***" style "notebook_bg" widget_class "**" style "notebook_bg" widget_class "*.*" style "notebook_bg" -widget_class "***" style "notebook_combo" -widget_class "***" style "notebook_combo" # However, stuff inside eventboxes inside notebooks is grey # again, react widget_class "***" style "normal_entry" widget_class "***" style "normal_bg" widget_class "***" style "normal_bg" -widget_class "****" style "combobox_entry" -widget_class "****" style "combobox_entry" -widget_class "***." style "combo_button_padding" # Button labels -widget_class "**" style "button_label" +widget_class "*." style "button_label" -# Checkbutton labels -widget_class "*." style "checkbutton_label" +# Normalize button labels +widget_class "*." style "normal_button_label" +widget_class "*." style "normal_button_label" # ComboBoxes tend to draw the button label with text[] # instead of fg[], we need to fix that diff --git a/misc/gtk/skyfall/gtk-3.0/gtk.css b/misc/gtk/skyfall/gtk-3.0/gtk.css index 7740e17..84cf6cc 100644 --- a/misc/gtk/skyfall/gtk-3.0/gtk.css +++ b/misc/gtk/skyfall/gtk-3.0/gtk.css @@ -1,21 +1,21 @@ -@keyframes ripple_effect { +@keyframes ripple { to { background-size: 1000% 1000%; } } -@keyframes scale_ripple_effect { +@keyframes ripple-on-slider { to { background-size: auto, 1000% 1000%; } } -@keyframes header_ripple_effect { +@keyframes ripple-on-headerbar { from { - background-image: radial-gradient(circle farthest-corner at center, #B4A1DB 0%, transparent 0%); + background-image: radial-gradient(circle, #B4A1DB 0%, transparent 0%); } to { - background-image: radial-gradient(circle farthest-corner at center, #B4A1DB 100%, transparent 0%); + background-image: radial-gradient(circle, #B4A1DB 100%, transparent 0%); } } @@ -27,8 +27,8 @@ -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 24; -GtkWidget-text-handle-height: 24; - -GtkDialog-button-spacing: 4; - -GtkDialog-action-area-border: 0; + -GtkDialog-button-spacing: 6; + -GtkDialog-action-area-border: 6; outline-style: solid; outline-width: 2px; outline-color: transparent; @@ -37,16 +37,15 @@ -gtk-secondary-caret-color: #B4A1DB; } -notebook:focus tab, *:focus { - outline-color: alpha(currentColor, 0.24); + outline-color: alpha(currentColor, 0.12); } /*************** * Base States * ***************/ .background { - background-color: #20262C; + background-color: #282F37; color: #F1FCF9; } @@ -61,32 +60,32 @@ notebook:focus tab, } .gtkstyle-fallback { - background-color: #20262C; + background-color: #282F37; color: #F1FCF9; } .gtkstyle-fallback:hover { - background-color: #15191d; + background-color: #1d2228; color: #F1FCF9; } .gtkstyle-fallback:active { - background-color: #0b0d0e; + background-color: #131619; color: #F1FCF9; } .gtkstyle-fallback:disabled { - background-color: #20262C; + background-color: #282F37; color: rgba(241, 252, 249, 0.5); } .gtkstyle-fallback:selected { background-color: #B4A1DB; - color: white; + color: rgba(0, 0, 0, 0.87); } .view { - background-color: #20262C; + background-color: #282F37; color: #F1FCF9; } @@ -107,11 +106,11 @@ notebook:focus tab, } textview text { - background-color: #20262C; + background-color: #282F37; } textview border { - background-color: #20262c; + background-color: #282f37; color: rgba(241, 252, 249, 0.7); } @@ -122,8 +121,8 @@ treeview.view rubberband, .content-view rubberband, .content-view .rubberband, XfdesktopIconView.view .rubberband { - border: 1px solid #d4c1fb; - background-color: rgba(212, 193, 251, 0.3); + border: 1px solid #B4A1DB; + background-color: rgba(180, 161, 219, 0.3); } flowbox flowboxchild { @@ -133,7 +132,6 @@ flowbox flowboxchild { .content-view .tile:selected { background-color: transparent; - color: inherit; } label { @@ -141,7 +139,7 @@ label { } label.separator { - color: #F1FCF9; + color: rgba(241, 252, 249, 0.7); } label:disabled { @@ -154,9 +152,14 @@ button label:disabled { color: inherit; } -.dim-label, label.separator, .titlebar:not(headerbar) .subtitle, -headerbar .subtitle, .budgie-notification .notification-body, .budgie-switcher .notification-body { - opacity: 0.6; +label.osd { + border-radius: 6px; + background-color: rgba(40, 47, 55, 0.9); + color: white; +} + +.dim-label { + color: rgba(241, 252, 249, 0.7); } assistant .sidebar { @@ -206,9 +209,10 @@ entry { min-height: 32px; padding: 0 8px; border-radius: 6px 6px 0 0; - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); + caret-color: currentColor; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #B4A1DB 0%, transparent 0%) 0 0 0/0 0 0px; - box-shadow: inset 0 -1px rgba(241, 252, 249, 0.3); + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(241, 252, 249, 0.3); background-color: rgba(241, 252, 249, 0.04); color: #F1FCF9; } @@ -216,17 +220,21 @@ entry { spinbutton:focus:not(.vertical), entry:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #B4A1DB 100%, transparent 0%) 0 0 2/0 0 2px; - box-shadow: inset 0 -1px rgba(241, 252, 249, 0.3); +} + +spinbutton:drop(active):not(.vertical), +entry:drop(active) { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), inset 0 -1px rgba(241, 252, 249, 0.3); } spinbutton:disabled:not(.vertical), entry:disabled { - box-shadow: inset 0 -1px rgba(241, 252, 249, 0.12); + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(241, 252, 249, 0.12); background-color: rgba(241, 252, 249, 0.04); color: rgba(241, 252, 249, 0.5); } -spinbutton.flat:not(.vertical), entry.preferences-search, layoutpane entry.search, editortweak entry.search, +spinbutton.flat:not(.vertical), entry.flat { min-height: 0; padding: 2px; @@ -265,7 +273,7 @@ entry image.right { spinbutton:not(.vertical) undershoot.left, entry undershoot.left { background-color: transparent; - background-image: linear-gradient(to top, rgba(32, 38, 44, 0.3) 50%, rgba(241, 252, 249, 0.3) 50%); + background-image: linear-gradient(to top, transparent 50%, rgba(241, 252, 249, 0.3) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; @@ -276,7 +284,7 @@ entry undershoot.left { spinbutton:not(.vertical) undershoot.right, entry undershoot.right { background-color: transparent; - background-image: linear-gradient(to top, rgba(32, 38, 44, 0.3) 50%, rgba(241, 252, 249, 0.3) 50%); + background-image: linear-gradient(to top, transparent 50%, rgba(241, 252, 249, 0.3) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; @@ -286,9 +294,9 @@ entry undershoot.right { spinbutton.error:not(.vertical), entry.error { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #ff886c 0%, transparent 0%) 0 0 0/0 0 0px; - box-shadow: inset 0 -1px #ff886c; + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px #ff886c; background-color: rgba(241, 252, 249, 0.04); color: #F1FCF9; } @@ -296,21 +304,20 @@ entry.error { spinbutton.error:focus:not(.vertical), entry.error:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #ff886c 100%, transparent 0%) 0 0 2/0 0 2px; - box-shadow: inset 0 -1px #ff886c; } spinbutton.error:disabled:not(.vertical), entry.error:disabled { - box-shadow: inset 0 -1px rgba(241, 252, 249, 0.12); + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(241, 252, 249, 0.12); background-color: rgba(241, 252, 249, 0.04); color: rgba(241, 252, 249, 0.5); } spinbutton.warning:not(.vertical), entry.warning { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #e3983f 0%, transparent 0%) 0 0 0/0 0 0px; - box-shadow: inset 0 -1px #e3983f; + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px #e3983f; background-color: rgba(241, 252, 249, 0.04); color: #F1FCF9; } @@ -318,107 +325,110 @@ entry.warning { spinbutton.warning:focus:not(.vertical), entry.warning:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #e3983f 100%, transparent 0%) 0 0 2/0 0 2px; - box-shadow: inset 0 -1px #e3983f; } spinbutton.warning:disabled:not(.vertical), entry.warning:disabled { - box-shadow: inset 0 -1px rgba(241, 252, 249, 0.12); + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(241, 252, 249, 0.12); background-color: rgba(241, 252, 249, 0.04); color: rgba(241, 252, 249, 0.5); } spinbutton:not(.vertical) progress, entry progress { - margin: 2px -6px; + margin: 2px -8px; border-bottom: 2px solid #B4A1DB; background-color: transparent; } spinbutton.vertical entry, .gedit-search-slider .linked:not(.vertical) > entry { border-radius: 6px; - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-image: none; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #20262C; + box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); + background-color: #282F37; color: #F1FCF9; } spinbutton.vertical entry:focus, .gedit-search-slider .linked:not(.vertical) > entry:focus { border-image: none; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); +} + +spinbutton.vertical entry:drop(active), .gedit-search-slider .linked:not(.vertical) > entry:drop(active) { + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } spinbutton.vertical entry:disabled, .gedit-search-slider .linked:not(.vertical) > entry:disabled { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #20262c; + box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); + background-color: #282f37; color: rgba(241, 252, 249, 0.5); } spinbutton.vertical entry.error, .gedit-search-slider .linked:not(.vertical) > entry.error { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-image: none; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); background-color: #ff886c; - color: white; + color: rgba(0, 0, 0, 0.87); } spinbutton.vertical entry.error:focus, .gedit-search-slider .linked:not(.vertical) > entry.error:focus { border-image: none; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } spinbutton.vertical entry.error:disabled, .gedit-search-slider .linked:not(.vertical) > entry.error:disabled { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #20262c; + box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); + background-color: #282f37; color: rgba(241, 252, 249, 0.5); } spinbutton.vertical entry.error image, .gedit-search-slider .linked:not(.vertical) > entry.error image { - color: rgba(255, 255, 255, 0.7); + color: rgba(0, 0, 0, 0.6); } spinbutton.vertical entry.error image:hover, .gedit-search-slider .linked:not(.vertical) > entry.error image:hover, spinbutton.vertical entry.error image:active, .gedit-search-slider .linked:not(.vertical) > entry.error image:active { - color: white; + color: rgba(0, 0, 0, 0.87); } spinbutton.vertical entry.error image:disabled, .gedit-search-slider .linked:not(.vertical) > entry.error image:disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(0, 0, 0, 0.38); } spinbutton.vertical entry.warning, .gedit-search-slider .linked:not(.vertical) > entry.warning { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-image: none; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); background-color: #e3983f; - color: white; + color: rgba(0, 0, 0, 0.87); } spinbutton.vertical entry.warning:focus, .gedit-search-slider .linked:not(.vertical) > entry.warning:focus { border-image: none; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } spinbutton.vertical entry.warning:disabled, .gedit-search-slider .linked:not(.vertical) > entry.warning:disabled { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #20262c; + box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); + background-color: #282f37; color: rgba(241, 252, 249, 0.5); } spinbutton.vertical entry.warning image, .gedit-search-slider .linked:not(.vertical) > entry.warning image { - color: rgba(255, 255, 255, 0.7); + color: rgba(0, 0, 0, 0.6); } spinbutton.vertical entry.warning image:hover, .gedit-search-slider .linked:not(.vertical) > entry.warning image:hover, spinbutton.vertical entry.warning image:active, .gedit-search-slider .linked:not(.vertical) > entry.warning image:active { - color: white; + color: rgba(0, 0, 0, 0.87); } spinbutton.vertical entry.warning image:disabled, .gedit-search-slider .linked:not(.vertical) > entry.warning image:disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(0, 0, 0, 0.38); } treeview entry.flat, treeview entry { - background-color: #20262C; + background-color: #282F37; } treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus { @@ -435,7 +445,7 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f } .entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover { - background-image: image(rgba(241, 252, 249, 0.12)); + background-image: image(alpha(currentColor, 0.08)); } :dir(ltr) .entry-tag, :dir(ltr) .documents-entry-tag, :dir(ltr) .photos-entry-tag { @@ -464,7 +474,7 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f /*********** * Buttons * ***********/ -@keyframes needs_attention { +@keyframes needs-attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#B4A1DB), to(transparent)); } @@ -480,10 +490,11 @@ button { padding: 4px 8px; border-radius: 6px; font-weight: 500; - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 9999px transparent; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + box-shadow: inset 0 0 0 9999px transparent, 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12); background-color: #282F37; - background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; @@ -491,19 +502,23 @@ button { } -button:hover { - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px transparent; - color: #F1FCF9; +button:focus { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); +} + + +button:hover, +button:drop(active) { + box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } button:active { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; - animation: ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px alpha(currentColor, 0.08); - background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), 0 5px 3px -3px rgba(0, 0, 0, 0.2), 0 8px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 8.4px 2px rgba(0, 0, 0, 0.12); + background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); background-size: 0% 0%; - color: #F1FCF9; } @@ -516,86 +531,155 @@ button:disabled { button:checked { background-color: #B4A1DB; - color: white; + color: rgba(0, 0, 0, 0.87); } button:checked:disabled { - background-color: rgba(241, 252, 249, 0.12); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12); + background-color: rgba(241, 252, 249, 0.04); color: rgba(241, 252, 249, 0.5); } modelbutton.flat, -.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button, -popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check, -radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider .linked > button, popover.messagepopover .popover-action-area button, #mate-menu button, .budgie-settings-window buttonbox.inline-toolbar button, .raven .raven-header:not(.top) button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, .lightdm-gtk-greeter button, :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) .path-bar button, layouttabbar button, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, toolbar button, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), -headerbar button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button, filechooser #pathbarbox > stack > box > button, .nemo-window .toolbar button, +.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, notebook > header > tabs > arrow, scrollbar button, check, +radio, calendar.button, button.sidebar-button, .gedit-search-slider .linked > button, popover.messagepopover .popover-action-area button, #MatePanelPopupWindow button, #mate-menu button, .budgie-settings-window buttonbox.inline-toolbar button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, combobox > .linked:not(.vertical) > button:not(:only-child), .caja-pathbar button, +.path-bar.linked:not(.vertical) > button, layouttabbar button, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, .xfce4-panel.background button, toolbar button, .titlebar button:not(.suggested-action):not(.destructive-action), popover.background.menu button, +popover.background button.model, actionbar > revealer > box button:not(.suggested-action):not(.destructive-action), .app-notification button, messagedialog.csd .dialog-action-box button, filechooser #pathbarbox > stack > box > button, infobar.info button, infobar.question button, .lock-dialog button, .lightdm-gtk-greeter button, .nemo-window .toolbar button, button.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + outline: none; box-shadow: inset 0 0 0 9999px transparent; background-color: transparent; - background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; color: rgba(241, 252, 249, 0.7); } +modelbutton.flat:focus, +.menuitem.button.flat:focus, spinbutton:not(.vertical) button:focus, spinbutton.vertical button:focus, notebook > header > tabs > arrow:focus, scrollbar button:focus, check:focus, +radio:focus, calendar.button:focus, button.sidebar-button:focus, .gedit-search-slider .linked > button:focus, popover.messagepopover .popover-action-area button:focus, #MatePanelPopupWindow button:focus, #mate-menu button:focus, .budgie-settings-window buttonbox.inline-toolbar button:focus, .drop-shadow button:focus, .budgie-session-dialog .linked.horizontal > button:focus, combobox > .linked:not(.vertical) > button:focus:not(:only-child), .caja-pathbar button:focus, +.path-bar.linked:not(.vertical) > button:focus, layouttabbar button:focus, .mate-panel-menu-bar button:focus, .budgie-panel button:focus, .raven stackswitcher.linked > button:focus, .xfce4-panel.background button:focus, toolbar button:focus, .titlebar button:focus:not(.suggested-action):not(.destructive-action), popover.background.menu button:focus, +popover.background button.model:focus, actionbar > revealer > box button:focus:not(.suggested-action):not(.destructive-action), .app-notification button:focus, messagedialog.csd .dialog-action-box button:focus, filechooser #pathbarbox > stack > box > button:focus, infobar.info button:focus, infobar.question button:focus, .lock-dialog button:focus, .lightdm-gtk-greeter button:focus, .nemo-window .toolbar button:focus, +button.flat:focus { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); + color: #F1FCF9; +} + modelbutton.flat:hover, -.menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover, -popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover, -radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider .linked > button:hover, popover.messagepopover .popover-action-area button:hover, #mate-menu button:hover, .budgie-settings-window buttonbox.inline-toolbar button:hover, .raven .raven-header:not(.top) button:hover, .drop-shadow button:hover, .budgie-session-dialog .linked.horizontal > button:hover, .lightdm-gtk-greeter button:hover, :not(headerbar) .caja-pathbar button:hover, .caja-pathbar :not(headerbar) button:hover, :not(headerbar) .path-bar button:hover, layouttabbar button:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, toolbar button:hover, .titlebar:not(headerbar) button:hover:not(.suggested-action):not(.destructive-action), -headerbar button:hover:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:hover, filechooser #pathbarbox > stack > box > button:hover, .nemo-window .toolbar button:hover, -button.flat:hover { +.menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, +spinbutton:not(.vertical) button:drop(active), spinbutton.vertical button:hover, +spinbutton.vertical button:drop(active), notebook > header > tabs > arrow:hover, scrollbar button:hover, +scrollbar button:drop(active), check:hover, +radio:hover, calendar.button:hover, button.sidebar-button:hover, +button.sidebar-button:drop(active), .gedit-search-slider .linked > button:hover, +.gedit-search-slider .linked > button:drop(active), popover.messagepopover .popover-action-area button:hover, +popover.messagepopover .popover-action-area button:drop(active), #MatePanelPopupWindow button:hover, +#MatePanelPopupWindow button:drop(active), #mate-menu button:hover, +#mate-menu button:drop(active), .budgie-settings-window buttonbox.inline-toolbar button:hover, +.budgie-settings-window buttonbox.inline-toolbar button:drop(active), .drop-shadow button:hover, +.drop-shadow button:drop(active), .budgie-session-dialog .linked.horizontal > button:hover, +.budgie-session-dialog .linked.horizontal > button:drop(active), combobox > .linked:not(.vertical) > button:hover:not(:only-child), +combobox > .linked:not(.vertical) > button:not(:only-child):drop(active), .caja-pathbar button:hover, +.caja-pathbar button:drop(active), +.path-bar.linked:not(.vertical) > button:hover, +.path-bar.linked:not(.vertical) > button:drop(active), layouttabbar button:hover, +layouttabbar button:drop(active), .mate-panel-menu-bar button:hover, +.mate-panel-menu-bar button:drop(active), .budgie-panel button:hover, +.budgie-panel button:drop(active), .raven stackswitcher.linked > button:hover, +.raven stackswitcher.linked > button:drop(active), .xfce4-panel.background button:hover, +.xfce4-panel.background button:drop(active), toolbar button:hover, +toolbar button:drop(active), .titlebar button:hover:not(.suggested-action):not(.destructive-action), +.titlebar button:not(.suggested-action):not(.destructive-action):drop(active), popover.background.menu button:hover, +popover.background.menu button:drop(active), +popover.background button.model:hover, +popover.background button.model:drop(active), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action), +actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):drop(active), .app-notification button:hover, +.app-notification button:drop(active), messagedialog.csd .dialog-action-box button:hover, +messagedialog.csd .dialog-action-box button:drop(active), filechooser #pathbarbox > stack > box > button:hover, +filechooser #pathbarbox > stack > box > button:drop(active), infobar.info button:hover, +infobar.info button:drop(active), infobar.question button:hover, +infobar.question button:drop(active), .lock-dialog button:hover, +.lock-dialog button:drop(active), .lightdm-gtk-greeter button:hover, +.lightdm-gtk-greeter button:drop(active), .nemo-window .toolbar button:hover, +.nemo-window .toolbar button:drop(active), +button.flat:hover, +toolbar button:drop(active), +.titlebar button:drop(active):not(.suggested-action):not(.destructive-action), +popover.background.menu button:drop(active), +popover.background button.model:drop(active), +actionbar > revealer > box button:drop(active):not(.suggested-action):not(.destructive-action), +.app-notification button:drop(active), +messagedialog.csd .dialog-action-box button:drop(active), +filechooser #pathbarbox > stack > box > button:drop(active), +infobar.info button:drop(active), +infobar.question button:drop(active), +.lock-dialog button:drop(active), +.lightdm-gtk-greeter button:drop(active), +.nemo-window .toolbar button:drop(active), +button.flat:drop(active) { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); color: #F1FCF9; } modelbutton.flat:active, -.menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active, -popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active, -radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider .linked > button:active, popover.messagepopover .popover-action-area button:active, #mate-menu button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, .raven .raven-header:not(.top) button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, .lightdm-gtk-greeter button:active, :not(headerbar) .caja-pathbar button:active, .caja-pathbar :not(headerbar) button:active, :not(headerbar) .path-bar button:active, layouttabbar button:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, toolbar button:active, .titlebar:not(headerbar) button:active:not(.suggested-action):not(.destructive-action), -headerbar button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:active, filechooser #pathbarbox > stack > box > button:active, .nemo-window .toolbar button:active, +.menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active, +radio:active, calendar.button:active, button.sidebar-button:active, .gedit-search-slider .linked > button:active, popover.messagepopover .popover-action-area button:active, #MatePanelPopupWindow button:active, #mate-menu button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, combobox > .linked:not(.vertical) > button:active:not(:only-child), .caja-pathbar button:active, +.path-bar.linked:not(.vertical) > button:active, layouttabbar button:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .xfce4-panel.background button:active, toolbar button:active, .titlebar button:active:not(.suggested-action):not(.destructive-action), popover.background.menu button:active, +popover.background button.model:active, actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action), .app-notification button:active, messagedialog.csd .dialog-action-box button:active, filechooser #pathbarbox > stack > box > button:active, infobar.info button:active, infobar.question button:active, .lock-dialog button:active, .lightdm-gtk-greeter button:active, .nemo-window .toolbar button:active, button.flat:active { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; - animation: ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); - background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%); + background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); background-size: 0% 0%; color: #F1FCF9; } modelbutton.flat:disabled, -.menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled, -popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled, -radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider .linked > button:disabled, popover.messagepopover .popover-action-area button:disabled, #mate-menu button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, .raven .raven-header:not(.top) button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, .lightdm-gtk-greeter button:disabled, :not(headerbar) .caja-pathbar button:disabled, .caja-pathbar :not(headerbar) button:disabled, :not(headerbar) .path-bar button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, toolbar button:disabled, .titlebar:not(headerbar) button:disabled:not(.suggested-action):not(.destructive-action), -headerbar button:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:disabled, filechooser #pathbarbox > stack > box > button:disabled, .nemo-window .toolbar button:disabled, +.menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled, +radio:disabled, calendar.button:disabled, button.sidebar-button:disabled, .gedit-search-slider .linked > button:disabled, popover.messagepopover .popover-action-area button:disabled, #MatePanelPopupWindow button:disabled, #mate-menu button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, combobox > .linked:not(.vertical) > button:disabled:not(:only-child), .caja-pathbar button:disabled, +.path-bar.linked:not(.vertical) > button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .xfce4-panel.background button:disabled, toolbar button:disabled, .titlebar button:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:disabled, +popover.background button.model:disabled, actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action), .app-notification button:disabled, messagedialog.csd .dialog-action-box button:disabled, filechooser #pathbarbox > stack > box > button:disabled, infobar.info button:disabled, infobar.question button:disabled, .lock-dialog button:disabled, .lightdm-gtk-greeter button:disabled, .nemo-window .toolbar button:disabled, button.flat:disabled { box-shadow: none; background-color: transparent; color: rgba(241, 252, 249, 0.3); } -:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .path-bar button:checked, layouttabbar button:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, toolbar button:checked, .titlebar:not(headerbar) button:checked:not(.suggested-action):not(.destructive-action), -headerbar button:checked:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked, filechooser #pathbarbox > stack > box > button:checked, .nemo-window .toolbar button:checked, +combobox > .linked:not(.vertical) > button:checked:not(:only-child), .caja-pathbar button:checked, +.path-bar.linked:not(.vertical) > button:checked, layouttabbar button:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .xfce4-panel.background button:checked, toolbar button:checked, .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:checked:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked, +popover.background button.model:checked, actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action), .app-notification button:checked, messagedialog.csd .dialog-action-box button:checked, filechooser #pathbarbox > stack > box > button:checked, infobar.info button:checked, infobar.question button:checked, .lock-dialog button:checked, .lightdm-gtk-greeter button:checked, .nemo-window .toolbar button:checked, button.flat:checked { - background-color: alpha(currentColor, 0.24); + background-color: alpha(currentColor, 0.12); color: #F1FCF9; } -:not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) .path-bar button:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, toolbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled:not(.suggested-action):not(.destructive-action), -headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, .nemo-window .toolbar button:checked:disabled, +combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), .caja-pathbar button:checked:disabled, +.path-bar.linked:not(.vertical) > button:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .xfce4-panel.background button:checked:disabled, toolbar button:checked:disabled, .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:checked:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:disabled, +popover.background button.model:checked:disabled, actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action), .app-notification button:checked:disabled, messagedialog.csd .dialog-action-box button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, infobar.info button:checked:disabled, infobar.question button:checked:disabled, .lock-dialog button:checked:disabled, .lightdm-gtk-greeter button:checked:disabled, .nemo-window .toolbar button:checked:disabled, button.flat:checked:disabled { - background-color: rgba(241, 252, 249, 0.12); + background-color: alpha(currentColor, 0.12); color: rgba(241, 252, 249, 0.5); } button.text-button { + min-width: 32px; padding-left: 16px; padding-right: 16px; } +toolbar button.text-button, .titlebar button.text-button:not(.suggested-action):not(.destructive-action), popover.background.menu button.text-button, +popover.background button.text-button.model, actionbar > revealer > box button.text-button:not(.suggested-action):not(.destructive-action), .app-notification button.text-button, messagedialog.csd .dialog-action-box button.text-button, filechooser #pathbarbox > stack > box > button.text-button, infobar.info button.text-button, infobar.question button.text-button, .lock-dialog button.text-button, .lightdm-gtk-greeter button.text-button, .nemo-window .toolbar button.text-button, +button.text-button.flat { + min-width: 48px; + padding-left: 8px; + padding-right: 8px; +} + button.image-button { min-width: 24px; @@ -604,8 +688,9 @@ button.image-button { button.text-button.image-button { + min-width: 24px; + padding: 4px; border-radius: 6px; - -gtk-outline-radius: 6px; } @@ -618,61 +703,82 @@ button.text-button.image-button label:last-child { margin-right: 12px; } +toolbar button.text-button.image-button label:first-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, popover.background.menu button.text-button.image-button label:first-child, popover.background button.text-button.image-button.model label:first-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, .app-notification button.text-button.image-button label:first-child, messagedialog.csd .dialog-action-box button.text-button.image-button label:first-child, filechooser #pathbarbox > stack > box > button.text-button.image-button label:first-child, infobar.info button.text-button.image-button label:first-child, infobar.question button.text-button.image-button label:first-child, .lock-dialog button.text-button.image-button label:first-child, .lightdm-gtk-greeter button.text-button.image-button label:first-child, .nemo-window .toolbar button.text-button.image-button label:first-child, +button.text-button.image-button.flat label:first-child { + margin-left: 8px; +} + +toolbar button.text-button.image-button label:last-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, popover.background.menu button.text-button.image-button label:last-child, popover.background button.text-button.image-button.model label:last-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, .app-notification button.text-button.image-button label:last-child, messagedialog.csd .dialog-action-box button.text-button.image-button label:last-child, filechooser #pathbarbox > stack > box > button.text-button.image-button label:last-child, infobar.info button.text-button.image-button label:last-child, infobar.question button.text-button.image-button label:last-child, .lock-dialog button.text-button.image-button label:last-child, .lightdm-gtk-greeter button.text-button.image-button label:last-child, .nemo-window .toolbar button.text-button.image-button label:last-child, +button.text-button.image-button.flat label:last-child { + margin-right: 8px; +} + button.text-button.image-button image:not(:only-child) { margin: 0 4px; } -toolbar .linked > button, .titlebar:not(headerbar) .linked > button:not(.suggested-action):not(.destructive-action), -headerbar .linked > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button, filechooser #pathbarbox > stack > box.linked > button, .nemo-window .toolbar .linked > button, -toolbar .linked.vertical > button, -.titlebar:not(headerbar) .linked.vertical > button:not(.suggested-action):not(.destructive-action), -headerbar .linked.vertical > button:not(.suggested-action):not(.destructive-action), -actionbar > revealer > box .linked.vertical > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), -.app-notification .linked.vertical > button, -filechooser #pathbarbox > stack > box.linked.vertical > button, -.nemo-window .toolbar .linked.vertical > button, .linked > -button.flat, +toolbar .linked:not(.vertical) > button:not(:only-child), .titlebar .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), popover.background.menu .linked:not(.vertical) > button:not(:only-child), +popover.background .linked:not(.vertical) > button.model:not(:only-child), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child), messagedialog.csd .dialog-action-box .linked:not(.vertical) > button:not(:only-child), filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child), infobar.info .linked:not(.vertical) > button:not(:only-child), infobar.question .linked:not(.vertical) > button:not(:only-child), .lock-dialog .linked:not(.vertical) > button:not(:only-child), .lightdm-gtk-greeter .linked:not(.vertical) > button:not(:only-child), .nemo-window .toolbar .linked:not(.vertical) > button:not(:only-child), +toolbar .linked.vertical > button:not(:only-child), +.titlebar .linked.vertical > button:not(:only-child):not(.suggested-action):not(.destructive-action), +popover.background.menu .linked.vertical > button:not(:only-child), +popover.background .linked.vertical > button.model:not(:only-child), +actionbar > revealer > box .linked.vertical > button:not(:only-child):not(.suggested-action):not(.destructive-action), +.app-notification .linked.vertical > button:not(:only-child), +messagedialog.csd .dialog-action-box .linked.vertical > button:not(:only-child), +filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child), +infobar.info .linked.vertical > button:not(:only-child), +infobar.question .linked.vertical > button:not(:only-child), +.lock-dialog .linked.vertical > button:not(:only-child), +.lightdm-gtk-greeter .linked.vertical > button:not(:only-child), +.nemo-window .toolbar .linked.vertical > button:not(:only-child), .linked:not(.vertical) > +button.flat:not(:only-child), .linked.vertical > -button.flat { +button.flat:not(:only-child) { border-radius: 6px; } -toolbar .linked > button.text-button.image-button, .titlebar:not(headerbar) .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action), -headerbar .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.text-button.image-button, filechooser #pathbarbox > stack > box.linked > button.text-button.image-button, .nemo-window .toolbar .linked > button.text-button.image-button, -toolbar .linked.vertical > button.text-button.image-button, -.titlebar:not(headerbar) .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), -headerbar .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), -actionbar > revealer > box .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), -.app-notification .linked.vertical > button.text-button.image-button, -filechooser #pathbarbox > stack > box.linked.vertical > button.text-button.image-button, -.nemo-window .toolbar .linked.vertical > button.text-button.image-button, .linked > -button.flat.text-button.image-button, +toolbar .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .titlebar .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), popover.background.menu .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), +popover.background .linked:not(.vertical) > button.model:not(:only-child).image-button:not(.text-button), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), messagedialog.csd .dialog-action-box .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), infobar.info .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), infobar.question .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .lock-dialog .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .lightdm-gtk-greeter .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .nemo-window .toolbar .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), +toolbar .linked.vertical > button:not(:only-child).image-button:not(.text-button), +.titlebar .linked.vertical > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), +popover.background.menu .linked.vertical > button:not(:only-child).image-button:not(.text-button), +popover.background .linked.vertical > button.model:not(:only-child).image-button:not(.text-button), +actionbar > revealer > box .linked.vertical > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), +.app-notification .linked.vertical > button:not(:only-child).image-button:not(.text-button), +messagedialog.csd .dialog-action-box .linked.vertical > button:not(:only-child).image-button:not(.text-button), +filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child).image-button:not(.text-button), +infobar.info .linked.vertical > button:not(:only-child).image-button:not(.text-button), +infobar.question .linked.vertical > button:not(:only-child).image-button:not(.text-button), +.lock-dialog .linked.vertical > button:not(:only-child).image-button:not(.text-button), +.lightdm-gtk-greeter .linked.vertical > button:not(:only-child).image-button:not(.text-button), +.nemo-window .toolbar .linked.vertical > button:not(:only-child).image-button:not(.text-button), .linked:not(.vertical) > +button.flat:not(:only-child).image-button:not(.text-button), .linked.vertical > -button.flat.text-button.image-button { - border-radius: 6px; - -gtk-outline-radius: 6px; +button.flat:not(:only-child).image-button:not(.text-button) { + border-radius: 9999px; } -infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, .raven-mpris button.image-button, .xfce4-panel.background button { +infobar.error button.flat, .mate-panel-menu-bar button, .budgie-panel button, .raven-mpris button.image-button, .xfce4-panel.background button { color: rgba(255, 255, 255, 0.7); } -infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, .raven-mpris button.image-button:hover, .xfce4-panel.background button:hover, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .raven-mpris button.image-button:active, .xfce4-panel.background button:active { +infobar.error button.flat:focus, .mate-panel-menu-bar button:focus, .budgie-panel button:focus, .raven-mpris button.image-button:focus, .xfce4-panel.background button:focus, infobar.error button.flat:hover, infobar.error toolbar button:drop(active), toolbar infobar.error button:drop(active), infobar.error .titlebar button:drop(active):not(.suggested-action):not(.destructive-action), .titlebar infobar.error button:drop(active):not(.suggested-action):not(.destructive-action), infobar.error popover.background.menu button:drop(active), popover.background.menu infobar.error button:drop(active), +infobar.error popover.background button.model:drop(active), popover.background infobar.error button.model:drop(active), infobar.error actionbar > revealer > box button:drop(active):not(.suggested-action):not(.destructive-action), actionbar > revealer > box infobar.error button:drop(active):not(.suggested-action):not(.destructive-action), infobar.error .app-notification button:drop(active), .app-notification infobar.error button:drop(active), infobar.error messagedialog.csd .dialog-action-box button:drop(active), messagedialog.csd .dialog-action-box infobar.error button:drop(active), infobar.error filechooser #pathbarbox > stack > box > button:drop(active), filechooser infobar.error #pathbarbox > stack > box > button:drop(active), infobar.error infobar.info button:drop(active), infobar.info infobar.error button:drop(active), infobar.error infobar.question button:drop(active), infobar.question infobar.error button:drop(active), infobar.error .lock-dialog button:drop(active), .lock-dialog infobar.error button:drop(active), infobar.error .lightdm-gtk-greeter button:drop(active), .lightdm-gtk-greeter infobar.error button:drop(active), infobar.error .nemo-window .toolbar button:drop(active), .nemo-window .toolbar infobar.error button:drop(active), +infobar.error button.flat:drop(active), .mate-panel-menu-bar button:hover, +.mate-panel-menu-bar button:drop(active), .budgie-panel button:hover, +.budgie-panel button:drop(active), .raven-mpris button.image-button:hover, +.raven-mpris button.image-button:drop(active), .xfce4-panel.background button:hover, +.xfce4-panel.background button:drop(active), infobar.error button.flat:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven-mpris button.image-button:active, .xfce4-panel.background button:active, infobar.error button.flat:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven-mpris button.image-button:checked, .xfce4-panel.background button:checked { color: white; } -infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .raven-mpris button.image-button:disabled, .xfce4-panel.background button:disabled { +infobar.error button.flat:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven-mpris button.image-button:disabled, .xfce4-panel.background button:disabled { color: rgba(255, 255, 255, 0.3); } -infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .raven-mpris button.image-button:checked, .xfce4-panel.background button:checked { - background-color: rgba(255, 255, 255, 0.3); - color: white; -} - -infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .raven-mpris button.image-button:checked:disabled, .xfce4-panel.background button:checked:disabled { - background-color: rgba(255, 255, 255, 0.12); +infobar.error button.flat:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven-mpris button.image-button:checked:disabled, .xfce4-panel.background button:checked:disabled { color: rgba(255, 255, 255, 0.5); } @@ -694,7 +800,7 @@ button.osd:disabled { button.suggested-action { background-color: #B4A1DB; - color: white; + color: rgba(0, 0, 0, 0.87); } @@ -706,7 +812,7 @@ button.suggested-action:disabled { button.suggested-action:checked { - background-color: #cbbde6; + background-color: rgba(135, 121, 165, 0.961); } @@ -730,7 +836,7 @@ button.suggested-action.flat:checked { button.destructive-action { background-color: #ff886c; - color: white; + color: rgba(0, 0, 0, 0.87); } @@ -742,7 +848,7 @@ button.destructive-action:disabled { button.destructive-action:checked { - background-color: #ffac98; + background-color: rgba(192, 102, 81, 0.961); } @@ -763,35 +869,16 @@ button.destructive-action.flat:checked { background-color: rgba(255, 136, 108, 0.3); } -.stack-switcher > -button { - outline-offset: -4px; -} - .stack-switcher > button > label { - padding-left: 6px; - padding-right: 6px; + margin: 0 -6px; + padding: 0 6px; } .stack-switcher > button > image { - padding-left: 6px; - padding-right: 6px; - padding-top: 3px; - padding-bottom: 3px; -} - -.stack-switcher > -button.text-button { - padding-left: 10px; - padding-right: 10px; -} - -.stack-switcher > -button.image-button { - padding-left: 2px; - padding-right: 2px; + margin: -3px -6px; + padding: 3px 6px; } .stack-switcher > @@ -808,15 +895,11 @@ button { } -button.image-button, toolbar .linked > button.image-button, .titlebar:not(headerbar) .linked > button.image-button:not(.suggested-action):not(.destructive-action), -headerbar .linked > button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.image-button, .nemo-window .toolbar .linked > button.image-button, toolbar .linked.vertical > button.image-button, -headerbar .linked.vertical > button.image-button:not(.suggested-action):not(.destructive-action), .app-notification .linked.vertical > button.image-button, .nemo-window .toolbar .linked.vertical > button.image-button, .linked > button.flat.image-button, -.linked.vertical > button.flat.image-button, .inline-toolbar button:not(.text-button), check, -radio, filechooser #pathbarbox > stack > box > button, button.titlebutton, .disclosure-button, .nautilus-window headerbar > revealer > button, .raven .raven-header:not(.top) button.image-button, .raven .expander-button, +button.image-button, .inline-toolbar button:not(.text-button), check, +radio, filechooser #pathbarbox > stack > box > button, button.titlebutton, .linked:not(.vertical) > button.disclosure-button:not(.suggested-action):not(.destructive-action):not(:only-child), .nautilus-window headerbar revealer > button, .raven .expander-button, button.close, button.circular { border-radius: 9999px; - -gtk-outline-radius: 9999px; } spinbutton:not(.vertical) button, notebook > header tab button.flat, button.sidebar-button, .nautilus-window .floating-bar button, .gedit-document-panel row button.flat, .gedit-search-slider .linked > button, .pluma-window paned.horizontal box.vertical box.horizontal button.flat { @@ -824,82 +907,67 @@ spinbutton:not(.vertical) button, notebook > header tab button.flat, button.side min-width: 24px; padding: 0; border-radius: 9999px; - -gtk-outline-radius: 9999px; } .stack-switcher > button.needs-attention > label, -.stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label { - animation: needs_attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards; +.stack-switcher > button.needs-attention > image, stacksidebar.sidebar row.needs-attention > label { + animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards; background-repeat: no-repeat; background-position: right 3px; background-size: 6px 6px; } .stack-switcher > button.needs-attention > label:dir(rtl), -.stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) { +.stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar.sidebar row.needs-attention > label:dir(rtl) { background-position: left 3px; } -.linked > button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, combobox > .linked > button, .linked:not(.vertical) > combobox > box > button.combo { - border-radius: 0; - -gtk-outline-radius: 6px; +.linked:not(.vertical) > spinbutton:not(:first-child):not(.vertical), .linked:not(.vertical) > entry:not(:first-child), .linked:not(.vertical) > button:not(:first-child), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:not(:first-child) > box > button.combo { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } -.linked > button:first-child { +.linked:not(.vertical) > spinbutton:not(:last-child):not(.vertical), .linked:not(.vertical) > entry:not(:last-child), .linked:not(.vertical) > button:not(:last-child), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:not(:last-child) > box > button.combo { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), .linked.vertical > button:not(:first-child), .linked.vertical > combobox:not(:first-child) > box > button.combo { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), .linked.vertical > button:not(:last-child), .linked.vertical > combobox:not(:last-child) > box > button.combo { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +.linked:not(.vertical) > button.image-button:first-child:not(.text-button) { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } -.linked > button:last-child { +.linked:not(.vertical) > button.image-button:last-child:not(.text-button) { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } -.linked > button:only-child { - border-radius: 6px; +.linked:not(.vertical) > button.image-button:only-child:not(.text-button) { + border-radius: 9999px; } -.linked.vertical > button, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > combobox > box > button.combo { - border-radius: 0; - -gtk-outline-radius: 6px; -} - -.linked.vertical > button:first-child { +.linked.vertical > button.image-button:first-child:not(.text-button) { border-top-left-radius: 6px; border-top-right-radius: 6px; } -.linked.vertical > button:last-child { +.linked.vertical > button.image-button:last-child:not(.text-button) { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } -.linked.vertical > button:only-child { - border-radius: 6px; -} - -.linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, combobox.linked button:nth-child(2):dir(rtl), combobox > .linked > button:first-child, .linked:not(.vertical) > combobox:first-child > box > button.combo { - border-radius: 6px 0 0 0; -} - -.linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, combobox.linked button:nth-child(2):dir(ltr), combobox > .linked > button:last-child, .linked:not(.vertical) > combobox:last-child > box > button.combo { - border-radius: 0 6px 0 0; -} - -.linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, combobox > .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px 6px 0 0; -} - -.linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > combobox:first-child > box > button.combo { - border-radius: 6px 6px 0 0; -} - -.linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > combobox:last-child > box > button.combo { - border-radius: 0; -} - -.linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px 6px 0 0; +.linked.vertical > button.image-button:only-child:not(.text-button) { + border-radius: 9999px; } /* menu buttons */ @@ -908,15 +976,7 @@ modelbutton.flat, min-height: 28px; padding: 0 8px; border-radius: 6px; - color: inherit; -} - -modelbutton.flat arrow { - background: none; -} - -modelbutton.flat arrow:hover { - background: none; + color: #F1FCF9; } modelbutton.flat arrow.left { @@ -936,35 +996,17 @@ button.color { /********* * Links * *********/ -*:link, button:link, -button:visited, *:link:hover, button:hover:link, -button:hover:visited, *:link:active, button:active:link, -button:active:visited { - color: #64a6ff; +*:link, button.link:link, button.link:link:focus, button.link:link:hover, +button.link:link:drop(active), button.link:link:active { + color: #B4A1DB; } -*:link:visited, -button:visited, *:link:visited:hover, -button:visited:hover, *:link:visited:active, -button:visited:active { +*:visited, button.link:visited, button.link:visited:focus, button.link:visited:hover, +button.link:visited:drop(active), button.link:visited:active { color: #ea8ae1; } -infobar.info *:link, infobar.info button:link, -infobar.info button:visited, infobar.question *:link, infobar.question button:link, -infobar.question button:visited, infobar.warning *:link, infobar.warning button:link, -infobar.warning button:visited, infobar.error *:link, infobar.error button:link, -infobar.error button:visited, *:link:selected, button:selected:link, -button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link, -headerbar.selection-mode .subtitle:link, -*:selected *:link, -*:selected button:link, -*:selected button:visited { - color: white; -} - -button:link > label, -button:visited > label { +button.link > label { text-decoration-line: underline; } @@ -988,6 +1030,11 @@ spinbutton:not(.vertical) button { border: solid 4px transparent; } +spinbutton:not(.vertical) button:focus:not(:hover):not(:active):not(:disabled) { + box-shadow: inset 0 0 0 9999px transparent; + color: rgba(241, 252, 249, 0.7); +} + spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) { margin-left: -2px; } @@ -1000,10 +1047,6 @@ spinbutton.vertical:disabled { color: rgba(241, 252, 249, 0.5); } -spinbutton.vertical:drop(active) { - box-shadow: none; -} - spinbutton.vertical entry { min-height: 32px; min-width: 40px; @@ -1016,6 +1059,11 @@ spinbutton.vertical button { padding: 0; } +spinbutton.vertical button:focus:not(:hover):not(:active) { + box-shadow: inset 0 0 0 9999px transparent; + color: rgba(241, 252, 249, 0.7); +} + spinbutton.vertical button.up { border-radius: 6px 6px 0 0; } @@ -1044,8 +1092,7 @@ combobox arrow { min-width: 16px; } -combobox decoration, -combobox button.combo:checked { +combobox decoration { transition: none; } @@ -1057,50 +1104,71 @@ combobox button.combo cellview:dir(rtl) { margin-right: 0px; } -combobox #gtk-combobox-popup-menu { +combobox menu { padding: 2px 0; } -combobox #gtk-combobox-popup-menu menuitem { +combobox menu menuitem { min-height: 28px; padding: 0 8px; } -combobox #gtk-combobox-popup-menu > arrow.top { +combobox menu > arrow.top { margin-top: -2px; } -combobox #gtk-combobox-popup-menu > arrow.bottom { +combobox menu > arrow.bottom { margin-top: 4px; margin-bottom: -6px; } -combobox:drop(active) { - box-shadow: none; +combobox > .linked:not(.vertical) > entry:not(:only-child) { + border-radius: 6px 6px 0 0; } -button.combo { +combobox > .linked:not(.vertical) > entry:not(:only-child):first-child { + margin-right: -32px; + padding-right: 32px; +} + +combobox > .linked:not(.vertical) > entry:not(:only-child):last-child { + margin-left: -32px; + padding-left: 32px; +} + +combobox > .linked:not(.vertical) > button:not(:only-child) { + min-height: 16px; + min-width: 16px; + margin: 4px; + padding: 4px; + border-radius: 9999px; +} + +button.combo:only-child { border-radius: 6px 6px 0 0; - background-image: none; - font-weight: inherit; - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); + font-weight: normal; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #B4A1DB 0%, transparent 0%) 0 0 0/0 0 0px; - box-shadow: inset 0 -1px rgba(241, 252, 249, 0.3); + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(241, 252, 249, 0.3); background-color: rgba(241, 252, 249, 0.04); color: #F1FCF9; } -button.combo:hover { - box-shadow: inset 0 -1px #F1FCF9; +button.combo:only-child:focus { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), inset 0 -1px rgba(241, 252, 249, 0.3); } -button.combo:checked { +button.combo:only-child:hover, +button.combo:only-child:drop(active) { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), inset 0 -1px rgba(241, 252, 249, 0.3); +} + +button.combo:only-child:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #B4A1DB 100%, transparent 0%) 0 0 2/0 0 2px; - box-shadow: inset 0 -1px rgba(241, 252, 249, 0.3); } -button.combo:disabled { - box-shadow: inset 0 -1px rgba(241, 252, 249, 0.12); +button.combo:only-child:disabled { + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(241, 252, 249, 0.12); background-color: rgba(241, 252, 249, 0.04); color: rgba(241, 252, 249, 0.5); } @@ -1111,7 +1179,7 @@ button.combo:disabled { toolbar { -GtkWidget-window-dragging: true; padding: 2px; - background-color: #20262C; + background-color: #282F37; } .osd toolbar { @@ -1119,21 +1187,27 @@ toolbar { } toolbar.osd, .app-notification, frame.documents-dropdown { - transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); padding: 4px; border-radius: 6px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1); + box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); background-color: #282F37; } toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1); + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); } toolbar.osd.left, .left.app-notification, frame.left.documents-dropdown, toolbar.osd.right, .right.app-notification, frame.right.documents-dropdown, toolbar.osd.top, .top.app-notification, frame.top.documents-dropdown, toolbar.osd.bottom, .bottom.app-notification, frame.bottom.documents-dropdown { border-radius: 0; } +toolbar.osd.bottom, .bottom.app-notification, frame.bottom.documents-dropdown { + box-shadow: none; + background-color: transparent; + background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4)); +} + toolbar.horizontal > separator { margin: 2px; } @@ -1175,7 +1249,7 @@ toolbar:not(.inline-toolbar):not(.osd) switch { border-style: solid; border-width: 0 1px 1px; border-color: rgba(0, 0, 0, 0.26); - background-color: #20262c; + background-color: #282f37; } searchbar > revealer > box, @@ -1183,8 +1257,8 @@ searchbar > revealer > box, padding: 4px; border-style: solid; border-width: 0 0 1px; - border-color: rgba(0, 0, 0, 0.26); - background-color: #20262C; + border-color: rgba(241, 252, 249, 0.12); + background-color: #282F37; background-clip: border-box; } @@ -1196,246 +1270,258 @@ searchbar > revealer > box { /*************** * Header bars * ***************/ -.titlebar:not(headerbar), -headerbar { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), color 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 40px; - padding: 0 4px; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #20262C; +.titlebar { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 6px 6px 0 0; + box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #282F37; color: #F1FCF9; } -.titlebar:disabled:not(headerbar), -headerbar:disabled { +.titlebar:disabled { color: rgba(241, 252, 249, 0.5); } -.titlebar:backdrop:not(headerbar), -headerbar:backdrop { +.titlebar:backdrop { + background-color: #181f27; color: rgba(241, 252, 249, 0.7); } -.titlebar:backdrop:disabled:not(headerbar), -headerbar:backdrop:disabled { +.titlebar:backdrop:disabled { color: rgba(241, 252, 249, 0.3); } -.titlebar:not(headerbar) .title, -headerbar .title { +.titlebar .title { padding: 0 12px; font-weight: bold; } -.titlebar:not(headerbar) .subtitle, -headerbar .subtitle { +.titlebar .subtitle { padding: 0 12px; font-size: smaller; } -.titlebar:not(headerbar) .linked:not(.vertical) > entry:not(.flat), -headerbar .linked:not(.vertical) > entry:not(.flat) { - border-radius: 6px; -} - -.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), -headerbar button:not(.suggested-action):not(.destructive-action) { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px; +.titlebar .subtitle, +.titlebar .dim-label { + transition: color 75ms cubic-bezier(0, 0, 0.2, 1); color: rgba(241, 252, 249, 0.7); } -.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active, -headerbar button:not(.suggested-action):not(.destructive-action):hover, -headerbar button:not(.suggested-action):not(.destructive-action):active { - color: #F1FCF9; -} - -.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled, -headerbar button:not(.suggested-action):not(.destructive-action):disabled { - color: rgba(241, 252, 249, 0.3); -} - -.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, -headerbar button:not(.suggested-action):not(.destructive-action):checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; - color: #F1FCF9; -} - -.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, -headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled { +.titlebar .subtitle:backdrop, +.titlebar .dim-label:backdrop { color: rgba(241, 252, 249, 0.5); } -.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, -headerbar button:not(.suggested-action):not(.destructive-action):checked, -headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled { +.titlebar .titlebar { background-color: transparent; + box-shadow: none; } -.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop, -headerbar button:not(.suggested-action):not(.destructive-action):backdrop { - color: rgba(241, 252, 249, 0.5); +.titlebar headerbar + separator { + background-color: rgba(241, 252, 249, 0.12); } -.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:active, -headerbar button:not(.suggested-action):not(.destructive-action):backdrop:hover, -headerbar button:not(.suggested-action):not(.destructive-action):backdrop:active { - color: rgba(241, 252, 249, 0.7); +.titlebar entry { + box-shadow: inset 0 -1px rgba(241, 252, 249, 0.3); + background-color: rgba(241, 252, 249, 0.04); + color: #F1FCF9; } -.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled, -headerbar button:not(.suggested-action):not(.destructive-action):backdrop:disabled { - color: rgba(241, 252, 249, 0.3); -} - -.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked, -headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked { - color: rgba(241, 252, 249, 0.7); -} - -.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled, -headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { - color: rgba(241, 252, 249, 0.3); -} - -.titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled, -headerbar button.suggested-action:disabled, -headerbar button.destructive-action:disabled { +.titlebar entry:disabled { + box-shadow: inset 0 -1px rgba(241, 252, 249, 0.12); background-color: rgba(241, 252, 249, 0.04); color: rgba(241, 252, 249, 0.5); } -.selection-mode.titlebar:not(headerbar), -headerbar.selection-mode { - transition: background-color 0.00001s 225ms, color 225ms cubic-bezier(0, 0, 0.2, 1); - animation: header_ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.2); - background-color: #B4A1DB; - color: white; +.titlebar entry image { + color: rgba(241, 252, 249, 0.7); } -.selection-mode.titlebar:backdrop:not(headerbar), -headerbar.selection-mode:backdrop { - color: rgba(255, 255, 255, 0.7); +.titlebar entry image:hover, .titlebar entry image:active { + color: #F1FCF9; } -.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), -headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) { +.titlebar entry image:disabled { + color: rgba(241, 252, 249, 0.5); +} + +.titlebar .linked:not(.vertical) > entry:not(:only-child) { + border-radius: 6px 6px 0 0; +} + +.titlebar button:not(.suggested-action):not(.destructive-action) { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px; - color: white; + color: rgba(241, 252, 249, 0.7); } -.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled, -headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled { - color: rgba(255, 255, 255, 0.5); +.titlebar button:not(.suggested-action):not(.destructive-action):focus, .titlebar button:not(.suggested-action):not(.destructive-action):hover, +.titlebar button:not(.suggested-action):not(.destructive-action):drop(active), .titlebar button:not(.suggested-action):not(.destructive-action):active { + color: #F1FCF9; } -.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, -headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked { +.titlebar button:not(.suggested-action):not(.destructive-action):disabled { + color: rgba(241, 252, 249, 0.3); +} + +.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; - color: white; + background-color: transparent; + color: #F1FCF9; } -.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, -headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled { - color: rgba(255, 255, 255, 0.5); +.path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked:disabled { + background-color: transparent; + color: rgba(241, 252, 249, 0.5); } -.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop, -headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop { - color: rgba(255, 255, 255, 0.7); +.titlebar button:not(.suggested-action):not(.destructive-action):backdrop { + color: rgba(241, 252, 249, 0.5); } -.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled, -headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled { - color: rgba(255, 255, 255, 0.3); +.titlebar button:not(.suggested-action):not(.destructive-action):backdrop:focus, .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:hover, +.titlebar button:not(.suggested-action):not(.destructive-action):backdrop:drop(active), .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:active { + color: rgba(241, 252, 249, 0.7); } -.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked, -headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked { - color: rgba(255, 255, 255, 0.7); +.titlebar button:not(.suggested-action):not(.destructive-action):backdrop:disabled { + color: rgba(241, 252, 249, 0.3); } -.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled, -headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { - color: rgba(255, 255, 255, 0.3); +.path-bar-box .nautilus-path-bar button:backdrop:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:backdrop:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:checked { + color: rgba(241, 252, 249, 0.7); } -.selection-mode.titlebar:not(headerbar) .selection-menu, -headerbar.selection-mode .selection-menu { +.path-bar-box .nautilus-path-bar button:backdrop:disabled:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:backdrop:disabled:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { + color: rgba(241, 252, 249, 0.3); +} + +.titlebar button.suggested-action:disabled, .titlebar button.destructive-action:disabled { + background-color: rgba(241, 252, 249, 0.04); + color: rgba(241, 252, 249, 0.5); +} + +.titlebar stackswitcher button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 104px; +} + +.titlebar .path-bar button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 0; + padding-left: 4px; + padding-right: 4px; +} + +.titlebar.selection-mode { + transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1); + animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17), inset 0 1px rgba(255, 255, 255, 0.2); + background-color: #B4A1DB; + color: rgba(0, 0, 0, 0.87); +} + +.titlebar.selection-mode:backdrop { + color: rgba(0, 0, 0, 0.6); +} + +.titlebar.selection-mode .subtitle:link { + color: rgba(0, 0, 0, 0.87); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action) { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px; + color: rgba(0, 0, 0, 0.87); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled { + color: rgba(0, 0, 0, 0.38); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; + color: rgba(0, 0, 0, 0.87); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled { + color: rgba(0, 0, 0, 0.38); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop { + color: rgba(0, 0, 0, 0.6); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled { + color: rgba(0, 0, 0, 0.26); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked { + color: rgba(0, 0, 0, 0.6); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { + color: rgba(0, 0, 0, 0.26); +} + +.titlebar.selection-mode .selection-menu { padding-left: 16px; padding-right: 16px; } -.selection-mode.titlebar:not(headerbar) .selection-menu arrow, -headerbar.selection-mode .selection-menu arrow { +.titlebar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; } -.selection-mode.titlebar:not(headerbar) .selection-menu .arrow, -headerbar.selection-mode .selection-menu .arrow { +.titlebar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } -.tiled .titlebar:not(headerbar), -.tiled-top .titlebar:not(headerbar), -.tiled-right .titlebar:not(headerbar), -.tiled-bottom .titlebar:not(headerbar), -.tiled-left .titlebar:not(headerbar), -.maximized .titlebar:not(headerbar), -.fullscreen .titlebar:not(headerbar), .tiled -headerbar, -.tiled-top -headerbar, -.tiled-right -headerbar, -.tiled-bottom -headerbar, -.tiled-left -headerbar, -.maximized -headerbar, -.fullscreen -headerbar { - border-radius: 0; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +.titlebar .selection-mode { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); + background-color: #B4A1DB; } -.default-decoration.titlebar:not(headerbar), -headerbar.default-decoration { +.tiled .titlebar, +.tiled-top .titlebar, +.tiled-right .titlebar, +.tiled-bottom .titlebar, +.tiled-left .titlebar, +.maximized .titlebar, +.fullscreen .titlebar { + border-radius: 0; + box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); +} + +.titlebar.default-decoration { min-height: 24px; padding: 4px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } -.tiled .default-decoration.titlebar:not(headerbar), -.maximized .default-decoration.titlebar:not(headerbar), -.fullscreen .default-decoration.titlebar:not(headerbar), .tiled -headerbar.default-decoration, -.maximized -headerbar.default-decoration, -.fullscreen -headerbar.default-decoration { +.tiled .titlebar.default-decoration, +.maximized .titlebar.default-decoration, +.fullscreen .titlebar.default-decoration { box-shadow: none; } -.default-decoration.titlebar:not(headerbar) button.titlebutton, -headerbar.default-decoration button.titlebutton { +.titlebar.default-decoration button.titlebutton { min-height: 24px; min-width: 24px; margin: 0; padding: 0; } -.background:not(.csd) .default-decoration.titlebar:not(headerbar) button.titlebutton:active, .background:not(.csd) -headerbar.default-decoration button.titlebutton:active { +.background:not(.csd) .titlebar.default-decoration button.titlebutton:active { background-size: 1000% 1000%; } -.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd -headerbar:dir(rtl), .solid-csd -headerbar:dir(ltr) { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +.solid-csd .titlebar:dir(rtl), .solid-csd .titlebar:dir(ltr) { + margin-left: -4px; + margin-right: -4px; + margin-top: -4px; + border-radius: 0; +} + +headerbar { + min-height: 40px; + padding: 0 4px; } headerbar entry, @@ -1445,7 +1531,7 @@ headerbar button { margin-bottom: 4px; } -headerbar separator { +headerbar separator.titlebutton { margin-top: 10px; margin-bottom: 10px; background-color: rgba(241, 252, 249, 0.12); @@ -1466,130 +1552,55 @@ headerbar .entry-tag, headerbar .documents-entry-tag, headerbar .photos-entry-ta margin-bottom: 5px; } -.background .titlebar { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.background.tiled .titlebar, -.background.tiled-top .titlebar, -.background.tiled-right .titlebar, -.background.tiled-bottom .titlebar, -.background.tiled-left .titlebar, -.background.maximized .titlebar, -.background.solid-csd .titlebar { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -window separator:first-child + headerbar, -window headerbar:first-child { - border-top-left-radius: 6px; -} - -window headerbar:last-child { - border-top-right-radius: 6px; -} - -window stack headerbar:first-child, window stack headerbar:last-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, -window.tiled-top headerbar, -window.tiled-top headerbar:first-child, -window.tiled-top headerbar:last-child, -window.tiled-top headerbar:only-child, -window.tiled-right headerbar, -window.tiled-right headerbar:first-child, -window.tiled-right headerbar:last-child, -window.tiled-right headerbar:only-child, -window.tiled-bottom headerbar, -window.tiled-bottom headerbar:first-child, -window.tiled-bottom headerbar:last-child, -window.tiled-bottom headerbar:only-child, -window.tiled-left headerbar, -window.tiled-left headerbar:first-child, -window.tiled-left headerbar:last-child, -window.tiled-left headerbar:only-child, -window.maximized headerbar, -window.maximized headerbar:first-child, -window.maximized headerbar:last-child, -window.maximized headerbar:only-child, -window.fullscreen headerbar, -window.fullscreen headerbar:first-child, -window.fullscreen headerbar:last-child, -window.fullscreen headerbar:only-child, -window.solid-csd headerbar, -window.solid-csd headerbar:first-child, -window.solid-csd headerbar:last-child, -window.solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -window.csd > .titlebar:not(headerbar) { - padding: 0; - background-color: transparent; - background-image: none; - border-style: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - background-color: #20262C; - background-image: image(rgba(0, 0, 0, 0.26)); -} - /************ * Pathbars * ************/ .caja-pathbar button, -.path-bar button { +.path-bar.linked:not(.vertical) > button { padding-left: 4px; padding-right: 4px; -} - -.caja-pathbar button label:not(:only-child):first-child, -.path-bar button label:not(:only-child):first-child { - margin-left: 4px; -} - -.caja-pathbar button label:not(:only-child):last-child, -.path-bar button label:not(:only-child):last-child { - margin-right: 4px; -} - -.caja-pathbar button.slider-button, -.path-bar button.slider-button { - padding-left: 4px; - padding-right: 4px; -} - -:not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) -.path-bar button { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #B4A1DB 0%, transparent 0%) 0 0 0/0 0 0px; border-radius: 6px; } -:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) -.path-bar button:checked { +.caja-pathbar button:checked, +.path-bar.linked:not(.vertical) > button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #B4A1DB 100%, transparent 0%) 0 0 2/0 0 2px; } -:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) -.path-bar button:checked, :not(headerbar) -.path-bar button:checked:disabled { +.caja-pathbar button:checked, .caja-pathbar button:checked:disabled, +.path-bar.linked:not(.vertical) > button:checked, +.path-bar.linked:not(.vertical) > button:checked:disabled { background-color: transparent; } +.caja-pathbar button label:not(:only-child):first-child, +.path-bar.linked:not(.vertical) > button label:not(:only-child):first-child { + margin-left: 0; +} + +.caja-pathbar button label:not(:only-child):last-child, +.path-bar.linked:not(.vertical) > button label:not(:only-child):last-child { + margin-right: 0; +} + +.caja-pathbar button.text-button, +.path-bar.linked:not(.vertical) > button.text-button { + min-width: 0; +} + +.caja-pathbar button.slider-button, +.path-bar.linked:not(.vertical) > button.slider-button { + padding-left: 4px; + padding-right: 4px; +} + /************** * Tree Views * **************/ treeview.view { border-left-color: rgba(241, 252, 249, 0.3); - border-top-color: rgba(0, 0, 0, 0.26); + border-top-color: rgba(241, 252, 249, 0.12); } * { @@ -1602,7 +1613,7 @@ treeview.view { } treeview.view:selected { - background-color: #20262C; + background-color: #282F37; background-image: image(#b4a1db); } @@ -1612,13 +1623,13 @@ treeview.view:hover, treeview.view:selected { treeview.view.separator { min-height: 5px; - color: rgba(0, 0, 0, 0.26); + color: rgba(241, 252, 249, 0.12); } treeview.view:drop(active) { border-style: solid none; - border-width: 1px; - border-color: #B4A1DB; + border-width: 9999px; + border-color: alpha(currentColor, 0.08); } treeview.view:drop(active).after { @@ -1655,33 +1666,39 @@ treeview.view.progressbar { border-bottom: 4px solid #B4A1DB; box-shadow: none; background-color: transparent; + background-image: none; +} + +treeview.view.progressbar:selected:hover { + box-shadow: none; } treeview.view.trough { border-bottom: 4px solid rgba(241, 252, 249, 0.12); box-shadow: none; background-color: transparent; + background-image: none; +} + +treeview.view.trough:selected:hover { + box-shadow: none; } treeview.view header button { padding: 2px 6px; border-style: none solid solid none; border-width: 1px; - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(241, 252, 249, 0.12); border-radius: 0; background-clip: border-box; } -treeview.view header button:not(:hover):not(:active) { +treeview.view header button:not(:focus):not(:hover):not(:active) { color: rgba(241, 252, 249, 0.7); } -treeview.view header button, treeview.view header button:hover, treeview.view header button:active { - box-shadow: none; -} - treeview.view header button, treeview.view header button:disabled { - background-color: #20262C; + background-color: #282F37; } treeview.view header button:last-child { @@ -1693,10 +1710,10 @@ treeview.view header.button.dnd { padding: 2px 6px; border-style: none solid solid; border-width: 1px; - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(241, 252, 249, 0.12); border-radius: 0; box-shadow: none; - background-color: #20262C; + background-color: #282F37; background-clip: border-box; color: #B4A1DB; } @@ -1712,12 +1729,24 @@ menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0; - background-color: #20262C; + background-color: #282F37; + color: #F1FCF9; +} + +menubar:backdrop, +.menubar:backdrop { + background-color: #181f27; + color: rgba(241, 252, 249, 0.7); +} + +.csd menubar, .csd +.menubar { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); } menubar > menuitem, .menubar > menuitem { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); min-height: 20px; padding: 4px 8px; color: rgba(241, 252, 249, 0.7); @@ -1726,7 +1755,7 @@ menubar > menuitem, menubar > menuitem:hover, .menubar > menuitem:hover { transition: none; - background-color: rgba(241, 252, 249, 0.12); + background-color: alpha(currentColor, 0.12); color: #F1FCF9; } @@ -1740,7 +1769,7 @@ menubar > menuitem label:disabled, color: inherit; } -.csd.popup { +.background.popup { background-color: transparent; } @@ -1764,10 +1793,11 @@ menu, menu menuitem, .menu menuitem, .context-menu menuitem { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); min-height: 20px; min-width: 40px; padding: 4px 8px; + color: #F1FCF9; font: initial; text-shadow: none; } @@ -1776,7 +1806,7 @@ menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { transition: none; - background-color: rgba(241, 252, 249, 0.12); + background-color: alpha(currentColor, 0.08); } menu menuitem:disabled, @@ -1828,7 +1858,7 @@ menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -4px; - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(241, 252, 249, 0.12); border-radius: 6px 6px 0 0; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } @@ -1838,7 +1868,7 @@ menu > arrow.bottom, .context-menu > arrow.bottom { margin-top: 8px; margin-bottom: -12px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(241, 252, 249, 0.12); border-radius: 0 0 6px 6px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } @@ -1846,7 +1876,7 @@ menu > arrow.bottom, menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { - background-image: image(rgba(241, 252, 249, 0.12)); + background-image: image(alpha(currentColor, 0.08)); color: #F1FCF9; } @@ -1872,34 +1902,18 @@ menuitem:disabled accelerator { color: rgba(241, 252, 249, 0.3); } -.popup:not(.csd) menu menuitem { - color: #F1FCF9; -} - -.popup:not(.csd) menu menuitem:hover { - background-color: #40484e; -} - -.popup:not(.csd) menu menuitem:disabled { - color: #8d9698; -} - -.popup:not(.csd) menu accelerator { - color: #b5bfbf; -} - /************ * Popovers * ************/ popover.background { - transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); padding: 2px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); background-color: #282F37; } popover.background:backdrop { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12); } popover.background, .csd popover.background { @@ -1951,18 +1965,17 @@ popover.background list separator { *************/ frame > paned > notebook > header, notebook.frame > header { - background-color: #20262c; + background-color: #282f37; } notebook:focus tab:checked { box-shadow: inset 0 0 0 9999px rgba(180, 161, 219, 0.12); - outline: none; } notebook > header { border-width: 1px; - border-color: rgba(0, 0, 0, 0.26); - background-color: #20262C; + border-color: rgba(241, 252, 249, 0.12); + background-color: #282F37; background-clip: border-box; } @@ -2099,14 +2112,14 @@ notebook > header > tabs > arrow { } notebook > header tab { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; min-height: 24px; min-width: 24px; padding: 4px 12px; - outline-offset: -6px; border-width: 1px; border-color: transparent; - background-image: radial-gradient(circle farthest-corner at center, #B4A1DB 10%, transparent 0%); + outline: none; + background-image: radial-gradient(circle, #B4A1DB 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; @@ -2115,7 +2128,7 @@ notebook > header tab { font-weight: 500; } -notebook > header tab:hover { +notebook > header tab:hover, notebook > header tab > box:drop(active) { background-color: alpha(currentColor, 0.08); color: #F1FCF9; } @@ -2125,9 +2138,9 @@ notebook > header tab:disabled { } notebook > header tab:checked { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1); background-color: transparent; - background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-size: 1000% 1000%; background-clip: padding-box; color: #F1FCF9; @@ -2139,7 +2152,13 @@ notebook > header tab:checked:disabled { notebook > header tab:checked.reorderable-page { border-color: rgba(0, 0, 0, 0.26); - background-color: #20262C; + background-color: #282F37; +} + +notebook > header tab > box { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + margin: -4px -12px; + padding: 4px 12px; } notebook > header tab button.flat:last-child { @@ -2187,16 +2206,15 @@ notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs t } notebook > stack:not(:only-child) { - background-color: #20262C; + background-color: #282F37; } /************** * Scrollbars * **************/ scrollbar { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - background-color: #20262C; - background-clip: border-box; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: #282F37; } * { @@ -2205,23 +2223,23 @@ scrollbar { } scrollbar.top { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(241, 252, 249, 0.12); } scrollbar.bottom { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(241, 252, 249, 0.12); } scrollbar.left { - border-right: 1px solid rgba(0, 0, 0, 0.26); + border-right: 1px solid rgba(241, 252, 249, 0.12); } scrollbar.right { - border-left: 1px solid rgba(0, 0, 0, 0.26); + border-left: 1px solid rgba(241, 252, 249, 0.12); } scrollbar slider { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0; + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); min-width: 8px; min-height: 8px; border: 4px solid transparent; @@ -2243,7 +2261,6 @@ scrollbar slider:disabled { } scrollbar.fine-tune slider { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0; min-width: 4px; min-height: 4px; } @@ -2256,6 +2273,10 @@ scrollbar.fine-tune.vertical slider { margin: 0 2px; } +scrollbar.overlay-indicator:not(.fine-tune) slider { + transition-property: background-color, min-height, min-width; +} + scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; background-color: transparent; @@ -2265,14 +2286,14 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { min-width: 4px; min-height: 4px; margin: 3px; - border: 1px solid rgba(32, 38, 44, 0.3); + border: 1px solid rgba(40, 47, 55, 0.3); } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 4px; min-height: 4px; margin: 3px; - border: 1px solid rgba(32, 38, 44, 0.3); + border: 1px solid rgba(40, 47, 55, 0.3); border-radius: 9999px; background-color: rgba(241, 252, 249, 0.5); background-clip: padding-box; @@ -2300,7 +2321,7 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { } scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - background-color: rgba(32, 38, 44, 0.9); + background-color: rgba(40, 47, 55, 0.9); } scrollbar.horizontal slider { @@ -2338,7 +2359,7 @@ scrollbar.horizontal button.up { * Switch * **********/ switch { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); margin: 4px 0; padding: 0 2px; border: 5px solid transparent; @@ -2356,26 +2377,32 @@ switch:disabled { opacity: 0.5; } +switch image { + margin: -8px; + -gtk-icon-transform: scale(0); +} + switch slider { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); min-width: 20px; min-height: 20px; margin: -3px -2px; border-radius: 9999px; - box-shadow: 0 0 0 10px transparent, 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + outline: none; + box-shadow: 0 0 0 10px transparent, 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); background-color: #282F37; } -switch:hover slider { - box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +switch:focus slider { + box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); } -switch:focus slider { - box-shadow: 0 0 0 10px alpha(currentColor, 0.12), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +switch:hover slider { + box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); } switch:focus:hover slider { - box-shadow: 0 0 0 10px alpha(currentColor, 0.16), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 0 0 10px alpha(currentColor, 0.16), 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); } switch:checked slider { @@ -2395,13 +2422,13 @@ switch:checked slider { box-shadow: none; background-color: transparent; background-image: none; - -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); } .view.content-view.check:not(list):hover, .view.content-view.check:not(list):active, .content-view .tile check:not(list):hover, .content-view .tile check:not(list):active { - -gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + -gtk-icon-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 3px rgba(0, 0, 0, 0.14), 0 1px 6px rgba(0, 0, 0, 0.12); } .view.content-view.check:not(list), @@ -2437,21 +2464,6 @@ radio { padding: 8px; } -check:hover, -radio:hover { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); -} - -check:focus, -radio:focus { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12); -} - -check:focus:hover, -radio:focus:hover { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.16); -} - check:checked, check:indeterminate, radio:checked, radio:indeterminate { @@ -2464,30 +2476,30 @@ radio:indeterminate:disabled { color: rgba(241, 252, 249, 0.3); } -popover check, popover check:hover, popover check:focus, popover check:focus:hover, popover check:active, popover check:disabled, popover -radio, popover -radio:hover, popover -radio:focus, popover -radio:focus:hover, popover -radio:active, popover +popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat +radio, popover modelbutton.flat +radio:focus, popover modelbutton.flat +radio:hover, popover modelbutton.flat +radio:focus:hover, popover modelbutton.flat +radio:active, popover modelbutton.flat radio:disabled { transition: none; box-shadow: none; background-image: none; } -popover check:not(:checked):not(:indeterminate):not(:disabled), popover +popover modelbutton.flat check:not(:checked):not(:indeterminate):not(:disabled), popover modelbutton.flat radio:not(:checked):not(:indeterminate):not(:disabled) { color: rgba(241, 252, 249, 0.7); } -popover check.left:dir(rtl), popover +popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) { margin-left: -12px; margin-right: -4px; } -popover check.right:dir(ltr), popover +popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.right:dir(ltr) { margin-left: -4px; margin-right: -12px; @@ -2564,26 +2576,25 @@ radio:checked:not(:indeterminate):disabled { border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(rgba(241, 252, 249, 0.3)), to(transparent)); } -window.background:not(.csd) > widget > checkbutton > check, +#MozillaGtkWidget > widget > checkbutton > check, menu menuitem check { min-height: 16px; min-width: 16px; border-radius: 6px; - -gtk-outline-radius: 6px; -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg")); } -window.background:not(.csd) > widget > checkbutton > check:checked, +#MozillaGtkWidget > widget > checkbutton > check:checked, menu menuitem check:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg")); } -window.background:not(.csd) > widget > checkbutton > check:indeterminate, +#MozillaGtkWidget > widget > checkbutton > check:indeterminate, menu menuitem check:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg")); } -window.background:not(.csd) > widget > radiobutton > radio, +#MozillaGtkWidget > widget > radiobutton > radio, menu menuitem radio { min-height: 16px; min-width: 16px; @@ -2591,12 +2602,12 @@ menu menuitem radio { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg")); } -window.background:not(.csd) > widget > radiobutton > radio:checked, +#MozillaGtkWidget > widget > radiobutton > radio:checked, menu menuitem radio:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg")); } -window.background:not(.csd) > widget > radiobutton > radio:indeterminate, +#MozillaGtkWidget > widget > radiobutton > radio:indeterminate, menu menuitem radio:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg")); } @@ -2685,7 +2696,7 @@ scale.fine-tune slider { } scale trough { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); outline: none; background-color: rgba(241, 252, 249, 0.3); } @@ -2695,16 +2706,17 @@ scale trough:disabled { } scale highlight { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); - background-color: #B4A1DB; + transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); + background-image: image(#B4A1DB); } scale highlight:disabled { - background-color: transparent; + background-color: #282F37; + background-image: image(rgba(241, 252, 249, 0.3)); } scale fill { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); background-color: rgba(241, 252, 249, 0.3); } @@ -2713,87 +2725,88 @@ scale fill:disabled { } scale slider { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); background-repeat: no-repeat; background-position: center; background-size: auto, 1000% 1000%; border-radius: 50%; - color: transparent; + color: #B4A1DB; } scale slider { - background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%); + background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale slider:disabled { - background-image: -gtk-scaled(url("assets/scale-slider-disabled-dark.png"), url("assets/scale-slider-disabled-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%); -} - -scale slider:hover { - background-color: rgba(180, 161, 219, 0.08); + background-image: -gtk-scaled(url("assets/scale-slider-disabled-dark.png"), url("assets/scale-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale slider:focus { - background-color: rgba(180, 161, 219, 0.12); + background-color: alpha(currentColor, 0.08); +} + +scale slider:hover { + background-color: alpha(currentColor, 0.08); } scale slider:focus:hover { - background-color: rgba(180, 161, 219, 0.16); + background-color: alpha(currentColor, 0.16); } scale slider:active { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; - animation: scale_ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-color: alpha(currentColor, 0.08); + background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); background-size: auto, 0% 0%; - background-color: rgba(180, 161, 219, 0.08); - color: rgba(180, 161, 219, 0.12); } -scale marks label, +scale marks, scale value { color: rgba(241, 252, 249, 0.7); } -scale marks { - color: rgba(241, 252, 249, 0.3); +scale indicator { + background-color: rgba(241, 252, 249, 0.3); + color: transparent; } -scale marks.top { +scale.horizontal marks.top { margin-bottom: 7px; margin-top: -15px; } -scale marks.bottom { - margin-top: 7px; - margin-bottom: -15px; -} - -scale marks.left { - margin-right: 7px; - margin-left: -15px; -} - -scale marks.right { - margin-left: 7px; - margin-right: -15px; -} - -scale.fine-tune marks.top { +scale.horizontal.fine-tune marks.top { margin-bottom: 6px; margin-top: -14px; } -scale.fine-tune marks.bottom { +scale.horizontal marks.bottom { + margin-top: 7px; + margin-bottom: -15px; +} + +scale.horizontal.fine-tune marks.bottom { margin-top: 6px; margin-bottom: -14px; } -scale.fine-tune marks.left { +scale.vertical marks.top { + margin-right: 7px; + margin-left: -15px; +} + +scale.vertical.fine-tune marks.top { margin-right: 6px; margin-left: -14px; } -scale.fine-tune marks.right { +scale.vertical marks.bottom { + margin-left: 7px; + margin-right: -15px; +} + +scale.vertical.fine-tune marks.bottom { margin-left: 6px; margin-right: -14px; } @@ -2809,35 +2822,51 @@ scale.vertical indicator { } scale.horizontal.marks-before:not(.marks-after) slider { - background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%); + background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.horizontal.marks-before:not(.marks-after) slider:disabled { - background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled-dark.png"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%); + background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled-dark.png"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); } scale.horizontal.marks-after:not(.marks-before) slider { - background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%); + background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.horizontal.marks-after:not(.marks-before) slider:disabled { - background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled-dark.png"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%); + background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled-dark.png"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); } scale.vertical.marks-before:not(.marks-after) slider { - background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%); + background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.vertical.marks-before:not(.marks-after) slider:disabled { - background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled-dark.png"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%); + background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled-dark.png"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); } scale.vertical.marks-after:not(.marks-before) slider { - background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%); + background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.vertical.marks-after:not(.marks-before) slider:disabled { - background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled-dark.png"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%); + background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled-dark.png"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); } scale.color { @@ -2951,7 +2980,7 @@ levelbar block.empty { printdialog paper { padding: 0; border: 1px solid rgba(0, 0, 0, 0.26); - background-color: #20262C; + background-color: #282F37; color: #F1FCF9; } @@ -2979,7 +3008,13 @@ frame.flat > border { actionbar > revealer > box { padding: 4px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(241, 252, 249, 0.12); + background-color: #282F37; + background-clip: border-box; +} + +actionbar > revealer > box .linked:not(.vertical) > entry:not(:only-child) { + border-radius: 6px 6px 0 0; } scrolledwindow viewport.frame { @@ -3024,7 +3059,7 @@ overshoot.right { undershoot.top { background-color: transparent; - background-image: linear-gradient(to left, rgba(32, 38, 44, 0.3) 50%, rgba(241, 252, 249, 0.3) 50%); + background-image: linear-gradient(to left, transparent 50%, rgba(241, 252, 249, 0.3) 50%); padding-top: 1px; background-size: 12px 1px; background-repeat: repeat-x; @@ -3034,7 +3069,7 @@ undershoot.top { undershoot.bottom { background-color: transparent; - background-image: linear-gradient(to left, rgba(32, 38, 44, 0.3) 50%, rgba(241, 252, 249, 0.3) 50%); + background-image: linear-gradient(to left, transparent 50%, rgba(241, 252, 249, 0.3) 50%); padding-bottom: 1px; background-size: 12px 1px; background-repeat: repeat-x; @@ -3044,7 +3079,7 @@ undershoot.bottom { undershoot.left { background-color: transparent; - background-image: linear-gradient(to top, rgba(32, 38, 44, 0.3) 50%, rgba(241, 252, 249, 0.3) 50%); + background-image: linear-gradient(to top, transparent 50%, rgba(241, 252, 249, 0.3) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; @@ -3054,7 +3089,7 @@ undershoot.left { undershoot.right { background-color: transparent; - background-image: linear-gradient(to top, rgba(32, 38, 44, 0.3) 50%, rgba(241, 252, 249, 0.3) 50%); + background-image: linear-gradient(to top, transparent 50%, rgba(241, 252, 249, 0.3) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; @@ -3065,8 +3100,8 @@ undershoot.right { junction { border-style: solid none none solid; border-width: 1px; - border-color: rgba(0, 0, 0, 0.26); - background-color: #20262C; + border-color: rgba(241, 252, 249, 0.12); + background-color: #282F37; } junction:dir(rtl) { @@ -3076,12 +3111,13 @@ junction:dir(rtl) { separator { min-width: 1px; min-height: 1px; - background-color: rgba(0, 0, 0, 0.26); + background-color: rgba(241, 252, 249, 0.12); } button.font separator, -button.file separator, .tweak-categories separator, preferences stacksidebar.sidebar list separator { +button.file separator, stacksidebar.sidebar + separator.vertical, +stacksidebar.sidebar separator.horizontal, .tweak-categories separator, preferences stacksidebar.sidebar list separator { min-width: 0; min-height: 0; background-color: transparent; @@ -3092,32 +3128,40 @@ button.file separator, .tweak-categories separator, preferences stacksidebar.sid *********/ list { border-color: rgba(0, 0, 0, 0.26); - background-color: #20262C; + background-color: #282F37; } list row { padding: 2px; } -row.activatable, treeview.view header button, .budgie-menu button { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); +row.activatable, treeview.view header button, .budgie-popover.budgie-menu button.flat:not(.image-button) { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + outline: none; box-shadow: inset 0 0 0 9999px transparent; - background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } -row.activatable:hover, treeview.view header button:hover, .budgie-menu button:hover { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); +row.activatable:focus, treeview.view header button:focus, .budgie-popover.budgie-menu button.flat:focus:not(.image-button) { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); } -row.activatable.has-open-popup, treeview.view header button.has-open-popup, .budgie-menu button.has-open-popup, row.activatable:active, treeview.view header button:active, .budgie-menu button:active { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; - animation: ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards; +row.activatable:hover, treeview.view header button:hover, +treeview.view header button:drop(active), placessidebar.sidebar row.activatable:drop(active), .budgie-popover.budgie-menu button.flat:hover:not(.image-button), .budgie-popover.budgie-menu toolbar button:not(.image-button):drop(active), toolbar .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu .titlebar button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), .titlebar .budgie-popover.budgie-menu button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), .budgie-popover.budgie-menu popover.background.menu button:not(.image-button):drop(active), popover.background.menu .budgie-popover.budgie-menu button:not(.image-button):drop(active), +.budgie-popover.budgie-menu popover.background button.model:not(.image-button):drop(active), popover.background .budgie-popover.budgie-menu button.model:not(.image-button):drop(active), .budgie-popover.budgie-menu actionbar > revealer > box button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), actionbar > revealer > box .budgie-popover.budgie-menu button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), .budgie-popover.budgie-menu .app-notification button:not(.image-button):drop(active), .app-notification .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu messagedialog.csd .dialog-action-box button:not(.image-button):drop(active), messagedialog.csd .dialog-action-box .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu filechooser #pathbarbox > stack > box > button:not(.image-button):drop(active), filechooser .budgie-popover.budgie-menu #pathbarbox > stack > box > button:not(.image-button):drop(active), .budgie-popover.budgie-menu infobar.info button:not(.image-button):drop(active), infobar.info .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu infobar.question button:not(.image-button):drop(active), infobar.question .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu .lock-dialog button:not(.image-button):drop(active), .lock-dialog .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu .lightdm-gtk-greeter button:not(.image-button):drop(active), .lightdm-gtk-greeter .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu .nemo-window .toolbar button:not(.image-button):drop(active), .nemo-window .toolbar .budgie-popover.budgie-menu button:not(.image-button):drop(active), +.budgie-popover.budgie-menu button.flat:not(.image-button):drop(active) { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); - background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%); +} + +row.activatable.has-open-popup, treeview.view header button.has-open-popup, .budgie-popover.budgie-menu button.has-open-popup.flat:not(.image-button), row.activatable:active, treeview.view header button:active, .budgie-popover.budgie-menu button.flat:active:not(.image-button) { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); + background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); background-size: 0% 0%; } @@ -3135,6 +3179,11 @@ row:selected button label { color: inherit; } +row:selected:disabled image, +row:selected:disabled label { + color: rgba(241, 252, 249, 0.5); +} + /********************* * App Notifications * *********************/ @@ -3142,6 +3191,10 @@ row:selected button label { margin: 8px; } +.app-notification button.text-button:not(:disabled) { + color: #B4A1DB; +} + .app-notification.frame, .app-notification border { border-style: none; @@ -3151,7 +3204,7 @@ row:selected button label { * Expanders * *************/ expander title > arrow { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); @@ -3194,6 +3247,7 @@ calendar:selected { calendar.header { border-style: none none solid; + border-color: rgba(241, 252, 249, 0.12); border-radius: 0; } @@ -3222,6 +3276,7 @@ messagedialog .titlebar { } messagedialog .titlebar:backdrop { + background-color: #282F37; color: rgba(241, 252, 249, 0.7); } @@ -3230,38 +3285,29 @@ messagedialog.csd.background { border-bottom-right-radius: 6px; } -messagedialog.csd .dialog-action-area { +messagedialog.csd .dialog-action-box { margin-top: -4px; - padding: 4px; } -messagedialog.csd .dialog-action-area button { - border-radius: 6px; -} - -messagedialog.csd .dialog-action-area button:not(:last-child) { +messagedialog.csd .dialog-action-box button:not(:last-child) { margin-right: 4px; } -messagedialog.csd .dialog-action-area button.suggested-action:not(:disabled) { +messagedialog.csd .dialog-action-box button:not(:disabled) { color: #B4A1DB; } -messagedialog.csd .dialog-action-area button.destructive-action:not(:disabled) { +messagedialog.csd .dialog-action-box button.destructive-action:not(:disabled) { color: #ff886c; } filechooser .dialog-action-box { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(241, 252, 249, 0.12); } filechooser #pathbarbox { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); - background-color: #20262C; -} - -filechooserbutton:drop(active) { - box-shadow: none; + border-bottom: 1px solid rgba(241, 252, 249, 0.12); + background-color: #282F37; } /*********** @@ -3269,16 +3315,16 @@ filechooserbutton:drop(active) { ***********/ .sidebar { border-style: none; - background-color: #20262c; + background-color: #282f37; } -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { - border-right: 1px solid rgba(0, 0, 0, 0.26); +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { + border-right: 1px solid rgba(241, 252, 249, 0.12); border-left-style: none; } -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { - border-left: 1px solid rgba(0, 0, 0, 0.26); +stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { + border-left: 1px solid rgba(241, 252, 249, 0.12); border-right-style: none; } @@ -3290,83 +3336,112 @@ paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned . border-style: none; } -stacksidebar row { - padding: 10px 4px; +stacksidebar.sidebar list { + padding: 4px; + background-color: #282f37; } -stacksidebar row > label { +stacksidebar.sidebar row { + min-height: 32px; + padding: 0 2px; + border-radius: 6px; +} + +stacksidebar.sidebar row:selected { + background-color: alpha(currentColor, 0.12); + color: #B4A1DB; + font-weight: 500; +} + +stacksidebar.sidebar row + row { + margin-top: 4px; +} + +stacksidebar.sidebar row > label { padding-left: 6px; padding-right: 6px; + color: inherit; +} + +separator.sidebar { + background-color: rgba(241, 252, 249, 0.12); } /**************** * File chooser * ****************/ row image.sidebar-icon { + transition: color 75ms cubic-bezier(0, 0, 0.2, 1); color: rgba(241, 252, 249, 0.7); } -placessidebar > viewport.frame { +row image.sidebar-icon:disabled { + color: rgba(241, 252, 249, 0.3); +} + +placessidebar.sidebar > viewport.frame { border-style: none; } -placessidebar list { +placessidebar.sidebar list { padding: 1px 0 4px; } -placessidebar row { +placessidebar.sidebar row { min-height: 32px; margin: -1px 4px; padding: 0; border-radius: 6px; } -placessidebar row > revealer { +placessidebar.sidebar row > revealer { padding: 0 8px; } -placessidebar row:selected { +placessidebar.sidebar row:selected { + background-color: alpha(currentColor, 0.12); + color: #B4A1DB; font-weight: 500; } -placessidebar row:disabled { - color: rgba(241, 252, 249, 0.5); -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 8px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 8px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 2px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 2px; -} - -placessidebar row:selected image.sidebar-icon, -placessidebar row:selected label.sidebar-label { - color: inherit; -} - -placessidebar row.sidebar-placeholder-row { - min-height: 2px; - padding: 0 8px; - background-image: image(#B4A1DB); - background-clip: content-box; -} - -placessidebar row.sidebar-new-bookmark-row { +placessidebar.sidebar row:selected image.sidebar-icon { color: #B4A1DB; } -placessidebar row:drop(active):not(:disabled) { - box-shadow: inset 0 0 0 2px #B4A1DB; +placessidebar.sidebar row:disabled { + color: rgba(241, 252, 249, 0.5); +} + +placessidebar.sidebar row image.sidebar-icon:dir(ltr) { + padding-right: 8px; +} + +placessidebar.sidebar row image.sidebar-icon:dir(rtl) { + padding-left: 8px; +} + +placessidebar.sidebar row label.sidebar-label { + color: inherit; +} + +placessidebar.sidebar row label.sidebar-label:dir(ltr) { + padding-right: 2px; +} + +placessidebar.sidebar row label.sidebar-label:dir(rtl) { + padding-left: 2px; +} + +placessidebar.sidebar row.sidebar-placeholder-row { + background-color: alpha(currentColor, 0.08); +} + +placessidebar.sidebar row.sidebar-new-bookmark-row { + color: #B4A1DB; +} + +placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon { + color: #B4A1DB; } placesview .server-list-button > image { @@ -3391,7 +3466,7 @@ paned > separator { -gtk-icon-source: none; border-style: none; background-color: transparent; - background-image: image(rgba(0, 0, 0, 0.26)); + background-image: image(rgba(241, 252, 249, 0.12)); background-size: 1px 1px; background-clip: content-box; } @@ -3399,8 +3474,8 @@ paned > separator { paned > separator.wide { min-width: 6px; min-height: 6px; - background-color: #20262C; - background-image: image(rgba(0, 0, 0, 0.26)), image(rgba(0, 0, 0, 0.26)); + background-color: #282F37; + background-image: image(rgba(241, 252, 249, 0.12)), image(rgba(241, 252, 249, 0.12)); background-size: 1px 1px, 1px 1px; } @@ -3448,24 +3523,31 @@ infobar { border-style: none; } -infobar.info { - background-color: #b295ff; +infobar.info, infobar.question { + border-bottom: 1px solid rgba(241, 252, 249, 0.12); + background-color: #282F37; } -infobar.question { - background-color: #b295ff; +infobar.info button.text-button:not(:disabled), infobar.question button.text-button:not(:disabled) { + color: #B4A1DB; } infobar.warning { background-color: #e3983f; + color: rgba(0, 0, 0, 0.87); +} + +infobar.warning *:link, infobar.warning button.link:link { + color: rgba(0, 0, 0, 0.87); } infobar.error { background-color: #ff886c; + color: rgba(0, 0, 0, 0.87); } -infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error { - color: white; +infobar.error *:link, infobar.error button.link:link { + color: rgba(0, 0, 0, 0.87); } /************ @@ -3477,17 +3559,18 @@ tooltip { } tooltip.background { - background-color: rgba(32, 38, 44, 0.9); - color: #F1FCF9; + background-color: rgba(40, 47, 55, 0.9); + color: white; } tooltip decoration { background-color: transparent; } -tooltip label { - min-height: 20px; - padding: 0 2px; +tooltip > box { + margin: -6px; + min-height: 24px; + padding: 4px 8px; } /***************** @@ -3534,37 +3617,29 @@ colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { } colorswatch.dark { - color: #20262C; + color: white; } colorswatch.light { - color: #F1FCF9; -} - -colorswatch:drop(active) { - box-shadow: none; -} - -colorswatch:drop(active).light overlay { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #B4A1DB; -} - -colorswatch:drop(active).dark overlay { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #B4A1DB; + color: rgba(0, 0, 0, 0.87); } colorswatch overlay { - transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); } colorswatch overlay:hover { - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); +} + +colorswatch overlay:drop(active) { + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } colorswatch#add-color-button { border-radius: 6px 6px 0 0; - color: #20262C; + color: #F1FCF9; } colorswatch#add-color-button:only-child { @@ -3572,7 +3647,7 @@ colorswatch#add-color-button:only-child { } colorswatch#add-color-button overlay { - background-image: linear-gradient(to right, #ff886c 25%, #e3983f 25%, #e3983f 50%, #b295ff 50%, #b295ff 75%, #b295ff 75%); + background-color: #282F37; } colorswatch:disabled { @@ -3592,35 +3667,35 @@ colorswatch#editor-color-sample overlay { } colorchooser .popover.osd { - transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 6px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1); + box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); background-color: #282F37; } colorchooser .popover.osd:backdrop { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1); + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); } /******** * Misc * ********/ .content-view { - background-color: #20262C; + background-color: #282F37; } /********************** * Window Decorations * **********************/ decoration { - transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 6px 6px 0 0; - box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent; + box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent; margin: 8px; } decoration:backdrop { - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px transparent; + box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent; } .maximized decoration, @@ -3643,7 +3718,7 @@ decoration:backdrop { .csd.popup decoration { border-radius: 6px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } tooltip.csd decoration { @@ -3657,15 +3732,19 @@ messagedialog.csd decoration { .solid-csd decoration { margin: 0; + padding: 4px; border-radius: 0; box-shadow: none; - background-color: #20262C; + background-color: #282F37; +} + +.solid-csd decoration:backdrop { + background-color: #181f27; } .view selection, .view:selected, flowbox flowboxchild:selected, label selection, spinbutton:not(.vertical) selection, entry selection, modelbutton.flat:selected, -.menuitem.button.flat:selected, popover.background.menu button:checked, -popover.background button.model:checked, row:selected, calendar:selected, .nautilus-window flowboxchild:selected .icon-item-background, text:selected, box.vertical > widget > widget:selected, .budgie-menu button:checked, XfdesktopIconView.view:active { +.menuitem.button.flat:selected, row:selected, calendar:selected, .nautilus-window flowboxchild:selected .icon-item-background, box.vertical > widget > widget:selected, .budgie-popover.budgie-menu button.flat:not(.image-button):checked, calendar.raven-calendar:selected, XfdesktopIconView.view:active, .nemo-window .nemo-window-pane widget.entry:selected { background-color: #b4a1db; } @@ -3677,25 +3756,21 @@ popover.background button.model:checked, row:selected, calendar:selected, .nauti * Touch Copy & Paste * **********************/ cursor-handle { - border-radius: 9999px; - background-color: #B4A1DB; - background-image: none; + color: #B4A1DB; + -gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg")); } cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { - padding-left: 6px; - border-top-right-radius: 0; + -gtk-icon-transform: rotate(90deg); } cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { - padding-right: 6px; - border-top-left-radius: 0; + -gtk-icon-transform: unset; } cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { - -GtkWidget-text-handle-width: 24; - -GtkWidget-text-handle-height: 30; - -gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")); + padding-top: 6px; + -gtk-icon-transform: rotate(45deg); } .context-menu { @@ -3718,8 +3793,6 @@ cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) } :not(decoration):not(window):drop(active) { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 2px #B4A1DB; caret-color: #B4A1DB; } @@ -3734,6 +3807,9 @@ stackswitcher button.text-button.circular { padding: 0; } +/************* + * App Icons * + *************/ /********* * Emoji * *********/ @@ -3742,58 +3818,59 @@ popover.emoji-picker { } popover.emoji-picker entry { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(241, 252, 249, 0.12); + border-image: none; border-radius: 0; box-shadow: none; background-color: transparent; } popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(241, 252, 249, 0.12); } button.emoji-section { - margin-top: -1px; - padding: 0 8px; - min-width: 24px; - min-height: 32px; - border-radius: 0; - outline-offset: -6px; -} - -button.emoji-section, button.emoji-section:hover, button.emoji-section:active { - box-shadow: inset 0 2px transparent; + margin: 4px; } button.emoji-section:checked { - box-shadow: inset 0 2px #B4A1DB; - background-color: transparent; + color: #B4A1DB; } -button.emoji-section:hover, button.emoji-section:active { - background-color: alpha(currentColor, 0.08); +button.emoji-section:not(:last-child) { + margin-right: 0; } -button.emoji-section:first-child { - margin-left: 4px; -} - -button.emoji-section:last-child { - margin-right: 4px; -} - -.emoji { +popover.emoji-picker .emoji { min-width: 3em; min-height: 3em; padding: 0 8px; } -.emoji widget { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); +popover.emoji-picker .emoji widget { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 6px; } -.emoji widget:hover { +popover.emoji-picker .emoji widget:hover { + background-color: alpha(currentColor, 0.08); +} + +popover.emoji-completion { + padding: 8px 0; +} + +popover.emoji-completion arrow { + border: none; + background: none; +} + +popover.emoji-completion .emoji-completion-row { + min-height: 28px; + padding: 0 12px; +} + +popover.emoji-completion .emoji:hover { background-color: alpha(currentColor, 0.08); } @@ -3803,37 +3880,79 @@ button.emoji-section:last-child { .nautilus-window, .nautilus-window notebook, .nautilus-window notebook > stack { - background-color: #20262C; + background-color: #282F37; } -.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle, -headerbar .nautilus-canvas-item.subtitle, .budgie-notification .nautilus-canvas-item.notification-body, .budgie-switcher .nautilus-canvas-item.notification-body, +.nautilus-canvas-item.dim-label, .nautilus-list-dim-label { color: rgba(241, 252, 249, 0.7); } .nautilus-desktop.nautilus-canvas-item, .caja-desktop.caja-canvas-item, .nemo-desktop.nemo-canvas-item { color: white; - text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); } -@keyframes needs_attention_keyframes { +@keyframes nautilus-operations-button-needs-attention { to { - background-color: alpha(currentColor, 0.12); + background-color: alpha(currentColor, 0.08); } } .nautilus-operations-button-needs-attention { - animation: needs_attention_keyframes 225ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate; + animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate; } .nautilus-operations-button-needs-attention-multiple { - animation: needs_attention_keyframes 225ms cubic-bezier(0.4, 0, 0.2, 1) 4 alternate; + animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 6 alternate; +} + +.path-bar-box { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + margin: 4px 0; + border-radius: 6px; +} + +.path-bar-box button { + margin: 0; +} + +.path-bar-box.width-maximized { + background-color: rgba(241, 252, 249, 0.04); } .path-bar-box.background.frame { border-style: none; - background-color: transparent; + background-color: rgba(241, 252, 249, 0.04); +} + +.path-bar-box .path-bar button label:not(:only-child):first-child { + margin-left: 0; +} + +.path-bar-box .path-bar button label:not(:only-child):last-child { + margin-right: 0; +} + +.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action) { + padding-left: 4px; + padding-right: 4px; +} + +.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 0; +} + +.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action) label:not(:only-child):first-child { + margin-left: 0; +} + +.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action) label:not(:only-child):last-child { + margin-right: 0; +} + +.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button image:not(:only-child) { + margin: 0; } .nautilus-window .floating-bar { @@ -3841,11 +3960,9 @@ headerbar .nautilus-canvas-item.subtitle, .budgie-notification .nautilus-canvas- padding: 0; border-style: solid solid none; border-width: 1px; - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(241, 252, 249, 0.12); border-radius: 7px 7px 0 0; - background-color: rgba(32, 38, 44, 0.9); - background-clip: border-box; - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-width 0; + background-color: rgba(40, 47, 55, 0.9); } .nautilus-window .floating-bar.bottom.left { @@ -3881,12 +3998,13 @@ headerbar .nautilus-canvas-item.subtitle, .budgie-notification .nautilus-canvas- .search-information { padding: 2px; - background-color: #B4A1DB; - color: white; + border-bottom: 1px solid rgba(241, 252, 249, 0.12); + background-color: #282F37; + color: #F1FCF9; } .conflict-row:not(:selected) { - background-color: #5b4832; + background-color: #604f39; } .nautilus-window flowboxchild .icon-item-background { @@ -3904,7 +4022,7 @@ dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow. dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child { margin: -6px 0 0 -6px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(241, 252, 249, 0.12); } dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label { @@ -3945,7 +4063,7 @@ dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal: } .nautilus-window paned > separator { - background-color: #20262C; + background-color: #282f37; } /********* @@ -3956,8 +4074,13 @@ dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal: font-size: smaller; } +.open-document-selector-match { + background-color: #e3983f; + color: rgba(0, 0, 0, 0.87); +} + .gedit-document-panel { - background-color: #20262c; + background-color: #282f37; } .gedit-document-panel row button.flat { @@ -3966,11 +4089,11 @@ dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal: } .gedit-document-panel-group-row:not(:first-child) { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(241, 252, 249, 0.12); } .gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(241, 252, 249, 0.12); } .gedit-search-slider { @@ -4017,15 +4140,16 @@ dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal: } .gedit-search-slider .linked:not(.vertical) > entry.error ~ button { - color: rgba(255, 255, 255, 0.7); + color: rgba(0, 0, 0, 0.6); } -.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover, .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active { - color: white; +.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover, +.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:drop(active), .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active { + color: rgba(0, 0, 0, 0.87); } .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(0, 0, 0, 0.26); } .gedit-search-slider .linked > button { @@ -4053,7 +4177,7 @@ frame.gedit-map-frame > border:dir(rtl) { * Tweaks * **********/ .tweak-categories { - background-image: image(#20262c); + background-image: image(#282f37); } .tweak { @@ -4067,16 +4191,16 @@ frame.gedit-map-frame > border:dir(rtl) { .tweak-group-white, .tweak-white, .tweak-white:hover { - background-image: image(#20262C); + background-image: image(#282F37); } .tweak-startup, .tweak-startup:hover { - background-image: image(#20262C); + background-image: image(#282F37); } .tweak-group-startup { - background-image: image(#20262C); + background-image: image(#282F37); border: 1px solid rgba(0, 0, 0, 0.26); } @@ -4096,7 +4220,7 @@ row#StaticWorkspaceTweak row:not(:last-child), row#dynamic-workspaces row:not(:last-child), row#PrimaryWorkspaceTweak row:not(:last-child), row#workspaces-only-on-primary row:not(:last-child) { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(241, 252, 249, 0.12); } row#Focus.tweak > list, @@ -4119,8 +4243,8 @@ row#workspaces-only-on-primary { * Builder * ***********/ layouttabbar { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); - background-color: #20262C; + border-bottom: 1px solid rgba(241, 252, 249, 0.12); + background-color: #282F37; } layouttabbar > box > button { @@ -4133,7 +4257,7 @@ layouttab { border-width: 1px; border-color: rgba(0, 0, 0, 0.26); box-shadow: inset 0 -2px #B4A1DB; - background-color: #20262C; + background-color: #282F37; } layouttab separator.vertical { @@ -4153,7 +4277,7 @@ layout { entry.search-missing { background-color: #ff886c; - color: white; + color: rgba(0, 0, 0, 0.87); } window.workbench treeview.image { @@ -4193,16 +4317,17 @@ omnibar:not(:hover):not(:active) entry { } popover.omnibar list row:not(:last-child) { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(241, 252, 249, 0.12); } entry.preferences-search { - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); - background-color: #20262C; + border-bottom: 1px solid rgba(241, 252, 249, 0.12); + box-shadow: none; + background-color: #282F37; } preferences stacksidebar.sidebar list { - background-color: #20262c; + background-color: #282f37; } preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list { @@ -4210,11 +4335,11 @@ preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar } preferences > box > box:dir(ltr) { - border-right: 1px solid rgba(0, 0, 0, 0.26); + border-right: 1px solid rgba(241, 252, 249, 0.12); } preferences > box > box:dir(rtl) { - border-left: 1px solid rgba(0, 0, 0, 0.26); + border-left: 1px solid rgba(241, 252, 249, 0.12); } popover.messagepopover.background { @@ -4223,7 +4348,7 @@ popover.messagepopover.background { popover.messagepopover .popover-action-area button { padding: 8px 16px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(241, 252, 249, 0.12); border-radius: 0; } @@ -4244,7 +4369,7 @@ popover.transfers list { } popover.transfers list row:not(:first-child) { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(241, 252, 249, 0.12); } popover.transfers list row > box { @@ -4262,27 +4387,26 @@ dockpaned { eggsearchbar box.search-bar { padding: 0 8px; - border-bottom: 1px solid rgba(0, 0, 0, 0.26); - background-color: #20262C; + border-bottom: 1px solid rgba(241, 252, 249, 0.12); + background-color: #282F37; } docktabstrip { padding: 0 8px; - border-bottom: 1px solid rgba(0, 0, 0, 0.26); - background-color: #20262C; + border-bottom: 1px solid rgba(241, 252, 249, 0.12); + background-color: #282F37; } docktab { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; min-height: 24px; min-width: 24px; margin-bottom: -1px; padding: 4px 6px; - outline-offset: -6px; border-width: 1px; border-color: transparent; box-shadow: inset 0 -2px transparent; - background-image: radial-gradient(circle farthest-corner at center, #B4A1DB 10%, transparent 0%); + background-image: radial-gradient(circle, #B4A1DB 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; @@ -4296,16 +4420,16 @@ docktab:hover { } docktab:checked { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 -2px #B4A1DB; background-color: transparent; - background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-size: 1000% 1000%; color: #F1FCF9; } dockoverlayedge { - background-color: #20262C; + background-color: #282F37; } dockoverlayedge docktabstrip { @@ -4313,35 +4437,29 @@ dockoverlayedge docktabstrip { border: none; } -dockoverlayedge.left-edge docktab:hover { - box-shadow: inset -2px 0 rgba(241, 252, 249, 0.3); -} - dockoverlayedge.left-edge docktab:checked { box-shadow: inset -2px 0 #B4A1DB; } -dockoverlayedge.right-edge docktab:hover { - box-shadow: inset 2px 0 rgba(241, 252, 249, 0.3); -} - dockoverlayedge.right-edge docktab:checked { box-shadow: inset 2px 0 #B4A1DB; } pillbox { - background-color: #20262C; + background-color: #282F37; border-radius: 6px; } layoutpane entry.search { - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); - background-color: #20262C; + border-bottom: 1px solid rgba(241, 252, 249, 0.12); + box-shadow: none; + background-color: #282F37; } editortweak entry.search { margin-bottom: -1px; box-shadow: none; + background-color: transparent; } .gb-search-entry-occurrences-tag { @@ -4381,7 +4499,7 @@ button.dzlmenubuttonitem:disabled { } idelayoutstackheader { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(241, 252, 249, 0.12); } idelayoutstackheader button:checked { @@ -4390,26 +4508,25 @@ idelayoutstackheader button:checked { ideeditorutilities > dzldockpaned > box > stackswitcher { padding: 8px 0; - background-color: #20262C; + background-color: #282F37; } ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) { - border-right: 1px solid rgba(0, 0, 0, 0.26); + border-right: 1px solid rgba(241, 252, 249, 0.12); } ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) { - border-left: 1px solid rgba(0, 0, 0, 0.26); + border-left: 1px solid rgba(241, 252, 249, 0.12); } ideeditorutilities > dzldockpaned > box > stackswitcher button { border-radius: 0; - outline-offset: -6px; box-shadow: none; background-color: transparent; } ideeditorutilities > dzldockpaned > box > stackswitcher button:active { - background-image: radial-gradient(circle farthest-corner at center, rgba(180, 161, 219, 0.7) 10%, transparent 0%); + background-image: radial-gradient(circle, rgba(180, 161, 219, 0.7) 10%, transparent 0%); } ideeditorutilities > dzldockpaned > box > stackswitcher button:checked { @@ -4421,11 +4538,7 @@ ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) { margin-right: -1px; } -ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):hover { - box-shadow: inset -2px 0 rgba(241, 252, 249, 0.3); -} - -ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked { +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked { box-shadow: inset -2px 0 #B4A1DB; } @@ -4433,11 +4546,7 @@ ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) { margin-left: -1px; } -ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):hover { - box-shadow: inset 2px 0 rgba(241, 252, 249, 0.3); -} - -ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked { +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked { box-shadow: inset 2px 0 #B4A1DB; } @@ -4446,11 +4555,11 @@ ideeditorsidebar notebook header { } popover.messagepopover list { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(241, 252, 249, 0.12); } popover.messagepopover list row:not(:last-child) { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(241, 252, 249, 0.12); } /********** @@ -4463,9 +4572,9 @@ GdMainIconView.content-view { .documents-counter { margin: 8px; border-radius: 9999px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); background-color: #B4A1DB; - color: white; + color: rgba(0, 0, 0, 0.87); font-weight: bold; } @@ -4479,12 +4588,27 @@ GdMainIconView.content-view { .photos-fade-in { opacity: 1; - transition: opacity 100ms cubic-bezier(0, 0, 0.2, 1); + transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1); } .photos-fade-out { opacity: 0; - transition: opacity 100ms cubic-bezier(0, 0, 0.2, 1); + transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1); +} + +button.photos-filter-preview { + color: #F1FCF9; + font-weight: normal; +} + +button.photos-filter-preview:checked { + background-color: #b4a1db; + color: #F1FCF9; +} + +button.photos-filter-preview:checked image { + color: white; + -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); } overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) { @@ -4500,20 +4624,20 @@ overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) { *********/ .side-panel:dir(ltr) { border-style: solid; - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(241, 252, 249, 0.12); } .side-panel:dir(rtl) { border-style: solid; - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(241, 252, 249, 0.12); } .side-panel .view { - background-image: image(#20262c); + background-image: image(#282f37); } .side-panel .view:hover { - background-image: image(#2a3136); + background-image: image(#383f47); } .side-panel .view:selected { @@ -4521,7 +4645,7 @@ overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) { } .side-panel .view:selected:hover { - background-image: image(#b8a6dd); + background-image: image(rgba(169, 151, 205, 0.9896)); } .songs-list:hover { @@ -4537,7 +4661,7 @@ frame.documents-dropdown > border { } box.vertical > revealer > toolbar.search-bar { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(241, 252, 249, 0.12); background-clip: border-box; } @@ -4545,11 +4669,22 @@ box.vertical > revealer > toolbar.search-bar button > widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } +/************ + * Terminal * + ************/ +terminal-window notebook > header > box { + margin: -2px -2px -3px; +} + +terminal-window notebook > header > box button { + border-radius: 0; +} + /********* * To Do * *********/ task-list-view taskrow { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); margin: 0 -8px; } @@ -4561,8 +4696,7 @@ task-list-view taskrow label { margin: 0 8px; } -task-list-view taskrow image.dim-label, task-list-view taskrow .titlebar:not(headerbar) image.subtitle, .titlebar:not(headerbar) task-list-view taskrow image.subtitle, -task-list-view taskrow headerbar image.subtitle, headerbar task-list-view taskrow image.subtitle, task-list-view taskrow .budgie-notification image.notification-body, .budgie-notification task-list-view taskrow image.notification-body, task-list-view taskrow .budgie-switcher image.notification-body, .budgie-switcher task-list-view taskrow image.notification-body { +task-list-view taskrow image.dim-label { min-width: 16px; } @@ -4570,9 +4704,8 @@ task-list-view > box > revealer > box > button { margin: -4px; } -task-list-view > box > revealer > box > button .dim-label, task-list-view > box > revealer > box > button label.separator, task-list-view > box > revealer > box > button .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) task-list-view > box > revealer > box > button .subtitle, -task-list-view > box > revealer > box > button headerbar .subtitle, headerbar task-list-view > box > revealer > box > button .subtitle, task-list-view > box > revealer > box > button .budgie-notification .notification-body, .budgie-notification task-list-view > box > revealer > box > button .notification-body, task-list-view > box > revealer > box > button .budgie-switcher .notification-body, .budgie-switcher task-list-view > box > revealer > box > button .notification-body { - opacity: 1; +task-list-view > box > revealer > box > button .dim-label { + color: inherit; } tasklistview taskrow { @@ -4583,8 +4716,7 @@ tasklistview taskrow entry, tasklistview taskrow entry:focus, tasklistview taskr box-shadow: none; } -tasklistview taskrow image.dim-label, tasklistview taskrow .titlebar:not(headerbar) image.subtitle, .titlebar:not(headerbar) tasklistview taskrow image.subtitle, -tasklistview taskrow headerbar image.subtitle, headerbar tasklistview taskrow image.subtitle, tasklistview taskrow .budgie-notification image.notification-body, .budgie-notification tasklistview taskrow image.notification-body, tasklistview taskrow .budgie-switcher image.notification-body, .budgie-switcher tasklistview taskrow image.notification-body { +tasklistview taskrow image.dim-label { min-width: 16px; } @@ -4592,9 +4724,8 @@ tasklistview > box > revealer > box > button { margin: -4px; } -tasklistview > box > revealer > box > button .dim-label, tasklistview > box > revealer > box > button label.separator, tasklistview > box > revealer > box > button .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) tasklistview > box > revealer > box > button .subtitle, -tasklistview > box > revealer > box > button headerbar .subtitle, headerbar tasklistview > box > revealer > box > button .subtitle, tasklistview > box > revealer > box > button .budgie-notification .notification-body, .budgie-notification tasklistview > box > revealer > box > button .notification-body, tasklistview > box > revealer > box > button .budgie-switcher .notification-body, .budgie-switcher tasklistview > box > revealer > box > button .notification-body { - opacity: 1; +tasklistview > box > revealer > box > button .dim-label { + color: inherit; } /******* @@ -4604,10 +4735,6 @@ tasklistview > box > revealer > box > button headerbar .subtitle, headerbar task border-top: none; } -#eog-thumb-nav button { - -gtk-outline-radius: 6px; -} - /************* * Evolution * *************/ @@ -4634,7 +4761,7 @@ box.dialog-vbox scrolledwindow.related { } list.categories { - background-image: image(#20262c); + background-image: image(#282f37); } /********* @@ -4668,10 +4795,6 @@ button.title label { padding-left: 0; } -.geary-titlebar-left > separator { - background-color: rgba(0, 0, 0, 0.05); -} - .geary-titlebar-right:dir(ltr) { margin-left: -5px; } @@ -4686,7 +4809,7 @@ button.title label { overlay > revealer.left > scrolledwindow.frame, overlay > revealer.right > scrolledwindow.frame { border-style: none; - box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22); + box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12); } overlay > revealer.left > scrolledwindow.frame { @@ -4710,17 +4833,34 @@ button.image-button.session-new-button { min-width: 28px; } +notebook.tilix-background tab > box > stack { + margin: -6px; +} + +button.flat.tilix-small-button { + min-height: 20px; + min-width: 16px; +} + /************** * Terminator * **************/ .terminator-terminal-window paned > separator { - background-color: #20262C; + background-color: #282F37; } .terminator-terminal-window notebook.frame { border-style: none; } +/************* + * Ubitquity * + *************/ +#live_installer .menubar progressbar trough { + border-radius: 4px; + background-color: rgba(241, 252, 249, 0.12); +} + /*********** * Eclipse * ***********/ @@ -4745,128 +4885,153 @@ window.background.chromium { } window.background.chromium entry, -window.background.chromium > button:not(.suggested-action):not(.destructive-action) { - border: 1px solid rgba(0, 0, 0, 0.26); +window.background.chromium > button { + border: 1px solid rgba(241, 252, 249, 0.3); } window.background.chromium > button { - box-shadow: none; - background-size: auto; + color: #B4A1DB; } -window.background.chromium > button:hover { - background-image: image(alpha(currentColor, 0.08)); +window.background.chromium > button:disabled { + color: rgba(241, 252, 249, 0.3); } -window.background.chromium > button:active { - background-image: image(alpha(currentColor, 0.24)); +window.background.chromium menubar, +window.background.chromium headerbar { + color: rgba(241, 252, 249, 0.7); } window.background.chromium headerbar button:active { - background-size: 1000% 1000%; + background-color: alpha(currentColor, 0.12); } window.background.chromium spinner { color: #B4A1DB; } -window.background.chromium textview { +window.background.chromium textview.view { + background-color: transparent; +} + +window.background.chromium treeview.view.cell:selected:focus { + background-color: #B4A1DB; + color: rgba(0, 0, 0, 0.87); +} + +window.background.chromium treeview.view button { + border: 1px solid rgba(241, 252, 249, 0.3); background-color: #282F37; } tooltip.background.chromium { - background-color: #20262c; + background-color: #282f37; } /*********** * Firefox * ***********/ -window.background:not(.csd) > widget > separator { - color: rgba(0, 0, 0, 0.26); +#MozillaGtkWidget > widget text { + background-color: #282F37; } -window.background:not(.csd) > widget > scrollbar { - background-clip: border-box; +#MozillaGtkWidget > widget text:selected { + background-color: #B4A1DB; + color: rgba(0, 0, 0, 0.87); } -window.background:not(.csd) > widget > scrollbar, -window.background:not(.csd) > widget > frame > border { - border-color: rgba(0, 0, 0, 0.26); +#MozillaGtkWidget > widget > separator { + color: rgba(241, 252, 249, 0.12); } -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget > button > button { - border: 1px solid rgba(0, 0, 0, 0.26); - border-radius: 7px; +#MozillaGtkWidget > widget > frame > border { + border-color: rgba(241, 252, 249, 0.3); +} + +#MozillaGtkWidget > widget > entry, +#MozillaGtkWidget > widget > button > button { + border: 1px solid rgba(241, 252, 249, 0.3); + border-radius: 6px; box-shadow: none; } -window.background:not(.csd) > widget > entry { +#MozillaGtkWidget > widget > entry:disabled, +#MozillaGtkWidget > widget > button > button:disabled { + border-color: rgba(241, 252, 249, 0.12); +} + +#MozillaGtkWidget > widget > entry { min-height: 30px; + background-color: #282F37; } -window.background:not(.csd) > widget > entry:focus { +#MozillaGtkWidget > widget > entry:focus { border-color: #B4A1DB; + box-shadow: inset 0 0 0 1px #B4A1DB; } -window.background:not(.csd) > widget > button > button { +#MozillaGtkWidget > widget > entry:disabled { + background-color: #282f37; +} + +#MozillaGtkWidget > widget > button > button { padding: 4px 8px; background-size: auto; } -window.background:not(.csd) > widget > button > button:hover { - background-image: image(alpha(currentColor, 0.08)); +#MozillaGtkWidget > widget > button > button:hover, +#MozillaGtkWidget > widget > button > button:drop(active) { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); } -window.background:not(.csd) > widget > button > button:active { - background-image: image(alpha(currentColor, 0.24)); +#MozillaGtkWidget > widget > button > button:active { + background-image: image(alpha(currentColor, 0.12)); } -window.background:not(.csd) > widget > checkbutton > check:not(:checked), -window.background:not(.csd) > widget > radiobutton > radio:not(:checked) { - color: #757575; -} - -window.background:not(.csd) > widget > checkbutton > check:not(:checked):hover, window.background:not(.csd) > widget > checkbutton > check:not(:checked):active, -window.background:not(.csd) > widget > radiobutton > radio:not(:checked):hover, -window.background:not(.csd) > widget > radiobutton > radio:not(:checked):active { - color: #212121; -} - -window.background:not(.csd) > widget > checkbutton > check:not(:checked):disabled, -window.background:not(.csd) > widget > radiobutton > radio:not(:checked):disabled { - color: rgba(117, 117, 117, 0.5); -} - -window.background:not(.csd) > window > menu, -window.background:not(.csd) > menu > menu { - border: none; -} - -window.background:not(.csd) > widget > menubar { - color: rgba(241, 252, 249, 0.7); -} - -window.background:not(.csd) > widget > menubar:hover { - color: #F1FCF9; -} - -window.background:not(.csd) > widget > menubar:disabled { - color: rgba(241, 252, 249, 0.3); -} - -window.background:not(.csd) > widget > frame { - color: rgba(0, 0, 0, 0.26); -} - -window.background:not(.csd) > widget > checkbutton > check, -window.background:not(.csd) > widget > radiobutton > radio { +#MozillaGtkWidget > widget > checkbutton > check, +#MozillaGtkWidget > widget > radiobutton > radio { margin: 0; padding: 0; } -window.background:not(.csd) > window.background > menu > separator { - color: rgba(0, 0, 0, 0.26); +#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate), +#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate) { + color: #757575; +} + +#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):hover, #MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):active, +#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):hover, +#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):active { + color: #212121; +} + +#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):disabled, +#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):disabled { + color: rgba(117, 117, 117, 0.5); +} + +#MozillaGtkWidget menu { + border: none; +} + +#MozillaGtkWidget > widget > menubar { + color: rgba(241, 252, 249, 0.7); +} + +#MozillaGtkWidget > widget > menubar:hover { + color: #F1FCF9; +} + +#MozillaGtkWidget > widget > menubar:disabled { + color: rgba(241, 252, 249, 0.3); +} + +#MozillaGtkWidget > widget > frame { + color: rgba(241, 252, 249, 0.3); +} + +#MozillaGtkWidget menu > separator { + color: rgba(241, 252, 249, 0.12); } /************ @@ -4890,7 +5055,6 @@ window.background:not(.csd) > window.background > menu > separator { min-width: 16px; padding: 4px 8px; border-radius: 6px; - -gtk-outline-radius: 6px; } #ToolboxCommon > #AuxToolbox spinbutton button { @@ -4906,7 +5070,6 @@ window.background:not(.csd) > window.background > menu > separator { min-width: 24px; padding: 4px; border-radius: 6px; - -gtk-outline-radius: 6px; } #CanvasTable button { @@ -4916,15 +5079,15 @@ window.background:not(.csd) > window.background > menu > separator { } #CanvasTable #HorizontalScrollbar { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(241, 252, 249, 0.12); } #CanvasTable #VerticalScrollbar:dir(ltr) { - border-left: 1px solid rgba(0, 0, 0, 0.26); + border-left: 1px solid rgba(241, 252, 249, 0.12); } #CanvasTable #VerticalScrollbar:dir(rtl) { - border-right: 1px solid rgba(0, 0, 0, 0.26); + border-right: 1px solid rgba(241, 252, 249, 0.12); } #Canvas_and_Dock frame > border { @@ -4974,11 +5137,12 @@ UnityDecoration .top { border-style: none; border-radius: 6px 6px 0 0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #20262C; + background-color: #282F37; color: #F1FCF9; } UnityDecoration .top:backdrop { + background-color: #181f27; color: rgba(241, 252, 249, 0.7); } @@ -4994,7 +5158,7 @@ UnityDecoration .menuitem:hover { .background:not(.csd) headerbar:not(.titlebar) { border-radius: 0; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); } .background:not(.csd) headerbar:not(.titlebar).inline-toolbar { @@ -5003,7 +5167,7 @@ UnityDecoration .menuitem:hover { UnityPanelWidget, .unity-panel { - background-color: #00060c; + background-color: #080f17; color: #F1FCF9; } @@ -5039,12 +5203,9 @@ UnityPanelWidget:backdrop, } .mate-panel-menu-bar { - background-color: #00060c; - font-weight: 500; -} - -.mate-panel-menu-bar:not(.popup) { + background-color: #080f17; color: rgba(255, 255, 255, 0.7); + font-weight: 500; } .mate-panel-menu-bar button { @@ -5054,10 +5215,6 @@ UnityPanelWidget:backdrop, border-radius: 0; } -.mate-panel-menu-bar button:checked { - background-color: rgba(255, 255, 255, 0.12); -} - PanelToplevel.horizontal > grid > button { min-width: 24px; } @@ -5088,7 +5245,6 @@ MatePanelAppletFrameDBus { } .mate-panel-menu-bar menubar > menuitem:hover { - background-color: rgba(255, 255, 255, 0.12); color: white; } @@ -5145,15 +5301,15 @@ MatePanelAppletFrameDBus { PanelApplet.wnck-applet .wnck-pager { background-color: transparent; - color: #d4c1fb; + color: #B4A1DB; } PanelApplet.wnck-applet .wnck-pager:hover { - background-color: rgba(255, 255, 255, 0.12); + background-color: alpha(currentColor, 0.08); } PanelApplet.wnck-applet .wnck-pager:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: alpha(currentColor, 0.12); } PanelApplet.wnck-applet .wnck-pager:selected { @@ -5172,18 +5328,37 @@ PanelApplet.wnck-applet .wnck-pager:selected { border: 1px solid rgba(0, 0, 0, 0.26); border-radius: 7px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #282F37; } #MatePanelPopupWindow frame > border { border-style: none; } +#MatePanelPopupWindow calendar { + border-style: none; +} + +#MatePanelPopupWindow calendar:not(:selected) { + background-color: transparent; +} + +#MatePanelPopupWindow calendar + box { + margin-top: -5px; + padding-top: 5px; + border-top: 1px solid rgba(241, 252, 249, 0.12); +} + +#MatePanelPopupWindow expander > title { + min-height: 32px; +} + #MatePanelPopupWindow button { padding: 4px 16px; } #MatePanelPopupWindow > frame > box > box > box > widget { - color: rgba(0, 0, 0, 0.26); + color: rgba(241, 252, 249, 0.12); } na-tray-applet { @@ -5199,7 +5374,7 @@ na-tray-applet { border: 1px solid rgba(0, 0, 0, 0.26); border-radius: 7px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #20262C; + background-color: #282F37; } .mate-panel-applet-slider frame > border { @@ -5207,16 +5382,17 @@ na-tray-applet { } #PanelApplet:not(:selected) > box { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); } #PanelApplet:selected > box { - background-color: rgba(255, 255, 255, 0.12); + background-color: alpha(currentColor, 0.12); color: white; } #mate-menu { border: 1px solid rgba(0, 0, 0, 0.26); + background-color: #282F37; } #mate-menu button { @@ -5227,12 +5403,17 @@ na-tray-applet { font-weight: normal; } -#mate-menu button label:not(:first-child) { +#mate-menu button:not(.flat) { + background-color: alpha(currentColor, 0.12); +} + +#mate-menu button image, +#mate-menu button label + label { color: rgba(241, 252, 249, 0.7); } #mate-menu entry { - margin: 0 0 8px; + margin: 0 0 4px; } #mate-menu entry image { @@ -5240,10 +5421,72 @@ na-tray-applet { } #mate-menu entry + button { - margin: 0 4px 8px; + margin: 0 4px 4px; padding: 4px; } +.brisk-menu { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #282F37; +} + +.brisk-menu entry { + margin-bottom: -2px; + border-bottom: 1px solid rgba(241, 252, 249, 0.12); + border-image: none; + box-shadow: none; + background-color: transparent; +} + +.brisk-menu entry + box > box:dir(ltr) { + margin-right: -2px; + border-right: 1px solid rgba(241, 252, 249, 0.12); +} + +.brisk-menu entry + box > box:dir(rtl) { + margin-left: -2px; + border-left: 1px solid rgba(241, 252, 249, 0.12); +} + +.brisk-menu .categories-list { + padding-top: 4px; +} + +.brisk-menu .categories-list button { + margin: 0 4px; +} + +.brisk-menu .categories-list button:checked { + color: #B4A1DB; +} + +.brisk-menu .session-button { + padding: 8px; +} + +.brisk-menu .frame { + border-style: none; +} + +.brisk-menu .apps-list { + padding: 4px 0; + background-color: transparent; +} + +.brisk-menu .apps-list row { + padding: 0; +} + +.brisk-menu .apps-list row:hover, .brisk-menu .apps-list placessidebar.sidebar row:drop(active), placessidebar.sidebar .brisk-menu .apps-list row:drop(active) { + box-shadow: none; +} + +.brisk-menu .apps-list button { + border-radius: 0; + color: #F1FCF9; + font-weight: normal; +} + /********************* * CAJA File manager * *********************/ @@ -5255,6 +5498,10 @@ na-tray-applet { margin: 0 -1px 0 -2px; } +.caja-pathbar button.slider-button { + min-width: 24px; +} + .caja-pathbar button > widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -GtkArrow-arrow-scaling: 1; @@ -5262,12 +5509,12 @@ na-tray-applet { .caja-side-pane notebook viewport.frame, .caja-side-pane notebook widget .vertical { - background-color: #20262C; + background-color: #282F37; } .caja-side-pane notebook, .caja-notebook { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(241, 252, 249, 0.12); } .caja-side-pane notebook .frame, @@ -5275,10 +5522,39 @@ na-tray-applet { border-style: none; } +.caja-canvas-item { + border-radius: 6px; +} + +.caja-desktop.view .entry, +.caja-navigation-window .view .entry { + border: none; + border-radius: 6px; + background-color: rgba(241, 252, 249, 0.04); + background-image: none; + color: #F1FCF9; +} + +.caja-desktop.view .entry:selected, +.caja-navigation-window .view .entry:selected { + background-color: #b4a1db; +} + +.caja-desktop.view .entry { + background-color: rgba(0, 0, 0, 0.3); + color: white; + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); + caret-color: currentColor; +} + +.caja-desktop.view .entry:selected { + background-color: #b4a1db; +} + .caja-navigation-window statusbar { margin: 0 -10px; padding: 0 4px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(241, 252, 249, 0.12); } .caja-notebook frame > border { @@ -5286,8 +5562,8 @@ na-tray-applet { } #caja-extra-view-widget { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); - background-color: #20262C; + border-bottom: 1px solid rgba(241, 252, 249, 0.12); + background-color: #282F37; } #caja-extra-view-widget > box > box > label { @@ -5300,7 +5576,7 @@ na-tray-applet { .pluma-window statusbar { margin: 0 -10px; padding: 0 4px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(241, 252, 249, 0.12); } .pluma-window statusbar frame > border { @@ -5318,7 +5594,7 @@ na-tray-applet { } .pluma-print-preview toolbar { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(241, 252, 249, 0.12); } .pluma-window paned.horizontal box.vertical box.horizontal button.flat { @@ -5331,11 +5607,11 @@ na-tray-applet { .pluma-window paned.horizontal box.vertical notebook.frame { margin-top: -1px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(241, 252, 249, 0.12); } .pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(241, 252, 249, 0.12); } /********* @@ -5346,24 +5622,30 @@ na-tray-applet { } .atril-window paned.horizontal box.vertical notebook .frame { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(241, 252, 249, 0.12); } /* mate-screensaver lock dialog */ .lock-dialog { - border-radius: 6px; - box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), inset 0 1px rgba(255, 255, 255, 0.1); + border: 1px solid rgba(0, 0, 0, 0.26); + border-radius: 7px; + box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.14), 0 1px 10.8px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #282F37; } .lock-dialog frame > border { border-style: none; } +.lock-dialog button:not(:disabled) { + color: #B4A1DB; +} + /* multimedia OSD */ MsdOsdWindow.background.osd { border-radius: 6px; - background-color: rgba(32, 38, 44, 0.9); - color: #F1FCF9; + background-color: rgba(40, 47, 55, 0.9); + color: white; } MsdOsdWindow.background.osd .trough { @@ -5389,7 +5671,6 @@ MsdOsdWindow.background.osd .progressbar { .budgie-settings-window buttonbox.inline-toolbar button { border-radius: 6px; - -gtk-outline-radius: 6px; } .budgie-popover { @@ -5397,7 +5678,7 @@ MsdOsdWindow.background.osd .progressbar { border-width: 1px; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3); border-radius: 7px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); background-color: #282F37; } @@ -5417,18 +5698,18 @@ MsdOsdWindow.background.osd .progressbar { padding: 0; } -.budgie-popover row:hover { +.budgie-popover row:hover, .budgie-popover placessidebar.sidebar row:drop(active), placessidebar.sidebar .budgie-popover row:drop(active) { box-shadow: none; } -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { +.budgie-popover button.flat:not(.image-button) { min-height: 28px; padding: 0 8px; color: #F1FCF9; font-weight: normal; } -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled { +.budgie-popover button.flat:not(.image-button):disabled { color: rgba(241, 252, 249, 0.5); } @@ -5436,6 +5717,30 @@ MsdOsdWindow.background.osd .progressbar { padding: 0; } +.budgie-popover.budgie-menu .sidebar, +.budgie-popover.budgie-menu scrollbar, +.budgie-popover.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-popover.budgie-menu entry.search { + border-bottom: 1px solid rgba(241, 252, 249, 0.12); + border-image: none; + border-radius: 0; + box-shadow: none; + font-size: 120%; +} + +.budgie-popover.budgie-menu button.flat:not(.image-button) { + min-height: 32px; + padding: 0 8px; + border-radius: 0; +} + +.budgie-popover.budgie-menu button.flat:not(.image-button):checked:disabled { + background-color: transparent; +} + .budgie-popover.user-menu .container { padding: 8px; } @@ -5456,10 +5761,23 @@ MsdOsdWindow.background.osd .progressbar { padding: 8px; } +.budgie-popover.places-menu .name-button image:dir(ltr) { + margin-right: 3px; +} + +.budgie-popover.places-menu .name-button image:dir(rtl) { + margin-left: 3px; +} + +.budgie-popover.places-menu .unmount-button { + margin: 2px; + padding: 0; +} + .budgie-popover.places-menu .places-list:not(.always-expand) { margin-top: 4px; padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(241, 252, 249, 0.12); } .budgie-popover.places-menu .alternative-label { @@ -5468,7 +5786,7 @@ MsdOsdWindow.background.osd .progressbar { } .budgie-popover.workspace-popover .container { - padding: 2px 8px 8px; + padding: 8px; } .budgie-popover.workspace-popover separator { @@ -5528,11 +5846,11 @@ MsdOsdWindow.background.osd .progressbar { } .workspace-switcher .workspace-item { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); } .workspace-switcher .workspace-item.current-workspace { - background-color: rgba(255, 255, 255, 0.12); + background-color: alpha(currentColor, 0.12); } .workspace-switcher .workspace-add-button:hover { @@ -5554,106 +5872,9 @@ MsdOsdWindow.background.osd .progressbar { border-radius: 6px; } -.budgie-menu.background { - padding: 0; -} - -.budgie-menu .sidebar, -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); - border-radius: 0; - box-shadow: none; - font-size: 120%; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #F1FCF9; - font-weight: normal; -} - -.budgie-menu button:disabled { - color: rgba(241, 252, 249, 0.5); -} - -.budgie-menu button:checked:disabled { - background-color: #B4A1DB; -} - -.budgie-menu row { - padding: 0; -} - -.budgie-menu row:hover { - box-shadow: none; -} - -popover.background.user-menu { - padding: 8px; -} - -popover.background.user-menu .content-box { - background-color: transparent; -} - -popover.background.user-menu separator { - margin: 4px 0; -} - -popover.background.user-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -popover.background.places-menu { - padding: 8px; -} - -popover.background.places-menu .name-button.text-button { - padding-left: 8px; - padding-right: 8px; -} - -popover.background.places-menu .name-button.text-button image:dir(ltr) { - margin-right: 3px; -} - -popover.background.places-menu .name-button.text-button image:dir(rtl) { - margin-left: 3px; -} - -popover.background.places-menu .places-section-header > image:dir(ltr) { - margin: 0 -2px 0 5px; -} - -popover.background.places-menu .places-section-header > image:dir(rtl) { - margin: 0 5px 0 -2px; -} - -popover.background.places-menu .places-list { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 0.26); - background-color: transparent; -} - -popover.background.places-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - .budgie-panel { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); - background-color: #00060c; + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: #080f17; color: rgba(255, 255, 255, 0.7); font-weight: 500; } @@ -5669,10 +5890,6 @@ popover.background.places-menu row { border-radius: 0; } -.budgie-panel button:checked { - background-color: rgba(255, 255, 255, 0.12); -} - .budgie-panel.horizontal button { padding: 0 4px; } @@ -5701,7 +5918,8 @@ popover.background.places-menu row { color: rgba(255, 255, 255, 0.7); } -.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active { +.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, +.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):drop(active), .budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active { color: white; } @@ -5721,7 +5939,9 @@ popover.background.places-menu row { color: rgba(255, 255, 255, 0.5); } -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel toolbar button.launcher:not(:checked):drop(active), toolbar .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel .titlebar button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), .budgie-panel popover.background.menu button.launcher:not(:checked):drop(active), popover.background.menu .budgie-panel button.launcher:not(:checked):drop(active), +.budgie-panel popover.background button.launcher.model:not(:checked):drop(active), popover.background .budgie-panel button.launcher.model:not(:checked):drop(active), .budgie-panel actionbar > revealer > box button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), actionbar > revealer > box .budgie-panel button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), .budgie-panel .app-notification button.launcher:not(:checked):drop(active), .app-notification .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel messagedialog.csd .dialog-action-box button.launcher:not(:checked):drop(active), messagedialog.csd .dialog-action-box .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel filechooser #pathbarbox > stack > box > button.launcher:not(:checked):drop(active), filechooser .budgie-panel #pathbarbox > stack > box > button.launcher:not(:checked):drop(active), .budgie-panel infobar.info button.launcher:not(:checked):drop(active), infobar.info .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel infobar.question button.launcher:not(:checked):drop(active), infobar.question .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel .lock-dialog button.launcher:not(:checked):drop(active), .lock-dialog .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel .lightdm-gtk-greeter button.launcher:not(:checked):drop(active), .lightdm-gtk-greeter .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel .nemo-window .toolbar button.launcher:not(:checked):drop(active), .nemo-window .toolbar .budgie-panel button.launcher:not(:checked):drop(active), +.budgie-panel button.flat.launcher:not(:checked):drop(active), .budgie-panel button.flat.launcher:not(:checked):active { color: rgba(255, 255, 255, 0.7); } @@ -5767,7 +5987,7 @@ popover.background.places-menu row { frame.raven-frame > border { border-style: none; - box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22); + box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12); } .top frame.raven-frame > border { @@ -5794,17 +6014,13 @@ frame.raven-frame > border { margin-bottom: -10px; } -.raven > stack { - margin-bottom: -10px; -} - .raven stackswitcher.linked > button { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #e3983f 0%, transparent 0%) 0 0 0/0 0 0px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #B4A1DB 0%, transparent 0%) 0 0 0/0 0 0px; border-radius: 0; } .raven stackswitcher.linked > button:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #e3983f 100%, transparent 0%) 0 0 2/0 0 2px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #B4A1DB 100%, transparent 0%) 0 0 2/0 0 2px; background-color: transparent; } @@ -5813,79 +6029,44 @@ frame.raven-frame > border { padding: 3px; } -.raven .raven-header:not(.top) { - margin-top: -6px; -} - .raven .raven-header.top { - padding: 2px 0; - background-color: #B4A1DB; - color: white; + padding: 0; + border-bottom: 1px solid rgba(241, 252, 249, 0.12); } .raven .raven-header.top stackswitcher button { - margin: -4px 0; - min-height: 32px; -} - -.raven .raven-header.top button.image-button:dir(ltr) { - margin-right: 2px; -} - -.raven .raven-header.top button.image-button:dir(rtl) { - margin-left: 2px; -} - -.raven .raven-header.top > image { - margin: 0 8px; -} - -.raven .raven-header.top > label { - margin: 0 -8px; - font-weight: bold; + margin: -4px 0 -5px; + padding: 0 16px; + min-height: 40px; } .raven .raven-header.bottom { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(241, 252, 249, 0.12); } -.raven viewport.frame .raven-header { +.raven stack .raven-header { + margin-top: -6px; +} + +.raven stack scrolledwindow .raven-header { margin-top: -8px; } .raven .raven-background { border-style: solid none; border-width: 1px; - border-color: rgba(0, 0, 0, 0.26); - background-color: #20262C; -} - -.raven .raven-background.frame { - border-style: solid none; + border-color: rgba(241, 252, 249, 0.12); + background-color: #282F37; } .raven .raven-background > overlay > widget > image { color: rgba(241, 252, 249, 0.12); } -.raven .raven-background grid > label:first-child { - min-height: 32px; -} - .raven scrolledwindow.raven-background { border-bottom-style: none; } -.raven .raven-header.top + .raven-background { - border-style: none; - background-color: #B4A1DB; - color: white; -} - -.raven .raven-header.top + .raven-background stackswitcher button { - margin: -4px 0; -} - .raven .powerstrip button { margin: 2px 0 1px; padding: 8px; @@ -5902,7 +6083,6 @@ calendar.raven-calendar { calendar.raven-calendar:selected { border-radius: 6px; - background-color: #B4A1DB; } .raven-mpris { @@ -5926,6 +6106,10 @@ calendar.raven-calendar:selected { font-size: 120%; } +.budgie-notification .notification-body, .budgie-switcher .notification-body { + color: rgba(241, 252, 249, 0.7); +} + .budgie-osd .budgie-osd-text { font-size: 120%; } @@ -5934,7 +6118,7 @@ calendar.raven-calendar:selected { margin: 5px 9px; padding: 3px; border-radius: 6px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1); + box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); background-color: #282F37; } @@ -5944,6 +6128,7 @@ calendar.raven-calendar:selected { .budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { border-radius: 6px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); background-color: #282F37; } @@ -5958,7 +6143,7 @@ calendar.raven-calendar:selected { .budgie-session-dialog .linked.horizontal > button { padding: 8px 16px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(241, 252, 249, 0.12); border-radius: 0; } @@ -5979,30 +6164,30 @@ calendar.raven-calendar:selected { } .budgie-run-dialog { - background-color: #20262C; + background-color: #282F37; } .budgie-run-dialog entry.search { font-size: 120%; padding: 4px 12px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border-image: none; + box-shadow: none; background-color: transparent; } -.budgie-run-dialog list .dim-label, .budgie-run-dialog list label.separator, .budgie-run-dialog list .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .budgie-run-dialog list .subtitle, -.budgie-run-dialog list headerbar .subtitle, headerbar .budgie-run-dialog list .subtitle, .budgie-run-dialog list .budgie-notification .notification-body, .budgie-notification .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher .notification-body, .budgie-switcher .budgie-run-dialog list .notification-body { - opacity: 1; +.budgie-run-dialog list .dim-label { + color: #F1FCF9; } .budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(241, 252, 249, 0.12); } /************** * Xfce4 Apps * **************/ .XfceHeading { - background-color: #20262C; + background-color: #282F37; } /*************** @@ -6010,7 +6195,7 @@ calendar.raven-calendar:selected { ***************/ .xfce4-panel.background { border: none; - background-color: #00060c; + background-color: #080f17; color: rgba(255, 255, 255, 0.7); font-weight: 500; } @@ -6022,10 +6207,6 @@ calendar.raven-calendar:selected { border-radius: 0; } -.xfce4-panel.background button:checked { - background-color: rgba(255, 255, 255, 0.12); -} - .xfce4-panel.background .tasklist button { border-image: image(transparent) 0 0 2/0 0 2px; } @@ -6039,11 +6220,11 @@ calendar.raven-calendar:selected { } wnck-pager:hover { - background-color: rgba(255, 255, 255, 0.12); + background-color: alpha(currentColor, 0.08); } wnck-pager:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: alpha(currentColor, 0.12); } wnck-pager:selected { @@ -6054,12 +6235,11 @@ XfdesktopIconView.view { border-radius: 6px; background-color: transparent; color: white; - text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); } XfdesktopIconView.view:active { box-shadow: none; - text-shadow: none; } XfdesktopIconView.view .rubberband { @@ -6085,7 +6265,7 @@ XfdesktopIconView.view .rubberband { * Thunar * **********/ .thunar #location-toolbar { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(241, 252, 249, 0.12); } .thunar .standard-view.frame { @@ -6099,7 +6279,7 @@ XfdesktopIconView.view .rubberband { .thunar statusbar { margin: 0 -10px; padding: 0 4px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(241, 252, 249, 0.12); } /************************ @@ -6140,13 +6320,16 @@ XfdesktopIconView.view .rubberband { #restart_dialog { margin: 8px; border-radius: 6px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1); + box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.14), 0 1px 10.8px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); background-color: #282F37; } #content_frame { - padding-bottom: 20px; - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + padding-bottom: 16px; +} + +.lightdm-gtk-greeter button:not(:disabled) { + color: #B4A1DB; } #buttonbox_frame { @@ -6157,15 +6340,11 @@ XfdesktopIconView.view .rubberband { margin: -16px; } -#greeter_infobar { - margin-top: -1px; -} - /******** * Nemo * ********/ .nemo-window .primary-toolbar { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(241, 252, 249, 0.12); } .nemo-window .primary-toolbar entry { @@ -6196,7 +6375,21 @@ XfdesktopIconView.view .rubberband { } .nemo-window .nemo-inactive-pane .view:not(:selected) { - background-color: #20262c; + background-color: #282f37; +} + +.nemo-window .nemo-window-pane widget.entry { + border-radius: 6px; + background-color: rgba(241, 252, 249, 0.04); +} + +.places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #646d71; + -NemoPlacesTreeView-disk-full-fg-color: #B4A1DB; + -NemoPlacesTreeView-disk-full-bar-width: 2px; + -NemoPlacesTreeView-disk-full-bar-radius: 0; + -NemoPlacesTreeView-disk-full-bottom-padding: 1px; + -NemoPlacesTreeView-disk-full-max-length: 80px; } /* GTK NAMED COLORS @@ -6210,25 +6403,25 @@ text color for entries, views and content in general */ @define-color theme_text_color #F1FCF9; /* widget base background color */ -@define-color theme_bg_color #20262C; +@define-color theme_bg_color #282F37; /* text widgets and the like base background color */ -@define-color theme_base_color #20262C; +@define-color theme_base_color #282F37; /* base background color of selections */ @define-color theme_selected_bg_color #B4A1DB; /* text/foreground color of selections */ -@define-color theme_selected_fg_color white; +@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87); /* base background color of insensitive widgets */ -@define-color insensitive_bg_color #20262C; +@define-color insensitive_bg_color #282F37; /* text foreground color of insensitive widgets */ @define-color insensitive_fg_color rgba(241, 252, 249, 0.5); /* insensitive text widgets and the like base background color */ -@define-color insensitive_base_color #20262c; +@define-color insensitive_base_color #282f37; /* widget text/foreground color on backdrop windows */ @define-color theme_unfocused_fg_color #F1FCF9; @@ -6237,25 +6430,25 @@ text color for entries, views and content in general on backdrop windows */ @define-color theme_unfocused_text_color #F1FCF9; /* widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #20262C; +@define-color theme_unfocused_bg_color #282F37; /* text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #20262C; +@define-color theme_unfocused_base_color #282F37; /* base background color of selections on backdrop windows */ @define-color theme_unfocused_selected_bg_color #B4A1DB; /* text/foreground color of selections on backdrop windows */ -@define-color theme_unfocused_selected_fg_color white; +@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87); /* insensitive color on backdrop windows */ @define-color unfocused_insensitive_color rgba(241, 252, 249, 0.5); /* widgets main borders color */ -@define-color borders rgba(0, 0, 0, 0.26); +@define-color borders rgba(241, 252, 249, 0.12); /* widgets main borders color on backdrop windows */ -@define-color unfocused_borders rgba(0, 0, 0, 0.26); +@define-color unfocused_borders rgba(241, 252, 249, 0.12); /* these are pretty self explicative */ @define-color warning_color #e3983f; @@ -6267,8 +6460,9 @@ read if you used those and something break with a version upgrade you're on your @define-color wm_title #F1FCF9; @define-color wm_unfocused_title rgba(241, 252, 249, 0.7); @define-color wm_highlight rgba(255, 255, 255, 0.1); -@define-color wm_bg #20262C; +@define-color wm_bg #282F37; +@define-color wm_unfocused_bg #181f27; /* FIXME this is really an API */ -@define-color content_view_bg #20262C; -@define-color placeholder_text_color #b2bcbc; +@define-color content_view_bg #282F37; +@define-color placeholder_text_color #b5bfbf; diff --git a/misc/gtk/skyfall/gtk-assets/scalable/cursor-handle-symbolic.svg b/misc/gtk/skyfall/gtk-assets/scalable/cursor-handle-symbolic.svg new file mode 100644 index 0000000..e2a252b --- /dev/null +++ b/misc/gtk/skyfall/gtk-assets/scalable/cursor-handle-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/misc/gtk/skyfall/gtk-assets/scale-horz-marks-after-slider-dark.png b/misc/gtk/skyfall/gtk-assets/scale-horz-marks-after-slider-dark.png index d3a1925..00270c1 100644 Binary files a/misc/gtk/skyfall/gtk-assets/scale-horz-marks-after-slider-dark.png and b/misc/gtk/skyfall/gtk-assets/scale-horz-marks-after-slider-dark.png differ diff --git a/misc/gtk/skyfall/gtk-assets/scale-horz-marks-after-slider-dark@2.png b/misc/gtk/skyfall/gtk-assets/scale-horz-marks-after-slider-dark@2.png index ec24021..48d2aef 100644 Binary files a/misc/gtk/skyfall/gtk-assets/scale-horz-marks-after-slider-dark@2.png and b/misc/gtk/skyfall/gtk-assets/scale-horz-marks-after-slider-dark@2.png differ diff --git a/misc/gtk/skyfall/gtk-assets/scale-horz-marks-after-slider-disabled-dark.png b/misc/gtk/skyfall/gtk-assets/scale-horz-marks-after-slider-disabled-dark.png index 17ed494..d346bbb 100644 Binary files a/misc/gtk/skyfall/gtk-assets/scale-horz-marks-after-slider-disabled-dark.png and b/misc/gtk/skyfall/gtk-assets/scale-horz-marks-after-slider-disabled-dark.png differ diff --git a/misc/gtk/skyfall/gtk-assets/scale-horz-marks-after-slider-disabled-dark@2.png b/misc/gtk/skyfall/gtk-assets/scale-horz-marks-after-slider-disabled-dark@2.png index d10cfe7..f2f2dbc 100644 Binary files a/misc/gtk/skyfall/gtk-assets/scale-horz-marks-after-slider-disabled-dark@2.png and b/misc/gtk/skyfall/gtk-assets/scale-horz-marks-after-slider-disabled-dark@2.png differ diff --git a/misc/gtk/skyfall/gtk-assets/scale-horz-marks-after-slider-disabled.png b/misc/gtk/skyfall/gtk-assets/scale-horz-marks-after-slider-disabled.png index b982f87..b6d8c2d 100644 Binary files a/misc/gtk/skyfall/gtk-assets/scale-horz-marks-after-slider-disabled.png and b/misc/gtk/skyfall/gtk-assets/scale-horz-marks-after-slider-disabled.png differ diff --git a/misc/gtk/skyfall/gtk-assets/scale-horz-marks-after-slider-disabled@2.png b/misc/gtk/skyfall/gtk-assets/scale-horz-marks-after-slider-disabled@2.png index 254328c..a0bbe3d 100644 Binary files a/misc/gtk/skyfall/gtk-assets/scale-horz-marks-after-slider-disabled@2.png and b/misc/gtk/skyfall/gtk-assets/scale-horz-marks-after-slider-disabled@2.png differ diff --git a/misc/gtk/skyfall/gtk-assets/scale-horz-marks-after-slider.png b/misc/gtk/skyfall/gtk-assets/scale-horz-marks-after-slider.png index d3a1925..de61d71 100644 Binary files a/misc/gtk/skyfall/gtk-assets/scale-horz-marks-after-slider.png and b/misc/gtk/skyfall/gtk-assets/scale-horz-marks-after-slider.png differ diff --git a/misc/gtk/skyfall/gtk-assets/scale-horz-marks-after-slider@2.png b/misc/gtk/skyfall/gtk-assets/scale-horz-marks-after-slider@2.png index ec24021..c770731 100644 Binary files a/misc/gtk/skyfall/gtk-assets/scale-horz-marks-after-slider@2.png and b/misc/gtk/skyfall/gtk-assets/scale-horz-marks-after-slider@2.png differ diff --git a/misc/gtk/skyfall/gtk-assets/scale-horz-marks-before-slider-dark.png b/misc/gtk/skyfall/gtk-assets/scale-horz-marks-before-slider-dark.png index d863f46..006cde9 100644 Binary files a/misc/gtk/skyfall/gtk-assets/scale-horz-marks-before-slider-dark.png and b/misc/gtk/skyfall/gtk-assets/scale-horz-marks-before-slider-dark.png differ diff --git a/misc/gtk/skyfall/gtk-assets/scale-horz-marks-before-slider-dark@2.png b/misc/gtk/skyfall/gtk-assets/scale-horz-marks-before-slider-dark@2.png index 8245a68..621fb63 100644 Binary files a/misc/gtk/skyfall/gtk-assets/scale-horz-marks-before-slider-dark@2.png and b/misc/gtk/skyfall/gtk-assets/scale-horz-marks-before-slider-dark@2.png differ diff --git a/misc/gtk/skyfall/gtk-assets/scale-horz-marks-before-slider-disabled-dark.png b/misc/gtk/skyfall/gtk-assets/scale-horz-marks-before-slider-disabled-dark.png index dbd5d74..8d3c902 100644 Binary files a/misc/gtk/skyfall/gtk-assets/scale-horz-marks-before-slider-disabled-dark.png and b/misc/gtk/skyfall/gtk-assets/scale-horz-marks-before-slider-disabled-dark.png differ diff --git a/misc/gtk/skyfall/gtk-assets/scale-horz-marks-before-slider-disabled-dark@2.png b/misc/gtk/skyfall/gtk-assets/scale-horz-marks-before-slider-disabled-dark@2.png index b569418..9db28f8 100644 Binary files a/misc/gtk/skyfall/gtk-assets/scale-horz-marks-before-slider-disabled-dark@2.png and b/misc/gtk/skyfall/gtk-assets/scale-horz-marks-before-slider-disabled-dark@2.png differ diff --git a/misc/gtk/skyfall/gtk-assets/scale-horz-marks-before-slider-disabled.png b/misc/gtk/skyfall/gtk-assets/scale-horz-marks-before-slider-disabled.png index 52854cf..2703965 100644 Binary files a/misc/gtk/skyfall/gtk-assets/scale-horz-marks-before-slider-disabled.png and b/misc/gtk/skyfall/gtk-assets/scale-horz-marks-before-slider-disabled.png differ diff --git a/misc/gtk/skyfall/gtk-assets/scale-horz-marks-before-slider-disabled@2.png b/misc/gtk/skyfall/gtk-assets/scale-horz-marks-before-slider-disabled@2.png index b40efb9..608edeb 100644 Binary files a/misc/gtk/skyfall/gtk-assets/scale-horz-marks-before-slider-disabled@2.png and b/misc/gtk/skyfall/gtk-assets/scale-horz-marks-before-slider-disabled@2.png differ diff --git a/misc/gtk/skyfall/gtk-assets/scale-horz-marks-before-slider.png b/misc/gtk/skyfall/gtk-assets/scale-horz-marks-before-slider.png index d863f46..bc91541 100644 Binary files a/misc/gtk/skyfall/gtk-assets/scale-horz-marks-before-slider.png and b/misc/gtk/skyfall/gtk-assets/scale-horz-marks-before-slider.png differ diff --git a/misc/gtk/skyfall/gtk-assets/scale-horz-marks-before-slider@2.png b/misc/gtk/skyfall/gtk-assets/scale-horz-marks-before-slider@2.png index 8245a68..aae5b1d 100644 Binary files a/misc/gtk/skyfall/gtk-assets/scale-horz-marks-before-slider@2.png and b/misc/gtk/skyfall/gtk-assets/scale-horz-marks-before-slider@2.png differ diff --git a/misc/gtk/skyfall/gtk-assets/scale-slider-dark.png b/misc/gtk/skyfall/gtk-assets/scale-slider-dark.png index 7a7a65a..611a11e 100644 Binary files a/misc/gtk/skyfall/gtk-assets/scale-slider-dark.png and b/misc/gtk/skyfall/gtk-assets/scale-slider-dark.png differ diff --git a/misc/gtk/skyfall/gtk-assets/scale-slider-dark@2.png b/misc/gtk/skyfall/gtk-assets/scale-slider-dark@2.png index d3fe0bd..a30e41a 100644 Binary files a/misc/gtk/skyfall/gtk-assets/scale-slider-dark@2.png and b/misc/gtk/skyfall/gtk-assets/scale-slider-dark@2.png differ diff --git a/misc/gtk/skyfall/gtk-assets/scale-slider-disabled-dark.png b/misc/gtk/skyfall/gtk-assets/scale-slider-disabled-dark.png index 6165e37..8c07a1c 100644 Binary files a/misc/gtk/skyfall/gtk-assets/scale-slider-disabled-dark.png and b/misc/gtk/skyfall/gtk-assets/scale-slider-disabled-dark.png differ diff --git a/misc/gtk/skyfall/gtk-assets/scale-slider-disabled-dark@2.png b/misc/gtk/skyfall/gtk-assets/scale-slider-disabled-dark@2.png index 26d600b..6953153 100644 Binary files a/misc/gtk/skyfall/gtk-assets/scale-slider-disabled-dark@2.png and b/misc/gtk/skyfall/gtk-assets/scale-slider-disabled-dark@2.png differ diff --git a/misc/gtk/skyfall/gtk-assets/scale-slider-disabled.png b/misc/gtk/skyfall/gtk-assets/scale-slider-disabled.png index ac50d32..1c8170f 100644 Binary files a/misc/gtk/skyfall/gtk-assets/scale-slider-disabled.png and b/misc/gtk/skyfall/gtk-assets/scale-slider-disabled.png differ diff --git a/misc/gtk/skyfall/gtk-assets/scale-slider-disabled@2.png b/misc/gtk/skyfall/gtk-assets/scale-slider-disabled@2.png index 9e6ecad..1e3395e 100644 Binary files a/misc/gtk/skyfall/gtk-assets/scale-slider-disabled@2.png and b/misc/gtk/skyfall/gtk-assets/scale-slider-disabled@2.png differ diff --git a/misc/gtk/skyfall/gtk-assets/scale-vert-marks-after-slider-dark.png b/misc/gtk/skyfall/gtk-assets/scale-vert-marks-after-slider-dark.png index 69c8e83..0a93333 100644 Binary files a/misc/gtk/skyfall/gtk-assets/scale-vert-marks-after-slider-dark.png and b/misc/gtk/skyfall/gtk-assets/scale-vert-marks-after-slider-dark.png differ diff --git a/misc/gtk/skyfall/gtk-assets/scale-vert-marks-after-slider-dark@2.png b/misc/gtk/skyfall/gtk-assets/scale-vert-marks-after-slider-dark@2.png index c1415d1..b0fac07 100644 Binary files a/misc/gtk/skyfall/gtk-assets/scale-vert-marks-after-slider-dark@2.png and b/misc/gtk/skyfall/gtk-assets/scale-vert-marks-after-slider-dark@2.png differ diff --git a/misc/gtk/skyfall/gtk-assets/scale-vert-marks-after-slider-disabled-dark.png b/misc/gtk/skyfall/gtk-assets/scale-vert-marks-after-slider-disabled-dark.png index 4cf9244..8171e07 100644 Binary files a/misc/gtk/skyfall/gtk-assets/scale-vert-marks-after-slider-disabled-dark.png and b/misc/gtk/skyfall/gtk-assets/scale-vert-marks-after-slider-disabled-dark.png differ diff --git a/misc/gtk/skyfall/gtk-assets/scale-vert-marks-after-slider-disabled-dark@2.png b/misc/gtk/skyfall/gtk-assets/scale-vert-marks-after-slider-disabled-dark@2.png index aabfa7a..b1dd24d 100644 Binary files a/misc/gtk/skyfall/gtk-assets/scale-vert-marks-after-slider-disabled-dark@2.png and b/misc/gtk/skyfall/gtk-assets/scale-vert-marks-after-slider-disabled-dark@2.png differ diff --git a/misc/gtk/skyfall/gtk-assets/scale-vert-marks-after-slider-disabled.png b/misc/gtk/skyfall/gtk-assets/scale-vert-marks-after-slider-disabled.png index e04b46e..018a21e 100644 Binary files a/misc/gtk/skyfall/gtk-assets/scale-vert-marks-after-slider-disabled.png and b/misc/gtk/skyfall/gtk-assets/scale-vert-marks-after-slider-disabled.png differ diff --git a/misc/gtk/skyfall/gtk-assets/scale-vert-marks-after-slider-disabled@2.png b/misc/gtk/skyfall/gtk-assets/scale-vert-marks-after-slider-disabled@2.png index 1f33865..58318cd 100644 Binary files a/misc/gtk/skyfall/gtk-assets/scale-vert-marks-after-slider-disabled@2.png and b/misc/gtk/skyfall/gtk-assets/scale-vert-marks-after-slider-disabled@2.png differ diff --git a/misc/gtk/skyfall/gtk-assets/scale-vert-marks-after-slider.png b/misc/gtk/skyfall/gtk-assets/scale-vert-marks-after-slider.png index 69c8e83..59e7b82 100644 Binary files a/misc/gtk/skyfall/gtk-assets/scale-vert-marks-after-slider.png and b/misc/gtk/skyfall/gtk-assets/scale-vert-marks-after-slider.png differ diff --git a/misc/gtk/skyfall/gtk-assets/scale-vert-marks-after-slider@2.png b/misc/gtk/skyfall/gtk-assets/scale-vert-marks-after-slider@2.png index c1415d1..7a9179d 100644 Binary files a/misc/gtk/skyfall/gtk-assets/scale-vert-marks-after-slider@2.png and b/misc/gtk/skyfall/gtk-assets/scale-vert-marks-after-slider@2.png differ diff --git a/misc/gtk/skyfall/gtk-assets/scale-vert-marks-before-slider-dark.png b/misc/gtk/skyfall/gtk-assets/scale-vert-marks-before-slider-dark.png index 65ae921..4df4027 100644 Binary files a/misc/gtk/skyfall/gtk-assets/scale-vert-marks-before-slider-dark.png and b/misc/gtk/skyfall/gtk-assets/scale-vert-marks-before-slider-dark.png differ diff --git a/misc/gtk/skyfall/gtk-assets/scale-vert-marks-before-slider-dark@2.png b/misc/gtk/skyfall/gtk-assets/scale-vert-marks-before-slider-dark@2.png index cd001b1..5e8b000 100644 Binary files a/misc/gtk/skyfall/gtk-assets/scale-vert-marks-before-slider-dark@2.png and b/misc/gtk/skyfall/gtk-assets/scale-vert-marks-before-slider-dark@2.png differ diff --git a/misc/gtk/skyfall/gtk-assets/scale-vert-marks-before-slider-disabled-dark.png b/misc/gtk/skyfall/gtk-assets/scale-vert-marks-before-slider-disabled-dark.png index ac12ee3..3301ced 100644 Binary files a/misc/gtk/skyfall/gtk-assets/scale-vert-marks-before-slider-disabled-dark.png and b/misc/gtk/skyfall/gtk-assets/scale-vert-marks-before-slider-disabled-dark.png differ diff --git a/misc/gtk/skyfall/gtk-assets/scale-vert-marks-before-slider-disabled-dark@2.png b/misc/gtk/skyfall/gtk-assets/scale-vert-marks-before-slider-disabled-dark@2.png index 8048800..17958b5 100644 Binary files a/misc/gtk/skyfall/gtk-assets/scale-vert-marks-before-slider-disabled-dark@2.png and b/misc/gtk/skyfall/gtk-assets/scale-vert-marks-before-slider-disabled-dark@2.png differ diff --git a/misc/gtk/skyfall/gtk-assets/scale-vert-marks-before-slider-disabled.png b/misc/gtk/skyfall/gtk-assets/scale-vert-marks-before-slider-disabled.png index 378fe9b..4604c40 100644 Binary files a/misc/gtk/skyfall/gtk-assets/scale-vert-marks-before-slider-disabled.png and b/misc/gtk/skyfall/gtk-assets/scale-vert-marks-before-slider-disabled.png differ diff --git a/misc/gtk/skyfall/gtk-assets/scale-vert-marks-before-slider-disabled@2.png b/misc/gtk/skyfall/gtk-assets/scale-vert-marks-before-slider-disabled@2.png index 112d33e..5d55425 100644 Binary files a/misc/gtk/skyfall/gtk-assets/scale-vert-marks-before-slider-disabled@2.png and b/misc/gtk/skyfall/gtk-assets/scale-vert-marks-before-slider-disabled@2.png differ diff --git a/misc/gtk/skyfall/gtk-assets/scale-vert-marks-before-slider.png b/misc/gtk/skyfall/gtk-assets/scale-vert-marks-before-slider.png index 65ae921..6411ab7 100644 Binary files a/misc/gtk/skyfall/gtk-assets/scale-vert-marks-before-slider.png and b/misc/gtk/skyfall/gtk-assets/scale-vert-marks-before-slider.png differ diff --git a/misc/gtk/skyfall/gtk-assets/scale-vert-marks-before-slider@2.png b/misc/gtk/skyfall/gtk-assets/scale-vert-marks-before-slider@2.png index cd001b1..769b33a 100644 Binary files a/misc/gtk/skyfall/gtk-assets/scale-vert-marks-before-slider@2.png and b/misc/gtk/skyfall/gtk-assets/scale-vert-marks-before-slider@2.png differ diff --git a/misc/gtk/skyfall/gtk-assets/selectionmode-checkbox-checked-dark.png b/misc/gtk/skyfall/gtk-assets/selectionmode-checkbox-checked-dark.png index 6f93adf..147bc74 100644 Binary files a/misc/gtk/skyfall/gtk-assets/selectionmode-checkbox-checked-dark.png and b/misc/gtk/skyfall/gtk-assets/selectionmode-checkbox-checked-dark.png differ diff --git a/misc/gtk/skyfall/gtk-assets/selectionmode-checkbox-checked-dark@2.png b/misc/gtk/skyfall/gtk-assets/selectionmode-checkbox-checked-dark@2.png index d654fbf..75d6c50 100644 Binary files a/misc/gtk/skyfall/gtk-assets/selectionmode-checkbox-checked-dark@2.png and b/misc/gtk/skyfall/gtk-assets/selectionmode-checkbox-checked-dark@2.png differ diff --git a/misc/gtk/skyfall/metacity-1/assets/close.svg b/misc/gtk/skyfall/metacity-1/assets/close.svg index 00de643..3d6d241 100644 --- a/misc/gtk/skyfall/metacity-1/assets/close.svg +++ b/misc/gtk/skyfall/metacity-1/assets/close.svg @@ -1,3 +1,3 @@ - + diff --git a/misc/gtk/skyfall/metacity-1/metacity-theme-2.xml b/misc/gtk/skyfall/metacity-1/metacity-theme-2.xml index 318d577..f86f33e 100644 --- a/misc/gtk/skyfall/metacity-1/metacity-theme-2.xml +++ b/misc/gtk/skyfall/metacity-1/metacity-theme-2.xml @@ -11,18 +11,19 @@ - - + + + - + - - - + + + @@ -56,10 +57,10 @@ - - - - + + + + @@ -97,11 +98,11 @@ - + - + diff --git a/misc/gtk/skyfall/metacity-1/metacity-theme-3.xml b/misc/gtk/skyfall/metacity-1/metacity-theme-3.xml index 960e8e9..948e0b7 100644 --- a/misc/gtk/skyfall/metacity-1/metacity-theme-3.xml +++ b/misc/gtk/skyfall/metacity-1/metacity-theme-3.xml @@ -11,7 +11,8 @@ - + + @@ -20,9 +21,9 @@ - - - + + + @@ -56,10 +57,10 @@ - - - - + + + + @@ -107,11 +108,11 @@ - + - + diff --git a/misc/gtk/skyfall/plank/dock.theme b/misc/gtk/skyfall/plank/dock.theme new file mode 100644 index 0000000..04fa741 --- /dev/null +++ b/misc/gtk/skyfall/plank/dock.theme @@ -0,0 +1,64 @@ +#This file based on: +#https://git.launchpad.net/plank/tree/data/themes/Default/dock.theme + +[PlankTheme] +#The roundness of the top corners. +TopRoundness=4 +#The roundness of the bottom corners. +BottomRoundness=0 +#The thickness (in pixels) of lines drawn. +LineWidth=0 +#The color (RGBA) of the outer stroke. +OuterStrokeColor=0;;0;;0;;0 +#The starting color (RGBA) of the fill gradient. +FillStartColor=0;;0;;0;;153 +#The ending color (RGBA) of the fill gradient. +FillEndColor=0;;0;;0;;153 +#The color (RGBA) of the inner stroke. +InnerStrokeColor=0;;0;;0;;0 + +[PlankDockTheme] +#The padding on the left/right dock edges, in tenths of a percent of IconSize. +HorizPadding=1 +#The padding on the top dock edge, in tenths of a percent of IconSize. +TopPadding=2 +#The padding on the bottom dock edge, in tenths of a percent of IconSize. +BottomPadding=1 +#The padding between items on the dock, in tenths of a percent of IconSize. +ItemPadding=2 +#The size of item indicators, in tenths of a percent of IconSize. +IndicatorSize=5 +#The size of the icon-shadow behind every item, in tenths of a percent of IconSize. +IconShadowSize=0 +#The height (in percent of IconSize) to bounce an icon when the application sets urgent. +UrgentBounceHeight=1.6666666666666667 +#The height (in percent of IconSize) to bounce an icon when launching an application. +LaunchBounceHeight=0.625 +#The opacity value (0 to 1) to fade the dock to when hiding it. +FadeOpacity=1 +#The amount of time (in ms) for click animations. +ClickTime=0 +#The amount of time (in ms) to bounce an urgent icon. +UrgentBounceTime=600 +#The amount of time (in ms) to bounce an icon when launching an application. +LaunchBounceTime=600 +#The amount of time (in ms) for active window indicator animations. +ActiveTime=150 +#The amount of time (in ms) to slide icons into/out of the dock. +SlideTime=300 +#The time (in ms) to fade the dock in/out on a hide (if FadeOpacity is < 1). +FadeTime=250 +#The time (in ms) to slide the dock in/out on a hide (if FadeOpacity is 1). +HideTime=250 +#The size of the urgent glow (shown when dock is hidden), in tenths of a percent of IconSize. +GlowSize=30 +#The total time (in ms) to show the hidden-dock urgent glow. +GlowTime=10000 +#The time (in ms) of each pulse of the hidden-dock urgent glow. +GlowPulseTime=2000 +#The hue-shift (-180 to 180) of the urgent indicator color. +UrgentHueShift=150 +#The time (in ms) to move an item to its new position or its addition/removal to/from the dock. +ItemMoveTime=450 +#Whether background and icons will unhide/hide with different speeds. The top-border of both will leave/hit the screen-edge at the same time. +CascadeHide=true diff --git a/misc/gtk/skyfall/unity/assets/close_focused.svg b/misc/gtk/skyfall/unity/assets/close_focused.svg index 000ef24..86b5914 100644 --- a/misc/gtk/skyfall/unity/assets/close_focused.svg +++ b/misc/gtk/skyfall/unity/assets/close_focused.svg @@ -1,4 +1,4 @@ - + diff --git a/misc/gtk/skyfall/unity/assets/close_focused_prelight.svg b/misc/gtk/skyfall/unity/assets/close_focused_prelight.svg index 4e9f7fa..7c41b13 100644 --- a/misc/gtk/skyfall/unity/assets/close_focused_prelight.svg +++ b/misc/gtk/skyfall/unity/assets/close_focused_prelight.svg @@ -1,4 +1,4 @@ - + diff --git a/misc/gtk/skyfall/unity/assets/close_focused_pressed.svg b/misc/gtk/skyfall/unity/assets/close_focused_pressed.svg index c06eb61..ff9c621 100644 --- a/misc/gtk/skyfall/unity/assets/close_focused_pressed.svg +++ b/misc/gtk/skyfall/unity/assets/close_focused_pressed.svg @@ -1,4 +1,4 @@ - + diff --git a/misc/gtk/skyfall/unity/assets/close_unfocused.svg b/misc/gtk/skyfall/unity/assets/close_unfocused.svg index c76fa20..1b7c18d 100644 --- a/misc/gtk/skyfall/unity/assets/close_unfocused.svg +++ b/misc/gtk/skyfall/unity/assets/close_unfocused.svg @@ -1,4 +1,4 @@ - + diff --git a/misc/gtk/skyfall/unity/assets/close_unfocused_prelight.svg b/misc/gtk/skyfall/unity/assets/close_unfocused_prelight.svg index ba2aeb2..4be2a92 100644 --- a/misc/gtk/skyfall/unity/assets/close_unfocused_prelight.svg +++ b/misc/gtk/skyfall/unity/assets/close_unfocused_prelight.svg @@ -1,4 +1,4 @@ - + diff --git a/misc/gtk/skyfall/unity/assets/close_unfocused_pressed.svg b/misc/gtk/skyfall/unity/assets/close_unfocused_pressed.svg index f99687b..8be3d5f 100644 --- a/misc/gtk/skyfall/unity/assets/close_unfocused_pressed.svg +++ b/misc/gtk/skyfall/unity/assets/close_unfocused_pressed.svg @@ -1,4 +1,4 @@ - + diff --git a/misc/gtk/skyfall/unity/close_dash.svg b/misc/gtk/skyfall/unity/close_dash.svg index 000ef24..86b5914 100644 --- a/misc/gtk/skyfall/unity/close_dash.svg +++ b/misc/gtk/skyfall/unity/close_dash.svg @@ -1,4 +1,4 @@ - + diff --git a/misc/gtk/skyfall/unity/close_dash_disabled.svg b/misc/gtk/skyfall/unity/close_dash_disabled.svg index 71d9bb5..b8e3c9a 100644 --- a/misc/gtk/skyfall/unity/close_dash_disabled.svg +++ b/misc/gtk/skyfall/unity/close_dash_disabled.svg @@ -1,4 +1,4 @@ - + diff --git a/misc/gtk/skyfall/unity/close_dash_prelight.svg b/misc/gtk/skyfall/unity/close_dash_prelight.svg index 4e9f7fa..7c41b13 100644 --- a/misc/gtk/skyfall/unity/close_dash_prelight.svg +++ b/misc/gtk/skyfall/unity/close_dash_prelight.svg @@ -1,4 +1,4 @@ - + diff --git a/misc/gtk/skyfall/unity/close_dash_pressed.svg b/misc/gtk/skyfall/unity/close_dash_pressed.svg index c06eb61..ff9c621 100644 --- a/misc/gtk/skyfall/unity/close_dash_pressed.svg +++ b/misc/gtk/skyfall/unity/close_dash_pressed.svg @@ -1,4 +1,4 @@ - + diff --git a/misc/gtk/skyfall/unity/dash-widgets.json b/misc/gtk/skyfall/unity/dash-widgets.json index 3d0fe30..97d5e93 100644 --- a/misc/gtk/skyfall/unity/dash-widgets.json +++ b/misc/gtk/skyfall/unity/dash-widgets.json @@ -53,7 +53,7 @@ "text-size" : 1.0, "text-color" : ["#ffffff", "#ffffff", "#ffffff", "#ffffff", "#ffffff"], "text-opacity" : [ 1.0, 1.0, 1.0, 1.0, 1.0], - "fill-color" : ["#F1FCF9", "#20262C", "#20262C", "#20262C", "#20262C"], + "fill-color" : ["#F1FCF9", "#000000", "#000000", "#000000", "#000000"], "fill-opacity" : [ 0.13, 0.0, 0.0, 0.0, 0.0], "overlay-opacity": [ 0.1, 0.1, 0.1, 0.0, 0.0], "overlay-mode" : [ "normal", "normal", "normal", "normal", "normal"], diff --git a/misc/gtk/skyfall/unity/progress_bar_trough.svg b/misc/gtk/skyfall/unity/progress_bar_trough.svg index 9b20142..0b9bd3d 100644 --- a/misc/gtk/skyfall/unity/progress_bar_trough.svg +++ b/misc/gtk/skyfall/unity/progress_bar_trough.svg @@ -1,16 +1,16 @@ - - + + - + - + @@ -18,5 +18,5 @@ - + diff --git a/misc/gtk/skyfall/xfwm4/assets/border.svg b/misc/gtk/skyfall/xfwm4/assets/border-active.svg similarity index 65% rename from misc/gtk/skyfall/xfwm4/assets/border.svg rename to misc/gtk/skyfall/xfwm4/assets/border-active.svg index 354296f..e1e1a07 100644 --- a/misc/gtk/skyfall/xfwm4/assets/border.svg +++ b/misc/gtk/skyfall/xfwm4/assets/border-active.svg @@ -1,3 +1,3 @@ - + diff --git a/misc/gtk/skyfall/xfwm4/assets/border-inactive.svg b/misc/gtk/skyfall/xfwm4/assets/border-inactive.svg new file mode 100644 index 0000000..e1e1a07 --- /dev/null +++ b/misc/gtk/skyfall/xfwm4/assets/border-inactive.svg @@ -0,0 +1,3 @@ + + + diff --git a/misc/gtk/skyfall/xfwm4/assets/close-active.svg b/misc/gtk/skyfall/xfwm4/assets/close-active.svg index 32ff9b9..2ec0ab6 100644 --- a/misc/gtk/skyfall/xfwm4/assets/close-active.svg +++ b/misc/gtk/skyfall/xfwm4/assets/close-active.svg @@ -1,8 +1,8 @@ - + - + diff --git a/misc/gtk/skyfall/xfwm4/assets/close-inactive.svg b/misc/gtk/skyfall/xfwm4/assets/close-inactive.svg index 3d8df4d..b7dacd0 100644 --- a/misc/gtk/skyfall/xfwm4/assets/close-inactive.svg +++ b/misc/gtk/skyfall/xfwm4/assets/close-inactive.svg @@ -1,8 +1,8 @@ - + - + diff --git a/misc/gtk/skyfall/xfwm4/assets/close-prelight.svg b/misc/gtk/skyfall/xfwm4/assets/close-prelight.svg index f1a61f4..ef1155c 100644 --- a/misc/gtk/skyfall/xfwm4/assets/close-prelight.svg +++ b/misc/gtk/skyfall/xfwm4/assets/close-prelight.svg @@ -1,8 +1,8 @@ - + - + diff --git a/misc/gtk/skyfall/xfwm4/assets/close-pressed.svg b/misc/gtk/skyfall/xfwm4/assets/close-pressed.svg index 07e8d76..e85cb4f 100644 --- a/misc/gtk/skyfall/xfwm4/assets/close-pressed.svg +++ b/misc/gtk/skyfall/xfwm4/assets/close-pressed.svg @@ -1,8 +1,8 @@ - + - + diff --git a/misc/gtk/skyfall/xfwm4/assets/hide-active.svg b/misc/gtk/skyfall/xfwm4/assets/hide-active.svg index 0767b4d..83cef09 100644 --- a/misc/gtk/skyfall/xfwm4/assets/hide-active.svg +++ b/misc/gtk/skyfall/xfwm4/assets/hide-active.svg @@ -1,5 +1,5 @@ - + diff --git a/misc/gtk/skyfall/xfwm4/assets/hide-inactive.svg b/misc/gtk/skyfall/xfwm4/assets/hide-inactive.svg index c5dc475..9fb7128 100644 --- a/misc/gtk/skyfall/xfwm4/assets/hide-inactive.svg +++ b/misc/gtk/skyfall/xfwm4/assets/hide-inactive.svg @@ -1,5 +1,5 @@ - + diff --git a/misc/gtk/skyfall/xfwm4/assets/hide-prelight.svg b/misc/gtk/skyfall/xfwm4/assets/hide-prelight.svg index a635c9e..3e9f813 100644 --- a/misc/gtk/skyfall/xfwm4/assets/hide-prelight.svg +++ b/misc/gtk/skyfall/xfwm4/assets/hide-prelight.svg @@ -1,5 +1,5 @@ - + diff --git a/misc/gtk/skyfall/xfwm4/assets/hide-pressed.svg b/misc/gtk/skyfall/xfwm4/assets/hide-pressed.svg index 8622aed..e391b16 100644 --- a/misc/gtk/skyfall/xfwm4/assets/hide-pressed.svg +++ b/misc/gtk/skyfall/xfwm4/assets/hide-pressed.svg @@ -1,5 +1,5 @@ - + diff --git a/misc/gtk/skyfall/xfwm4/assets/maximize-active.svg b/misc/gtk/skyfall/xfwm4/assets/maximize-active.svg index 2e64dc5..82a9afc 100644 --- a/misc/gtk/skyfall/xfwm4/assets/maximize-active.svg +++ b/misc/gtk/skyfall/xfwm4/assets/maximize-active.svg @@ -1,5 +1,5 @@ - + diff --git a/misc/gtk/skyfall/xfwm4/assets/maximize-inactive.svg b/misc/gtk/skyfall/xfwm4/assets/maximize-inactive.svg index 2378505..419e60a 100644 --- a/misc/gtk/skyfall/xfwm4/assets/maximize-inactive.svg +++ b/misc/gtk/skyfall/xfwm4/assets/maximize-inactive.svg @@ -1,5 +1,5 @@ - + diff --git a/misc/gtk/skyfall/xfwm4/assets/maximize-prelight.svg b/misc/gtk/skyfall/xfwm4/assets/maximize-prelight.svg index 20fab48..77c5651 100644 --- a/misc/gtk/skyfall/xfwm4/assets/maximize-prelight.svg +++ b/misc/gtk/skyfall/xfwm4/assets/maximize-prelight.svg @@ -1,5 +1,5 @@ - + diff --git a/misc/gtk/skyfall/xfwm4/assets/maximize-pressed.svg b/misc/gtk/skyfall/xfwm4/assets/maximize-pressed.svg index 9457413..9acef47 100644 --- a/misc/gtk/skyfall/xfwm4/assets/maximize-pressed.svg +++ b/misc/gtk/skyfall/xfwm4/assets/maximize-pressed.svg @@ -1,5 +1,5 @@ - + diff --git a/misc/gtk/skyfall/xfwm4/assets/maximize-toggled-active.svg b/misc/gtk/skyfall/xfwm4/assets/maximize-toggled-active.svg index c2e3c9a..2b8bad3 100644 --- a/misc/gtk/skyfall/xfwm4/assets/maximize-toggled-active.svg +++ b/misc/gtk/skyfall/xfwm4/assets/maximize-toggled-active.svg @@ -1,5 +1,5 @@ - + diff --git a/misc/gtk/skyfall/xfwm4/assets/maximize-toggled-inactive.svg b/misc/gtk/skyfall/xfwm4/assets/maximize-toggled-inactive.svg index bf5a93b..89f9d8c 100644 --- a/misc/gtk/skyfall/xfwm4/assets/maximize-toggled-inactive.svg +++ b/misc/gtk/skyfall/xfwm4/assets/maximize-toggled-inactive.svg @@ -1,5 +1,5 @@ - + diff --git a/misc/gtk/skyfall/xfwm4/assets/maximize-toggled-prelight.svg b/misc/gtk/skyfall/xfwm4/assets/maximize-toggled-prelight.svg index b8045f5..10068c6 100644 --- a/misc/gtk/skyfall/xfwm4/assets/maximize-toggled-prelight.svg +++ b/misc/gtk/skyfall/xfwm4/assets/maximize-toggled-prelight.svg @@ -1,5 +1,5 @@ - + diff --git a/misc/gtk/skyfall/xfwm4/assets/maximize-toggled-pressed.svg b/misc/gtk/skyfall/xfwm4/assets/maximize-toggled-pressed.svg index 084ea08..c6ff064 100644 --- a/misc/gtk/skyfall/xfwm4/assets/maximize-toggled-pressed.svg +++ b/misc/gtk/skyfall/xfwm4/assets/maximize-toggled-pressed.svg @@ -1,5 +1,5 @@ - + diff --git a/misc/gtk/skyfall/xfwm4/assets/menu-active.svg b/misc/gtk/skyfall/xfwm4/assets/menu-active.svg index e955d96..936dfa4 100644 --- a/misc/gtk/skyfall/xfwm4/assets/menu-active.svg +++ b/misc/gtk/skyfall/xfwm4/assets/menu-active.svg @@ -1,5 +1,5 @@ - + diff --git a/misc/gtk/skyfall/xfwm4/assets/menu-inactive.svg b/misc/gtk/skyfall/xfwm4/assets/menu-inactive.svg index 5722b5d..81e2e82 100644 --- a/misc/gtk/skyfall/xfwm4/assets/menu-inactive.svg +++ b/misc/gtk/skyfall/xfwm4/assets/menu-inactive.svg @@ -1,5 +1,5 @@ - + diff --git a/misc/gtk/skyfall/xfwm4/assets/menu-prelight.svg b/misc/gtk/skyfall/xfwm4/assets/menu-prelight.svg index d2f81a5..7cd3d40 100644 --- a/misc/gtk/skyfall/xfwm4/assets/menu-prelight.svg +++ b/misc/gtk/skyfall/xfwm4/assets/menu-prelight.svg @@ -1,5 +1,5 @@ - + diff --git a/misc/gtk/skyfall/xfwm4/assets/menu-pressed.svg b/misc/gtk/skyfall/xfwm4/assets/menu-pressed.svg index d6fab48..610c38f 100644 --- a/misc/gtk/skyfall/xfwm4/assets/menu-pressed.svg +++ b/misc/gtk/skyfall/xfwm4/assets/menu-pressed.svg @@ -1,5 +1,5 @@ - + diff --git a/misc/gtk/skyfall/xfwm4/assets/shade-active.svg b/misc/gtk/skyfall/xfwm4/assets/shade-active.svg index 9284b41..9a17582 100644 --- a/misc/gtk/skyfall/xfwm4/assets/shade-active.svg +++ b/misc/gtk/skyfall/xfwm4/assets/shade-active.svg @@ -1,5 +1,5 @@ - + diff --git a/misc/gtk/skyfall/xfwm4/assets/shade-inactive.svg b/misc/gtk/skyfall/xfwm4/assets/shade-inactive.svg index fbb30d9..3b75871 100644 --- a/misc/gtk/skyfall/xfwm4/assets/shade-inactive.svg +++ b/misc/gtk/skyfall/xfwm4/assets/shade-inactive.svg @@ -1,5 +1,5 @@ - + diff --git a/misc/gtk/skyfall/xfwm4/assets/shade-prelight.svg b/misc/gtk/skyfall/xfwm4/assets/shade-prelight.svg index fd1ae82..a964ce2 100644 --- a/misc/gtk/skyfall/xfwm4/assets/shade-prelight.svg +++ b/misc/gtk/skyfall/xfwm4/assets/shade-prelight.svg @@ -1,5 +1,5 @@ - + diff --git a/misc/gtk/skyfall/xfwm4/assets/shade-pressed.svg b/misc/gtk/skyfall/xfwm4/assets/shade-pressed.svg index 5fa1a1c..11d7634 100644 --- a/misc/gtk/skyfall/xfwm4/assets/shade-pressed.svg +++ b/misc/gtk/skyfall/xfwm4/assets/shade-pressed.svg @@ -1,5 +1,5 @@ - + diff --git a/misc/gtk/skyfall/xfwm4/assets/shade-toggled-active.svg b/misc/gtk/skyfall/xfwm4/assets/shade-toggled-active.svg index 9a482a1..921ba42 100644 --- a/misc/gtk/skyfall/xfwm4/assets/shade-toggled-active.svg +++ b/misc/gtk/skyfall/xfwm4/assets/shade-toggled-active.svg @@ -1,5 +1,5 @@ - + diff --git a/misc/gtk/skyfall/xfwm4/assets/shade-toggled-inactive.svg b/misc/gtk/skyfall/xfwm4/assets/shade-toggled-inactive.svg index 675a6ca..860edbe 100644 --- a/misc/gtk/skyfall/xfwm4/assets/shade-toggled-inactive.svg +++ b/misc/gtk/skyfall/xfwm4/assets/shade-toggled-inactive.svg @@ -1,5 +1,5 @@ - + diff --git a/misc/gtk/skyfall/xfwm4/assets/shade-toggled-prelight.svg b/misc/gtk/skyfall/xfwm4/assets/shade-toggled-prelight.svg index 94b8b56..9d87b02 100644 --- a/misc/gtk/skyfall/xfwm4/assets/shade-toggled-prelight.svg +++ b/misc/gtk/skyfall/xfwm4/assets/shade-toggled-prelight.svg @@ -1,5 +1,5 @@ - + diff --git a/misc/gtk/skyfall/xfwm4/assets/shade-toggled-pressed.svg b/misc/gtk/skyfall/xfwm4/assets/shade-toggled-pressed.svg index d7d37e4..4f70573 100644 --- a/misc/gtk/skyfall/xfwm4/assets/shade-toggled-pressed.svg +++ b/misc/gtk/skyfall/xfwm4/assets/shade-toggled-pressed.svg @@ -1,5 +1,5 @@ - + diff --git a/misc/gtk/skyfall/xfwm4/assets/stick-active.svg b/misc/gtk/skyfall/xfwm4/assets/stick-active.svg index 0c7f445..80c992f 100644 --- a/misc/gtk/skyfall/xfwm4/assets/stick-active.svg +++ b/misc/gtk/skyfall/xfwm4/assets/stick-active.svg @@ -1,5 +1,5 @@ - + diff --git a/misc/gtk/skyfall/xfwm4/assets/stick-inactive.svg b/misc/gtk/skyfall/xfwm4/assets/stick-inactive.svg index 2f84280..10b7e56 100644 --- a/misc/gtk/skyfall/xfwm4/assets/stick-inactive.svg +++ b/misc/gtk/skyfall/xfwm4/assets/stick-inactive.svg @@ -1,5 +1,5 @@ - + diff --git a/misc/gtk/skyfall/xfwm4/assets/stick-prelight.svg b/misc/gtk/skyfall/xfwm4/assets/stick-prelight.svg index 007da53..ab2de54 100644 --- a/misc/gtk/skyfall/xfwm4/assets/stick-prelight.svg +++ b/misc/gtk/skyfall/xfwm4/assets/stick-prelight.svg @@ -1,5 +1,5 @@ - + diff --git a/misc/gtk/skyfall/xfwm4/assets/stick-pressed.svg b/misc/gtk/skyfall/xfwm4/assets/stick-pressed.svg index 9995382..3f5ee89 100644 --- a/misc/gtk/skyfall/xfwm4/assets/stick-pressed.svg +++ b/misc/gtk/skyfall/xfwm4/assets/stick-pressed.svg @@ -1,5 +1,5 @@ - + diff --git a/misc/gtk/skyfall/xfwm4/assets/stick-toggled-active.svg b/misc/gtk/skyfall/xfwm4/assets/stick-toggled-active.svg index 79b7daf..38d957a 100644 --- a/misc/gtk/skyfall/xfwm4/assets/stick-toggled-active.svg +++ b/misc/gtk/skyfall/xfwm4/assets/stick-toggled-active.svg @@ -1,5 +1,5 @@ - + diff --git a/misc/gtk/skyfall/xfwm4/assets/stick-toggled-inactive.svg b/misc/gtk/skyfall/xfwm4/assets/stick-toggled-inactive.svg index ee2ca16..83b83d7 100644 --- a/misc/gtk/skyfall/xfwm4/assets/stick-toggled-inactive.svg +++ b/misc/gtk/skyfall/xfwm4/assets/stick-toggled-inactive.svg @@ -1,5 +1,5 @@ - + diff --git a/misc/gtk/skyfall/xfwm4/assets/stick-toggled-prelight.svg b/misc/gtk/skyfall/xfwm4/assets/stick-toggled-prelight.svg index 3fa0163..5396d6f 100644 --- a/misc/gtk/skyfall/xfwm4/assets/stick-toggled-prelight.svg +++ b/misc/gtk/skyfall/xfwm4/assets/stick-toggled-prelight.svg @@ -1,5 +1,5 @@ - + diff --git a/misc/gtk/skyfall/xfwm4/assets/stick-toggled-pressed.svg b/misc/gtk/skyfall/xfwm4/assets/stick-toggled-pressed.svg index e7f6cdc..36eba5f 100644 --- a/misc/gtk/skyfall/xfwm4/assets/stick-toggled-pressed.svg +++ b/misc/gtk/skyfall/xfwm4/assets/stick-toggled-pressed.svg @@ -1,5 +1,5 @@ - + diff --git a/misc/gtk/skyfall/xfwm4/assets/themerc b/misc/gtk/skyfall/xfwm4/assets/themerc index d007a52..3e211c3 100644 --- a/misc/gtk/skyfall/xfwm4/assets/themerc +++ b/misc/gtk/skyfall/xfwm4/assets/themerc @@ -5,8 +5,8 @@ active_text_color=#F1FCF9 active_text_shadow_color=#F1FCF9 -inactive_text_color=#bcc6c5 -inactive_text_shadow_color=#bcc6c5 +inactive_text_color=#bec8c8 +inactive_text_shadow_color=#bec8c8 title_shadow_active=false title_shadow_inactive=false full_width_title=true diff --git a/misc/gtk/skyfall/xfwm4/assets/title.svg b/misc/gtk/skyfall/xfwm4/assets/title-active.svg similarity index 76% rename from misc/gtk/skyfall/xfwm4/assets/title.svg rename to misc/gtk/skyfall/xfwm4/assets/title-active.svg index b893f01..c719f5f 100644 --- a/misc/gtk/skyfall/xfwm4/assets/title.svg +++ b/misc/gtk/skyfall/xfwm4/assets/title-active.svg @@ -1,4 +1,4 @@ - + diff --git a/misc/gtk/skyfall/xfwm4/assets/title-inactive.svg b/misc/gtk/skyfall/xfwm4/assets/title-inactive.svg new file mode 100644 index 0000000..c719f5f --- /dev/null +++ b/misc/gtk/skyfall/xfwm4/assets/title-inactive.svg @@ -0,0 +1,4 @@ + + + + diff --git a/misc/gtk/skyfall/xfwm4/bottom-active.svg b/misc/gtk/skyfall/xfwm4/bottom-active.svg index cec0be5..dddc3ab 120000 --- a/misc/gtk/skyfall/xfwm4/bottom-active.svg +++ b/misc/gtk/skyfall/xfwm4/bottom-active.svg @@ -1 +1 @@ -assets/border.svg \ No newline at end of file +assets/border-active.svg \ No newline at end of file diff --git a/misc/gtk/skyfall/xfwm4/bottom-inactive.svg b/misc/gtk/skyfall/xfwm4/bottom-inactive.svg index cec0be5..76ad688 120000 --- a/misc/gtk/skyfall/xfwm4/bottom-inactive.svg +++ b/misc/gtk/skyfall/xfwm4/bottom-inactive.svg @@ -1 +1 @@ -assets/border.svg \ No newline at end of file +assets/border-inactive.svg \ No newline at end of file diff --git a/misc/gtk/skyfall/xfwm4/bottom-left-active.svg b/misc/gtk/skyfall/xfwm4/bottom-left-active.svg index cec0be5..dddc3ab 120000 --- a/misc/gtk/skyfall/xfwm4/bottom-left-active.svg +++ b/misc/gtk/skyfall/xfwm4/bottom-left-active.svg @@ -1 +1 @@ -assets/border.svg \ No newline at end of file +assets/border-active.svg \ No newline at end of file diff --git a/misc/gtk/skyfall/xfwm4/bottom-left-inactive.svg b/misc/gtk/skyfall/xfwm4/bottom-left-inactive.svg index cec0be5..76ad688 120000 --- a/misc/gtk/skyfall/xfwm4/bottom-left-inactive.svg +++ b/misc/gtk/skyfall/xfwm4/bottom-left-inactive.svg @@ -1 +1 @@ -assets/border.svg \ No newline at end of file +assets/border-inactive.svg \ No newline at end of file diff --git a/misc/gtk/skyfall/xfwm4/bottom-right-active.svg b/misc/gtk/skyfall/xfwm4/bottom-right-active.svg index cec0be5..dddc3ab 120000 --- a/misc/gtk/skyfall/xfwm4/bottom-right-active.svg +++ b/misc/gtk/skyfall/xfwm4/bottom-right-active.svg @@ -1 +1 @@ -assets/border.svg \ No newline at end of file +assets/border-active.svg \ No newline at end of file diff --git a/misc/gtk/skyfall/xfwm4/bottom-right-inactive.svg b/misc/gtk/skyfall/xfwm4/bottom-right-inactive.svg index cec0be5..76ad688 120000 --- a/misc/gtk/skyfall/xfwm4/bottom-right-inactive.svg +++ b/misc/gtk/skyfall/xfwm4/bottom-right-inactive.svg @@ -1 +1 @@ -assets/border.svg \ No newline at end of file +assets/border-inactive.svg \ No newline at end of file diff --git a/misc/gtk/skyfall/xfwm4/left-active.svg b/misc/gtk/skyfall/xfwm4/left-active.svg index cec0be5..dddc3ab 120000 --- a/misc/gtk/skyfall/xfwm4/left-active.svg +++ b/misc/gtk/skyfall/xfwm4/left-active.svg @@ -1 +1 @@ -assets/border.svg \ No newline at end of file +assets/border-active.svg \ No newline at end of file diff --git a/misc/gtk/skyfall/xfwm4/left-inactive.svg b/misc/gtk/skyfall/xfwm4/left-inactive.svg index cec0be5..76ad688 120000 --- a/misc/gtk/skyfall/xfwm4/left-inactive.svg +++ b/misc/gtk/skyfall/xfwm4/left-inactive.svg @@ -1 +1 @@ -assets/border.svg \ No newline at end of file +assets/border-inactive.svg \ No newline at end of file diff --git a/misc/gtk/skyfall/xfwm4/right-active.svg b/misc/gtk/skyfall/xfwm4/right-active.svg index cec0be5..dddc3ab 120000 --- a/misc/gtk/skyfall/xfwm4/right-active.svg +++ b/misc/gtk/skyfall/xfwm4/right-active.svg @@ -1 +1 @@ -assets/border.svg \ No newline at end of file +assets/border-active.svg \ No newline at end of file diff --git a/misc/gtk/skyfall/xfwm4/right-inactive.svg b/misc/gtk/skyfall/xfwm4/right-inactive.svg index cec0be5..76ad688 120000 --- a/misc/gtk/skyfall/xfwm4/right-inactive.svg +++ b/misc/gtk/skyfall/xfwm4/right-inactive.svg @@ -1 +1 @@ -assets/border.svg \ No newline at end of file +assets/border-inactive.svg \ No newline at end of file diff --git a/misc/gtk/skyfall/xfwm4/title-1-active.svg b/misc/gtk/skyfall/xfwm4/title-1-active.svg index a45337c..07e1007 120000 --- a/misc/gtk/skyfall/xfwm4/title-1-active.svg +++ b/misc/gtk/skyfall/xfwm4/title-1-active.svg @@ -1 +1 @@ -assets/title.svg \ No newline at end of file +assets/title-active.svg \ No newline at end of file diff --git a/misc/gtk/skyfall/xfwm4/title-1-inactive.svg b/misc/gtk/skyfall/xfwm4/title-1-inactive.svg index a45337c..852f09c 120000 --- a/misc/gtk/skyfall/xfwm4/title-1-inactive.svg +++ b/misc/gtk/skyfall/xfwm4/title-1-inactive.svg @@ -1 +1 @@ -assets/title.svg \ No newline at end of file +assets/title-inactive.svg \ No newline at end of file diff --git a/misc/gtk/skyfall/xfwm4/title-2-active.svg b/misc/gtk/skyfall/xfwm4/title-2-active.svg index a45337c..07e1007 120000 --- a/misc/gtk/skyfall/xfwm4/title-2-active.svg +++ b/misc/gtk/skyfall/xfwm4/title-2-active.svg @@ -1 +1 @@ -assets/title.svg \ No newline at end of file +assets/title-active.svg \ No newline at end of file diff --git a/misc/gtk/skyfall/xfwm4/title-2-inactive.svg b/misc/gtk/skyfall/xfwm4/title-2-inactive.svg index a45337c..852f09c 120000 --- a/misc/gtk/skyfall/xfwm4/title-2-inactive.svg +++ b/misc/gtk/skyfall/xfwm4/title-2-inactive.svg @@ -1 +1 @@ -assets/title.svg \ No newline at end of file +assets/title-inactive.svg \ No newline at end of file diff --git a/misc/gtk/skyfall/xfwm4/title-3-active.svg b/misc/gtk/skyfall/xfwm4/title-3-active.svg index a45337c..07e1007 120000 --- a/misc/gtk/skyfall/xfwm4/title-3-active.svg +++ b/misc/gtk/skyfall/xfwm4/title-3-active.svg @@ -1 +1 @@ -assets/title.svg \ No newline at end of file +assets/title-active.svg \ No newline at end of file diff --git a/misc/gtk/skyfall/xfwm4/title-3-inactive.svg b/misc/gtk/skyfall/xfwm4/title-3-inactive.svg index a45337c..852f09c 120000 --- a/misc/gtk/skyfall/xfwm4/title-3-inactive.svg +++ b/misc/gtk/skyfall/xfwm4/title-3-inactive.svg @@ -1 +1 @@ -assets/title.svg \ No newline at end of file +assets/title-inactive.svg \ No newline at end of file diff --git a/misc/gtk/skyfall/xfwm4/title-4-active.svg b/misc/gtk/skyfall/xfwm4/title-4-active.svg index a45337c..07e1007 120000 --- a/misc/gtk/skyfall/xfwm4/title-4-active.svg +++ b/misc/gtk/skyfall/xfwm4/title-4-active.svg @@ -1 +1 @@ -assets/title.svg \ No newline at end of file +assets/title-active.svg \ No newline at end of file diff --git a/misc/gtk/skyfall/xfwm4/title-4-inactive.svg b/misc/gtk/skyfall/xfwm4/title-4-inactive.svg index a45337c..852f09c 120000 --- a/misc/gtk/skyfall/xfwm4/title-4-inactive.svg +++ b/misc/gtk/skyfall/xfwm4/title-4-inactive.svg @@ -1 +1 @@ -assets/title.svg \ No newline at end of file +assets/title-inactive.svg \ No newline at end of file diff --git a/misc/gtk/skyfall/xfwm4/title-5-active.svg b/misc/gtk/skyfall/xfwm4/title-5-active.svg index a45337c..07e1007 120000 --- a/misc/gtk/skyfall/xfwm4/title-5-active.svg +++ b/misc/gtk/skyfall/xfwm4/title-5-active.svg @@ -1 +1 @@ -assets/title.svg \ No newline at end of file +assets/title-active.svg \ No newline at end of file diff --git a/misc/gtk/skyfall/xfwm4/title-5-inactive.svg b/misc/gtk/skyfall/xfwm4/title-5-inactive.svg index a45337c..852f09c 120000 --- a/misc/gtk/skyfall/xfwm4/title-5-inactive.svg +++ b/misc/gtk/skyfall/xfwm4/title-5-inactive.svg @@ -1 +1 @@ -assets/title.svg \ No newline at end of file +assets/title-inactive.svg \ No newline at end of file diff --git a/misc/gtk/skyfall/xfwm4/top-left-active.svg b/misc/gtk/skyfall/xfwm4/top-left-active.svg index a45337c..07e1007 120000 --- a/misc/gtk/skyfall/xfwm4/top-left-active.svg +++ b/misc/gtk/skyfall/xfwm4/top-left-active.svg @@ -1 +1 @@ -assets/title.svg \ No newline at end of file +assets/title-active.svg \ No newline at end of file diff --git a/misc/gtk/skyfall/xfwm4/top-left-inactive.svg b/misc/gtk/skyfall/xfwm4/top-left-inactive.svg index a45337c..852f09c 120000 --- a/misc/gtk/skyfall/xfwm4/top-left-inactive.svg +++ b/misc/gtk/skyfall/xfwm4/top-left-inactive.svg @@ -1 +1 @@ -assets/title.svg \ No newline at end of file +assets/title-inactive.svg \ No newline at end of file diff --git a/misc/gtk/skyfall/xfwm4/top-right-active.svg b/misc/gtk/skyfall/xfwm4/top-right-active.svg index a45337c..07e1007 120000 --- a/misc/gtk/skyfall/xfwm4/top-right-active.svg +++ b/misc/gtk/skyfall/xfwm4/top-right-active.svg @@ -1 +1 @@ -assets/title.svg \ No newline at end of file +assets/title-active.svg \ No newline at end of file diff --git a/misc/gtk/skyfall/xfwm4/top-right-inactive.svg b/misc/gtk/skyfall/xfwm4/top-right-inactive.svg index a45337c..852f09c 120000 --- a/misc/gtk/skyfall/xfwm4/top-right-inactive.svg +++ b/misc/gtk/skyfall/xfwm4/top-right-inactive.svg @@ -1 +1 @@ -assets/title.svg \ No newline at end of file +assets/title-inactive.svg \ No newline at end of file