Koen/nix-config
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Waybar finalized

Browse source
This commit is contained in:
KoenDR06 2025-08-29 22:35:17 +02:00
parent 5e920cd892
commit 737c3b1de3
4 changed files with 257 additions and 220 deletions
Download patch file Download diff file Expand all files Collapse all files

134
modules/wm/hyprland/config/waybar/style.css
View file

@ -51,108 +51,74 @@
@define-color crust #181926;
@define-color crust-rgb rgb(24, 25, 38);
* {
font-size: 15px;
font-family: "Hasklug Nerd Font";
}
window#waybar{
all: unset;
#waybar {
background: transparent;
font-family: "Hasklug Nerd Font";
}
.modules-left, .modules-center, .modules-right {
margin: 5px;
padding: 7px;
border-radius: 10px;
border: 2px solid @lavender;
background: @surface0;
}
.top .modules-left, .top .modules-center, .top .modules-right {
margin-bottom: 0px;
}
.right .modules-left, .right .modules-center, .right .modules-right {
margin-left: 0px;
border: 2px solid @lavender;
border-radius: 10px;
margin: 5px;
background: @base;
color: @text;
}
tooltip {
background:@surface0;
color: @text;
border: 2px solid @lavender;
border-radius: 10px;
#power {
padding-left: 10px;
}
#power * {
color: @lavender;
transition: 0.2s color ease;
font-size: 26px;
}
#power *:hover {
color: @red;
}
#clock, #cpu, #memory {
transition: all .3s ease;
#workspaces .empty {
color: @surface0;
}
.top #clock, .top #cpu, .top #memory {
padding: 0px 5px;
#workspaces * {
color: inherit;
padding: 0px 2px;
margin: 0px;
}
.right #clock, .right #cpu, .right #memory {
padding: 5px 0px;
#workspaces .active {
color: @red;
font-size: 18px;
}
.top .modules-right * {
margin-left: 5px;
}
#clock {
color: @peach;
}
#battery {
color: @maroon;
}
#cpu {
color: @yellow;
}
#memory {
color: @green;
}
#pulseaudio {
color: @teal;
}
#network {
color: @sapphire;
}
#workspaces {
padding: 0px 0px;
}
#workspaces button {
all:unset;
padding: 0px 5px;
color: @lavender;
transition: all .3s ease;
}
#workspaces button.active {
color: @red;
border: none;
}
#workspaces button.empty {
color: @mantle;
border: none;
}
#workspaces button.empty.active {
color: @red;
border: none;
}
.top #workspaces button {
padding: 0px 5px;
}
.right #workspaces button {
padding: 5px 0px;
}
#power .module {
font-size: 20px;
color: @lavender;
transition: 0.3s color ease;
}
#power .module:hover {
color: @red;
}
.top #custom-power {
margin-left: 5px;
#memory {
color: @mauve;
}
.top #power .modules {
margin-right: 5px;
#pulseaudio {
color: @blue;
}
.right #power .modules {
margin-bottom: 5px;
#network {
color: @teal;
}
.horizontal .modules-right {
font-size: 16px;
}
.horizontal .modules-right * {
padding: 0px 8px;
}
.vertical .modules-right {
font-size: 16px;
padding: 0px 8px;
}
.vertical .modules-right * {
padding: 2px 0px;
}