Gnome-shell improvements

- Reduce panel transparency
- Fix dark text in weather applet
This commit is contained in:
EliverLara
2020-05-25 11:36:21 -05:00
parent a4f3024686
commit ae44785a30
2 changed files with 46 additions and 5 deletions

View File

@@ -8,7 +8,7 @@ $_bubble_bg_color: $osd_bg_color;
$_bubble_fg_color: $fg_color; $_bubble_fg_color: $fg_color;
$_bubble_borders_color: $fg_color; $_bubble_borders_color: $fg_color;
$_bubble_transparent: transparentize($osd_bg_color, 0.17); $_bubble_transparent: transparentize($osd_bg_color, 0.17);
$topbar_bg_color: transparentize($dracula,0.35); $topbar_bg_color: transparentize($dracula,0.05);
stage { stage {
font-family: $font-family; font-family: $font-family;
@@ -1198,6 +1198,30 @@ StScrollBar {
} }
} }
/* Weather */
.weather-button {
.weather-header {
color: darken($fg_color, 10%);
font-weight: bold;
&.location {
font-weight: normal;
}
}
.weather-forecast-time {
color: darken($fg_color, 10%);
font-feature-settings: "tnum";
font-weight: normal;
padding-top: 0.2em;
padding-bottom: 0.4em;
}
.weather-forecast-temp {
font-weight: bold;
}
}
// a little unstructured mess: // a little unstructured mess:

View File

@@ -709,7 +709,7 @@ StScrollBar {
/* TOP BAR */ /* TOP BAR */
#panel { #panel {
background-gradient-direction: none; background-gradient-direction: none;
background-color: rgba(16, 16, 19, 0.65); background-color: rgba(16, 16, 19, 0.95);
/* transition from solid to transparent */ /* transition from solid to transparent */
transition-duration: 500ms; transition-duration: 500ms;
font-weight: bold; font-weight: bold;
@@ -746,7 +746,7 @@ StScrollBar {
#panel .panel-button .popup-menu-arrow { #panel .panel-button .popup-menu-arrow {
icon-shadow: 0px 0px 2px rgba(0, 0, 0, 0.9); } icon-shadow: 0px 0px 2px rgba(0, 0, 0, 0.9); }
#panel .panel-button:hover { #panel .panel-button:hover {
background: rgba(39, 39, 47, 0.65); background: rgba(39, 39, 47, 0.95);
color: white; color: white;
transition-duration: 200ms; } transition-duration: 200ms; }
#panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked {
@@ -1087,6 +1087,23 @@ StScrollBar {
color: #5e6876; color: #5e6876;
font-feature-settings: "tnum"; } font-feature-settings: "tnum"; }
/* Weather */
.weather-button .weather-header {
color: #768191;
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; }
.system-switch-user-submenu-icon.user-icon { .system-switch-user-submenu-icon.user-icon {
icon-size: 20px; icon-size: 20px;
padding: 0 2px; } padding: 0 2px; }
@@ -1308,7 +1325,7 @@ StScrollBar {
#dash { #dash {
font-size: 9pt; font-size: 9pt;
color: white; color: white;
background-color: rgba(16, 16, 19, 0.65); background-color: rgba(16, 16, 19, 0.95);
padding: 6px 0; padding: 6px 0;
border: 1px solid #161819; border: 1px solid #161819;
border-left: 0px; border-left: 0px;
@@ -1330,7 +1347,7 @@ StScrollBar {
border-radius: 7px; border-radius: 7px;
padding: 4px 12px; padding: 4px 12px;
color: white; color: white;
background-color: rgba(16, 16, 19, 0.65); background-color: rgba(16, 16, 19, 0.95);
text-align: center; text-align: center;
border: 1px solid #161819; border: 1px solid #161819;
-x-offset: 8px; } -x-offset: 8px; }