75 lines
1.9 KiB
CSS
75 lines
1.9 KiB
CSS
* {
|
|
border: none;
|
|
border-radius: 4px; /* Your sharp corners */
|
|
font-family: "JetBrainsMono Nerd Font";
|
|
font-size: 14px;
|
|
min-height: 10px;
|
|
}
|
|
|
|
window#waybar {
|
|
background: rgba(240, 240, 240, 0.8); /* Your original light gray */
|
|
}
|
|
|
|
/* Workspaces - Your original style */
|
|
#workspaces {
|
|
margin: 5px 8px;
|
|
background: linear-gradient(to bottom, #ffffff, #d9d9d9);
|
|
border: 1px solid #aaaaaa;
|
|
box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
|
|
}
|
|
|
|
#workspaces button.active {
|
|
background: linear-gradient(to bottom, #ffffff, #c0d9f2);
|
|
border: 1px solid #66aaff;
|
|
color: #003366;
|
|
}
|
|
|
|
#workspaces button:hover {
|
|
background: linear-gradient(to bottom, #d9ecff, #a9cfff);
|
|
color: #003366;
|
|
}
|
|
|
|
/* Modules - Your structure + Aero accents */
|
|
#network, #bluetooth, #pulseaudio, #battery, #clock, #cpu, #memory, #tray, #backlight,
|
|
#custom-launcher, #custom-power, #custom-wallpaper, #custom-spotify, #custom-clipboard {
|
|
margin: 5px 5px;
|
|
padding: 5px 10px;
|
|
background: linear-gradient(to bottom, #ffffff, #e6e6e6);
|
|
border: 1px solid #aaaaaa;
|
|
color: #111;
|
|
box-shadow: 0px 0px 3px rgba(0,0,0,0.15);
|
|
transition: all 0.2s ease; /* Smooth hover */
|
|
}
|
|
|
|
/* Color coding (Aero-inspired) */
|
|
#pulseaudio {
|
|
color: #aa55ff; /* Purple for volume */
|
|
}
|
|
|
|
#cpu {
|
|
color: #0066cc; /* Blue for CPU */
|
|
}
|
|
|
|
#memory {
|
|
color: #0099ff; /* Lighter blue for RAM */
|
|
}
|
|
|
|
#battery {
|
|
color: #00aa44; /* Green for battery */
|
|
}
|
|
|
|
#clock {
|
|
color: #0077cc; /* Blue for clock */
|
|
}
|
|
|
|
#network {
|
|
color: #3366ff; /* Bright blue for Wi-Fi */
|
|
}
|
|
|
|
/* Hover effects (Aero glow) */
|
|
#network:hover, #bluetooth:hover, #pulseaudio:hover, #battery:hover, #clock:hover,
|
|
#cpu:hover, #memory:hover, #tray:hover, #backlight:hover, #custom-launcher:hover,
|
|
#custom-power:hover, #custom-wallpaper:hover, #custom-spotify:hover, #custom-clipboard:hover {
|
|
box-shadow: 0 0 8px rgba(100, 180, 255, 0.5);
|
|
}
|