181 lines
3.4 KiB
CSS
Executable File
181 lines
3.4 KiB
CSS
Executable File
/*//////////////////////////////////////////////////////////
|
|
// _ __ __ __ __ //
|
|
// | | /| / /__ ___ __/ / ___ _____ ___ / /___ __/ /__ //
|
|
// | |/ |/ / _ `/ // / _ \/ _ `/ __/ (_-</ __/ // / / -_) //
|
|
// |__/|__/\_,_/\_, /_.__/\_,_/_/ /___/\__/\_, /_/\__/ //
|
|
// /___/ /___/ //
|
|
////////////////////////////////////////////////////////////
|
|
*/
|
|
|
|
|
|
|
|
/*Main settings.*/
|
|
* {
|
|
font-family: RobotoMonoNerdFont;
|
|
font-size: 14px;
|
|
font-weight: Bold;
|
|
}
|
|
|
|
window#waybar {
|
|
background: rgba(0,0,0, 0);
|
|
transition-property: background-color;
|
|
transition-duration: .5s;
|
|
}
|
|
|
|
window#waybar > box{
|
|
border-top: 2px solid rgba(49,50,68, 1);
|
|
/*box-shadow: rgba(0, 0, 0, 0.35) 4 4 5 2px;*/
|
|
background: rgba(24,24,37, 1.0);
|
|
color: #7f849c;
|
|
transition-property: background-color;
|
|
transition-duration: .5s;
|
|
}
|
|
|
|
|
|
.modules-right {
|
|
border-radius: 7;
|
|
background-color: rgba(39,39,68, 0.95);
|
|
box-shadow: rgba(0, 0, 0, 0.16) 4 4 5 2px;
|
|
margin: 9 9 9 0px;
|
|
padding: 2 2 2 2px;
|
|
}
|
|
|
|
|
|
.modules-center {
|
|
border-radius: 7;
|
|
background-color: rgba(39, 39, 68, 0.95);
|
|
box-shadow: rgba(0, 0, 0, 0.16) 4 4 5 2px;
|
|
margin: 9 0 9 0px;
|
|
padding: 2 2 2 2px;
|
|
}
|
|
|
|
|
|
.modules-left {
|
|
border-radius: 7;
|
|
background-color: rgba(39, 39, 68, 0.95);
|
|
box-shadow: rgba(0, 0, 0, 0.16) 4 4 5 2px;
|
|
margin: 9 0 9 9px;
|
|
padding: 2 2 2 2px;
|
|
}
|
|
|
|
|
|
/*Modules setting.*/
|
|
|
|
|
|
/*1. Workspace switcher module.
|
|
Main.*/
|
|
#workspaces {
|
|
margin: 2 0 2 0px;
|
|
font-size: 18px;
|
|
}
|
|
|
|
/*1.1. Inactive workspace button.*/
|
|
#workspaces button {
|
|
transition: all 0.3s ease;
|
|
font-size: 17px;
|
|
padding: 3 16 3 10px;
|
|
border-radius: 7px;
|
|
color: #585b70;
|
|
}
|
|
|
|
/*1.2. Inactive workspace hover button.*/
|
|
#workspaces button:hover {
|
|
box-shadow: inherit;
|
|
text-shadow: inherit;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
/* #workspaces button.focused,
|
|
1.3. Active workspace button.*/
|
|
#workspaces button.active {
|
|
color: #b4befe;
|
|
transition: all 0.3s ease;
|
|
text-shadow: rgba(0, 0, 0, 0.288) 2 2 5 2px;
|
|
animation: colored-gradient 10s ease infinite;
|
|
padding: 3 16 3 10px;
|
|
font-weight: bolder;
|
|
font-size: 17px;
|
|
}
|
|
|
|
/*1.4. Warning workspace button.*/
|
|
#workspaces button.urgent {
|
|
color: #f38ba8;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
|
|
/*2. Keyboard layout module.*/
|
|
#language {
|
|
color:#b4befe;
|
|
padding: 0 0 0 0px;
|
|
}
|
|
|
|
/*3. PulseAudio control module.*/
|
|
#pulseaudio.audio {
|
|
color: #b4befe;
|
|
text-shadow: rgba(0, 0, 0, 0.288) 2 2 5 2px;
|
|
padding: 0 0 0 11px;
|
|
}
|
|
|
|
/*5. PulseAudio muted status module3*/
|
|
#pulseaudio.audio.muted {
|
|
box-shadow: rgba(0, 0, 0, 0.0) 2 2 5 2px;
|
|
color: #7f849c;
|
|
padding: 0 6 0 10px;
|
|
font-size: 16px;
|
|
}
|
|
|
|
/*6. Batteries capacity monitoring module.*/
|
|
#battery.bat2 {
|
|
padding: 0 0 0 0px;
|
|
}
|
|
|
|
#battery {
|
|
padding: 0 6 0 0px;
|
|
}
|
|
|
|
#custom-wifiicon {
|
|
padding-right: 3px;
|
|
}
|
|
|
|
#custom-tempicon {
|
|
padding-right: 3px;
|
|
}
|
|
|
|
#custom-btd {
|
|
padding-right: 15px;
|
|
padding-top: 1px;
|
|
font-size: 15px;
|
|
}
|
|
|
|
#custom-btc {
|
|
padding-right: 6px;
|
|
padding-top: 2px;
|
|
font-size: 15px;
|
|
}
|
|
|
|
#custom-logo {
|
|
font-family: RobotoMonoNerdFont;
|
|
font-weight: bold;
|
|
font-size: 15px;
|
|
padding-top: 1px;
|
|
padding-left: 4px;
|
|
}
|
|
|
|
#network {
|
|
padding-right: 10px;
|
|
}
|
|
|
|
/*7. Batteries charging status monitoring module.*/
|
|
#battery.charging, #battery.plugged {
|
|
color: #b4befe;
|
|
text-shadow: rgba(0, 0, 0, 0.288) 2 2 5 2px;
|
|
animation: gradient 5s linear infinite;
|
|
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
|
|
}
|
|
|
|
/*8. Date and time module.*/
|
|
#clock {
|
|
padding: 0 0 0 10px;
|
|
}
|