eww: make it a bit smaller and black

This commit is contained in:
Erwin Boskma 2023-07-19 14:07:16 +02:00
parent b12b53238f
commit 6e7c2bea65
Signed by: erwin
SSH key fingerprint: SHA256:9LmFDe1C6jSrEyqxxvX8NtJBmcbB105XoqyUZF092bg
2 changed files with 49 additions and 47 deletions

View file

@ -3,8 +3,8 @@
} }
// Color variables // Color variables
$background: #1a1b26; $background: #000000;
$foreground: #a9b1d6; $foreground: #ffffff;
$urgent: #c9545d; $urgent: #c9545d;
$black: #24283b; $black: #24283b;
@ -24,6 +24,7 @@ $white: $foreground;
padding: 0.3rem; padding: 0.3rem;
font-family: "Iosevka Nerd Font"; font-family: "Iosevka Nerd Font";
font-weight: bold; font-weight: bold;
font-size: 1rem;
color: $foreground; color: $foreground;
} }
@ -35,24 +36,24 @@ $white: $foreground;
border-radius: 5px; border-radius: 5px;
.ws { .ws {
margin: 0; margin: 0;
padding: 0 1rem; padding: 0 1rem;
border-top: 2px solid transparent; border-top: 2px solid transparent;
&:hover {
background-color: $gray;
}
&.focused { &:hover {
border-color: #4c7899; background-color: $gray;
background-color: $navy; }
color: #ffffff;
}
&.urgent { &.focused {
border-color: $urgent; border-color: #4c7899;
color: $urgent; background-color: $navy;
} color: #ffffff;
}
&.urgent {
border-color: $urgent;
color: $urgent;
}
} }
} }
@ -63,7 +64,7 @@ tooltip {
.ha-now-playing { .ha-now-playing {
font-family: "Iosevka Nerd Font"; font-family: "Iosevka Nerd Font";
font-size: 1.2rem; // font-size: 1.2rem;
padding: 0; padding: 0;
.icon { .icon {
@ -75,16 +76,16 @@ tooltip {
.control { .control {
padding: 0 0.5rem; padding: 0 0.5rem;
font-family: "Iosevka Nerd Font"; font-family: "Iosevka Nerd Font";
font-size: 1.2em; // font-size: 1.2em;
border-radius: 5px; border-radius: 5px;
} }
.icon { .icon {
font-size: 2rem; font-size: 1.6rem;
margin-right: 1rem; margin-right: 1rem;
&.small { &.small {
font-size: 1rem; font-size: 1rem;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
} }
@ -143,7 +144,7 @@ scale {
// Clock // Clock
.time { .time {
font-family: "Iosevka Nerd Font"; font-family: "Iosevka Nerd Font";
font-size: 1.2rem; // font-size: 1.2rem;
border-radius: 5px; border-radius: 5px;
padding: 0.7rem 0 0.5rem 0; padding: 0.7rem 0 0.5rem 0;
margin: 0 0.5rem; margin: 0 0.5rem;
@ -196,26 +197,27 @@ calendar:indeterminate {
// Powermenu // Powermenu
.powermenu { .powermenu {
font-family: "Iosevka Nerd Font"; font-family: "Iosevka Nerd Font";
font-size: 1.5rem; font-size: 1.6rem;
}
.button-reboot, .button-reboot,
.button-hibernate, .button-hibernate,
.button-quit, .button-quit,
.button-shutdown { .button-shutdown {
// padding: 0.5rem 0.2rem 0.3rem 0.2rem; // padding: 0.5rem 0.2rem 0.3rem 0.2rem;
padding: 0.3rem 0.7rem; padding: 0.3rem 0.7rem;
font-size: 2rem; font-size: 1.6rem;
} }
.button-shutdown { .button-shutdown {
// margin-bottom: 0.5rem; // margin-bottom: 0.5rem;
color: $red; color: $red;
} }
.button-reboot { .button-reboot {
color: $yellow; color: $yellow;
} }
.button-quit { .button-quit {
color: $green; color: $green;
} }
.button-hibernate { .button-hibernate {
color: $blue; color: $blue;
}
} }

View file

@ -224,7 +224,7 @@
:geometry (geometry :x "0" :geometry (geometry :x "0"
:y "0" :y "0"
:width "100%" :width "100%"
:height "47px" :height "32px"
:anchor "top center") :anchor "top center")
:stacking "fg" :stacking "fg"
:monitor 0 :monitor 0