88 lines
1.4 KiB
CSS
88 lines
1.4 KiB
CSS
|
* {
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
#clock {
|
||
|
|
background-color: #0e0e0e;
|
||
|
|
font-weight: bold;
|
||
|
|
color: #f5f5f5;
|
||
|
|
padding: 0 10px;
|
||
|
|
margin: 4px 6px;
|
||
|
|
border-radius: 99px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#workspaces {
|
||
|
|
|
||
|
|
margin: 4px 6px;
|
||
|
|
border-radius: 99px;
|
||
|
|
padding: 0 4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#cava {
|
||
|
|
|
||
|
|
color: #f5f5f5;
|
||
|
|
|
||
|
|
margin-top: 4px;
|
||
|
|
margin-bottom: 4px;
|
||
|
|
|
||
|
|
padding: 2px 6px;
|
||
|
|
|
||
|
|
transition: all 0.3s ease-out;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
#workspaces button {
|
||
|
|
color: #f5f5f5;
|
||
|
|
background: transparent;
|
||
|
|
transition: all 0.3s ease;
|
||
|
|
padding: 0;
|
||
|
|
min-width: 25px;
|
||
|
|
border-radius: 99px;
|
||
|
|
margin: 4px;
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
#workspaces button.active {
|
||
|
|
background: #f5f5f5;
|
||
|
|
color: #0e0e0e;
|
||
|
|
}
|
||
|
|
|
||
|
|
#window {
|
||
|
|
color: #f5f5f5;
|
||
|
|
font-weight: bold;
|
||
|
|
padding: 0 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#custom-arch {
|
||
|
|
font-family: "JetBrainsMono Nerd Font", "FiraCode Nerd Font", monospace;
|
||
|
|
font-size: 20px;
|
||
|
|
padding-left: 20px;
|
||
|
|
color: #f5f5f5;
|
||
|
|
margin-right: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#language, #battery, #temperature {
|
||
|
|
background-color: #0e0e0e;
|
||
|
|
color: #f5f5f5;
|
||
|
|
|
||
|
|
margin-top: 4px;
|
||
|
|
margin-bottom: 4px;
|
||
|
|
|
||
|
|
padding: 2px 6px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#language {
|
||
|
|
border-top-left-radius: 99px;
|
||
|
|
border-bottom-left-radius: 99px;
|
||
|
|
|
||
|
|
padding-left: 14px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#temperature {
|
||
|
|
border-top-right-radius: 99px;
|
||
|
|
border-bottom-right-radius: 99px;
|
||
|
|
|
||
|
|
padding-right: 14px;
|
||
|
|
|
||
|
|
margin-right: 6px;
|
||
|
|
}
|