Jaaj-San/pointfichiers
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

eww: Added theme.scss to define theme colors

Browse source
This commit is contained in:
GaspardCulis 2024-02-06 17:03:11 +01:00
parent e58a3c40af
commit 6c355ad395
3 changed files with 33 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
bar/eww/bar.scss
View file

@ -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;
} }
} }

5
bar/eww/eww.scss
View file

@ -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
View 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;