eww: make it a bit smaller and black
This commit is contained in:
parent
b12b53238f
commit
6e7c2bea65
2 changed files with 49 additions and 47 deletions
|
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -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
|
||||||
|
|
Loading…
Reference in a new issue