Moved theming to a central location
This commit is contained in:
parent
1c6fec2a1f
commit
54ecbaea3c
13 changed files with 20 additions and 6 deletions
|
|
@ -1,123 +0,0 @@
|
|||
.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
|
||||
}
|
||||
|
|
@ -1,84 +0,0 @@
|
|||
@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";
|
||||
Loading…
Add table
Add a link
Reference in a new issue