luisgulo/WhiteSur-gtk-theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed #96

Browse Source
This commit is contained in:
vinceliuice 2020-12-29 09:09:22 +08:00
parent b82d5906ca
commit 067b426eac
11 changed files with 188 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/main/gnome-shell/gdm3-dark.css
View File

@ -1271,12 +1271,27 @@ StEntry StLabel.hint-text {
font-weight: bold;
height: 28px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.22), 0 5px 16px rgba(0, 0, 0, 0.35);
color: white;
}
#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen {
background-color: transparent;
}
#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon {
color: rgba(255, 255, 255, 0.85);
}
#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover {
color: white;
background-color: rgba(255, 255, 255, 0.15);
}
#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover {
color: white;
background-color: rgba(255, 255, 255, 0.28);
}
#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner {
-panel-corner-radius: 0;
-panel-corner-background-color: transparent;

15
src/main/gnome-shell/gdm3-light.css
View File

@ -1271,12 +1271,27 @@ StEntry StLabel.hint-text {
font-weight: bold;
height: 28px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.22), 0 5px 16px rgba(0, 0, 0, 0.35);
color: white;
}
#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen {
background-color: transparent;
}
#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon {
color: rgba(255, 255, 255, 0.85);
}
#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover {
color: white;
background-color: rgba(255, 255, 255, 0.15);
}
#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover {
color: white;
background-color: rgba(255, 255, 255, 0.28);
}
#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner {
-panel-corner-radius: 0;
-panel-corner-background-color: transparent;

15
src/main/gnome-shell/gnome-shell-dark-alt.css
View File

@ -3099,12 +3099,27 @@ StEntry StLabel.hint-text {
font-weight: bold;
height: 28px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.22), 0 5px 16px rgba(0, 0, 0, 0.35);
color: white;
}
#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen {
background-color: transparent;
}
#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon {
color: rgba(255, 255, 255, 0.85);
}
#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover {
color: white;
background-color: rgba(255, 255, 255, 0.15);
}
#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover {
color: white;
background-color: rgba(255, 255, 255, 0.28);
}
#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner {
-panel-corner-radius: 0;
-panel-corner-background-color: transparent;

19
src/main/gnome-shell/gnome-shell-dark-solid-alt.css
View File

@ -3093,18 +3093,33 @@ StEntry StLabel.hint-text {
}
#panel {
background-color: #2a2a2a;
background-color: rgba(42, 42, 42, 0.75);
/* transition from solid to transparent */
transition-duration: 250ms;
font-weight: bold;
height: 28px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.22), 0 5px 16px rgba(0, 0, 0, 0.35);
color: #dadada;
}
#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen {
background-color: transparent;
}
#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon {
color: rgba(255, 255, 255, 0.85);
}
#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover {
color: white;
background-color: rgba(255, 255, 255, 0.15);
}
#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover {
color: white;
background-color: rgba(255, 255, 255, 0.28);
}
#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner {
-panel-corner-radius: 0;
-panel-corner-background-color: transparent;
@ -3117,7 +3132,7 @@ StEntry StLabel.hint-text {
#panel .panel-corner {
-panel-corner-radius: 0;
-panel-corner-background-color: #2a2a2a;
-panel-corner-background-color: rgba(42, 42, 42, 0.75);
-panel-corner-border-width: 2px;
-panel-corner-border-color: transparent;
}

19
src/main/gnome-shell/gnome-shell-dark-solid.css
View File

