PoliEcho/kaliish-orange-theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Gnome-Shell: update panel theme tweaks

Browse Source
This commit is contained in:
Daniel Ruiz de Alegría 2022-03-02 10:47:44 +01:00
parent dbd71be448
commit 52dda0cd78
No known key found for this signature in database
GPG Key ID: 59667A77E8BFCB6C
3 changed files with 50 additions and 117 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

79
share/themes/Kali-Dark/gnome-shell/gnome-shell.css
View File

@ -2666,65 +2666,34 @@ $_osd_color: if($variant=='light', black, $fg_color);
transition-duration: 0s; } transition-duration: 0s; }
/* TOP BAR */ /* TOP BAR */
/*
#panel { #panel {
$_panel_bg: transparentize($bg_color, .2); background: rgba(35, 37, 46, 0.8);
$_panel_fg: if($variant=='light', black, white); text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); }
$_panel_text_shadow: 0 1px 2px transparentize(black, 0.5); #panel StIcon {
background: $_panel_bg; icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); }
text-shadow: $_panel_text_shadow; #panel.unlock-screen, #panel.login-screen, #panel.lock-screen, #panel:overview {
background-color: transparent; }
.popup-menu-arrow { width: 0; } #panel.unlock-screen .panel-button, #panel.unlock-screen .panel-button:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button, #panel.login-screen .panel-button:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:checked, #panel.lock-screen .panel-button, #panel.lock-screen .panel-button:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:checked, #panel:overview .panel-button, #panel:overview .panel-button:hover, #panel:overview .panel-button:active, #panel:overview .panel-button:focus, #panel:overview .panel-button:overview, #panel:overview .panel-button:checked {
color: white; }
StIcon { icon-shadow: $_panel_text_shadow; } #panel .panel-button {
color: white; }
&.unlock-screen, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:focus, #panel .panel-button:overview, #panel .panel-button:checked {
&.login-screen, color: white;
&.lock-screen, box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); }
&:overview { #panel .panel-button.clock-display:hover, #panel .panel-button.clock-display:active, #panel .panel-button.clock-display:overview, #panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:checked {
background-color: transparent; box-shadow: none; }
.panel-button { #panel .panel-button.clock-display:hover .clock, #panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock {
&, &:hover, &:active, &:focus, &:overview, &:checked { color: white; } box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); }
} #panel #panelActivities.panel-button {
} margin-left: .4em; }
#panel #panelActivities.panel-button StLabel {
.panel-corner { -panel-corner-radius: 0; } background-image: url("assets/view-grid-symbolic-dark.svg");
.panel-button {
color: $_panel_fg;
&:active, &:focus, &:overview, &:checked {
color: $_panel_fg;
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, if($variant == 'light', 1, .2));
}
}
.panel-button.clock-display {
// Move highlight from .panel-button to .clock
&:active, &:overview, &:focus, &:checked {
box-shadow: none;
.clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, if($variant == 'light', 1, .2));
}
}
}
#panelActivities.panel-button {
margin-left: .4em;
StLabel {
background-image: if($variant == 'light', url("assets/view-grid-symbolic.svg"),
url("assets/view-grid-symbolic-dark.svg"));
background-size: contain; background-size: contain;
width: 1.5em; width: 1.5em;
height: 1.5em; height: 1.5em;
color: transparent; color: transparent; }
} #panel #panelActivities.panel-button:overview StLabel {
background-image: url("assets/view-grid-symbolic-dark.svg"); }
&:overview StLabel {
background-image: url("assets/view-grid-symbolic-dark.svg");
}
}
}
/* Date/Time Menu */ /* Date/Time Menu */
/* /*

79
share/themes/Kali-Light/gnome-shell/gnome-shell.css
View File

@ -2662,65 +2662,34 @@ $_osd_color: if($variant=='light', black, $fg_color);
transition-duration: 0s; } transition-duration: 0s; }
/* TOP BAR */ /* TOP BAR */
/*
#panel { #panel {
$_panel_bg: transparentize($bg_color, .2); background: rgba(255, 255, 255, 0.8);
$_panel_fg: if($variant=='light', black, white); text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); }
$_panel_text_shadow: 0 1px 2px transparentize(black, 0.5); #panel StIcon {
background: $_panel_bg; icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); }
text-shadow: $_panel_text_shadow; #panel.unlock-screen, #panel.login-screen, #panel.lock-screen, #panel:overview {
background-color: transparent; }
.popup-menu-arrow { width: 0; } #panel.unlock-screen .panel-button, #panel.unlock-screen .panel-button:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button, #panel.login-screen .panel-button:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:checked, #panel.lock-screen .panel-button, #panel.lock-screen .panel-button:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:checked, #panel:overview .panel-button, #panel:overview .panel-button:hover, #panel:overview .panel-button:active, #panel:overview .panel-button:focus, #panel:overview .panel-button:overview, #panel:overview .panel-button:checked {
color: white; }
StIcon { icon-shadow: $_panel_text_shadow; } #panel .panel-button {
color: black; }
&.unlock-screen, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:focus, #panel .panel-button:overview, #panel .panel-button:checked {
&.login-screen, color: black;
&.lock-screen, box-shadow: inset 0 0 0 100px white; }
&:overview { #panel .panel-button.clock-display:hover, #panel .panel-button.clock-display:active, #panel .panel-button.clock-display:overview, #panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:checked {
background-color: transparent; box-shadow: none; }
.panel-button { #panel .panel-button.clock-display:hover .clock, #panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock {
&, &:hover, &:active, &:focus, &:overview, &:checked { color: white; } box-shadow: inset 0 0 0 100px white; }
} #panel #panelActivities.panel-button {
} margin-left: .4em; }
#panel #panelActivities.panel-button StLabel {
.panel-corner { -panel-corner-radius: 0; } background-image: url("assets/view-grid-symbolic.svg");
.panel-button {
color: $_panel_fg;
&:active, &:focus, &:overview, &:checked {
color: $_panel_fg;
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, if($variant == 'light', 1, .2));
}
}
.panel-button.clock-display {
// Move highlight from .panel-button to .clock
&:active, &:overview, &:focus, &:checked {
box-shadow: none;
.clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, if($variant == 'light', 1, .2));
}
}
}
#panelActivities.panel-button {
margin-left: .4em;
StLabel {
background-image: if($variant == 'light', url("assets/view-grid-symbolic.svg"),
url("assets/view-grid-symbolic-dark.svg"));
background-size: contain; background-size: contain;
width: 1.5em; width: 1.5em;
height: 1.5em; height: 1.5em;
color: transparent; color: transparent; }
} #panel #panelActivities.panel-button:overview StLabel {
background-image: url("assets/view-grid-symbolic-dark.svg"); }
&:overview StLabel {
background-image: url("assets/view-grid-symbolic-dark.svg");
}
}
}
/* Date/Time Menu */ /* Date/Time Menu */
/* /*

9
src/themes/Kali/sass/gnome-shell/_common-tweaks.scss
View File

@ -117,7 +117,6 @@ $_osd_color: if($variant=='light', black, $fg_color);
} }
/* TOP BAR */ /* TOP BAR */
/*
#panel { #panel {
$_panel_bg: transparentize($bg_color, .2); $_panel_bg: transparentize($bg_color, .2);
$_panel_fg: if($variant=='light', black, white); $_panel_fg: if($variant=='light', black, white);
@ -125,8 +124,6 @@ $_osd_color: if($variant=='light', black, $fg_color);
background: $_panel_bg; background: $_panel_bg;
text-shadow: $_panel_text_shadow; text-shadow: $_panel_text_shadow;
.popup-menu-arrow { width: 0; }
StIcon { icon-shadow: $_panel_text_shadow; } StIcon { icon-shadow: $_panel_text_shadow; }
&.unlock-screen, &.unlock-screen,
@ -139,11 +136,9 @@ $_osd_color: if($variant=='light', black, $fg_color);
} }
} }
.panel-corner { -panel-corner-radius: 0; }
.panel-button { .panel-button {
color: $_panel_fg; color: $_panel_fg;
&:active, &:focus, &:overview, &:checked { &:hover, &:active, &:focus, &:overview, &:checked {
color: $_panel_fg; color: $_panel_fg;
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, if($variant == 'light', 1, .2)); box-shadow: inset 0 0 0 100px rgba(255, 255, 255, if($variant == 'light', 1, .2));
} }
@ -151,7 +146,7 @@ $_osd_color: if($variant=='light', black, $fg_color);
.panel-button.clock-display { .panel-button.clock-display {
// Move highlight from .panel-button to .clock // Move highlight from .panel-button to .clock
&:active, &:overview, &:focus, &:checked { &:hover, &:active, &:overview, &:focus, &:checked {
box-shadow: none; box-shadow: none;
.clock { .clock {