nevaforget/hyprmoonarch
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add niri modules to waybar styles

Browse Source
This commit is contained in:
nevaforget 2025-11-26 13:05:34 +01:00
parent 449fd75f66
commit b56eef9c00
1 changed files with 136 additions and 59 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

183
home/config/waybar/style.css
View File

@ -1,25 +1,29 @@
* { * {
border: none; border: none;
font-family: "JetBrainsMono Nerd Font", sans-serif; font-family: "Ubuntu Nerd Font", sans-serif;
font-size: 13px; font-size: 13px;
color:alpha(@theme_text_color, 0.8); color: alpha(@theme_text_color, 0.8);
} }
window#waybar {
background: transparent;
window#waybar {
/*background: transparent;*/
background: alpha(@theme_selected_fg_color, 0.2);
} }
/*-----main groups----*/ /*-----main groups----*/
.modules-right { .modules-right {
margin: 0; margin: 0;
padding-left:5px; padding-left: 5px;
padding-right:0; padding-right: 0;
border-radius: 0; border-radius: 0;
} }
.modules-center { .modules-center {
margin: 0; margin: 0;
border-radius: 0; border-radius: 0;
} }
.modules-left { .modules-left {
margin: 0 0 0 5px; margin: 0 0 0 5px;
/* background-color:alpha(@theme_selected_bg_color, 0.15); /* background-color:alpha(@theme_selected_bg_color, 0.15);
@ -57,16 +61,21 @@ window#waybar {
#custom-vpn.connected, #custom-vpn.connected,
#power-profiles-daemon, #power-profiles-daemon,
#privacy, #privacy,
#gamemode{ #gamemode,
padding:0px 10px; #taskbar,
#window {
padding: 0px 10px;
} }
/** /**
* GROUPS * GROUPS
**/ **/
#sys, #stats, #net, #sound { #sys,
#stats,
#net,
#sound {
margin: 0; margin: 0;
color:alpha(@theme_text_color, 0.5); color: alpha(@theme_text_color, 0.5);
} }
@ -74,17 +83,20 @@ window#waybar {
* SYS * SYS
**/ **/
#sys { #sys {
padding:0 0px 0 10px; padding: 0 0px 0 10px;
} }
#custom-power { #custom-power {
margin-left:0; margin-left: 0;
margin-right:0; margin-right: 0;
padding-left:0; padding-left: 0;
} }
#user { #user {
padding-left:0; padding-left: 0;
font-weight:bold; font-weight: bold;
} }
#custom-weather { #custom-weather {
padding-left: 5px; padding-left: 5px;
} }
@ -99,11 +111,11 @@ window#waybar {
border-radius: 4px; border-radius: 4px;
padding: 0px 8px 0px 8px; padding: 0px 8px 0px 8px;
margin: 8px 0px 8px 0px; margin: 8px 0px 8px 0px;
background-color:alpha(@theme_selected_bg_color, 0.1); background-color: alpha(@theme_selected_bg_color, 0.1);
} }
#custom-notification { #custom-notification {
padding-right:0 padding-right: 0
} }
/** /**
@ -114,10 +126,12 @@ window#waybar {
background-color: transparent; background-color: transparent;
padding-left: 0; padding-left: 0;
} }
#pulseaudio-slider { #pulseaudio-slider {
padding-left: 10px; padding-left: 10px;
padding-right: 10px; padding-right: 10px;
} }
#pulseaudio-slider slider { #pulseaudio-slider slider {
min-height: 0px; min-height: 0px;
min-width: 0px; min-width: 0px;
@ -126,14 +140,16 @@ window#waybar {
border: none; border: none;
box-shadow: none; box-shadow: none;
background-color: @insensitive_bg_color; background-color: @insensitive_bg_color;
border:1px solid alpha(@theme_selected_bg_color, 0.1); border: 1px solid alpha(@theme_selected_bg_color, 0.1);
} }
#pulseaudio-slider trough { #pulseaudio-slider trough {
min-height: 4px; min-height: 4px;
min-width: 80px; min-width: 80px;
border-radius: 5px; border-radius: 5px;
background-color: alpha(@theme_selected_bg_color, 0.3); background-color: alpha(@theme_selected_bg_color, 0.3);
} }
#pulseaudio-slider highlight { #pulseaudio-slider highlight {
min-width: 5px; min-width: 5px;
@ -142,7 +158,7 @@ window#waybar {
} }
#custom-updates { #custom-updates {
padding-right:5px; padding-right: 5px;
padding-left: 5px; padding-left: 5px;
} }
@ -151,45 +167,91 @@ window#waybar {
* MISC * MISC
**/ **/
#mpris { #mpris {
border-radius:0; border-radius: 0;
margin: 8px 10px 8px 0px; margin: 8px 10px 8px 0px;
padding:0 10px; padding: 0 10px;
} }
/** /**
* WORKSPACES * WORKSPACES
**/ **/
#workspaces { /*#workspaces {
padding:0; padding: 0;
border-radius: 0 border-radius: 0
} }
#workspaces button { #workspaces button {
padding: 0px 10px 0px 8px; padding: 0px 10px 0px 8px;
margin: 8px 2px 8px 0px; margin: 8px 2px 8px 0px;
outline:none; outline: none;
border-radius: 4px; border-radius: 4px;
background-color:alpha(@theme_selected_bg_color, 0.05); background-color: alpha(@theme_selected_bg_color, 0.05);
} }
#workspaces button:last-child { #workspaces button:last-child {
margin-right: 0; margin-right: 0;
} }
#workspaces button.empty, #workspaces button.active.empty {
color:inherit; #workspaces button.empty,
#workspaces button.active.empty {
color: inherit;
padding: 0px 0px 0px 8px; padding: 0px 0px 0px 8px;
} }
#workspaces button.active { #workspaces button.active {
background-color: transparent; background-color: transparent;
padding: 0px 10px 0px 8px; padding: 0px 10px 0px 8px;
} }
#workspaces button.visible { #workspaces button.visible {
background-color:alpha(@theme_selected_bg_color, 0.1); background-color: alpha(@theme_selected_bg_color, 0.1);
} }
#workspaces button.urgent { #workspaces button.urgent {
color: #cc3436; color: #cc3436;
} }
#workspaces button:hover { #workspaces button:hover {
background-color:alpha(@theme_selected_bg_color, 0.05); background-color: alpha(@theme_selected_bg_color, 0.05);
box-shadow: inherit;
text-shadow: inherit;
}*/
#workspaces {
padding: 0;
border-radius: 0;
}
#workspaces button {
margin: 8px 2px 8px 0px;
padding: 0;
outline: none;
border-radius: 4px;
background-color: alpha(@theme_selected_bg_color, 0.05);
}
#workspaces button:last-child {
margin-right: 0;
}
#workspaces button.empty,
#workspaces button.active.empty {
color: inherit;
}
#workspaces button.active {}
#workspaces button.visible {
background-color: alpha(@theme_selected_bg_color, 0.1);
}
#workspaces button.urgent {
color: #cc3436;
}
#workspaces button:hover {
background-color: alpha(@theme_selected_bg_color, 0.05);
box-shadow: inherit; box-shadow: inherit;
text-shadow: inherit; text-shadow: inherit;
} }
@ -201,27 +263,31 @@ window#waybar {
#pulseaudio.muted { #pulseaudio.muted {
color: #cc3436; color: #cc3436;
} }
#battery.charging { #battery.charging {
color: #2dcc36; color: #2dcc36;
} }
#battery.warning:not(.charging) { #battery.warning:not(.charging) {
color: #e6e600; color: #e6e600;
} }
#battery.critical:not(.charging) { #battery.critical:not(.charging) {
color: #cc3436; color: #cc3436;
} }
#temperature.critical { #temperature.critical {
color: #cc3436; color: #cc3436;
} }
#idle_inhibitor.activated { #idle_inhibitor.activated {
color:alpha(@theme_selected_bg_color, 0.9); color: alpha(@theme_selected_bg_color, 0.9);
} }
#indicators { #indicators {
padding-right:5px; padding-right: 5px;
padding-left:5px; padding-left: 5px;
border-radius:0; border-radius: 0;
} }
@ -229,43 +295,54 @@ window#waybar {
* TASKBAR * TASKBAR
**/ **/
#taskbar { #taskbar {
font-size:8px; font-size: 8px;
margin:0; margin: 0 0 0 5px;
opacity: 1; opacity: 1;
padding:0; padding: 0;
border-radius: 0; border-radius: 0;
} }
#taskbar.empty { #taskbar.empty {
opacity:0; opacity: 0;
} }
#taskbar button { #taskbar button {
padding:3px 10px 3px 10px; padding: 3px 10px 3px 10px;
transition:100ms border ease-in-out; transition: 100ms border ease-in-out;
border-radius: 0; border-radius: 0;
font-size:8px; font-size: 8px;
} }
#taskbar button:not(:first-child) { #taskbar button:not(:first-child) {
border-radius:0px; border-radius: 0px;
} }
#taskbar button:first-child {
} #taskbar button:first-child {}
#taskbar button:last-child {
} #taskbar button:last-child {}
#taskbar button:last-child:first-child {
#taskbar button:last-child:first-child {}
}
#taskbar button.empty { #taskbar button.empty {
opacity:0; opacity: 0;
} }
#taskbar button:hover { #taskbar button:hover {
background-color:alpha(@theme_selected_bg_color, 0.1); background-color: alpha(@theme_selected_bg_color, 0.1);
} }
#taskbar button.active { #taskbar button.active {
background-color:alpha(@theme_selected_bg_color, 0.05); background-color: alpha(@theme_selected_bg_color, 0.05);
opacity:1; opacity: 1;
}
menu {
border-radius: 4px;
}
menuitem {
border-radius: 4px;
} }