kevin/gnome-shell-dark-theme
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

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

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

3
gnome-shell-light.scss → gnome-shell-dark-laptop.scss
View file

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

1
gnome-shell-dark.scss
View file

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

33
gnome-shell-high-contrast.scss
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;
}

9
gnome-shell-sass/widgets/_panel.scss
View file

@ -127,7 +127,7 @@ $panel_transition_duration: 250ms; // same as the overview transition duration
}
.panel-status-indicators-box {
spacing: 8px;
spacing: 2px;
padding-right: 2px;
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
.power-status.panel-status-indicators-box {
padding-left: 0px;
spacing: 0;
@if $laptop {
margin-bottom: 2px;
} @else {
margin-left: 2px;
}
}
// important privacy related indicators