830de04b14
* Added scaling to individual elements (all menus and the bar). * Make all dialog pages scrollable * Add battery menu to settings * update battery menu scaling * Fix typo * Add confirmation dialog scaling
106 lines
3.0 KiB
SCSS
106 lines
3.0 KiB
SCSS
.menu-items-container.energy * {
|
|
font-size: $font-size * $bar-menus-menu-battery-scaling/100;
|
|
}
|
|
|
|
.menu-items.energy {
|
|
background: if($bar-menus-monochrome, $bar-menus-background, $bar-menus-menu-battery-background-color);
|
|
border-color: if($bar-menus-monochrome, $bar-menus-border-color, $bar-menus-menu-battery-border-color);
|
|
opacity: $bar-menus-opacity/100;
|
|
font-size: $font-size * $bar-menus-menu-battery-scaling/100;
|
|
}
|
|
|
|
@import "./menu.scss";
|
|
|
|
.menu-items-container.energy {
|
|
min-width: 18em * $bar-menus-menu-battery-scaling/100;
|
|
|
|
.menu-label {
|
|
color: if($bar-menus-monochrome, $bar-menus-label, $bar-menus-menu-battery-label-color);
|
|
}
|
|
|
|
.menu-label-container {
|
|
background: if($bar-menus-monochrome, $bar-menus-cards, $bar-menus-menu-battery-card-color);
|
|
}
|
|
|
|
|
|
.menu-items-section {
|
|
background: if($bar-menus-monochrome, $bar-menus-cards, $bar-menus-menu-battery-card-color);
|
|
}
|
|
|
|
.power-profile-item {
|
|
color: if($bar-menus-monochrome, $bar-menus-listitems-passive, $bar-menus-menu-battery-listitems-passive);
|
|
margin-bottom: 0.5em;
|
|
|
|
label {
|
|
margin-left: 1em;
|
|
}
|
|
|
|
image {
|
|
font-size: 1.3em;
|
|
min-width: 1em;
|
|
min-height: 1em;
|
|
color: if($bar-menus-monochrome, $bar-menus-icons-passive, $bar-menus-menu-battery-icons-passive);
|
|
}
|
|
|
|
&:hover {
|
|
color: if($bar-menus-monochrome, $bar-menus-listitems-active, $bar-menus-menu-battery-listitems-active);
|
|
|
|
label {
|
|
color: if($bar-menus-monochrome, $bar-menus-icons-active, $bar-menus-menu-battery-icons-active);
|
|
}
|
|
|
|
image {
|
|
color: if($bar-menus-monochrome, $bar-menus-icons-active, $bar-menus-menu-battery-icons-active);
|
|
}
|
|
}
|
|
|
|
&.active {
|
|
color: if($bar-menus-monochrome, $bar-menus-listitems-active, $bar-menus-menu-battery-listitems-active);
|
|
|
|
image {
|
|
color: if($bar-menus-monochrome, $bar-menus-icons-active, $bar-menus-menu-battery-icons-active);
|
|
}
|
|
}
|
|
}
|
|
|
|
.brightness-container {
|
|
padding-bottom: 1em;
|
|
}
|
|
|
|
.brightness-slider-icon {
|
|
font-size: 1.4em;
|
|
min-width: 1em;
|
|
min-height: 1em;
|
|
color: if($bar-menus-monochrome, $bar-menus-icons-active, $bar-menus-menu-battery-icons-active);
|
|
}
|
|
|
|
.brightness-slider-label {
|
|
color: if($bar-menus-monochrome, $bar-menus-text, $bar-menus-menu-battery-text);
|
|
font-size: 0.9em;
|
|
min-width: 2.5em;
|
|
font-weight: bold;
|
|
margin-bottom: 0.2em;
|
|
}
|
|
|
|
.menu-slider.brightness {
|
|
trough {
|
|
background: if($bar-menus-monochrome, $bar-menus-slider-background, $bar-menus-menu-battery-slider-background);
|
|
|
|
highlight,
|
|
progress {
|
|
background: if($bar-menus-monochrome, $bar-menus-slider-primary, $bar-menus-menu-battery-slider-primary);
|
|
}
|
|
}
|
|
|
|
&:hover {
|
|
trough {
|
|
background: if($bar-menus-monochrome, $bar-menus-slider-backgroundhover, $bar-menus-menu-battery-slider-backgroundhover);
|
|
}
|
|
|
|
slider {
|
|
background: if($bar-menus-monochrome, $bar-menus-slider-puck, $bar-menus-menu-battery-slider-puck);
|
|
}
|
|
}
|
|
}
|
|
}
|