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

Use stylix and refactor related things

Browse source
This commit is contained in:
Pedro Rey Anca 2025-06-09 18:49:44 +02:00
parent f173a43c72
commit 96dc27ff50
Signed by: peprolinbot
GPG key ID: 053EA6E00116533A
19 changed files with 600 additions and 397 deletions
Download patch file Download diff file Expand all files Collapse all files

15
modules/home/waybar/settings.nix
View file

@ -1,17 +1,4 @@
{
custom ? {
font = "JetBrainsMono Nerd Font";
fontsize = "12";
primary_accent = "cba6f7";
secondary_accent = "89b4fa";
tertiary_accent = "f5f5f5";
background = "11111B";
opacity = ".85";
cursor = "Numix-Cursor";
},
host,
...
}: {
{host, ...}: {
programs.waybar.settings.mainBar = {
position = "top";
layer = "top";

104
modules/home/waybar/style.nix
View file

@ -1,100 +1,94 @@
{
custom ? {
font = "JetBrainsMono Nerd Font";
fontsize = "12";
primary_accent = "cba6f7";
secondary_accent = "89b4fa";
tertiary_accent = "cdd6f4";
background = "11111B";
opacity = ".98";
cursor = "Numix-Cursor";
},
lib,
config,
...
}: {
stylix.targets.waybar.addCss = false;
programs.waybar.style = ''
* {
border: none;
border-radius: 0px;
font-family: ${custom.font};
font-weight: bold;
font-size: 15px;
border-radius: 0;
min-height: 0;
opacity: ${custom.opacity};
}
window#waybar {
background: none;
}
.module {
background: @base00;
color: @base05;
margin: 5px 0px;
min-height: 0;
font-weight: bold;
}
tooltip {
background: @base02;
color: @base05;
border-radius: 4px;
}
tooltip label {
color: @base05;
}
#workspaces {
background: #${custom.palette.tertiary_background_hex};
margin: 5px 5px;
padding: 8px 12px;
border-radius: 12px 12px 24px 24px;
color: #${custom.primary_accent}
}
#workspaces button {
padding: 0px 5px;
margin: 0px 3px;
border-radius: 15px;
color: #${custom.background};
background: #${custom.secondary_accent};
color: @base00;
background-color: @base0D;
min-width: 15px;
transition: all 0.2s ease-in-out;
}
#workspaces button.visible {
background-color: @base0F;
}
#workspaces button.active {
background-color: #${custom.primary_accent};
color: #${custom.background};
border-radius: 15px;
background-color: @base0E;
min-width: 35px;
background-size: 200% 200%;
transition: all 0.2s ease-in-out;
}
#workspaces button:hover {
background-color: #b4befe;
color: #${custom.background};
border-radius: 15px;
background-color: @base07;
min-width: 35px;
background-size: 200% 200%;
}
#tray, #pulseaudio, #network, #cpu, #memory, #disk,
#custom-playerctl.backward, #custom-playerctl.play, #custom-playerctl.forward, #battery, #idle_inhibitor, #custom-notification {
background: #${custom.palette.tertiary_background_hex};
font-weight: bold;
margin: 5px 0px;
}
#cpu {
color: #${custom.tertiary_accent};
border-radius: 10px 0px 0px 24px;
padding-left: 15px;
padding-right: 9px;
margin-left: 7px;
}
#memory {
color: #${custom.tertiary_accent};
border-radius: 0;
padding-left: 9px;
padding-right: 9px;
}
#disk {
color: #${custom.tertiary_accent};
border-radius: 0px 24px 10px 0px;
padding-left: 9px;
padding-right: 15px;
}
#tray {
color: #${custom.tertiary_accent};
border-radius: 10px 24px 10px 24px;
padding: 0 20px;
margin-left: 7px;
}
#pulseaudio {
color: #${custom.tertiary_accent};
border-radius: 10px 0px 0px 24px;
padding-left: 15px;
padding-right: 9px;
@ -102,46 +96,39 @@
}
#battery {
color: #${custom.tertiary_accent};
border-radius: 0;
padding-left: 9px;
padding-right: 9px;
}
#idle_inhibitor {
color: #${custom.tertiary_accent};
border-radius: 0;
padding-left: 9px;
padding-right: 9px;
}
#network {
color: #${custom.tertiary_accent};
border-radius: 0;
padding-left: 9px;
padding-right: 9px;
}
#custom-notification {
color: #${custom.tertiary_accent};
border-radius: 0px 24px 10px 0px;
padding-left: 9px;
padding-right: 15px;
}
#clock {
color: #${custom.tertiary_accent};
background: #${custom.palette.tertiary_background_hex};
border-radius: 0px 0px 0px 40px;
padding: 10px 10px 15px 25px;
margin: 0px;
margin-left: 7px;
font-weight: bold;
font-size: 16px;
}
#custom-launcher {
color: #${custom.secondary_accent};
background: #${custom.palette.tertiary_background_hex};
color: @base0D;
border-radius: 0px 0px 40px 0px;
margin: 0px;
padding: 0px 30px 0px 10px;
@ -149,37 +136,26 @@
}
#custom-playerctl.backward, #custom-playerctl.play, #custom-playerctl.forward {
background: #${custom.palette.tertiary_background_hex};
font-size: 22px;
}
#custom-playerctl.backward:hover, #custom-playerctl.play:hover, #custom-playerctl.forward:hover{
color: #${custom.tertiary_accent};
color: @base05;
}
#custom-playerctl.backward {
color: #${custom.primary_accent};
color: @base0E;
border-radius: 24px 0px 0px 10px;
padding-left: 16px;
margin-left: 7px;
}
#custom-playerctl.play {
color: #${custom.secondary_accent};
color: @base0D;
padding: 0 5px;
}
#custom-playerctl.forward {
color: #${custom.primary_accent};
color: @base0E;
border-radius: 0px 10px 24px 0px;
padding-right: 12px;
margin-right: 7px
}
#window{
background: #${custom.palette.tertiary_background_hex};
padding-left: 15px;
padding-right: 15px;
border-radius: 16px;
margin-top: 5px;
margin-bottom: 5px;
font-weight: normal;
font-style: normal;
}
'';
}