eww: Added theme.scss to define theme colors
This commit is contained in:
parent
e58a3c40af
commit
6c355ad395
3 changed files with 33 additions and 13 deletions
|
@ -1,6 +1,6 @@
|
||||||
.bar {
|
.bar {
|
||||||
* {
|
* {
|
||||||
color: #a4acc5;
|
color: $text;
|
||||||
font-family: "JetBrainsMono Nerd Font", "Font Awesome 6 Free";
|
font-family: "JetBrainsMono Nerd Font", "Font Awesome 6 Free";
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
|
@ -10,7 +10,7 @@
|
||||||
margin: 0px 14px 0px 10px;
|
margin: 0px 14px 0px 10px;
|
||||||
padding: 0px 10px 0px 10px;
|
padding: 0px 10px 0px 10px;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
background-color: #181926;
|
background-color: $background;
|
||||||
|
|
||||||
& > * + * {
|
& > * + * {
|
||||||
margin-left: 20px;
|
margin-left: 20px;
|
||||||
|
@ -18,23 +18,23 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.time {
|
.time {
|
||||||
color: #c8906e;
|
color: $orange;
|
||||||
}
|
}
|
||||||
|
|
||||||
.connectivity {
|
.connectivity {
|
||||||
color: #c7b68e;
|
color: $yellow;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bluetooth {
|
.bluetooth {
|
||||||
color: #6e91ca;
|
color: $blue;
|
||||||
}
|
}
|
||||||
|
|
||||||
.volume {
|
.volume {
|
||||||
color: #6e91ca;
|
color: $blue;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mic {
|
.mic {
|
||||||
color: #a286c8;
|
color: $purple;
|
||||||
}
|
}
|
||||||
|
|
||||||
.systray {
|
.systray {
|
||||||
|
@ -44,7 +44,7 @@
|
||||||
menu {
|
menu {
|
||||||
padding: 5px 5px;
|
padding: 5px 5px;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
background-color: #181926;
|
background-color: $background;
|
||||||
|
|
||||||
menuitem {
|
menuitem {
|
||||||
margin: 1px 0;
|
margin: 1px 0;
|
||||||
|
@ -70,13 +70,15 @@
|
||||||
|
|
||||||
& * {
|
& * {
|
||||||
.normal {
|
.normal {
|
||||||
color: #86b985;
|
color: $normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
.warning {
|
.warning {
|
||||||
color: #be8d3e;
|
color: $warning;
|
||||||
}
|
}
|
||||||
|
|
||||||
.critical {
|
.critical {
|
||||||
color: #cb535e;
|
color: $critical;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -86,7 +88,7 @@
|
||||||
padding: 0px 8px 0px 8px;
|
padding: 0px 8px 0px 8px;
|
||||||
|
|
||||||
&.current {
|
&.current {
|
||||||
background: #326bb9;
|
background: $background-active;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,4 +1,7 @@
|
||||||
@import "./bar.scss" * {
|
@import "./theme.scss";
|
||||||
|
@import "./bar.scss";
|
||||||
|
|
||||||
|
* {
|
||||||
all: unset;
|
all: unset;
|
||||||
font-family: "FiraCode Nerd Font";
|
font-family: "FiraCode Nerd Font";
|
||||||
}
|
}
|
||||||
|
|
15
bar/eww/theme.scss
Normal file
15
bar/eww/theme.scss
Normal file
|
@ -0,0 +1,15 @@
|
||||||
|
/* Theme color variables */
|
||||||
|
$background: #181926;
|
||||||
|
$background-active: #326bb9;
|
||||||
|
$text: #a4acc5;
|
||||||
|
|
||||||
|
$purple: #a286c8;
|
||||||
|
$blue: #6e91ca;
|
||||||
|
$green: #86b985;
|
||||||
|
$yellow: #c7b68e;
|
||||||
|
$orange: #c8906e;
|
||||||
|
$red: #cb535e;
|
||||||
|
|
||||||
|
$normal: $green;
|
||||||
|
$warning: #be8d3e;
|
||||||
|
$critical: $red;
|
Loading…
Reference in a new issue