luneko/SweetTokyoNight
1
0
Fork 0
mirror of https://github.com/luneko/SweetTokyoNight.git synced 2025-12-13 15:29:53 +01:00
Code Issues Projects Releases Wiki Activity

Gnome-shell: Fix no hover effect in search results item, Fixes #177

Browse Source
This commit is contained in:
EliverLara
2021-10-30 13:44:42 -05:00
parent a60226ee8b
commit 610d4b9aa6
4 changed files with 100 additions and 134 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
gnome-shell/_common.scss
View File

@@ -1447,6 +1447,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;
}
@@ -1471,7 +1485,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; }
@@ -1480,6 +1494,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 */
@@ -1562,16 +1582,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,

85
gnome-shell/gnome-shell.css
View File

@@ -26,7 +26,7 @@ stage {
box-shadow: none;
border: 1px solid #161819; }
.button:insensitive {
color: #51565d;
color: #51565e;
background-color: rgba(30, 31, 35, 0.66);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
border: none;
@@ -54,7 +54,7 @@ stage {
icon-shadow: none;
box-shadow: none; }
.modal-dialog-linked-button:insensitive {
color: #51565d;
color: #51565e;
background-color: rgba(30, 31, 35, 0.66);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
border: none;
@@ -105,7 +105,7 @@ StEntry {
StEntry:focus {
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
StEntry:insensitive {
color: #51565d;
color: #51565e;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
StEntry StIcon.capslock-warning {
icon-size: 16px;
@@ -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: #535c67; }
@@ -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: #afb5be; }
.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: #afb5be; }
#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: #1c1c21; }
.datemenu-today-button:active,
.world-clocks-button:active,
.weather-button:active,
@@ -966,7 +950,7 @@ StScrollBar {
border-left-width: 1px; }
.calendar-nonwork-day {
color: #51565d; }
color: #51565e; }
.calendar-today {
font-weight: bold;
@@ -989,7 +973,7 @@ StScrollBar {
background-image: url("assets/calendar-today.svg"); }
.calendar-other-month-day {
color: #51565d;
color: #51565e;
opacity: 0.5; }
.calendar-week-number {
@@ -1038,9 +1022,8 @@ StScrollBar {
padding: 8px;
color: #929ba8;
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: #ed254e;
background: transparent; }
@@ -1069,7 +1052,7 @@ StScrollBar {
color: #6a7584;
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: #929ba8;
font-weight: normal; }
.world-clocks-button .world-clocks-time {
font-weight: bold;
color: #929ba8;
font-feature-settings: "lnum";
text-align: right; }
.world-clocks-button .world-clocks-timezone {
color: #5e6876;
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: #768191;
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: #929ba8; }
.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(146, 155, 168, 0.1);
transition-duration: 200ms; }
.search-provider-icon:active,
.list-search-result:active, .search-provider-icon:checked,
.list-search-result:checked {
background-color: rgba(0, 0, 0, 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: #202026; }
.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(0, 0, 0, 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(16, 16, 19, 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(0, 0, 0, 0.85);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
color: #929ba8; }
.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(247, 185, 34, 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 {
@@ -1835,7 +1809,7 @@ StScrollBar {
text-shadow: none;
icon-shadow: none; }
.login-dialog .modal-dialog-button:default:insensitive {
color: #51565d;
color: #51565e;
background-color: rgba(30, 31, 35, 0.66);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
border: none;
@@ -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: #929ba8; }
.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 */

32
gnome-shell/v40/_common.scss
View File

@@ -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,

85
gnome-shell/v40/gnome-shell.css
View File

@@ -26,7 +26,7 @@ stage {
box-shadow: none;
border: 1px solid #161819; }
.button:insensitive, .app-folder-dialog .edit-folder-button:insensitive {
color: #51565d;
color: #51565e;
background-color: rgba(30, 31, 35, 0.66);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
border: none;
@@ -54,7 +54,7 @@ stage {
icon-shadow: none;
box-shadow: none; }
.modal-dialog-linked-button:insensitive {
color: #51565d;
color: #51565e;
background-color: rgba(30, 31, 35, 0.66);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
border: none;
@@ -105,7 +105,7 @@ StEntry {
StEntry:focus {
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
StEntry:insensitive {
color: #51565d;
color: #51565e;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
StEntry StIcon.capslock-warning {
icon-size: 16px;
@@ -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: #535c67; }
@@ -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: #afb5be; }
.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: #afb5be; }
#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: #1c1c21; }
.datemenu-today-button:active,
.world-clocks-button:active,
.weather-button:active,
@@ -952,7 +936,7 @@ StScrollBar {
border-left-width: 1px; }
.calendar-nonwork-day {
color: #51565d; }
color: #51565e; }
.calendar-today {
font-weight: bold;
@@ -975,7 +959,7 @@ StScrollBar {
background-image: url("assets/calendar-today.svg"); }
.calendar-other-month-day {
color: #51565d;
color: #51565e;
opacity: 0.5; }
.calendar-week-number {
@@ -1024,9 +1008,8 @@ StScrollBar {
padding: 8px;
color: #929ba8;
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: #ed254e;
background: transparent; }
@@ -1055,7 +1038,7 @@ StScrollBar {
color: #6a7584;
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: #929ba8;
font-weight: normal; }
.world-clocks-button .world-clocks-time {
font-weight: bold;
color: #929ba8;
font-feature-settings: "lnum";
text-align: right; }
.world-clocks-button .world-clocks-timezone {
color: #5e6876;
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: #768191;
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: #929ba8; }
.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(146, 155, 168, 0.1);
transition-duration: 200ms; }
.search-provider-icon:active,
.list-search-result:active, .search-provider-icon:checked,
.list-search-result:checked {
background-color: rgba(0, 0, 0, 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: #202026; }
.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(0, 0, 0, 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(16, 16, 19, 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(247, 185, 34, 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 {
@@ -1815,7 +1789,7 @@ StScrollBar {
text-shadow: none;
icon-shadow: none; }
.login-dialog .modal-dialog-button:default:insensitive {
color: #51565d;
color: #51565e;
background-color: rgba(30, 31, 35, 0.66);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
border: none;
@@ -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: #929ba8; }
.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: #f7b922; }
/*# sourceMappingURL=gnome-shell.css.map */