Update xfce-panel appearance

This commit is contained in:
EliverLara
2019-06-21 11:56:59 -05:00
parent 0b3bb72b5d
commit 7c60cbc11f
4 changed files with 28 additions and 29 deletions

View File

@@ -75,9 +75,9 @@ $info_color: $lime;
$question_color: $cyan; $question_color: $cyan;
// Panel colors // Panel colors
$panel_bg_color: transparentize($base_color, 0.3); $panel_bg_color: transparentize(black, 0.05);
$panel_fg_color: $fg_color; $panel_fg_color: #C3C7D1;
$panel_borders_color: transparentize($base_color, 0.8); $panel_borders_color: transparentize(black, 0.8);
// Disabled state colors // Disabled state colors
$insensitive_fg_color: mix($fg_color, $bg_color, 50%); $insensitive_fg_color: mix($fg_color, $bg_color, 50%);

View File

@@ -1,7 +1,6 @@
// Xfce Panel // Xfce Panel
.xfce4-panel.panel { .xfce4-panel.panel {
background-color: $panel_bg_color; background-color: $panel_bg_color;
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
@@ -34,12 +33,12 @@
&:hover { &:hover {
border: none; border: none;
background-color: lighten($panel_bg_color, 10%); background-color: lighten($panel_bg_color, 25%);
} }
&:active, &:checked { &:active, &:checked {
color: $selected_fg_color; color: $selected_fg_color;
border: none; background-color: lighten($panel_bg_color, 20%);
background-color: $selected_bg_color; border-bottom: 2px solid $selected_bg_color;
label, image { color: inherit; } label, image { color: inherit; }
} }

View File

@@ -5683,7 +5683,7 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled
background-color: #161925; } background-color: #161925; }
.xfce4-panel.panel { .xfce4-panel.panel {
background-color: rgba(24, 27, 40, 0.7); background-color: rgba(0, 0, 0, 0.95);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; } -gtk-icon-shadow: none; }
@@ -5691,7 +5691,7 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled
color: rgba(195, 199, 209, 0.8); color: rgba(195, 199, 209, 0.8);
border-radius: 0; border-radius: 0;
border: none; border: none;
background-color: rgba(24, 27, 40, 0); } background-color: rgba(0, 0, 0, 0); }
#tasklist-button:hover { #tasklist-button:hover {
color: #e0e2e7; color: #e0e2e7;
background-color: rgba(0, 0, 0, 0.17); } background-color: rgba(0, 0, 0, 0.17); }
@@ -5704,14 +5704,14 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled
color: #C3C7D1; color: #C3C7D1;
border-radius: 0; border-radius: 0;
border: none; border: none;
background-color: rgba(24, 27, 40, 0); } background-color: rgba(0, 0, 0, 0); }
.xfce4-panel.panel button.flat:hover { .xfce4-panel.panel button.flat:hover {
border: none; border: none;
background-color: rgba(43, 49, 72, 0.7); } background-color: rgba(64, 64, 64, 0.95); }
.xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.flat:checked { .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.flat:checked {
color: #fefefe; color: #fefefe;
border: none; background-color: rgba(51, 51, 51, 0.95);
background-color: #00D3A7; } border-bottom: 2px solid #00D3A7; }
.xfce4-panel.panel button.flat:active label, .xfce4-panel.panel button.flat:active image, .xfce4-panel.panel button.flat:checked label, .xfce4-panel.panel button.flat:checked image { .xfce4-panel.panel button.flat:active label, .xfce4-panel.panel button.flat:active image, .xfce4-panel.panel button.flat:checked label, .xfce4-panel.panel button.flat:checked image {
color: inherit; } color: inherit; }
@@ -6080,10 +6080,10 @@ ConversationListView {
* LightDm * * LightDm *
***********/ ***********/
#panel_window { #panel_window {
background-color: rgba(24, 27, 40, 0.7); background-color: rgba(0, 0, 0, 0.95);
color: #C3C7D1; color: #C3C7D1;
font-weight: bold; font-weight: bold;
box-shadow: inset 0 -1px rgba(11, 12, 18, 0.7); } box-shadow: inset 0 -1px rgba(0, 0, 0, 0.95); }
#panel_window .menubar, #panel_window .menubar,
#panel_window .menubar > .menuitem menubar, #panel_window .menubar > .menuitem menubar,
#panel_window menubar > menuitem { #panel_window menubar > menuitem {

View File

@@ -5708,17 +5708,17 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled
background-color: #e6e6e6; } background-color: #e6e6e6; }
.xfce4-panel.panel { .xfce4-panel.panel {
background-color: rgba(235, 240, 245, 0.7); background-color: rgba(0, 0, 0, 0.95);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; } -gtk-icon-shadow: none; }
#tasklist-button { #tasklist-button {
color: rgba(49, 54, 61, 0.8); color: rgba(195, 199, 209, 0.8);
border-radius: 0; border-radius: 0;
border: none; border: none;
background-color: rgba(235, 240, 245, 0); } background-color: rgba(0, 0, 0, 0); }
#tasklist-button:hover { #tasklist-button:hover {
color: #484f59; color: #e0e2e7;
background-color: rgba(0, 0, 0, 0.17); } background-color: rgba(0, 0, 0, 0.17); }
#tasklist-button:checked { #tasklist-button:checked {
color: white; color: white;
@@ -5726,17 +5726,17 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled
box-shadow: inset 0 -2px #00D3A7; } box-shadow: inset 0 -2px #00D3A7; }
.xfce4-panel.panel button.flat { .xfce4-panel.panel button.flat {
color: #31363d; color: #C3C7D1;
border-radius: 0; border-radius: 0;
border: none; border: none;
background-color: rgba(235, 240, 245, 0); } background-color: rgba(0, 0, 0, 0); }
.xfce4-panel.panel button.flat:hover { .xfce4-panel.panel button.flat:hover {
border: none; border: none;
background-color: rgba(255, 255, 255, 0.7); } background-color: rgba(64, 64, 64, 0.95); }
.xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.flat:checked { .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.flat:checked {
color: #fefefe; color: #fefefe;
border: none; background-color: rgba(51, 51, 51, 0.95);
background-color: #00D3A7; } border-bottom: 2px solid #00D3A7; }
.xfce4-panel.panel button.flat:active label, .xfce4-panel.panel button.flat:active image, .xfce4-panel.panel button.flat:checked label, .xfce4-panel.panel button.flat:checked image { .xfce4-panel.panel button.flat:active label, .xfce4-panel.panel button.flat:active image, .xfce4-panel.panel button.flat:checked label, .xfce4-panel.panel button.flat:checked image {
color: inherit; } color: inherit; }
@@ -6105,19 +6105,19 @@ ConversationListView {
* LightDm * * LightDm *
***********/ ***********/
#panel_window { #panel_window {
background-color: rgba(235, 240, 245, 0.7); background-color: rgba(0, 0, 0, 0.95);
color: #31363d; color: #C3C7D1;
font-weight: bold; font-weight: bold;
box-shadow: inset 0 -1px rgba(211, 222, 233, 0.7); } box-shadow: inset 0 -1px rgba(0, 0, 0, 0.95); }
#panel_window .menubar, #panel_window .menubar,
#panel_window .menubar > .menuitem menubar, #panel_window .menubar > .menuitem menubar,
#panel_window menubar > menuitem { #panel_window menubar > menuitem {
background-color: transparent; background-color: transparent;
color: #31363d; color: #C3C7D1;
font-weight: bold; } font-weight: bold; }
#panel_window .menubar .menuitem:disabled, #panel_window .menubar .menuitem:disabled,
#panel_window menubar menuitem:disabled { #panel_window menubar menuitem:disabled {
color: rgba(49, 54, 61, 0.5); } color: rgba(195, 199, 209, 0.5); }
#panel_window .menubar .menuitem:disabled GtkLabel, #panel_window .menubar .menuitem:disabled GtkLabel,
#panel_window menubar menuitem:disabled GtkLabel { #panel_window menubar menuitem:disabled GtkLabel {
color: inherit; } color: inherit; }