$base00: #2e3440;
$base01: #3b4252;
$base02: #434c5e;
$base03: #4c566a;
$base04: #d8dee9;
$base05: #e5e9f0;
$base06: #eceff4;
$base07: #8fbcbb;
$base08: #bf616a;
$base09: #d08770;
$base0A: #ebcb8b;
$base0B: #a3be8c;
$base0C: #88c0d0;
$base0D: #81a1c1;
$base0E: #b48ead;
$base0F: #5e81ac;

* {
    all: unset;
    font-size: 15px;
    color: $base06;
}

window#waybar {
    background: $base00;
}

tooltip {
    background: $base01;
}

.modules-left,
.modules-right {
    background: $base01;
    padding: 0px 8px;
}

.modules-center {
    background: $base01;
}

#workspaces button {
    padding: 6px 12px;
    transition: 0.2s;
}

#workspaces button:hover {
    padding: 6px 22px;
}

#workspaces button.focused {
    background: $base02;
}