starred/Nordic
1
0
Fork 0
mirror of https://github.com/EliverLara/Nordic.git synced 2026-09-28 01:46:08 -04:00
Code Issues Packages Projects Releases Wiki Activity

Gnome-shell: Fix appearance issues in Gnome v46

Browse Source
This commit is contained in:
EliverLara
2024-04-05 15:58:46 -06:00
parent 0dfc661547
commit fdae8f952b
4 changed files with 87 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files
gnome-shell/_common.scss
+24 -14
View File
@@ -17,10 +17,8 @@ stage {
/* WIDGETS */
/* Buttons */
.button, %button {
.button, .icon-button, %button {
@include button(normal);
border-radius: 6px;
padding: 4px 32px;
&:focus { @include button(focus); }
&:insensitive { @include button(insensitive); }
&:active { @include button(active); }
@@ -29,6 +27,11 @@ stage {
}
}
.button {
border-radius: 6px;
padding: 4px 32px;
}
.modal-dialog-linked-button {
padding: 10px;
border: 1px solid $borders_color;
@@ -706,6 +709,7 @@ $slider_size: 19px;
.switcher-list .item-box {
padding: 8px;
border-radius: 4px;
background-color: transparent;
}
.switcher-list .item-box:outlined {
@@ -1003,6 +1007,7 @@ $slider_size: 19px;
}
.calendar-month-label {
background-color: transparent;
color: darken($fg_color,5%);
font-weight: bold;
padding: 8px 0;
@@ -1041,6 +1046,7 @@ $slider_size: 19px;
border-radius: 99px;
color: $fg_color;
background-gradient-direction: none;
background-color: transparent;
&:hover, &:focus {
background-color: lighten($bg_color, 7%);
@@ -1052,11 +1058,12 @@ $slider_size: 19px;
border-color: transparent; //avoid jumparound due to today
box-shadow: inset 0 0 0 2px transparentize($selected_bg_color, 0.4) !important;
}
&.calendar-day-heading { //day of week heading
color: $fg_color;
margin-top: 1em;
font-size: 70%;
}
}
.calendar-day-heading { //day of week heading
background-color: transparent;
color: $fg_color;
margin-top: 1em;
font-size: 70%;
}
.calendar-day { //border collapse hack - see calendar.js
border-width: 0;
@@ -1455,6 +1462,7 @@ $slider_size: 19px;
//search results
%search-section-content-item {
background-color: transparent;
&:focus,
&:hover,
&:selected {
@@ -1565,8 +1573,10 @@ $slider_size: 19px;
.app-well-app,
.app-well-app.app-folder,
.show-apps,
.grid-search-result {
.grid-search-result,
.overview-tile,
.dash-item-container .overview-tile {
background-color: transparent;
border: none;
& .overview-icon {
@extend %icon_tile;
@@ -1590,7 +1600,7 @@ $slider_size: 19px;
}
.app-well-app-running-dot { //running apps indicator
.app-well-app-running-dot, .app-grid-running-dot { //running apps indicator
width: 5px; height: 5px;
background-color: $selected_bg_color;
border-radius: 5px !important;
@@ -1609,8 +1619,8 @@ $slider_size: 19px;
}
/* App Folders */
.app-well-app.app-folder {
background-color: lighten($bg_color, 7%);
.app-well-app.app-folder, .app-folder .overview-icon {
background-color: lighten($bg_color, 5%);
border-radius: 18px;
}
// expanded folder
@@ -1716,7 +1726,7 @@ $slider_size: 19px;
}
.page-navigation-arrow {
background-color: transparent;
margin: 6px;
padding: 18px;
width: 24px;
gnome-shell/_drawing.scss
+2 -3
View File
@@ -57,9 +57,8 @@
}
@if $t==focus {
@include _shadows($depth);
// background-color: lighten($main_dark, 2%);
border-color: transparentize($selected_bg_color, 0.2);
border-color: $selected_bg_color;
box-shadow: none !important;
}
@if $t==hover {
@include _shadows($depth);
gnome-shell/earlier-versions/gnome-shell.css
+2 -2
View File
@@ -104,8 +104,8 @@ StEntry {
selection-background-color: #81a1c1;
selected-color: #fefefe; }
StEntry:focus {
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
border-color: rgba(143, 188, 187, 0.8); }
border-color: #81a1c1;
box-shadow: none !important; }
StEntry:insensitive {
color: #838995;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
gnome-shell/gnome-shell.css
+59 -33
View File
@@ -8,42 +8,44 @@ stage {
/* WIDGETS */
/* Buttons */
.button, .app-folder-dialog .edit-folder-button, .quick-settings-system-item .icon-button {
.button, .icon-button, .app-folder-dialog .edit-folder-button, .quick-settings-system-item .icon-button {
color: #d8dee9;
background-color: #343b49;
box-shadow: none;
border: 1px solid #1f232b;
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
border-radius: 6px;
padding: 4px 32px; }
.button:focus, .app-folder-dialog .edit-folder-button:focus, .quick-settings-system-item .icon-button:focus {
icon-shadow: 0 1px black; }
.button:focus, .icon-button:focus, .app-folder-dialog .edit-folder-button:focus, .quick-settings-system-item .icon-button:focus {
background-color: #3b4252;
color: #fefefe;
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
box-shadow: none !important;
border: 1px solid #1f232b; }
.button:insensitive, .app-folder-dialog .edit-folder-button:insensitive, .quick-settings-system-item .icon-button:insensitive {
.button:insensitive, .icon-button:insensitive, .app-folder-dialog .edit-folder-button:insensitive, .quick-settings-system-item .icon-button:insensitive {
color: #838995;
background-color: rgba(64, 70, 82, 0.66);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
border: none;
text-shadow: none;
icon-shadow: none; }
.button:active, .app-folder-dialog .edit-folder-button:active, .quick-settings-system-item .icon-button:active {
.button:active, .icon-button:active, .app-folder-dialog .edit-folder-button:active, .quick-settings-system-item .icon-button:active {
color: #81a1c1;
background-color: rgba(46, 52, 64, 0.95);
border: 1px solid #1f232b;
text-shadow: none;
icon-shadow: none; }
.button:hover, .app-folder-dialog .edit-folder-button:hover, .quick-settings-system-item .icon-button:hover {
.button:hover, .icon-button:hover, .app-folder-dialog .edit-folder-button:hover, .quick-settings-system-item .icon-button:hover {
background-color: #3b4252;
color: #fefefe;
border: 1px solid #1f232b;
text-shadow: 0 1px black;
icon-shadow: 0 1px black; }
.button {
border-radius: 6px;
padding: 4px 32px; }
.modal-dialog-linked-button {
padding: 10px;
border: 1px solid #1f232b;
@@ -106,8 +108,8 @@ StEntry {
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
background-color: #3d4555; }
StEntry:focus {
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
border-color: rgba(129, 161, 193, 0.8); }
border-color: #81a1c1;
box-shadow: none !important; }
StEntry:insensitive {
color: #838995;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
@@ -623,7 +625,8 @@ StScrollBar {
.switcher-list .item-box {
padding: 8px;
border-radius: 4px; }
border-radius: 4px;
background-color: transparent; }
.switcher-list .item-box:outlined {
padding: 6px;
@@ -853,6 +856,7 @@ StScrollBar {
spacing: 0.4em; }
.calendar-month-label {
background-color: transparent;
color: #c8d0e0;
font-weight: bold;
padding: 8px 0; }
@@ -890,7 +894,8 @@ StScrollBar {
margin: 2px;
border-radius: 99px;
color: #d8dee9;
background-gradient-direction: none; }
background-gradient-direction: none;
background-color: transparent; }
.calendar-day-base:hover, .calendar-day-base:focus, .calendar-day:hover, .calendar-day:focus {
background-color: #3d4555;
box-shadow: none; }
@@ -899,10 +904,12 @@ StScrollBar {
background-color: #81a1c1;
border-color: transparent;
box-shadow: inset 0 0 0 2px rgba(129, 161, 193, 0.6) !important; }
.calendar-day-base.calendar-day-heading, .calendar-day.calendar-day-heading {
color: #d8dee9;
margin-top: 1em;
font-size: 70%; }
.calendar-day-heading {
background-color: transparent;
color: #d8dee9;
margin-top: 1em;
font-size: 70%; }
.calendar-day {
border-width: 0; }
@@ -1228,16 +1235,19 @@ StScrollBar {
padding: 0 4px;
color: rgba(216, 222, 233, 0.7); }
.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(216, 222, 233, 0.1);
transition-duration: 200ms; }
.search-provider-icon:active,
.list-search-result:active, .search-provider-icon:checked,
.list-search-result:checked {
background-color: rgba(25, 28, 34, 0.85); }
.search-provider-icon,
.list-search-result {
background-color: transparent; }
.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(216, 222, 233, 0.1);
transition-duration: 200ms; }
.search-provider-icon:active,
.list-search-result:active, .search-provider-icon:checked,
.list-search-result:checked {
background-color: rgba(25, 28, 34, 0.85); }
#searchResultsBin {
max-width: 1000px; }
@@ -1335,7 +1345,10 @@ StScrollBar {
.app-well-app,
.app-well-app.app-folder,
.show-apps,
.grid-search-result {
.grid-search-result,
.overview-tile,
.dash-item-container .overview-tile {
background-color: transparent;
border: none; }
.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,
@@ -1346,7 +1359,13 @@ StScrollBar {
.show-apps:selected .overview-icon,
.grid-search-result:hover .overview-icon,
.grid-search-result:focus .overview-icon,
.grid-search-result:selected .overview-icon {
.grid-search-result:selected .overview-icon,
.overview-tile:hover .overview-icon,
.overview-tile:focus .overview-icon,
.overview-tile:selected .overview-icon,
.dash-item-container .overview-tile:hover .overview-icon,
.dash-item-container .overview-tile:focus .overview-icon,
.dash-item-container .overview-tile:selected .overview-icon {
background-color: #3d4555;
transition-duration: 0ms;
border-image: none;
@@ -1357,12 +1376,16 @@ StScrollBar {
.show-apps:active .overview-icon,
.show-apps:checked .overview-icon,
.grid-search-result:active .overview-icon,
.grid-search-result:checked .overview-icon {
.grid-search-result:checked .overview-icon,
.overview-tile:active .overview-icon,
.overview-tile:checked .overview-icon,
.dash-item-container .overview-tile:active .overview-icon,
.dash-item-container .overview-tile:checked .overview-icon {
background-color: #3d4555;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
color: #d8dee9; }
.app-well-app-running-dot {
.app-well-app-running-dot, .app-grid-running-dot {
width: 5px;
height: 5px;
background-color: #81a1c1;
@@ -1373,7 +1396,9 @@ StScrollBar {
.app-well-app .overview-icon,
.app-well-app.app-folder .overview-icon,
.show-apps .overview-icon,
.grid-search-result .overview-icon {
.grid-search-result .overview-icon,
.overview-tile .overview-icon,
.dash-item-container .overview-tile .overview-icon {
color: #fefefe;
padding: 7px 6px;
border: none;
@@ -1383,8 +1408,8 @@ StScrollBar {
border-radius: 18px; }
/* App Folders */
.app-well-app.app-folder {
background-color: #3d4555;
.app-well-app.app-folder, .app-folder .overview-icon {
background-color: #39404f;
border-radius: 18px; }
.app-folder-dialog {
@@ -1469,6 +1494,7 @@ StScrollBar {
padding: 0px 88px 10px 88px; }
.page-navigation-arrow {
background-color: transparent;
margin: 6px;
padding: 18px;
width: 24px;