From 610290fb239ab5b9c19a567ee7919bc05f299c50 Mon Sep 17 00:00:00 2001 From: EliverLara Date: Mon, 2 Mar 2020 16:19:32 -0600 Subject: [PATCH] Improve budgie panel appearance --- gtk-3.0/apps/_budgie.scss | 27 ++++++++++++++------------- gtk-3.0/gtk-dark.css | 2 +- gtk-3.0/gtk.css | 26 +++++++++++++------------- 3 files changed, 28 insertions(+), 27 deletions(-) diff --git a/gtk-3.0/apps/_budgie.scss b/gtk-3.0/apps/_budgie.scss index 35f4837..13b5b55 100755 --- a/gtk-3.0/apps/_budgie.scss +++ b/gtk-3.0/apps/_budgie.scss @@ -11,6 +11,7 @@ $mpris_overlay_bg: transparentize(if($variant=='light',$base_color, darken($bg_c $mpris_overlay_border: $top_highlight; $panel_bg: transparentize( darken($_dark_color,10%),0.05); $panel_color: $headerbar_fg_color; +$panel_secondary_color: lighten($headerbar_fg_color, 70%); $panel_border: transparentize($_borders_color, 0.08); $panel_shadow: transparentize(black, 0.7); $raven_bg: transparentize($_dark_color, 0.08); @@ -179,16 +180,16 @@ $pos_list: ((top, bottom),(bottom,top),(left,right),(right,left)); // Menu Button button.budgie-menu-launcher { padding: 0 2px; - color: $headerbar_fg_color; + color: $panel_secondary_color; box-shadow: none; background-color: transparent; - &:hover { color: $headerbar_fg_color; } - &:active, &:checked { color: $headerbar_fg_color; } + &:hover { color: $panel_secondary_color; } + &:active, &:checked { color: $panel_secondary_color; } &:backdrop { - color: $headerbar_fg_color; + color: $panel_secondary_color; background-color: transparent; - &:hover { color: $headerbar_fg_color; } + &:hover { color: $panel_secondary_color; } &:active, &:checked { color: $selected_bg_color; box-shadow: none; @@ -253,10 +254,10 @@ button.budgie-menu-launcher { button.raven-trigger { padding-left: 2px; padding-right: 2px; - color: $headerbar_fg_color; + color: $panel_secondary_color; box-shadow: none; &:hover { - color: $headerbar_fg_color; + color: $panel_secondary_color; background-color: transparent; } &:active, &:checked { @@ -265,9 +266,9 @@ button.raven-trigger { color: $selected_bg_color; } &:backdrop { - color: $headerbar_fg_color; + color: $panel_secondary_color; &:hover { - color: $headerbar_fg_color; + color: $panel_secondary_color; } &:active, &:checked { box-shadow: none; @@ -366,7 +367,7 @@ button.raven-trigger { // Panel .budgie-panel { - color: $headerbar_fg_color; + color: $panel_secondary_color; background-color: $panel_bg; background-image: none; box-shadow: none; @@ -376,7 +377,7 @@ button.raven-trigger { .alert { color: $alert_color; } &:backdrop { - color: $headerbar_fg_color; + color: $panel_secondary_color; background-color: $panel_bg; } @@ -401,12 +402,12 @@ button.raven-trigger { } label { - color: $headerbar_fg_color; + color: $panel_secondary_color; font-weight: 700; } &.transparent { - background-color: transparent; + background-color: transparentize($panel_bg, 0.75); .top & { border-bottom-color: transparent; diff --git a/gtk-3.0/gtk-dark.css b/gtk-3.0/gtk-dark.css index 1517f74..5de475f 100755 --- a/gtk-3.0/gtk-dark.css +++ b/gtk-3.0/gtk-dark.css @@ -5013,7 +5013,7 @@ button.raven-trigger { color: white; font-weight: 700; } .budgie-panel.transparent { - background-color: transparent; } + background-color: rgba(0, 0, 0, 0.2); } .top .budgie-panel.transparent { border-bottom-color: transparent; } .bottom .budgie-panel.transparent { diff --git a/gtk-3.0/gtk.css b/gtk-3.0/gtk.css index d2099f6..6ec0863 100755 --- a/gtk-3.0/gtk.css +++ b/gtk-3.0/gtk.css @@ -4858,18 +4858,18 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec button.budgie-menu-launcher { padding: 0 2px; - color: #929ba8; + color: white; box-shadow: none; background-color: transparent; } button.budgie-menu-launcher:hover { - color: #929ba8; } + color: white; } button.budgie-menu-launcher:active, button.budgie-menu-launcher:checked { - color: #929ba8; } + color: white; } button.budgie-menu-launcher:backdrop { - color: #929ba8; + color: white; background-color: transparent; } button.budgie-menu-launcher:backdrop:hover { - color: #929ba8; } + color: white; } button.budgie-menu-launcher:backdrop:active, button.budgie-menu-launcher:backdrop:checked { color: #f7b922; box-shadow: none; @@ -4920,19 +4920,19 @@ button.budgie-menu-launcher { button.raven-trigger { padding-left: 2px; padding-right: 2px; - color: #929ba8; + color: white; box-shadow: none; } button.raven-trigger:hover { - color: #929ba8; + color: white; background-color: transparent; } button.raven-trigger:active, button.raven-trigger:checked { box-shadow: none; background-color: transparent; color: #f7b922; } button.raven-trigger:backdrop { - color: #929ba8; } + color: white; } button.raven-trigger:backdrop:hover { - color: #929ba8; } + color: white; } button.raven-trigger:backdrop:active, button.raven-trigger:backdrop:checked { box-shadow: none; color: #f7b922; @@ -5009,7 +5009,7 @@ button.raven-trigger { box-shadow: inset 0px 1px 1px alpha(@theme_fg_color, 0.04);; } .budgie-panel { - color: #929ba8; + color: white; background-color: rgba(0, 0, 0, 0.95); background-image: none; box-shadow: none; @@ -5018,7 +5018,7 @@ button.raven-trigger { .budgie-panel .alert { color: #ed254e; } .budgie-panel:backdrop { - color: #929ba8; + color: white; background-color: rgba(0, 0, 0, 0.95); } .budgie-panel button { border-top-width: 0; @@ -5035,10 +5035,10 @@ button.raven-trigger { padding: 0; margin: 0; } .budgie-panel label { - color: #929ba8; + color: white; font-weight: 700; } .budgie-panel.transparent { - background-color: transparent; } + background-color: rgba(0, 0, 0, 0.2); } .top .budgie-panel.transparent { border-bottom-color: transparent; } .bottom .budgie-panel.transparent {