Anthony Rodriguez
84c8dc0920
Implemented notifications with SwayNotificationCenter, as well as theming using the custom theme module. Some Waybar code had to be updated too, and was also simplified in order to be more consistent with the new SwayNotificationCenter implementation.
91 lines
1.5 KiB
CSS
91 lines
1.5 KiB
CSS
* {
|
|
/* `otf-font-awesome` is required to be installed for icons */
|
|
border: none;
|
|
border-radius: 0px;
|
|
min-height: 0;
|
|
}
|
|
|
|
window#waybar {
|
|
border-radius: 2em;
|
|
font-family: "Symbols Nerd Font", Inter, sans-serif;
|
|
font-size: 16px;
|
|
font-style: normal;
|
|
background: alpha(
|
|
@base00,
|
|
0.9999999
|
|
); /* niri issue workaround, thanks https://github.com/oatmealine/nix-config/blob/bfdddd2cb36ef659bcddc28e0dbb542b6db8b3bc/modules/desktop/themes/catppuccin/waybar.css#L14 */
|
|
color: @base05;
|
|
}
|
|
|
|
#workspaces,
|
|
.modules-right box {
|
|
background: @base02;
|
|
padding: 0.15em 0.25em;
|
|
border-radius: 1em;
|
|
margin: 0 0.25em;
|
|
}
|
|
|
|
#workspaces {
|
|
padding: 0;
|
|
background: @base02;
|
|
}
|
|
|
|
#workspaces button:nth-child(1) {
|
|
border-top-left-radius: 1em;
|
|
border-bottom-left-radius: 1em;
|
|
}
|
|
#workspaces button:nth-last-child(1) {
|
|
border-top-right-radius: 1em;
|
|
border-bottom-right-radius: 1em;
|
|
}
|
|
|
|
#workspaces button {
|
|
padding: 0 0.5em;
|
|
background-color: transparent;
|
|
}
|
|
|
|
#workspaces button:hover {
|
|
background: rgba(255, 255, 255, 0.1);
|
|
box-shadow: none;
|
|
}
|
|
|
|
#workspaces button.active {
|
|
background: @base0E;
|
|
color: @base02;
|
|
}
|
|
|
|
#workspaces button.urgent {
|
|
background: @base08;
|
|
}
|
|
|
|
#window {
|
|
margin-left: 1em;
|
|
}
|
|
|
|
.modules-left,
|
|
.modules-right {
|
|
margin: 0.4em 0.5em;
|
|
}
|
|
|
|
#battery,
|
|
#clock,
|
|
#network,
|
|
#pulseaudio,
|
|
#tray,
|
|
#power-profiles-daemon {
|
|
padding: 0 0.5em;
|
|
}
|
|
|
|
.modules-left,
|
|
.modules-right {
|
|
margin: 0.4em 0.5em;
|
|
}
|
|
|
|
#custom-power {
|
|
padding: 0 1.2em;
|
|
color: @base08;
|
|
}
|
|
|
|
#custom-notification {
|
|
padding: 0 1.2em;
|
|
}
|