Add option for panel transparency

This commit is contained in:
vinceliuice
2020-08-18 21:44:43 +08:00
parent 09c1dba39b
commit cddcba7eff
35 changed files with 16392 additions and 92 deletions

View File

@@ -1458,7 +1458,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
spacing: 1em;
padding: 16px;
color: white;
background-color: rgba(0, 0, 0, 0.15);
background-color: rgba(0, 0, 0, 0.16);
}
.osd-window {
@@ -1470,7 +1470,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
min-height: 64px;
color: white;
border-radius: 0;
background-color: rgba(0, 0, 0, 0.15);
background-color: rgba(0, 0, 0, 0.16);
border: none;
border-image: url("assets/menu.svg") 15 15 15 15;
}
@@ -2061,16 +2061,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
}
.workspace-graph .workspace .windows {
-active-window-background: rgba(38, 38, 38, 0.15);
-active-window-background: rgba(38, 38, 38, 0.16);
-active-window-border: rgba(0, 0, 0, 0.8);
-inactive-window-background: rgba(38, 38, 38, 0.15);
-inactive-window-background: rgba(38, 38, 38, 0.16);
-inactive-window-border: rgba(0, 0, 0, 0.8);
}
.workspace-graph .workspace:active .windows {
-active-window-background: rgba(51, 51, 51, 0.15);
-active-window-background: rgba(51, 51, 51, 0.16);
-active-window-border: rgba(0, 0, 0, 0.8);
-inactive-window-background: rgba(13, 13, 13, 0.15);
-inactive-window-background: rgba(13, 13, 13, 0.16);
-inactive-window-border: rgba(0, 0, 0, 0.8);
}

View File

@@ -1442,7 +1442,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
spacing: 1em;
padding: 16px;
color: white;
background-color: rgba(255, 255, 255, 0.15);
background-color: rgba(255, 255, 255, 0.16);
}
.osd-window {
@@ -1454,7 +1454,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
min-height: 64px;
color: white;
border-radius: 0;
background-color: rgba(255, 255, 255, 0.15);
background-color: rgba(255, 255, 255, 0.16);
border: none;
border-image: url("assets/menu.svg") 15 15 15 15;
}
@@ -2045,16 +2045,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
}
.workspace-graph .workspace .windows {
-active-window-background: rgba(255, 255, 255, 0.15);
-active-window-background: rgba(255, 255, 255, 0.16);
-active-window-border: rgba(0, 0, 0, 0.8);
-inactive-window-background: rgba(255, 255, 255, 0.15);
-inactive-window-background: rgba(255, 255, 255, 0.16);
-inactive-window-border: rgba(0, 0, 0, 0.8);
}
.workspace-graph .workspace:active .windows {
-active-window-background: rgba(255, 255, 255, 0.15);
-active-window-background: rgba(255, 255, 255, 0.16);
-active-window-border: rgba(0, 0, 0, 0.8);
-inactive-window-background: rgba(255, 255, 255, 0.15);
-inactive-window-background: rgba(255, 255, 255, 0.16);
-inactive-window-border: rgba(0, 0, 0, 0.8);
}

File diff suppressed because it is too large Load Diff

View File

@@ -0,0 +1,10 @@
$variant: 'dark';
$laptop: 'true';
$trans: 'true';
$black: 'false';
@import '../../sass/colors';
@import '../../sass/variables';
@import '../../sass/gnome-shell/drawing';
@import '../../sass/gnome-shell/common';
@import '../../sass/gnome-shell/extensions';

File diff suppressed because it is too large Load Diff

View File

@@ -0,0 +1,10 @@
$variant: 'dark';
$laptop: 'true';
$trans: 'false';
$black: 'false';
@import '../../sass/colors';
@import '../../sass/variables';
@import '../../sass/gnome-shell/drawing';
@import '../../sass/gnome-shell/common';
@import '../../sass/gnome-shell/extensions';

View File

@@ -1252,7 +1252,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
/* TOP BAR */
#panel {
background-color: rgba(0, 0, 0, 0.15);
background-color: #2a2a2a;
/* transition from solid to transparent */
transition-duration: 250ms;
font-weight: bold;
@@ -1261,7 +1261,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
}
#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen {
background-color: rgba(0, 0, 0, 0.15);
background-color: #2a2a2a;
}
#panel #panelLeft, #panel #panelCenter {
@@ -1270,13 +1270,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
#panel .panel-corner {
-panel-corner-radius: 0;
-panel-corner-background-color: rgba(0, 0, 0, 0.15);
-panel-corner-background-color: #2a2a2a;
-panel-corner-border-width: 2px;
-panel-corner-border-color: transparent;
}
#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus {
-panel-corner-border-color: white;
-panel-corner-border-color: #dadada;
}
#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen {
@@ -1293,7 +1293,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
-natural-hpadding: 8px;
-minimum-hpadding: 8px;
font-weight: bold;
color: white;
color: #dadada;
transition-duration: 150ms;
border-radius: 6px;
}
@@ -1336,13 +1336,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
}
#panel .panel-button:hover {
color: white;
color: #dadada;
background-color: rgba(255, 255, 255, 0.15);
}
#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.3);
color: white;
color: #dadada;
box-shadow: none;
}
@@ -1352,11 +1352,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
}
.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button {
color: white;
color: #dadada;
}
.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active {
color: white;
color: #dadada;
}
#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 {
@@ -1428,6 +1428,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
#panel #panelActivities.panel-button > * {
background-image: url("assets/activities.svg");
background-position: center top;
background-size: 18px 18px;
width: 24px;
height: 24px;
background-color: transparent !important;

