theme: panel corner opacity

- forgot to sync the corners

https://bugzilla.gnome.org/show_bug.cgi?id=787940
This commit is contained in:
Jakub Steiner 2017-09-22 17:36:07 +02:00
parent 18f36b68ee
commit ec9b2cef7d
3 changed files with 15 additions and 63 deletions

View File

@ -118,7 +118,6 @@ StEntry {
/* Scrollbars */ /* Scrollbars */
StScrollView.vfade { StScrollView.vfade {
-st-vfade-offset: 68px; } -st-vfade-offset: 68px; }
StScrollView.hfade { StScrollView.hfade {
-st-hfade-offset: 68px; } -st-hfade-offset: 68px; }
@ -153,18 +152,14 @@ StScrollBar {
/* Check Boxes */ /* Check Boxes */
.check-box StBoxLayout { .check-box StBoxLayout {
spacing: .8em; } spacing: .8em; }
.check-box StBin { .check-box StBin {
width: 24px; width: 24px;
height: 22px; height: 22px;
background-image: url("resource:///org/gnome/shell/theme/checkbox-off.svg"); } background-image: url("resource:///org/gnome/shell/theme/checkbox-off.svg"); }
.check-box:focus StBin { .check-box:focus StBin {
background-image: url("resource:///org/gnome/shell/theme/checkbox-off-focused.svg"); } background-image: url("resource:///org/gnome/shell/theme/checkbox-off-focused.svg"); }
.check-box:checked StBin { .check-box:checked StBin {
background-image: url("resource:///org/gnome/shell/theme/checkbox.svg"); } background-image: url("resource:///org/gnome/shell/theme/checkbox.svg"); }
.check-box:focus:checked StBin { .check-box:focus:checked StBin {
background-image: url("resource:///org/gnome/shell/theme/checkbox-focused.svg"); } background-image: url("resource:///org/gnome/shell/theme/checkbox-focused.svg"); }
@ -351,7 +346,6 @@ StScrollBar {
.mount-dialog-app-list-item-icon:ltr { .mount-dialog-app-list-item-icon:ltr {
padding-right: 17px; } padding-right: 17px; }
.mount-dialog-app-list-item-icon:rtl { .mount-dialog-app-list-item-icon:rtl {
padding-left: 17px; } padding-left: 17px; }
@ -450,7 +444,6 @@ StScrollBar {
.extension-dialog .message-dialog-main-layout { .extension-dialog .message-dialog-main-layout {
spacing: 24px; spacing: 24px;
padding: 10px; } padding: 10px; }
.extension-dialog .message-dialog-title { .extension-dialog .message-dialog-title {
color: #b2b2a9; } color: #b2b2a9; }
@ -668,7 +661,7 @@ StScrollBar {
spacing: 4px; } spacing: 4px; }
#panel .panel-corner { #panel .panel-corner {
-panel-corner-radius: 6px; -panel-corner-radius: 6px;
-panel-corner-background-color: rgba(0, 0, 0, 0.2); -panel-corner-background-color: rgba(0, 0, 0, 0.35);
-panel-corner-border-width: 2px; -panel-corner-border-width: 2px;
-panel-corner-border-color: transparent; } -panel-corner-border-color: transparent; }
#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus {
@ -708,17 +701,9 @@ StScrollBar {
#panel .panel-button .system-status-icon { #panel .panel-button .system-status-icon {
icon-size: 1.09em; icon-size: 1.09em;
padding: 0 5px; } padding: 0 5px; }
.unlock-screen #panel .panel-button, .unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button {
.login-screen #panel .panel-button,
.lock-screen #panel .panel-button {
color: white; } color: white; }
.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-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 {
.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; } color: white; }
#panel .panel-status-indicators-box, #panel .panel-status-indicators-box,
#panel .panel-status-menu-box { #panel .panel-status-menu-box {
@ -792,7 +777,6 @@ StScrollBar {
.events-section-title:hover, .events-section-title:hover,
.events-section-title:focus { .events-section-title:focus {
background-color: #0d0d0d; } background-color: #0d0d0d; }
.datemenu-today-button:active, .datemenu-today-button:active,
.world-clocks-button:active, .world-clocks-button:active,
.weather-button:active, .weather-button:active,
@ -934,7 +918,7 @@ StScrollBar {
color: #999999; color: #999999;
font-size: 0.7em; font-size: 0.7em;
/* HACK: the label should be baseline-aligned with a 1em label, /* 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; } padding-bottom: 0.13em; }
.message-secondary-bin > StIcon { .message-secondary-bin > StIcon {
@ -1238,7 +1222,6 @@ StScrollBar {
.list-search-result:active, .list-search-result:active,
.list-search-result:checked { .list-search-result:checked {
background-color: rgba(23, 25, 26, 0.9); } background-color: rgba(23, 25, 26, 0.9); }
.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, .search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover,
.list-search-result:focus, .list-search-result:focus,
.list-search-result:selected, .list-search-result:selected,
@ -1246,8 +1229,7 @@ StScrollBar {
background-color: rgba(238, 238, 236, 0.1); background-color: rgba(238, 238, 236, 0.1);
transition-duration: 200ms; } transition-duration: 200ms; }
.app-well-app:active .overview-icon, .app-well-app:active .overview-icon, .app-well-app:checked .overview-icon,
.app-well-app:checked .overview-icon,
.app-well-app.app-folder:active .overview-icon, .app-well-app.app-folder:active .overview-icon,
.app-well-app.app-folder:checked .overview-icon, .app-well-app.app-folder:checked .overview-icon,
.show-apps:active .overview-icon, .show-apps:active .overview-icon,
@ -1256,10 +1238,7 @@ StScrollBar {
.grid-search-result:checked .overview-icon { .grid-search-result:checked .overview-icon {
background-color: rgba(23, 25, 26, 0.9); background-color: rgba(23, 25, 26, 0.9);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.7); } 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:hover .overview-icon,
.app-well-app.app-folder:focus .overview-icon, .app-well-app.app-folder:focus .overview-icon,
.app-well-app.app-folder:selected .overview-icon, .app-well-app.app-folder:selected .overview-icon,
@ -1656,8 +1635,7 @@ StScrollBar {
.login-dialog-not-listed-label { .login-dialog-not-listed-label {
padding-left: 2px; } padding-left: 2px; }
.login-dialog-not-listed-button:focus .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 {
.login-dialog-not-listed-button:hover .login-dialog-not-listed-label {
color: #eeeeec; } color: #eeeeec; }
.login-dialog-not-listed-label { .login-dialog-not-listed-label {
@ -1704,7 +1682,6 @@ StScrollBar {
.user-widget-label:ltr { .user-widget-label:ltr {
padding-left: 18px; } padding-left: 18px; }
.user-widget-label:rtl { .user-widget-label:rtl {
padding-right: 18px; } padding-right: 18px; }
@ -1832,7 +1809,6 @@ StScrollBar {
.lg-dialog StEntry { .lg-dialog StEntry {
selection-background-color: #bbbbbb; selection-background-color: #bbbbbb;
selected-color: #333333; } selected-color: #333333; }
.lg-dialog .shell-link { .lg-dialog .shell-link {
color: #999999; } color: #999999; }
.lg-dialog .shell-link:hover { .lg-dialog .shell-link:hover {

@ -1 +1 @@
Subproject commit 7850b27f51a9d2e5a4154389d477da80214714c5 Subproject commit 594ec0b5ccf2d4e92e234c708c0d5b31882e0f97

View File

@ -118,7 +118,6 @@ StEntry {
/* Scrollbars */ /* Scrollbars */
StScrollView.vfade { StScrollView.vfade {
-st-vfade-offset: 68px; } -st-vfade-offset: 68px; }
StScrollView.hfade { StScrollView.hfade {
-st-hfade-offset: 68px; } -st-hfade-offset: 68px; }
@ -153,18 +152,14 @@ StScrollBar {
/* Check Boxes */ /* Check Boxes */
.check-box StBoxLayout { .check-box StBoxLayout {
spacing: .8em; } spacing: .8em; }
.check-box StBin { .check-box StBin {
width: 24px; width: 24px;
height: 22px; height: 22px;
background-image: url("resource:///org/gnome/shell/theme/checkbox-off.svg"); } background-image: url("resource:///org/gnome/shell/theme/checkbox-off.svg"); }
.check-box:focus StBin { .check-box:focus StBin {
background-image: url("resource:///org/gnome/shell/theme/checkbox-off-focused.svg"); } background-image: url("resource:///org/gnome/shell/theme/checkbox-off-focused.svg"); }
.check-box:checked StBin { .check-box:checked StBin {
background-image: url("resource:///org/gnome/shell/theme/checkbox.svg"); } background-image: url("resource:///org/gnome/shell/theme/checkbox.svg"); }
.check-box:focus:checked StBin { .check-box:focus:checked StBin {
background-image: url("resource:///org/gnome/shell/theme/checkbox-focused.svg"); } background-image: url("resource:///org/gnome/shell/theme/checkbox-focused.svg"); }
@ -351,7 +346,6 @@ StScrollBar {
.mount-dialog-app-list-item-icon:ltr { .mount-dialog-app-list-item-icon:ltr {
padding-right: 17px; } padding-right: 17px; }
.mount-dialog-app-list-item-icon:rtl { .mount-dialog-app-list-item-icon:rtl {
padding-left: 17px; } padding-left: 17px; }
@ -450,7 +444,6 @@ StScrollBar {
.extension-dialog .message-dialog-main-layout { .extension-dialog .message-dialog-main-layout {
spacing: 24px; spacing: 24px;
padding: 10px; } padding: 10px; }
.extension-dialog .message-dialog-title { .extension-dialog .message-dialog-title {
color: #b2b2a9; } color: #b2b2a9; }
@ -668,7 +661,7 @@ StScrollBar {
spacing: 4px; } spacing: 4px; }
#panel .panel-corner { #panel .panel-corner {
-panel-corner-radius: 6px; -panel-corner-radius: 6px;
-panel-corner-background-color: rgba(0, 0, 0, 0.2); -panel-corner-background-color: rgba(0, 0, 0, 0.35);
-panel-corner-border-width: 2px; -panel-corner-border-width: 2px;
-panel-corner-border-color: transparent; } -panel-corner-border-color: transparent; }
#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus {
@ -708,17 +701,9 @@ StScrollBar {
#panel .panel-button .system-status-icon { #panel .panel-button .system-status-icon {
icon-size: 1.09em; icon-size: 1.09em;
padding: 0 5px; } padding: 0 5px; }
.unlock-screen #panel .panel-button, .unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button {
.login-screen #panel .panel-button,
.lock-screen #panel .panel-button {
color: white; } color: white; }
.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-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 {
.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; } color: white; }
#panel .panel-status-indicators-box, #panel .panel-status-indicators-box,
#panel .panel-status-menu-box { #panel .panel-status-menu-box {
@ -792,7 +777,6 @@ StScrollBar {
.events-section-title:hover, .events-section-title:hover,
.events-section-title:focus { .events-section-title:focus {
background-color: #454c4c; } background-color: #454c4c; }
.datemenu-today-button:active, .datemenu-today-button:active,
.world-clocks-button:active, .world-clocks-button:active,
.weather-button:active, .weather-button:active,
@ -934,7 +918,7 @@ StScrollBar {
color: #8e8e80; color: #8e8e80;
font-size: 0.7em; font-size: 0.7em;
/* HACK: the label should be baseline-aligned with a 1em label, /* 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; } padding-bottom: 0.13em; }
.message-secondary-bin > StIcon { .message-secondary-bin > StIcon {
@ -1238,7 +1222,6 @@ StScrollBar {
.list-search-result:active, .list-search-result:active,
.list-search-result:checked { .list-search-result:checked {
background-color: rgba(23, 25, 26, 0.9); } background-color: rgba(23, 25, 26, 0.9); }
.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, .search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover,
.list-search-result:focus, .list-search-result:focus,
.list-search-result:selected, .list-search-result:selected,
@ -1246,8 +1229,7 @@ StScrollBar {
background-color: rgba(238, 238, 236, 0.1); background-color: rgba(238, 238, 236, 0.1);
transition-duration: 200ms; } transition-duration: 200ms; }
.app-well-app:active .overview-icon, .app-well-app:active .overview-icon, .app-well-app:checked .overview-icon,
.app-well-app:checked .overview-icon,
.app-well-app.app-folder:active .overview-icon, .app-well-app.app-folder:active .overview-icon,
.app-well-app.app-folder:checked .overview-icon, .app-well-app.app-folder:checked .overview-icon,
.show-apps:active .overview-icon, .show-apps:active .overview-icon,
@ -1256,10 +1238,7 @@ StScrollBar {
.grid-search-result:checked .overview-icon { .grid-search-result:checked .overview-icon {
background-color: rgba(23, 25, 26, 0.9); background-color: rgba(23, 25, 26, 0.9);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.7); } 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:hover .overview-icon,
.app-well-app.app-folder:focus .overview-icon, .app-well-app.app-folder:focus .overview-icon,
.app-well-app.app-folder:selected .overview-icon, .app-well-app.app-folder:selected .overview-icon,
@ -1656,8 +1635,7 @@ StScrollBar {
.login-dialog-not-listed-label { .login-dialog-not-listed-label {
padding-left: 2px; } padding-left: 2px; }
.login-dialog-not-listed-button:focus .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 {
.login-dialog-not-listed-button:hover .login-dialog-not-listed-label {
color: #eeeeec; } color: #eeeeec; }
.login-dialog-not-listed-label { .login-dialog-not-listed-label {
@ -1704,7 +1682,6 @@ StScrollBar {
.user-widget-label:ltr { .user-widget-label:ltr {
padding-left: 18px; } padding-left: 18px; }
.user-widget-label:rtl { .user-widget-label:rtl {
padding-right: 18px; } padding-right: 18px; }
@ -1832,7 +1809,6 @@ StScrollBar {
.lg-dialog StEntry { .lg-dialog StEntry {
selection-background-color: #bbbbbb; selection-background-color: #bbbbbb;
selected-color: #333333; } selected-color: #333333; }
.lg-dialog .shell-link { .lg-dialog .shell-link {
color: #999999; } color: #999999; }
.lg-dialog .shell-link:hover { .lg-dialog .shell-link:hover {