- Remove defaults/user/ and the user-defaults copy loop from post-install.sh and transform.sh — Waybar falls back to /etc/xdg/waybar/ via XDG spec, no provisioning needed. - Remove USER_DEFAULTS constant from lib.sh. - Clean up style.css: remove dead selectors (#net, #cava, #custom-updates, #custom-notification), commented-out blocks, empty rules, duplicate properties, and hardcoded hex color. - Restructure module styling: generic top-level box via > widget > *, group children reset via widget widget > *, explicit exceptions for workspaces/taskbar/window. - Normalize section comments and whitespace. - Update README to remove user/waybar/ from project structure.
213 lines
3.5 KiB
CSS
213 lines
3.5 KiB
CSS
/* ABOUTME: System-wide Waybar styling for Moonarch. */
|
|
/* ABOUTME: Uses GTK theme colors via @theme_* variables, Catppuccin Mocha palette. */
|
|
|
|
* {
|
|
border: none;
|
|
font-family: "Ubuntu Nerd Font", sans-serif;
|
|
font-size: 13px;
|
|
color: alpha(@theme_text_color, 0.8);
|
|
}
|
|
|
|
window#waybar {
|
|
background: alpha(@theme_selected_fg_color, 0.2);
|
|
}
|
|
|
|
/* --- Main groups --- */
|
|
|
|
.modules-left {
|
|
margin: 0;
|
|
padding-left: 5px;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.modules-center {
|
|
margin: 0;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.modules-right {
|
|
margin: 0;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
border-radius: 0;
|
|
}
|
|
|
|
/* --- Default module box (top-level modules and groups) --- */
|
|
|
|
.modules-left > widget > *,
|
|
.modules-center > widget > *,
|
|
.modules-right > widget > * {
|
|
padding: 0px 10px;
|
|
border-radius: 4px;
|
|
margin: 8px 2px;
|
|
background-color: alpha(@theme_selected_bg_color, 0.05);
|
|
}
|
|
|
|
/* Exceptions: no box styling */
|
|
#workspaces,
|
|
#taskbar,
|
|
#window {
|
|
border-radius: 0;
|
|
margin: 0;
|
|
padding: 0;
|
|
background-color: transparent;
|
|
}
|
|
|
|
/* Group children: compact inside group box */
|
|
widget widget > * {
|
|
padding: 0 6px;
|
|
margin: 0;
|
|
background-color: transparent;
|
|
border-radius: 0;
|
|
}
|
|
|
|
/* --- Groups --- */
|
|
|
|
#sys,
|
|
#stats,
|
|
#sound,
|
|
#indicators {
|
|
padding: 0 4px;
|
|
color: alpha(@theme_text_color, 0.5);
|
|
}
|
|
|
|
#stats .drawer-child {
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
}
|
|
|
|
#tray {
|
|
padding: 0;
|
|
}
|
|
|
|
/* --- Sound --- */
|
|
|
|
#pulseaudio-slider {
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
}
|
|
|
|
#pulseaudio-slider slider {
|
|
min-height: 0px;
|
|
min-width: 0px;
|
|
opacity: 0;
|
|
background-image: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
background-color: @insensitive_bg_color;
|
|
}
|
|
|
|
#pulseaudio-slider trough {
|
|
min-height: 4px;
|
|
min-width: 80px;
|
|
border-radius: 5px;
|
|
background-color: alpha(@theme_selected_bg_color, 0.3);
|
|
}
|
|
|
|
#pulseaudio-slider highlight {
|
|
min-width: 5px;
|
|
border-radius: 5px;
|
|
background-color: alpha(@theme_selected_bg_color, 0.5);
|
|
}
|
|
|
|
/* --- Misc --- */
|
|
|
|
#mpris {
|
|
border-radius: 0;
|
|
margin: 8px 10px 8px 0px;
|
|
padding: 0 10px;
|
|
}
|
|
|
|
/* --- Workspaces --- */
|
|
|
|
#workspaces button {
|
|
margin: 8px 2px;
|
|
padding: 0 2px 0 0;
|
|
outline: none;
|
|
border-radius: 4px;
|
|
background-color: alpha(@theme_selected_bg_color, 0.05);
|
|
}
|
|
|
|
#workspaces button.empty,
|
|
#workspaces button.active.empty {
|
|
color: inherit;
|
|
}
|
|
|
|
#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;
|
|
text-shadow: inherit;
|
|
}
|
|
|
|
/* --- Indicators --- */
|
|
|
|
#pulseaudio.muted {
|
|
color: #cc3436;
|
|
}
|
|
|
|
#battery.charging {
|
|
color: #2dcc36;
|
|
}
|
|
|
|
#battery.warning:not(.charging) {
|
|
color: #e6e600;
|
|
}
|
|
|
|
#battery.critical:not(.charging) {
|
|
color: #cc3436;
|
|
}
|
|
|
|
#temperature.critical {
|
|
color: #cc3436;
|
|
}
|
|
|
|
#idle_inhibitor.activated {
|
|
color: alpha(@theme_selected_bg_color, 0.9);
|
|
}
|
|
|
|
/* --- Taskbar --- */
|
|
|
|
#taskbar {
|
|
font-size: 8px;
|
|
opacity: 1;
|
|
}
|
|
|
|
#taskbar.empty {
|
|
opacity: 0;
|
|
}
|
|
|
|
#taskbar button {
|
|
padding: 0 4px 0 10px;
|
|
transition: 100ms border ease-in-out;
|
|
border-radius: 0;
|
|
}
|
|
|
|
#taskbar button.empty {
|
|
opacity: 0;
|
|
}
|
|
|
|
#taskbar button:hover {
|
|
background-color: alpha(@theme_selected_bg_color, 0.1);
|
|
}
|
|
|
|
#taskbar button.active {
|
|
background-color: alpha(@theme_selected_bg_color, 0.05);
|
|
opacity: 1;
|
|
}
|
|
|
|
menu {
|
|
border-radius: 4px;
|
|
}
|
|
|
|
menuitem {
|
|
border-radius: 4px;
|
|
}
|