/* 
 * Copyright (C) 2020-2022 Aditya Shakya <adi1090x@gmail.com>
 * Everyone is permitted to copy and distribute copies of this file under GNU-GPL3
*/

/** ********** Fonts ********** **/
* {
    font-family: "JetBrainsMono Nerd Font";
    font-size: 16px;
}

/** ********** Waybar Window ********** **/
window#waybar {
    background-color: transparent;
    color: #D8DEE9;
    border-right: 0px solid #424854;
    transition-property: background-color;
    transition-duration: .5s;
}

window#waybar.hidden {
    opacity: 0.2;
}

window#waybar.empty {
}
window#waybar.solo {
}
window#waybar.thunar {
}
window#waybar.geany {
}

/** ********** Backlight ********** **/
#backlight {
    background-color: #88C0D0;
}
#backlight.2 {
}

/** ********** Battery ********** **/
#battery {
    background-color: #EBCB8B;
}
#battery.charging {
}
#battery.plugged {
}

#battery.2 {
}
#battery.2.charging {
}
#battery.2.plugged {
}
@keyframes blink {
    to {
        color: #BF616A;
    }
}
#battery.2.critical:not(.charging) {
    color: #ffffff;
    border-bottom: 2px solid #BF616A;
    animation-name: blink;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

/** ********** Clock ********** **/
#clock {
    background-color: #383C4A;
    color: #A3BE8C;
    font-size: 16px;
    font-weight: bold;
    border-radius: 12px 12px 0px 0px;
    padding: 10px 5px 0px 5px;
    margin-left: 5px;
    margin-right: 5px;
}
#clock.2 {
    color: #EBCB8B;
    border-radius: 0px 0px 12px 12px;
    padding: 0px 5px 10px 5px;
    margin-bottom: 5px;
}
#clock.3 {
    color: #81A1C1;
    font-size: 14px;
    border-radius: 12px;
    padding: 5px;
    margin-bottom: 5px;
}

/** ********** Sway ********** **/
#workspaces {
	background-color: #2F333C;
	color: #FFFFFF;
	border-radius: 0px 12px 0px 0px;
	padding: 4px;
}

#workspaces button {
	color: #FFFFFF;
	padding: 2px 6px;
}

#workspaces button:hover {
	background-color: #1B1F28;
	color: #FFFFFF;
	border: 0px solid #1B1F28;
	border-radius: 12px;
	padding: 2px 6px;
}

#workspaces button.visible {
	background-image: linear-gradient(to right, #62AEEF , #98C379);
}

#workspaces button.focused {
	background-image: linear-gradient(to right, #E06B74 , #C778DD);
}

#workspaces button.urgent {
	background-image: linear-gradient(to right, #E06B74 , #E5C07A);
}

#workspaces button.persistent {
	background-image: linear-gradient(to right, #E5C07A , #C778DD);
}

#workspaces button.visible,
#workspaces button.focused,
#workspaces button.urgent,
#workspaces button.persistent {
	color: #1B1F28;
	border-radius: 12px;
	padding: 2px 6px;
}

#workspaces button.current_output {
}

#workspaces button#sway-workspace-1 {
}

/* If workspaces is the leftmost module, omit left margin */
.modules-left > widget:first-child > #workspaces {
    margin-left: 0;
}

/* If workspaces is the rightmost module, omit right margin */
.modules-right > widget:last-child > #workspaces {
    margin-right: 0;
}

#mode {
	background-color: #C778DD;
    font-weight: bold;
}

#window {
	background-color: #2A2E37;
	color: #FFFFFF;
}
window#waybar.empty #window {
	background-color: transparent;
}

/** ********** River ********** **/
#tags button {
    border-radius: 12px;
    padding: 5px;
    margin: 2px 2px;
}

#tags button.occupied {
	background-color: #505666;
    border: 1px solid #232837;
}

#tags button.focused {
	background-image: linear-gradient(to right, #88C0D0 , #B48EAD);
    color: #232837;
    border: 1px solid #232837;
}

#tags button.urgent {
	background-color: #BF616A;
    color: #232837;
    border: 1px solid #232837;
}

#window.focused {
	background-color: #383C4A;
    color: #D8DEE9;
	font-size: 10px;
    border-radius: 12px;
    padding: 5px;
    margin-top: 8px;
    margin-left: 5px;
    margin-right: 5px;
}

/** ********** Tray ********** **/
#tray {
    padding: 10px 5px 10px 5px;
}
#tray > .passive {
    -gtk-icon-effect: dim;
}
#tray > .needs-attention {
    -gtk-icon-effect: highlight;
}
#tray > .active {
}

/** ********** MPD ********** **/
#mpd {
    background-color: #383C4A;
    color: #D8DEE9;
    padding: 2px 5px 2px 5px;
    margin-left: 5px;
    margin-right: 5px;
}
#mpd.disconnected {
	background-color: #BF616A;
	color: #232837;
}
#mpd.stopped {
	background-image: linear-gradient(to right, #EB6F92 , #EBBCBA);
	color: #232837;
}
#mpd.playing {
	background-image: linear-gradient(to right, #9CCFD8 , #C4A7E7);
	color: #232837;
}
#mpd.paused {
}

