Martin Büchler
42f6cc3180
- Add custom wlogout button to modules-right in both desktop and laptop configs - Style wlogout button for visibility and theme consistency - Increase font size globally by 30% - Increase icon size for wlogout button 🤖 Generated with [opencode](https://opencode.ai) Co-Authored-By: opencode <noreply@opencode.ai>
72 lines
1.3 KiB
CSS
72 lines
1.3 KiB
CSS
* {
|
|
font-family: JetBrainsMono, monospace;
|
|
font-size: 17px;
|
|
border: none;
|
|
box-shadow: none;
|
|
min-height: 0;
|
|
}
|
|
|
|
.icon, .fa, .material-icons {
|
|
font-size: 17px;
|
|
}
|
|
|
|
|
|
window#waybar {
|
|
background: rgba(30, 30, 46, 0.95);
|
|
border-radius: 10px;
|
|
color: #cdd6f4;
|
|
border: 1px solid #181825;
|
|
margin: 6px 6px 0 6px;
|
|
}
|
|
|
|
#workspaces button {
|
|
background: transparent;
|
|
color: #a6adc8;
|
|
border-radius: 6px;
|
|
margin: 0 2px;
|
|
padding: 0 8px;
|
|
transition: background 0.2s, color 0.2s;
|
|
}
|
|
#workspaces button.active {
|
|
background: #89b4fa;
|
|
color: #1e1e2e;
|
|
}
|
|
#workspaces button.urgent {
|
|
background: #f38ba8;
|
|
color: #1e1e2e;
|
|
}
|
|
|
|
#clock, #cpu, #memory, #temperature, #pulseaudio, #network, #battery, #tray, #backlight, #disk, #idle_inhibitor {
|
|
padding: 0 10px;
|
|
margin: 0 2px;
|
|
border-radius: 6px;
|
|
background: rgba(49, 50, 68, 0.7);
|
|
}
|
|
#battery.charging {
|
|
color: #a6e3a1;
|
|
}
|
|
#battery.critical {
|
|
color: #f38ba8;
|
|
}
|
|
#pulseaudio.muted {
|
|
color: #f9e2af;
|
|
}
|
|
|
|
#custom-wlogout {
|
|
background: #f38ba8;
|
|
color: #1e1e2e;
|
|
border-radius: 8px;
|
|
padding: 0 8px;
|
|
margin: 0 4px;
|
|
font-weight: bold;
|
|
transition: background 0.2s, color 0.2s;
|
|
}
|
|
#custom-wlogout .icon {
|
|
font-size: 22px;
|
|
}
|
|
#custom-wlogout:hover, #custom-wlogout:focus {
|
|
background: #cba6f7;
|
|
color: #1e1e2e;
|
|
box-shadow: 0 2px 8px rgba(0,0,0,0.18);
|
|
}
|