Create a laptop variant and improve the spacing in the quick settings area of the panel
This commit is contained in:
parent
f70968a051
commit
2778c200d8
4 changed files with 11 additions and 35 deletions
|
@ -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";
|
|
@ -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";
|
||||||
|
|
|
@ -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;
|
|
||||||
}
|
|
|
@ -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
|
||||||
|
|
Loading…
Reference in a new issue