@ -3093,18 +3093,33 @@ StEntry StLabel.hint-text {
}
#panel {
background-color: #2a2a2a;
background-color: rgba(42, 42, 42, 0.75);
/* transition from solid to transparent */
transition-duration: 250ms;
font-weight: bold;
height: 28px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.22), 0 5px 16px rgba(0, 0, 0, 0.35);
color: #dadada;
}
#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen {
background-color: transparent;
}
#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon {
color: rgba(255, 255, 255, 0.85);
}
#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover {
color: white;
background-color: rgba(255, 255, 255, 0.15);
}
#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover {
color: white;
background-color: rgba(255, 255, 255, 0.28);
}
#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner {
-panel-corner-radius: 0;
-panel-corner-background-color: transparent;
@ -3117,7 +3132,7 @@ StEntry StLabel.hint-text {
#panel .panel-corner {
-panel-corner-radius: 0;
-panel-corner-background-color: #2a2a2a;
-panel-corner-background-color: rgba(42, 42, 42, 0.75);
-panel-corner-border-width: 2px;
-panel-corner-border-color: transparent;
}

15
src/main/gnome-shell/gnome-shell-dark.css
View File

@ -3099,12 +3099,27 @@ StEntry StLabel.hint-text {
font-weight: bold;
height: 28px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.22), 0 5px 16px rgba(0, 0, 0, 0.35);
color: white;
}
#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen {
background-color: transparent;
}
#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon {
color: rgba(255, 255, 255, 0.85);
}
#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover {
color: white;
background-color: rgba(255, 255, 255, 0.15);
}
#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover {
color: white;
background-color: rgba(255, 255, 255, 0.28);
}
#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner {
-panel-corner-radius: 0;
-panel-corner-background-color: transparent;

15
src/main/gnome-shell/gnome-shell-light-alt.css
View File

@ -3099,12 +3099,27 @@ StEntry StLabel.hint-text {
font-weight: bold;
height: 28px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.22), 0 5px 16px rgba(0, 0, 0, 0.35);
color: #363636;
}
#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen {
background-color: transparent;
}
#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon {
color: rgba(255, 255, 255, 0.85);
}
#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover {
color: white;
background-color: rgba(255, 255, 255, 0.15);
}
#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover {
color: white;
background-color: rgba(255, 255, 255, 0.28);
}
#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner {
-panel-corner-radius: 0;
-panel-corner-background-color: transparent;

23
src/main/gnome-shell/gnome-shell-light-solid-alt.css
View File

@ -3093,18 +3093,33 @@ StEntry StLabel.hint-text {
}
#panel {
background-color: #f1f1f1;
background-color: rgba(241, 241, 241, 0.75);
/* transition from solid to transparent */
transition-duration: 250ms;
font-weight: bold;
height: 28px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.22), 0 5px 16px rgba(0, 0, 0, 0.35);
color: #363636;
}
#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen {
background-color: transparent;
}
#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon {
color: rgba(255, 255, 255, 0.85);
}
#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover {
color: white;
background-color: rgba(255, 255, 255, 0.15);
}
#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover {
color: white;
background-color: rgba(255, 255, 255, 0.28);
}
#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner {
-panel-corner-radius: 0;
-panel-corner-background-color: transparent;
@ -3117,7 +3132,7 @@ StEntry StLabel.hint-text {
#panel .panel-corner {
-panel-corner-radius: 0;
-panel-corner-background-color: #f1f1f1;
-panel-corner-background-color: rgba(241, 241, 241, 0.75);
-panel-corner-border-width: 2px;
-panel-corner-border-color: transparent;
}
@ -3188,11 +3203,11 @@ StEntry StLabel.hint-text {
#panel .panel-button:hover {
color: #363636;
background-color: rgba(255, 255, 255, 0.15);
background-color: rgba(0, 0, 0, 0.12);
}
#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover {
background-color: rgba(255, 255, 255, 0.28);
background-color: rgba(0, 0, 0, 0.2);
color: #363636;
box-shadow: none;
}

23
src/main/gnome-shell/gnome-shell-light-solid.css
View File

