From ae44785a30ad46b4417ce2ad6f20ad0f18f944d9 Mon Sep 17 00:00:00 2001 From: EliverLara Date: Mon, 25 May 2020 11:36:21 -0500 Subject: [PATCH] Gnome-shell improvements - Reduce panel transparency - Fix dark text in weather applet --- gnome-shell/_common.scss | 26 +++++++++++++++++++++++++- gnome-shell/gnome-shell.css | 25 +++++++++++++++++++++---- 2 files changed, 46 insertions(+), 5 deletions(-) diff --git a/gnome-shell/_common.scss b/gnome-shell/_common.scss index ca55d15..e335089 100644 --- a/gnome-shell/_common.scss +++ b/gnome-shell/_common.scss @@ -8,7 +8,7 @@ $_bubble_bg_color: $osd_bg_color; $_bubble_fg_color: $fg_color; $_bubble_borders_color: $fg_color; $_bubble_transparent: transparentize($osd_bg_color, 0.17); -$topbar_bg_color: transparentize($dracula,0.35); +$topbar_bg_color: transparentize($dracula,0.05); stage { 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: diff --git a/gnome-shell/gnome-shell.css b/gnome-shell/gnome-shell.css index 2c32d48..b12cc59 100644 --- a/gnome-shell/gnome-shell.css +++ b/gnome-shell/gnome-shell.css @@ -709,7 +709,7 @@ StScrollBar { /* TOP BAR */ #panel { 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-duration: 500ms; font-weight: bold; @@ -746,7 +746,7 @@ StScrollBar { #panel .panel-button .popup-menu-arrow { icon-shadow: 0px 0px 2px rgba(0, 0, 0, 0.9); } #panel .panel-button:hover { - background: rgba(39, 39, 47, 0.65); + background: rgba(39, 39, 47, 0.95); color: white; transition-duration: 200ms; } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { @@ -1087,6 +1087,23 @@ StScrollBar { color: #5e6876; 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 { icon-size: 20px; padding: 0 2px; } @@ -1308,7 +1325,7 @@ StScrollBar { #dash { font-size: 9pt; color: white; - background-color: rgba(16, 16, 19, 0.65); + background-color: rgba(16, 16, 19, 0.95); padding: 6px 0; border: 1px solid #161819; border-left: 0px; @@ -1330,7 +1347,7 @@ StScrollBar { border-radius: 7px; padding: 4px 12px; color: white; - background-color: rgba(16, 16, 19, 0.65); + background-color: rgba(16, 16, 19, 0.95); text-align: center; border: 1px solid #161819; -x-offset: 8px; }