attempt waybar styling

This commit is contained in:
janis 2025-09-03 04:33:22 +02:00
parent d9658fa236
commit 96cd2ed76f
Signed by: janis
SSH key fingerprint: SHA256:bB1qbbqmDXZNT0KKD5c2Dfjg53JGhj7B3CFcLIzSqq8

View file

@ -229,50 +229,40 @@ SSID: {essid} {frequency}'';
}; };
}; };
workspace-style = '' workspace-style = ''
/* And now modules themselves in their respective order */
.rounded_button {
padding-left: 0.3em;
padding-right: 0.3em;
border-radius: 0.5em;
margin-left: 0.2em;
margin-right: 0.2em;
margin-bottom: 0.2em;
}
/* Workspaces stuff */ /* Workspaces stuff */
#workspaces button { #workspaces button {
color: ${theme.extra.white}; color: ${theme.extra.white};
background: ${theme.background}; background: ${theme.extra.black};
padding-left: 0.3em; padding-left: 5pt;
padding-right: 0.3em; padding-right: 5pt;
border-radius: 0.5em; border-radius: 5pt;
margin-left: 0.2em; margin-left: 2pt;
margin-right: 0.2em; margin-right: 2pt;
margin-bottom: 0.2em; margin-bottom: 2pt;
} }
/* Inactive (on unfocused output) */ /* Inactive (on unfocused output) */
#workspaces button.visible { #workspaces button.visible {
color: ${theme.extra.white}; color: ${theme.extra.white};
background: ${theme.extra.purple}; background: ${theme.bright.magenta};
} }
/* Active (on focused output) */ /* Active (on focused output) */
#workspaces button.focused { #workspaces button.focused {
color: ${theme.extra.black}; color: ${theme.extra.black};
background: ${theme.extra.aqua}; background: ${theme.bright.cyan};
} }
/* Contains an urgent window */ /* Contains an urgent window */
#workspaces button.urgent { #workspaces button.urgent {
color: ${theme.extra.black}; color: ${theme.bright.red};
background: ${theme.bright.red}; background: ${theme.extra.black};
} }
/* Style when cursor is on the button */ /* Style when cursor is on the button */
#workspaces button:hover { #workspaces button:hover {
background: ${theme.extra.black}; background: ${theme.bright.black};
color: ${theme.extra.white}; color: ${theme.extra.white};
} }
@ -298,6 +288,7 @@ in {
}; };
style = '' style = ''
/* Reset all styles */
* { * {
border: none; border: none;
border-radius: 0; border-radius: 0;
@ -310,7 +301,7 @@ in {
#waybar { #waybar {
background: rgba(40, 40, 40, 0.3); background: rgba(40, 40, 40, 0.3);
color: #ffffff; color: #ffffff;
font-family: "sans-serif"; font-family: SF Compact Rounded;
font-size: 12pt; font-size: 12pt;
font-weight: 500; font-weight: 500;
} }