#mpd.2 {
    border-radius: 12px 12px 0px 0px;
    padding-top: 8px;
}
#mpd.3 {
    border-radius: 0px 0px 12px 12px;
    padding-bottom: 8px;
    margin-bottom: 8px;
}

/** ********** Pulseaudio ********** **/
#pulseaudio {
    background-color: #A3BE8C;
}
#pulseaudio.bluetooth {
    background-color: #EBCB8B;
}
#pulseaudio.muted {
    background-color: #BF616A;
}

#pulseaudio.2 {
}
#pulseaudio.2.bluetooth {
}
#pulseaudio.2.muted {
}

/** ********** Network ********** **/
#network {
    background-color: #B48EAD;
    margin-bottom: 5px;
}

#network.disconnected {
    background-color: #383C4A;
    color: #D8DEE9;
}
#network.disabled {
    background-color: #BF616A;
    color: #232837;
}
#network.linked {
}
#network.ethernet {
}
#network.wifi {
}

/** ********** Taskbar ********** **/
#taskbar {
/*    background-color: #2D3039;	*/
	border-radius: 12px 12px 0px 0px;
	margin-top: 6px;
	padding: 0px 4px;
}
#taskbar button {
	border-radius: 0px;
	margin: 0px 4px;
	padding: 0px 4px;
}
#taskbar button:hover {
	background-color: #6E6A86;
}
#taskbar button.maximized {
	border-bottom: 2px solid #F6C177;
}
#taskbar button.minimized {
	border-bottom: 2px solid #EB6F92;
}
#taskbar button.active {
	border-bottom: 2px solid #9CCFD8;
}
#taskbar button.fullscreen {
	border-bottom: 2px solid #C4A7E7;
}

/** ********** Workspace ********** **/
/*#workspaces
#workspaces button
#workspaces button.active
#workspaces button.urgent
#workspaces button.hidden */

/** ********** Custom ********** **/

#custom-chrome {
    background-color: #BF616A;
    margin-top: 8px;
    color: white;
}

#custom-browser {
    background-color: #A3BE8C;	
    margin-bottom: 8px;
    border-radius: 12px;
    font-size: 20px;
    color: black;
}

#custom-vscode {
    background-color: #88C0D0;
    margin-bottom: 8px;
    font-size: 20px;
    border-radius: 12px;
    color: black;
}

#custom-filesearch {
    background-color: #B48EAD;
    font-size: 20px;
    border-radius: 12px;
    color: black;
    margin-bottom: 8px;
}

#custom-terminal {
    background-color: #EBCB8B;
    font-size: 20px;
    border-radius: 12px;
    color: black;
    margin-bottom: 8px;
}

#custom-terminal2 {
    background-color: #268bd2;
    font-size: 20px;
    border-radius: 12px;
    color: white;
    margin-top: 8px;
    margin-bottom: 8px;
}

#custom-opacityup {
    background-color: #cb4b16;
    font-size: 20px;
    border-radius: 12px;
    color: white;
    margin-top: 8px;
    margin-bottom: 8px;
}

#custom-opacitydown {
    background-color: #cb4b16;
    font-size: 20px;
    border-radius: 12px;
    color: white;
    margin-top: 8px;
    margin-bottom: 8px;
}

#custom-screenshot {
    background-color: #383C4A;
    font-size: 20px;
    border-radius: 12px;
    color: black;
    margin-bottom: 8px;
    color: #88C0D0;
}

#custom-kill {
    background-color: #BF616A;
    font-size: 20px;
    border-radius: 12px;
    color: black;
    margin-bottom: 8px;
}

#custom-share {
    background-color: #cb4b16;
    margin-top: 8px;
    margin-bottom: 8px;
    font-size: 20px;
    border-radius: 12px;
    color: white;
}

#custom-power {
    background-color: #BF616A;
    margin-bottom: 8px;
}

/** Common style **/
#backlight, 
#battery,
#pulseaudio {
    color: #232837;
    border-radius: 12px 12px 0px 0px;
    padding: 10px 5px 5px 5px;
    margin-left: 5px;
    margin-right: 5px;
}

#backlight.2, 
#battery.2,
#pulseaudio.2 {
    background-color: #383C4A;
    color: #D8DEE9;
    font-size: 12px;
    font-weight: bold;
    border-radius: 0px 0px 12px 12px;
    padding: 8px 5px 8px 5px;
}

#tags, #tray {
    background-color: #383C4A;
    border-radius: 12px;
    margin-left: 5px;
    margin-right: 5px;
}

#network,
#custom-chrome,
#custom-power {
    color: #232837;
    border-radius: 12px;
    padding: 5px;
    margin-left: 5px;
    margin-right: 5px;
}

#backlight.2, 
#battery.2,
#pulseaudio.2,
#network,
#clock.2,
#custom-chrome {
    margin-bottom: 8px;
}
