diff --git a/gnome-shell/_common.scss b/gnome-shell/_common.scss index a8998e7..f48f106 100644 --- a/gnome-shell/_common.scss +++ b/gnome-shell/_common.scss @@ -1446,6 +1446,20 @@ StScrollBar { //search results + %search-section-content-item { + &:focus, + &:hover, + &:selected { + background-color: transparentize($osd_fg_color, .9); + transition-duration: 200ms; + } + + &:active, + &:checked { + background-color: transparentize(darken($osd_bg_color, 10%), .1); + } + } + #searchResultsBin { max-width: 1000px; } @@ -1470,7 +1484,7 @@ StScrollBar { } .list-search-results { spacing: 3px; } - .search-section-separator { height: 2px; background-color: rgba(255, 255, 255, 0.2); } + .search-section-separator { height: 2px; background-color: $gray; } .list-search-result-content { spacing: 30px; } .list-search-result-title { color: lighten($topbar_color,5%); spacing: 12px; } @@ -1479,6 +1493,12 @@ StScrollBar { .list-search-provider-content { spacing: 20px; } .search-provider-icon { padding: 15px; } + //Icon tile + .search-provider-icon, + .list-search-result { + @extend %search-section-content-item; + } + /* DASHBOARD */ @@ -1561,16 +1581,6 @@ StScrollBar { } } - //Icon tile - .search-provider-icon, - .list-search-result { - @extend %icon_tile; - &:active, &:checked { background-color: transparentize(darken($osd_bg_color,10%),.1); } - &:focus, &:selected, &:hover { - background-color: transparentize($bg_color,.7); - transition-duration: 200ms; - } - } .app-well-app, .app-well-app.app-folder, .show-apps, diff --git a/gnome-shell/gnome-shell.css b/gnome-shell/gnome-shell.css index 1064929..3235613 100644 --- a/gnome-shell/gnome-shell.css +++ b/gnome-shell/gnome-shell.css @@ -117,7 +117,6 @@ StEntry { /* Scrollbars */ StScrollView.vfade { -st-vfade-offset: 68px; } - StScrollView.hfade { -st-hfade-offset: 68px; } @@ -164,18 +163,14 @@ StScrollBar { /* Check Boxes */ .check-box StBoxLayout { spacing: .8em; } - .check-box StBin { width: 24px; height: 22px; background-image: url("assets/checkbox-off.svg"); } - .check-box:focus, .check-box:hover StBin { background-image: url("assets/checkbox-off-focused.svg"); } - .check-box:checked StBin { background-image: url("assets/checkbox.svg"); } - .check-box:focus:checked StBin { background-image: url("assets/checkbox-focused.svg"); } @@ -375,7 +370,6 @@ StScrollBar { .mount-dialog-app-list-item-icon:ltr { padding-right: 17px; } - .mount-dialog-app-list-item-icon:rtl { padding-left: 17px; } @@ -475,7 +469,6 @@ StScrollBar { .extension-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } - .extension-dialog .message-dialog-title { color: #576c74; } @@ -779,17 +772,9 @@ 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: #b5c3c8; } - .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: #b5c3c8; } #panel .panel-button.clock-display:active, #panel .panel-button.clock-display:overview, #panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:checked { box-shadow: none; } @@ -874,7 +859,6 @@ StScrollBar { .events-button:hover, .events-button:focus { background-color: #2c3b49; } - .datemenu-today-button:active, .world-clocks-button:active, .weather-button:active, @@ -1038,9 +1022,8 @@ StScrollBar { padding: 8px; color: #98abb2; background-color: transparent; } - -.message-list-section-close:hover > StIcon, -.message-list-section-close:focus > StIcon .message-list-section-close:active > StIcon { +.message-list-section-close:hover > StIcon, .message-list-section-close:focus > StIcon +.message-list-section-close:active > StIcon { color: #ff007a; background: transparent; } @@ -1069,7 +1052,7 @@ StScrollBar { color: #6c8791; 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 { @@ -1107,13 +1090,11 @@ StScrollBar { .world-clocks-button .world-clocks-city { color: #98abb2; font-weight: normal; } - .world-clocks-button .world-clocks-time { font-weight: bold; color: #98abb2; font-feature-settings: "lnum"; text-align: right; } - .world-clocks-button .world-clocks-timezone { color: #627a82; font-feature-settings: "tnum"; } @@ -1124,14 +1105,12 @@ StScrollBar { font-weight: bold; } .weather-button .weather-header.location { font-weight: normal; } - .weather-button .weather-forecast-time { color: #7b939c; font-feature-settings: "tnum"; font-weight: normal; padding-top: 0.2em; padding-bottom: 0.4em; } - .weather-button .weather-forecast-temp { font-weight: bold; } @@ -1309,6 +1288,17 @@ StScrollBar { .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: #98abb2; } +.search-provider-icon:focus, +.list-search-result:focus, .search-provider-icon:hover, +.list-search-result:hover, .search-provider-icon:selected, +.list-search-result:selected { + background-color: rgba(152, 171, 178, 0.1); + transition-duration: 200ms; } +.search-provider-icon:active, +.list-search-result:active, .search-provider-icon:checked, +.list-search-result:checked { + background-color: rgba(15, 20, 25, 0.85); } + #searchResultsBin { max-width: 1000px; } @@ -1332,7 +1322,7 @@ StScrollBar { .search-section-separator { height: 2px; - background-color: rgba(255, 255, 255, 0.2); } + background-color: #2f404f; } .list-search-result-content { spacing: 30px; } @@ -1418,25 +1408,12 @@ StScrollBar { .app-view-control:last-child { border-radius: 0 3px 3px 0; } -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(15, 20, 25, 0.85); } - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(34, 46, 57, 0.3); - transition-duration: 200ms; } - .app-well-app, .app-well-app.app-folder, .show-apps, .grid-search-result { border: none; } - .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, @@ -1446,9 +1423,7 @@ StScrollBar { background-color: rgba(21, 28, 35, 0.85); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); color: #98abb2; } - .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, @@ -1471,8 +1446,7 @@ StScrollBar { box-shadow: 0px 0px 5px 4px rgba(0, 232, 183, 0.8); margin-bottom: 0px; } -.search-provider-icon, -.list-search-result, .app-well-app .overview-icon, +.app-well-app .overview-icon, .app-well-app.app-folder .overview-icon, .show-apps .overview-icon, .grid-search-result .overview-icon { @@ -1863,8 +1837,7 @@ 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: #98abb2; } .login-dialog-not-listed-label { @@ -1911,7 +1884,6 @@ StScrollBar { .user-widget-label:ltr { padding-left: 18px; } - .user-widget-label:rtl { padding-right: 18px; } @@ -2039,7 +2011,6 @@ StScrollBar { .lg-dialog StEntry { selection-background-color: #bbbbbb; selected-color: #333333; } - .lg-dialog .shell-link { color: #999999; } .lg-dialog .shell-link:hover { @@ -2123,3 +2094,5 @@ StScrollBar { .cosmic-dock .app-well-app:hover .overview-icon, .cosmic-dock .app-well-app:focus .overview-icon, .cosmic-dock .app-well-app:selected .overview-icon { border-radius: 11px; } + +/*# sourceMappingURL=gnome-shell.css.map */ diff --git a/gnome-shell/v40/_common.scss b/gnome-shell/v40/_common.scss index ea656b4..21069de 100644 --- a/gnome-shell/v40/_common.scss +++ b/gnome-shell/v40/_common.scss @@ -1433,6 +1433,20 @@ StScrollBar { //search results + %search-section-content-item { + &:focus, + &:hover, + &:selected { + background-color: transparentize($osd_fg_color, .9); + transition-duration: 200ms; + } + + &:active, + &:checked { + background-color: transparentize(darken($osd_bg_color, 10%), .1); + } + } + #searchResultsBin { max-width: 1000px; } @@ -1457,7 +1471,7 @@ StScrollBar { } .list-search-results { spacing: 3px; } - .search-section-separator { height: 2px; background-color: rgba(255, 255, 255, 0.2); } + .search-section-separator { height: 2px; background-color: $gray; } .list-search-result-content { spacing: 30px; } .list-search-result-title { color: lighten($topbar_color,5%); spacing: 12px; } @@ -1466,6 +1480,12 @@ StScrollBar { .list-search-provider-content { spacing: 20px; } .search-provider-icon { padding: 15px; } + //Icon tile + .search-provider-icon, + .list-search-result { + @extend %search-section-content-item; + } + /* DASHBOARD */ .dash-background { @@ -1526,16 +1546,6 @@ StScrollBar { } } - //Icon tile - .search-provider-icon, - .list-search-result { - @extend %icon_tile; - &:active, &:checked { background-color: transparentize(darken($osd_bg_color,10%),.1); } - &:focus, &:selected, &:hover { - background-color: transparentize($bg_color,.7); - transition-duration: 200ms; - } - } .app-well-app, .app-well-app.app-folder, .show-apps, diff --git a/gnome-shell/v40/gnome-shell.css b/gnome-shell/v40/gnome-shell.css index 06e1dee..37ebbda 100644 --- a/gnome-shell/v40/gnome-shell.css +++ b/gnome-shell/v40/gnome-shell.css @@ -117,7 +117,6 @@ StEntry { /* Scrollbars */ StScrollView.vfade { -st-vfade-offset: 68px; } - StScrollView.hfade { -st-hfade-offset: 68px; } @@ -164,18 +163,14 @@ StScrollBar { /* Check Boxes */ .check-box StBoxLayout { spacing: .8em; } - .check-box StBin { width: 24px; height: 22px; background-image: url("assets/checkbox-off.svg"); } - .check-box:focus, .check-box:hover StBin { background-image: url("assets/checkbox-off-focused.svg"); } - .check-box:checked StBin { background-image: url("assets/checkbox.svg"); } - .check-box:focus:checked StBin { background-image: url("assets/checkbox-focused.svg"); } @@ -375,7 +370,6 @@ StScrollBar { .mount-dialog-app-list-item-icon:ltr { padding-right: 17px; } - .mount-dialog-app-list-item-icon:rtl { padding-left: 17px; } @@ -475,7 +469,6 @@ StScrollBar { .extension-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } - .extension-dialog .message-dialog-title { color: #576c74; } @@ -763,17 +756,9 @@ 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: #b5c3c8; } - .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: #b5c3c8; } #panel .panel-button.clock-display:hover, #panel .panel-button.clock-display:active, #panel .panel-button.clock-display:overview, #panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:checked { box-shadow: none; } @@ -860,7 +845,6 @@ StScrollBar { .events-button:hover, .events-button:focus { background-color: #2c3b49; } - .datemenu-today-button:active, .world-clocks-button:active, .weather-button:active, @@ -1024,9 +1008,8 @@ StScrollBar { padding: 8px; color: #98abb2; background-color: transparent; } - -.message-list-section-close:hover > StIcon, -.message-list-section-close:focus > StIcon .message-list-section-close:active > StIcon { +.message-list-section-close:hover > StIcon, .message-list-section-close:focus > StIcon +.message-list-section-close:active > StIcon { color: #ff007a; background: transparent; } @@ -1055,7 +1038,7 @@ StScrollBar { color: #6c8791; 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 { @@ -1093,13 +1076,11 @@ StScrollBar { .world-clocks-button .world-clocks-city { color: #98abb2; font-weight: normal; } - .world-clocks-button .world-clocks-time { font-weight: bold; color: #98abb2; font-feature-settings: "lnum"; text-align: right; } - .world-clocks-button .world-clocks-timezone { color: #627a82; font-feature-settings: "tnum"; } @@ -1110,14 +1091,12 @@ StScrollBar { font-weight: bold; } .weather-button .weather-header.location { font-weight: normal; } - .weather-button .weather-forecast-time { color: #7b939c; font-feature-settings: "tnum"; font-weight: normal; padding-top: 0.2em; padding-bottom: 0.4em; } - .weather-button .weather-forecast-temp { font-weight: bold; } @@ -1290,6 +1269,17 @@ StScrollBar { .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: #98abb2; } +.search-provider-icon:focus, +.list-search-result:focus, .search-provider-icon:hover, +.list-search-result:hover, .search-provider-icon:selected, +.list-search-result:selected { + background-color: rgba(152, 171, 178, 0.1); + transition-duration: 200ms; } +.search-provider-icon:active, +.list-search-result:active, .search-provider-icon:checked, +.list-search-result:checked { + background-color: rgba(15, 20, 25, 0.85); } + #searchResultsBin { max-width: 1000px; } @@ -1313,7 +1303,7 @@ StScrollBar { .search-section-separator { height: 2px; - background-color: rgba(255, 255, 255, 0.2); } + background-color: #2f404f; } .list-search-result-content { spacing: 30px; } @@ -1385,26 +1375,12 @@ StScrollBar { .app-view-control:last-child { border-radius: 0 3px 3px 0; } -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(15, 20, 25, 0.85); } - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(34, 46, 57, 0.3); - transition-duration: 200ms; } - .app-well-app, .app-well-app.app-folder, .show-apps, .grid-search-result { border: none; } - .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, @@ -1418,8 +1394,7 @@ StScrollBar { transition-duration: 0ms; border-image: none; background-image: none; } - .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, @@ -1438,8 +1413,7 @@ StScrollBar { box-shadow: 0px 0px 5px 4px rgba(0, 232, 183, 0.8); margin-bottom: 0px; } -.search-provider-icon, -.list-search-result, .app-well-app .overview-icon, +.app-well-app .overview-icon, .app-well-app.app-folder .overview-icon, .show-apps .overview-icon, .grid-search-result .overview-icon { @@ -1843,8 +1817,7 @@ 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: #98abb2; } .login-dialog-not-listed-label { @@ -1891,7 +1864,6 @@ StScrollBar { .user-widget-label:ltr { padding-left: 18px; } - .user-widget-label:rtl { padding-right: 18px; } @@ -2019,7 +1991,6 @@ StScrollBar { .lg-dialog StEntry { selection-background-color: #bbbbbb; selected-color: #333333; } - .lg-dialog .shell-link { color: #999999; } .lg-dialog .shell-link:hover { @@ -2074,3 +2045,5 @@ StScrollBar { .openweather-current-databox-captions, .openweather-forecast-day { color: #00e8b7; } + +/*# sourceMappingURL=gnome-shell.css.map */