@define-color base00 #181818;
@define-color base01 #282828;
@define-color base02 #383838;
@define-color base03 #585858;
@define-color base04 #b8b8b8;
@define-color base05 #d8d8d8;
@define-color base06 #e8e8e8;
@define-color base07 #f8f8f8;
@define-color base08 #ab4642;
@define-color base09 #dc9656;
@define-color base0A #f7ca88;
@define-color base0B #a1b56c;
@define-color base0C #86c1b9;
@define-color base0D #7cafc2;
@define-color base0E #ba8baf;
@define-color base0F #a16946;

* {
    font-family: Aporetic Serif Mono, Noto Emoji, Symbols Nerd Font Mono;
    transition: none;
    box-shadow: none;
    text-shadow: none;
    min-height: 0;
}

tooltip {
    border: solid @base02;
    background: @base01;
    opacity: 0.9;
}

tooltip label {
    color: @base05;
    padding: 0;
}

#waybar {
    color: @base04;
    background: @base01;
}

.modules-right label,
.modules-right image {
    margin: 0.4em 0.2em;
    padding: 0 0.4em;
    background: @base02;
    border-radius: 0.2em;
}

.modules-left {
    margin-left: 0.2em;
}

.modules-right {
    margin-right: 0.2em;
}

#custom-recorder {
    color: @base08;
}

#custom-notification.notification,
#custom-notification.dnd-notification,
#custom-notification.dnd-inhibited-notification {
    color: @base07;
    background: @base02;
}

#temperature,
#cpu,
#memory,
#disk,
#battery {
    margin: 0.4em 0.2em;
    padding: 0 0.4em;
    background: @base02;
    border-radius: 0.2em;
}

#workspaces button {
    background: none;
    border-radius: 0.2em;
    margin: 0.4em 0.2em;
    padding: 0.2em 0.2em;
    color: @base05;
}

#workspaces button:hover {
    background: none;
    border-color: @base07;
}

#workspaces button.focused {
    background: none;
    color: @base07;
}

#workspaces button.urgent {
    color: @base08;
}

#window {
    margin-left: 1em;
    margin-right: 1em;
}

#tray menu {
    color: @base05;
    background: @base01;
    border: solid 1px;
    border-color: @base02;
}

#tray menu menuitem {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0.1em;
    margin-bottom: 0em;
}

#tray menu menuitem:hover {
    background: none;
}

#tray menu separator {
    background: @base03;
    padding-top: 1px;
    margin-top: 0.2em;
    margin-bottom: 0.2em;
}

#battery.discharging.empty {
    color: @base02;
    background: @base08;
}

#battery.discharging.low {
    color: @base02;
    background: @base09;
}