View File

@@ -1,6 +1,7 @@
$variant: 'dark';
$laptop: 'true';
$trans: 'false';
$black: 'false';
@import '../../sass/colors';
@import '../../sass/variables';

View File

@@ -1252,7 +1252,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
/* TOP BAR */
#panel {
background-color: rgba(0, 0, 0, 0.15);
background-color: rgba(0, 0, 0, 0.16);
/* transition from solid to transparent */
transition-duration: 250ms;
font-weight: bold;
@@ -1261,7 +1261,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
}
#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen {
background-color: rgba(0, 0, 0, 0.15);
background-color: rgba(0, 0, 0, 0.16);
}
#panel #panelLeft, #panel #panelCenter {
@@ -1270,7 +1270,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
#panel .panel-corner {
-panel-corner-radius: 0;
-panel-corner-background-color: rgba(0, 0, 0, 0.15);
-panel-corner-background-color: rgba(0, 0, 0, 0.16);
-panel-corner-border-width: 2px;
-panel-corner-border-color: transparent;
}
@@ -1382,7 +1382,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
}
#panel.solid {
background-color: rgba(0, 0, 0, 0.15);
background-color: rgba(0, 0, 0, 0.16);
/* transition from transparent to solid */
transition-duration: 250ms;
background-gradient-direction: none;
@@ -1394,7 +1394,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
}
#panel.solid .panel-corner {
-panel-corner-background-color: rgba(0, 0, 0, 0.15);
-panel-corner-background-color: rgba(0, 0, 0, 0.16);
}
#panel.solid .panel-button {
@@ -1428,6 +1428,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
#panel #panelActivities.panel-button > * {
background-image: url("assets/activities.svg");
background-position: center top;
background-size: 18px 18px;
width: 24px;
height: 24px;
background-color: transparent !important;

View File

@@ -1,6 +1,7 @@
$variant: 'dark';
$laptop: 'true';
$trans: 'true';
$black: 'false';
@import '../../sass/colors';
@import '../../sass/variables';

File diff suppressed because it is too large Load Diff

View File

@@ -0,0 +1,10 @@
$variant: 'light';
$laptop: 'true';
$trans: 'true';
$black: 'true';
@import '../../sass/colors';
@import '../../sass/variables';
@import '../../sass/gnome-shell/drawing';
@import '../../sass/gnome-shell/common';
@import '../../sass/gnome-shell/extensions';

File diff suppressed because it is too large Load Diff

View File

@@ -0,0 +1,10 @@
$variant: 'light';
$laptop: 'true';
$trans: 'false';
$black: 'true';
@import '../../sass/colors';
@import '../../sass/variables';
@import '../../sass/gnome-shell/drawing';
@import '../../sass/gnome-shell/common';
@import '../../sass/gnome-shell/extensions';

View File

@@ -777,7 +777,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
}
.audio-selection-device:hover, .audio-selection-device:focus {
background-color: rgba(0, 0, 0, 0.16);
background-color: rgba(0, 0, 0, 0.35);
}
.audio-selection-device:active {
@@ -1252,7 +1252,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
/* TOP BAR */
#panel {
background-color: rgba(255, 255, 255, 0.15);
background-color: #f1f1f1;
/* transition from solid to transparent */
transition-duration: 250ms;
font-weight: bold;
@@ -1261,7 +1261,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
}
#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen {
background-color: rgba(255, 255, 255, 0.15);
background-color: #f1f1f1;
}
#panel #panelLeft, #panel #panelCenter {
@@ -1270,13 +1270,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
#panel .panel-corner {
-panel-corner-radius: 0;
-panel-corner-background-color: rgba(255, 255, 255, 0.15);
-panel-corner-background-color: #f1f1f1;
-panel-corner-border-width: 2px;
-panel-corner-border-color: transparent;
}
#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus {
-panel-corner-border-color: white;
-panel-corner-border-color: #363636;
}
#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen {
@@ -1293,7 +1293,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
-natural-hpadding: 8px;
-minimum-hpadding: 8px;
font-weight: bold;
color: white;
color: #363636;
transition-duration: 150ms;
border-radius: 6px;
}
@@ -1336,13 +1336,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
}
#panel .panel-button:hover {
color: white;
color: #363636;
background-color: rgba(255, 255, 255, 0.15);
}
#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.3);
color: white;
color: #363636;
box-shadow: none;
}
@@ -1352,11 +1352,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
}
.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button {
color: white;
color: #363636;
}
.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active {
color: white;
color: #363636;
}
#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 {
@@ -1428,6 +1428,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
#panel #panelActivities.panel-button > * {
background-image: url("assets/activities.svg");
background-position: center top;
background-size: 18px 18px;
width: 24px;
height: 24px;
background-color: transparent !important;

