From fcdb73752eb68d8e2d2907273491896f2a70d584 Mon Sep 17 00:00:00 2001 From: Jakub Steiner Date: Fri, 22 Sep 2017 17:41:18 +0200 Subject: [PATCH] theme: re-render with sassc pardon, pardon! --- data/theme/gnome-shell-high-contrast.css | 36 ++++++++++++++++++++---- data/theme/gnome-shell.css | 36 ++++++++++++++++++++---- 2 files changed, 60 insertions(+), 12 deletions(-) diff --git a/data/theme/gnome-shell-high-contrast.css b/data/theme/gnome-shell-high-contrast.css index 3bf8b3ffa..1a65e1549 100644 --- a/data/theme/gnome-shell-high-contrast.css +++ b/data/theme/gnome-shell-high-contrast.css @@ -118,6 +118,7 @@ StEntry { /* Scrollbars */ StScrollView.vfade { -st-vfade-offset: 68px; } + StScrollView.hfade { -st-hfade-offset: 68px; } @@ -152,14 +153,18 @@ StScrollBar { /* Check Boxes */ .check-box StBoxLayout { spacing: .8em; } + .check-box StBin { width: 24px; height: 22px; background-image: url("resource:///org/gnome/shell/theme/checkbox-off.svg"); } + .check-box:focus StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-off-focused.svg"); } + .check-box:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox.svg"); } + .check-box:focus:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-focused.svg"); } @@ -346,6 +351,7 @@ StScrollBar { .mount-dialog-app-list-item-icon:ltr { padding-right: 17px; } + .mount-dialog-app-list-item-icon:rtl { padding-left: 17px; } @@ -444,6 +450,7 @@ StScrollBar { .extension-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } + .extension-dialog .message-dialog-title { color: #b2b2a9; } @@ -701,9 +708,17 @@ StScrollBar { #panel .panel-button .system-status-icon { icon-size: 1.09em; padding: 0 5px; } - .unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + .unlock-screen #panel .panel-button, + .login-screen #panel .panel-button, + .lock-screen #panel .panel-button { color: white; } - .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, + .login-screen #panel .panel-button:focus, + .login-screen #panel .panel-button:hover, + .login-screen #panel .panel-button:active, + .lock-screen #panel .panel-button:focus, + .lock-screen #panel .panel-button:hover, + .lock-screen #panel .panel-button:active { color: white; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { @@ -777,6 +792,7 @@ StScrollBar { .events-section-title:hover, .events-section-title:focus { background-color: #0d0d0d; } + .datemenu-today-button:active, .world-clocks-button:active, .weather-button:active, @@ -918,7 +934,7 @@ StScrollBar { color: #999999; font-size: 0.7em; /* HACK: the label should be baseline-aligned with a 1em label, - fake this with some bottom padding */ + fake this with some bottom padding */ padding-bottom: 0.13em; } .message-secondary-bin > StIcon { @@ -1222,6 +1238,7 @@ StScrollBar { .list-search-result:active, .list-search-result:checked { background-color: rgba(23, 25, 26, 0.9); } + .search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, .list-search-result:focus, .list-search-result:selected, @@ -1229,7 +1246,8 @@ StScrollBar { background-color: rgba(238, 238, 236, 0.1); transition-duration: 200ms; } -.app-well-app:active .overview-icon, .app-well-app:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, .app-well-app.app-folder:active .overview-icon, .app-well-app.app-folder:checked .overview-icon, .show-apps:active .overview-icon, @@ -1238,7 +1256,10 @@ StScrollBar { .grid-search-result:checked .overview-icon { background-color: rgba(23, 25, 26, 0.9); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.7); } -.app-well-app:hover .overview-icon, .app-well-app:focus .overview-icon, .app-well-app:selected .overview-icon, + +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, .app-well-app.app-folder:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-well-app.app-folder:selected .overview-icon, @@ -1635,7 +1656,8 @@ StScrollBar { .login-dialog-not-listed-label { padding-left: 2px; } - .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, + .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { color: #eeeeec; } .login-dialog-not-listed-label { @@ -1682,6 +1704,7 @@ StScrollBar { .user-widget-label:ltr { padding-left: 18px; } + .user-widget-label:rtl { padding-right: 18px; } @@ -1809,6 +1832,7 @@ StScrollBar { .lg-dialog StEntry { selection-background-color: #bbbbbb; selected-color: #333333; } + .lg-dialog .shell-link { color: #999999; } .lg-dialog .shell-link:hover { diff --git a/data/theme/gnome-shell.css b/data/theme/gnome-shell.css index d8cdd47ae..89ceb6cbd 100644 --- a/data/theme/gnome-shell.css +++ b/data/theme/gnome-shell.css @@ -118,6 +118,7 @@ StEntry { /* Scrollbars */ StScrollView.vfade { -st-vfade-offset: 68px; } + StScrollView.hfade { -st-hfade-offset: 68px; } @@ -152,14 +153,18 @@ StScrollBar { /* Check Boxes */ .check-box StBoxLayout { spacing: .8em; } + .check-box StBin { width: 24px; height: 22px; background-image: url("resource:///org/gnome/shell/theme/checkbox-off.svg"); } + .check-box:focus StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-off-focused.svg"); } + .check-box:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox.svg"); } + .check-box:focus:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-focused.svg"); } @@ -346,6 +351,7 @@ StScrollBar { .mount-dialog-app-list-item-icon:ltr { padding-right: 17px; } + .mount-dialog-app-list-item-icon:rtl { padding-left: 17px; } @@ -444,6 +450,7 @@ StScrollBar { .extension-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } + .extension-dialog .message-dialog-title { color: #b2b2a9; } @@ -701,9 +708,17 @@ StScrollBar { #panel .panel-button .system-status-icon { icon-size: 1.09em; padding: 0 5px; } - .unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + .unlock-screen #panel .panel-button, + .login-screen #panel .panel-button, + .lock-screen #panel .panel-button { color: white; } - .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, + .login-screen #panel .panel-button:focus, + .login-screen #panel .panel-button:hover, + .login-screen #panel .panel-button:active, + .lock-screen #panel .panel-button:focus, + .lock-screen #panel .panel-button:hover, + .lock-screen #panel .panel-button:active { color: white; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { @@ -777,6 +792,7 @@ StScrollBar { .events-section-title:hover, .events-section-title:focus { background-color: #454c4c; } + .datemenu-today-button:active, .world-clocks-button:active, .weather-button:active, @@ -918,7 +934,7 @@ StScrollBar { color: #8e8e80; font-size: 0.7em; /* HACK: the label should be baseline-aligned with a 1em label, - fake this with some bottom padding */ + fake this with some bottom padding */ padding-bottom: 0.13em; } .message-secondary-bin > StIcon { @@ -1222,6 +1238,7 @@ StScrollBar { .list-search-result:active, .list-search-result:checked { background-color: rgba(23, 25, 26, 0.9); } + .search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, .list-search-result:focus, .list-search-result:selected, @@ -1229,7 +1246,8 @@ StScrollBar { background-color: rgba(238, 238, 236, 0.1); transition-duration: 200ms; } -.app-well-app:active .overview-icon, .app-well-app:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, .app-well-app.app-folder:active .overview-icon, .app-well-app.app-folder:checked .overview-icon, .show-apps:active .overview-icon, @@ -1238,7 +1256,10 @@ StScrollBar { .grid-search-result:checked .overview-icon { background-color: rgba(23, 25, 26, 0.9); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.7); } -.app-well-app:hover .overview-icon, .app-well-app:focus .overview-icon, .app-well-app:selected .overview-icon, + +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, .app-well-app.app-folder:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-well-app.app-folder:selected .overview-icon, @@ -1635,7 +1656,8 @@ StScrollBar { .login-dialog-not-listed-label { padding-left: 2px; } - .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, + .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { color: #eeeeec; } .login-dialog-not-listed-label { @@ -1682,6 +1704,7 @@ StScrollBar { .user-widget-label:ltr { padding-left: 18px; } + .user-widget-label:rtl { padding-right: 18px; } @@ -1809,6 +1832,7 @@ StScrollBar { .lg-dialog StEntry { selection-background-color: #bbbbbb; selected-color: #333333; } + .lg-dialog .shell-link { color: #999999; } .lg-dialog .shell-link:hover {