sora/nixconfig
1
0
Fork 1
Code Issues 2 Pull Requests Actions Releases Activity

Eww update

Browse Source
This commit is contained in:
soraefir
2026-06-12 23:09:31 +02:00
parent 6140123cbc
commit 535c8a3154
15 changed files with 606 additions and 294 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
modules/home/wayland/apps/eww/bar/css/_colors.scss Normal file
View File

@@ -0,0 +1,29 @@
$base00: #000000;
$base01: #060a0f;
$base02: #212c38;
$base03: #3f5268;
$base04: #617b9a;
$base05: #90a7c1;
$base06: #c9d3df;
$base07: #fcfcfc;
$base08: #ffac56;
$base09: #feea74;
$base0A: #bffe8a;
$base0B: #4cfefa;
$base0C: #62acfd;
$base0D: #9b9bfd;
$base0E: #fe9bda;
$base0F: #fc8999;
$fg: $base07;
$bg0: $base00;
$bg1: $base01;
$border-color: $base03;
$border-color-focus: $base04;
$border-radius: 8px;
$border-width: 2px;
$gaps-screen: 8px;
$gaps-window: 4px;

13
modules/home/wayland/apps/eww/bar/css/_net.scss
View File

@@ -1,8 +1,9 @@
.net {
color: $base07;
.net-icon {
font-size: 14px;
padding: 3pt 0;
}
.blt {
color: $base0C;
}
.net-active { color: $base07; }
.net-dim { color: $base02; }
.blt-on { color: $base07; }
.blt-connected { color: $base0D; }

241
modules/home/wayland/apps/eww/bar/css/_sys.scss
View File

@@ -1,69 +1,186 @@
.cpubar {
color: $base0C;
}
.gpubar {
color: $base0E;
}
.membar {
color: $base08;
}
.batbar {
color: $base0B;
}
.cpubar,
.gpubar,
.membar,
.batbar {
background-color: $bg0;
margin: $gaps-window 0;
}
.cpu-core-usage, .gpu-core-usage, .memory-usage {
background-color: $bg0;
border-radius: $border-radius;
padding: 2pt;
margin: 1pt;
}
.cpu-core-usage trough * {
background-color: $base0C;
border-radius: $border-radius;
padding: 2pt;
}
.gpu-core-usage trough * {
background-color: $base0E;
border-radius: $border-radius;
padding: 2pt;
}
.memory-usage trough * {
background-color: $base08;
border-radius: $border-radius;
padding: 2pt;
}
.spacer {
color: $bg1;
padding: $gaps-window;
margin:0;
// Bar module rings
.cpubar { color: $base0C; }
.gpubar { color: $base0E; }
.membar { color: $base08; }
.batbar { color: $base0B; }
.cpubar, .gpubar, .membar, .batbar {
background-color: $bg0;
margin: $gaps-window 0;
}
// Window
.sys-win {
// @include window;
// background-color: $bg1;
// color: $fg;
// margin: $gaps-win;
padding: 5pt;
padding: 10pt;
}
.sys-section {
margin-bottom: 0;
}
.sys-section-header {
margin-bottom: 10pt;
}
.sys-label {
font-weight: bolder;
color: $base04;
}
font-size: 0.72em;
font-weight: bold;
letter-spacing: 0.14em;
color: $base05;
}
.section-accent {
min-width: 3px;
border-radius: 2px;
margin-right: 8pt;
}
.cpu-accent { background-color: $base0C; }
.gpu-accent { background-color: $base0E; }
.ram-accent { background-color: $base08; }
.bat-accent { background-color: $base0B; }
.section-sep {
background-color: $base02;
min-height: 2px;
margin: 6pt 0 10pt 0;
}
.sys-sublabel {
font-size: 0.72em;
color: $base04;
margin-right: 8pt;
}
// CPU grid
.cpu-usage-ring {
color: $base0C;
background-color: $bg0;
margin: 3pt;
}
// Inner freq ring — margin shrinks it inside overlay for concentric effect
// 0% = cpu min freq, 100% = cpu max freq
.cpu-freq-ring {
color: $base0D;
background-color: $bg0;
margin: 12px;
}
.cpu-core-label {
font-size: 0.7em;
color: $base05;
}
// GPU rings
.gpu-ring {
color: $base0E;
background-color: $bg0;
margin: 3pt;
}
.gpu-freq-ring {
color: $base0D;
background-color: $bg0;
margin: 13px;
}
.gpu-ring-value {
font-size: 0.82em;
font-weight: bold;
color: $base05;
}
.gpu-ring-label {
font-size: 0.62em;
color: $base04;
margin-top: 2pt;
}
// GPU stats row
.gpu-stats-row {
margin-top: 6pt;
margin-bottom: 2pt;
}
.gpu-stat-value {
font-size: 0.85em;
font-weight: bold;
color: $base05;
}
.gpu-stat-label {
font-size: 0.62em;
color: $base04;
}
// VRAM bar
.vram-row {
margin-top: 6pt;
}
.vram-bar {
background-color: $bg0;
border-radius: $border-radius;
padding: 4pt;
}
.vram-bar trough * {
background-color: $base0E;
border-radius: $border-radius;
}
.vram-usage-label {
font-size: 0.62em;
color: $base04;
margin-top: 2pt;
}
// RAM ring
.ram-ring {
color: $base08;
background-color: $bg0;
margin: 4pt;
}
.ram-cached-ring {
color: $base02;
background-color: transparent;
margin: 4pt;
}
.ram-used-label {
font-size: 0.95em;
font-weight: bold;
color: $base05;
}
.ram-total-label {
font-size: 0.72em;
color: $base04;
}
// Swap ring
.swap-ring {
color: $base09;
background-color: $bg0;
margin: 3pt;
}
.swap-section-label {
font-size: 0.62em;
color: $base04;
margin-top: 2pt;
}
// Battery ring
.bat-ring {
background-color: $bg0;
margin: 4pt;
}
.bat-ring-label {
font-size: 0.7em;
color: $base05;
}