Create a laptop variant and improve the spacing in the quick settings area of the panel

This commit is contained in:
Kevin MacMartin 2023-10-10 12:43:44 -04:00
parent f70968a051
commit 2778c200d8
4 changed files with 11 additions and 35 deletions

View file

@ -1,5 +1,6 @@
$variant: 'light'; $variant: 'dark';
$laptop: true;
@import "gnome-shell-sass/_colors"; //use gtk colors @import "gnome-shell-sass/_colors"; //use gtk colors
@import "gnome-shell-sass/_drawing"; @import "gnome-shell-sass/_drawing";
@import "gnome-shell-sass/_common"; @import "gnome-shell-sass/_common";

View file

@ -1,5 +1,6 @@
$variant: 'dark'; $variant: 'dark';
$laptop: false;
@import "gnome-shell-sass/_colors"; //use gtk colors @import "gnome-shell-sass/_colors"; //use gtk colors
@import "gnome-shell-sass/_drawing"; @import "gnome-shell-sass/_drawing";
@import "gnome-shell-sass/_common"; @import "gnome-shell-sass/_common";

View file

@ -1,33 +0,0 @@
$variant: 'dark';
@import "gnome-shell-sass/_high-contrast-colors"; //use gtk colors
@import "gnome-shell-sass/_drawing";
@import "gnome-shell-sass/_common";
@import "gnome-shell-sass/_widgets";
.toggle-switch { width: 48px; }
.toggle-switch {
background-image: url("resource:///org/gnome/shell/theme/toggle-off-hc.svg");
&:checked { background-image: url("resource:///org/gnome/shell/theme/toggle-on-hc.svg"); }
}
//force opaque panel
#panel {
&.login-screen,
&.unlock-screen,
&:overview {
background-color: #000;
}
.panel-button {
color: #fff !important;
}
}
//thumbnail app icons no dropshadow and forced color
.window-picker .icon-dropshadow {
icon-shadow: none;
background-color: $osd_bg_color;
padding: $base_padding * 2;
border-radius: $modal_radius;
}

View file

@ -127,7 +127,7 @@ $panel_transition_duration: 250ms; // same as the overview transition duration
} }
.panel-status-indicators-box { .panel-status-indicators-box {
spacing: 8px; spacing: 2px;
padding-right: 2px; padding-right: 2px;
padding-left: 3px; padding-left: 3px;
} }
@ -138,7 +138,14 @@ $panel_transition_duration: 250ms; // same as the overview transition duration
// spacing between power icon and (optional) percentage label // spacing between power icon and (optional) percentage label
.power-status.panel-status-indicators-box { .power-status.panel-status-indicators-box {
padding-left: 0px;
spacing: 0; spacing: 0;
@if $laptop {
margin-bottom: 2px;
} @else {
margin-left: 2px;
}
} }
// important privacy related indicators // important privacy related indicators