View File

@@ -1,6 +1,7 @@
$variant: 'light';
$laptop: 'true';
$trans: 'false';
$black: 'true';
@import '../../sass/colors';
@import '../../sass/variables';

View File

@@ -777,7 +777,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
}
.audio-selection-device:hover, .audio-selection-device:focus {
background-color: rgba(0, 0, 0, 0.16);
background-color: rgba(0, 0, 0, 0.35);
}
.audio-selection-device:active {
@@ -1252,7 +1252,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
/* TOP BAR */
#panel {
background-color: rgba(255, 255, 255, 0.15);
background-color: rgba(255, 255, 255, 0.16);
/* transition from solid to transparent */
transition-duration: 250ms;
font-weight: bold;
@@ -1261,7 +1261,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
}
#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen {
background-color: rgba(255, 255, 255, 0.15);
background-color: rgba(255, 255, 255, 0.16);
}
#panel #panelLeft, #panel #panelCenter {
@@ -1270,7 +1270,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
#panel .panel-corner {
-panel-corner-radius: 0;
-panel-corner-background-color: rgba(255, 255, 255, 0.15);
-panel-corner-background-color: rgba(255, 255, 255, 0.16);
-panel-corner-border-width: 2px;
-panel-corner-border-color: transparent;
}
@@ -1382,7 +1382,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
}
#panel.solid {
background-color: rgba(255, 255, 255, 0.15);
background-color: rgba(255, 255, 255, 0.16);
/* transition from transparent to solid */
transition-duration: 250ms;
background-gradient-direction: none;
@@ -1394,7 +1394,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
}
#panel.solid .panel-corner {
-panel-corner-background-color: rgba(255, 255, 255, 0.15);
-panel-corner-background-color: rgba(255, 255, 255, 0.16);
}
#panel.solid .panel-button {
@@ -1428,6 +1428,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
#panel #panelActivities.panel-button > * {
background-image: url("assets/activities.svg");
background-position: center top;
background-size: 18px 18px;
width: 24px;
height: 24px;
background-color: transparent !important;

View File

@@ -1,6 +1,7 @@
$variant: 'light';
$laptop: 'true';
$trans: 'true';
$black: 'false';
@import '../../sass/colors';
@import '../../sass/variables';

View File

