fireproof/nixos
1
0
Fork 0
mirror of https://github.com/nickolaj-jepsen/nixos.git synced 2026-01-23 00:26:48 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

test

Browse source
This commit is contained in:
Nickolaj Jepsen 2024-08-28 16:08:36 +00:00
parent c69ed34507
commit d68c699a7a
18 changed files with 644 additions and 203 deletions
Download patch file Download diff file Expand all files Collapse all files

112
home-manager/modules/eww/config/eww.scss Normal file
View file

@ -0,0 +1,112 @@
$anim: .2s cubic-bezier(0.4, 0.0, 0.2, 1);
$anim-slow: .4s cubic-bezier(0.4, 0.0, 0.2, 1);
$background: #1C1C1C;
$background-alt: #2b2b2b;
$foreground: #C5C5C5;
$accent: #CF6A4C;
* {
all: unset; //Unsets everything so you can style everything from scratch
font-family: Hack Nerd Regular;
color: $foreground;
font-size: 16px
}
.bar {
background-color: $background;
border-bottom: 2px solid $accent;
padding: 0 12px;
}
.workspace-entry {
border: 2px solid $foreground;
border-radius: 50%;
min-width: 10px;
min-height: 10px;
margin: 5px 5px;
transition: background-color $anim, opacity $anim, border $anim;
opacity: .2;
&.has-windows {
opacity: 1;
}
&.active {
opacity: 1;
background-color: $foreground;
border-color: $foreground
}
}
.datetime {
.time {
font-weight: bold;
margin-right: 15px;
}
}
.side-bar {
padding: 0 5px;
opacity: .4;
background-color: transparent;
transition: background-color $anim-slow, opacity $anim-slow, border $anim-slow;
border-bottom: 2px solid transparent;
&.active {
opacity: 1;
background-color: $background;
border-bottom: 2px solid $accent;
}
.workspace-entry {
margin: 5px 2px;
}
&.left-bar {
&.active {
border-left: 2px solid $accent;
}
border-left: 2px solid transparent;
border-bottom-left-radius: 12px;
}
&.right-bar {
&.active {
border-right: 2px solid $accent;
}
border-right: 2px solid transparent;
border-bottom-right-radius: 12px;
}
}
.scale {
trough {
background-color: $background-alt;
border-radius: 10px;
min-height: 5px;
min-width: 80px;
highlight {
background-color: $accent;
border-radius: 10px;
}
}
}
.music {
.music-control {
font-size: 10px;
}
.music-timer {
font-size: 12px;
}
.scale {
margin: 0 10px;
}
padding: 0 15px;
margin: 0 15px;
border-right: 2px solid #CF6A4C;
border-left: 2px solid #CF6A4C;
}