Moved theming to a central location

This commit is contained in:
Michel Fedde 2025-04-25 19:34:44 +02:00
parent 1c6fec2a1f
commit 54ecbaea3c
13 changed files with 20 additions and 6 deletions

View file

@ -0,0 +1,123 @@
.module
{
color: $foreground;
padding: 0.2rem 0.3rem 0.2rem 0.3rem;
}
#battery.warning,
#disk.warning,
#memory.warning,
#cpu.warning {
border-top: 3px solid $background;
border-bottom: 3px solid $yellow;
}
@keyframes blink {
to {
color: $background;
}
}
#battery.critical:not(.charging) {
background-color: $red;
color: white;
animation-name: blink;
animation-duration: 3.0s;
animation-timing-function: steps(12);
animation-iteration-count: infinite;
animation-direction: alternate;
box-shadow: inset 0 -3px transparent;
}
/*-----Indicators----*/
#custom-hypridle.notactive,
#idle_inhibitor.activated {
color: #39FF14;
}
#battery.critical,
#disk.critical,
#memory.critical,
#cpu.critical {
border-top: 3px solid $background;
border-bottom: 3px solid $red;
}
#temperature.critical {
background-color: $red;
}
#battery.charging {
border-top: 3px solid $background;
border-bottom: 3px solid $green;
}
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
background-color: $dim;
}
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
background-color: $orange;
}
#backlight-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough {
min-width: 80px;
min-height: 10px;
border-radius: 5px;
background-color: $cursor;
}
#backlight-slider highlight {
min-width: 10px;
border-radius: 5px;
background-color: $orange;
}
#custom-swaync {
min-width: 10px;
border-right: 1px solid $cursor;
}
#custom-swaync:hover {
background-color: $green;
}
#custom-updates.pending-updates {
background-color: dodgerblue;
}
#custom-hoz-separator {
font-size: 0px;
border-radius: 0;
border-bottom: 1px solid $foreground
}
#custom-hoz-separator-dotted {
padding: 0 3px;
font-size: 0px;
border-radius: 0;
border-bottom: 1px dashed $foreground
}

View file

@ -0,0 +1,84 @@
@import "../../theming/library/entry.scss";
$red: $color1;
$green: $color2;
$orange: $color3;
$yellow: $color4;
$dim: rgba($background, 0.75);
* {
font-family: "JetBrainsMono Nerd Font";
font-weight: bold;
min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 100%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
border-radius: $border-radius;
}
window {
background: $background-semitransparent;
color: $foreground;
transition-property: background-color;
transition-duration: 0.5s;
}
window.semi-hidden {
background-color: transparent;
.modules-left, .modules-center, .modules-right {
border-radius: $border-radius 0 0 $border-radius;
border-right: none;
background-color: $background;
border-bottom: 1px solid rgba($foreground, 0.4);
border-left: 1px solid rgba($foreground, 0.4);
border-top: 1px solid rgba($foreground, 0.4);
}
.modules-center {
padding-left: 0.3rem;
}
.modules-left {
padding-right: 1rem;
}
#laptop {
border-radius: 0;
padding-bottom: 1px;
border-bottom: 1px solid $foreground;
}
#app_drawer,
#audio {
border-radius: 0;
padding-bottom: 1px;
border-bottom: 1px dashed $foreground;
}
}
#taskbar button,
#workspaces button {
color: $foreground;
}
#taskbar button.active,
#workspaces button.active {
border-bottom: 1px solid $green;
}
#taskbar button.urgent,
#workspaces button.urgent {
border-bottom: 2px solid $orange;
}
#submap {
border-bottom: 1px solid $red;
}
@import "./_modules.scss";