@@ -6654,12 +6654,12 @@ panel-toplevel.background #tasklist-button image {
.mate-panel-menu-bar .wnck-pager,
panel-toplevel.background .wnck-pager {
color: gray;
background-color: rgba(0, 0, 0, 0.15);
background-color: rgba(0, 0, 0, 0.16);
}
.mate-panel-menu-bar .wnck-pager:hover,
panel-toplevel.background .wnck-pager:hover {
background-color: rgba(13, 13, 13, 0.15);
background-color: rgba(13, 13, 13, 0.16);
}
.mate-panel-menu-bar .wnck-pager:selected,
@@ -6773,7 +6773,7 @@ panel-toplevel.background button:active:not(#tasklist-button) {
}
.xfce4-panel.panel {
background-color: rgba(0, 0, 0, 0.15);
background-color: rgba(0, 0, 0, 0.16);
text-shadow: none;
-gtk-icon-shadow: none;
border: none;
@@ -6786,7 +6786,7 @@ panel-toplevel.background button:active:not(#tasklist-button) {
}
.xfce4-panel {
background-color: rgba(0, 0, 0, 0.15);
background-color: rgba(0, 0, 0, 0.16);
color: white;
font-weight: 700;
text-shadow: none;
@@ -7576,7 +7576,7 @@ menubar.-vala-panel-background > menuitem:disabled {
}
.menubar.panel .panel.maximized {
background-color: rgba(0, 0, 0, 0.15);
background-color: rgba(0, 0, 0, 0.16);
background-image: none;
border: none;
}
@@ -7735,7 +7735,7 @@ menubar.-vala-panel-background > menuitem:disabled {
.composited-indicator .keyboard {
background-color: white;
border-radius: 2px;
color: rgba(0, 0, 0, 0.15);
color: rgba(0, 0, 0, 0.16);
padding: 0 3px;
font-weight: normal;
box-shadow: none;
@@ -8366,10 +8366,10 @@ GtkListBox .h4 {
}
#panel_window {
background-color: rgba(0, 0, 0, 0.15);
background-color: rgba(0, 0, 0, 0.16);
color: white;
font-weight: bold;
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.15);
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.16);
}
#panel_window menubar {
@@ -9021,7 +9021,7 @@ popover.background.places-menu row {
.budgie-panel {
transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1);
background-color: rgba(0, 0, 0, 0.15);
background-color: rgba(0, 0, 0, 0.16);
color: white;
font-weight: 500;
box-shadow: none;
@@ -10071,7 +10071,7 @@ window.budgie-switcher-window .drop-shadow, .drop-shadow {
@define-color titlebar_gradient_b #373737;
@define-color budgie_tasklist_indicator_color #0860f2;
@define-color budgie_tasklist_indicator_color_active #0860f2;
@define-color budgie_tasklist_indicator_color_active_window rgba(7, 90, 226, 0.609);
@define-color budgie_tasklist_indicator_color_active_window rgba(7, 89, 225, 0.6136);
@define-color budgie_tasklist_indicator_color_attention #F27835;
@define-color STRAWBERRY_100 #FF9262;
@define-color STRAWBERRY_300 #FF793E;

View File

@@ -6670,12 +6670,12 @@ panel-toplevel.background #tasklist-button image {
.mate-panel-menu-bar .wnck-pager,
panel-toplevel.background .wnck-pager {
color: gray;
background-color: rgba(230, 230, 230, 0.15);
background-color: rgba(230, 230, 230, 0.16);
}
.mate-panel-menu-bar .wnck-pager:hover,
panel-toplevel.background .wnck-pager:hover {
background-color: rgba(255, 255, 255, 0.15);
background-color: rgba(255, 255, 255, 0.16);
}
.mate-panel-menu-bar .wnck-pager:selected,
@@ -6789,7 +6789,7 @@ panel-toplevel.background button:active:not(#tasklist-button) {
}
.xfce4-panel.panel {
background-color: rgba(255, 255, 255, 0.15);
background-color: rgba(255, 255, 255, 0.16);
text-shadow: none;
-gtk-icon-shadow: none;
border: none;
@@ -6802,7 +6802,7 @@ panel-toplevel.background button:active:not(#tasklist-button) {
}
.xfce4-panel {
background-color: rgba(255, 255, 255, 0.15);
background-color: rgba(255, 255, 255, 0.16);
color: white;
font-weight: 700;
text-shadow: none;
@@ -7603,7 +7603,7 @@ menubar.-vala-panel-background > menuitem:disabled {
}
.menubar.panel .panel.maximized {
background-color: rgba(255, 255, 255, 0.15);
background-color: rgba(255, 255, 255, 0.16);
background-image: none;
border: none;
}
@@ -7763,7 +7763,7 @@ menubar.-vala-panel-background > menuitem:disabled {
.composited-indicator .keyboard {
background-color: white;
border-radius: 2px;
color: rgba(255, 255, 255, 0.15);
color: rgba(255, 255, 255, 0.16);
padding: 0 3px;
font-weight: normal;
box-shadow: none;
@@ -8397,10 +8397,10 @@ GtkListBox .h4 {
}
#panel_window {
background-color: rgba(255, 255, 255, 0.15);
background-color: rgba(255, 255, 255, 0.16);
color: white;
font-weight: bold;
box-shadow: inset 0 -1px rgba(237, 237, 237, 0.15);
box-shadow: inset 0 -1px rgba(237, 237, 237, 0.16);
}
#panel_window menubar {
@@ -9059,7 +9059,7 @@ popover.background.places-menu row {
.budgie-panel {
transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1);
background-color: rgba(255, 255, 255, 0.15);
background-color: rgba(255, 255, 255, 0.16);
color: white;
font-weight: 500;
box-shadow: none;
@@ -10108,7 +10108,7 @@ window.budgie-switcher-window .drop-shadow, .drop-shadow {
@define-color titlebar_gradient_b #ffffff;
@define-color budgie_tasklist_indicator_color #0860f2;
@define-color budgie_tasklist_indicator_color_active #0860f2;
@define-color budgie_tasklist_indicator_color_active_window rgba(24, 106, 243, 0.609);
@define-color budgie_tasklist_indicator_color_active_window rgba(25, 107, 243, 0.6136);
@define-color budgie_tasklist_indicator_color_attention #F27835;
@define-color STRAWBERRY_100 #FF9262;
@define-color STRAWBERRY_300 #FF793E;