fileout="$HOME/.config/waybar/style.css"

printf "* {
    font-family: 'JetbrainsMono Nerd Font', 'B612 Mono', 'monospace';

    font-size: 14px;
    min-height: 0;
    padding: 0px;
    padding-right: 2px;
    padding-left: 2px;
}

#waybar {
background: transparent;
color: $color7;
}

#workspaces {
background: $color0;
margin-bottom: 4px;
}

#workspaces button {
color: $color4;
}

#workspaces button.active {
color: $color14;
}

#workspaces button.visible {
color: $color14;
}

#workspaces button.empty {
color: $color5;
}

#workspaces button.focused {
color: $color14;
}


button {
    background: transparent;
}

#workspaces button:hover {
background: $color8;
border: 1px solid transparent;
}

#custom-ws_end_arrow,
#custom-mod_end_arrow {
color: $color0;
padding-left: 0px;
margin-bottom: 6px;
}

#custom-mod_end_arrow {
padding-right: 0px;
margin-bottom: 1px;
}

#custom-music,
#tray,
#backlight,
#clock,
#battery,
#pulseaudio,
#network,
#cpu,
#memory,
#custom-lock,
#custom-power,
#custom-weather,
#custom-uptime,
#custom-rss,
#custom-disc,
#custom-mic,
#custom-wifi,
#custom-docker {
background-color: $color0;
margin-bottom: 4px;
}

#clock {
color: $color4;
}

#custom-weather {
color: $color4;
}

#battery {
color: #a6d189;
}

#battery.charging {
color: #a6d189;
}

#battery.warning:not(.charging) {
color: #e78284;
}

#backlight {
color: #e5c890;
}

#pulseaudio {
color: $color9;
}

#custom-mic{
color: $color9;
padding-left: 10px;
}

#custom-docker {
color: $color4;
}

#custom-music {
color: #ca9ee6;
}

#custom-lock {
color: #babbf1;
padding-right: 1rem;
}

#custom-power {
padding-right: 1rem;
padding-left: 1px;
color: #e78284;
}

#custom-docker.docker {
color: #85c1dc;
}

#custom-docker.docker-none {
color: #737994;
}

#custom-docker.docker-error {
color: #e78284;
}

#custom-weather.clear {
color: #e5c890; /* Sunny yellow */
}

#custom-weather.cloud {
color: #99d1db; /* Light blue */
}

#custom-weather.rain {
color: #8caaee; /* Blue */
}

#custom-weather.snow {
color: #c6d0f5; /* White-ish */
}

#custom-weather.thunder {
color: #ca9ee6; /* Purple */
}

#custom-weather.fog {
color: #b0b4bc; /* Gray */
}

#custom-weather.error {
color: $color0; /* Red */
}" > "$fileout"

sleep 0.1s
pkill waybar
nohup waybar > /dev/null 2> /dev/null < /dev/null & disown