@ -3093,18 +3093,33 @@ StEntry StLabel.hint-text {
}
#panel {
background-color: #f1f1f1;
background-color: rgba(241, 241, 241, 0.75);
/* transition from solid to transparent */
transition-duration: 250ms;
font-weight: bold;
height: 28px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.22), 0 5px 16px rgba(0, 0, 0, 0.35);
color: #363636;
}
#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen {
background-color: transparent;
}
#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon {
color: rgba(255, 255, 255, 0.85);
}
#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover {
color: white;
background-color: rgba(255, 255, 255, 0.15);
}
#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover {
color: white;
background-color: rgba(255, 255, 255, 0.28);
}
#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner {
-panel-corner-radius: 0;
-panel-corner-background-color: transparent;
@ -3117,7 +3132,7 @@ StEntry StLabel.hint-text {
#panel .panel-corner {
-panel-corner-radius: 0;
-panel-corner-background-color: #f1f1f1;
-panel-corner-background-color: rgba(241, 241, 241, 0.75);
-panel-corner-border-width: 2px;
-panel-corner-border-color: transparent;
}
@ -3188,11 +3203,11 @@ StEntry StLabel.hint-text {
#panel .panel-button:hover {
color: #363636;
background-color: rgba(255, 255, 255, 0.15);
background-color: rgba(0, 0, 0, 0.12);
}
#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover {
background-color: rgba(255, 255, 255, 0.28);
background-color: rgba(0, 0, 0, 0.2);
color: #363636;
box-shadow: none;
}

15
src/main/gnome-shell/gnome-shell-light.css
View File

@ -3099,12 +3099,27 @@ StEntry StLabel.hint-text {
font-weight: bold;
height: 28px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.22), 0 5px 16px rgba(0, 0, 0, 0.35);
color: white;
}
#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen {
background-color: transparent;
}
#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon {
color: rgba(255, 255, 255, 0.85);
}
#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover {
color: white;
background-color: rgba(255, 255, 255, 0.15);
}
#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover {
color: white;
background-color: rgba(255, 255, 255, 0.28);
}
#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner {
-panel-corner-radius: 0;
-panel-corner-background-color: transparent;

31
src/sass/gnome-shell/widgets/_panel.scss
View File

@ -1,16 +1,36 @@
$shell_panel_bg: if($trans == 'true', $panel_bg, rgba($panel_bg, 0.75));
#panel {
background-color: $panel_bg;
background-color: $shell_panel_bg;
/* transition from solid to transparent */
transition-duration: 250ms;
font-weight: bold;
height: $menuitem_size;
box-shadow: 0 3px 6px rgba(black, 0.22), 0 5px 16px rgba(black, 0.35);
color: $panel_fg;
&:overview,
&.unlock-screen,
&.login-screen,
&.lock-screen {
background-color: transparent;
background-color: if($trans == 'false' and $variant == 'light', transparent, transparent);
StLabel, StIcon { color: $light_alt_fg_color; }
.panel-button {
&:hover {
color: $light_fg_color;
background-color: $light_divider_color;
}
&:active, &:overview, &:focus, &:checked {
&, &:hover {
color: $light_fg_color;
background-color: $light_track_color;
}
}
}
.panel-corner {
-panel-corner-radius: 0;
@ -25,7 +45,7 @@
.panel-corner {
-panel-corner-radius: $panel-corner-radius;
-panel-corner-background-color: $panel_bg;
-panel-corner-background-color: $shell_panel_bg;
-panel-corner-border-width: 2px;
-panel-corner-border-color: transparent;
@ -81,18 +101,19 @@
&:hover {
color: $panel_fg;
background-color: $light_divider_color;
background-color: if($trans == 'false' and $variant == 'light', $divider_color, $light_divider_color);
}
&:active, &:overview, &:focus, &:checked {
&, &:hover {
background-color: $light_track_color;
background-color: if($trans == 'false' and $variant == 'light', $track_color, $light_track_color);
color: $panel_fg;
box-shadow: none;
}
}
.system-status-icon { icon-size: em(16px); padding: 0 4px; }
.unlock-screen &,
.login-screen &,
.lock-screen & {