addet new config
This commit is contained in:
pika
parent
2bb659730c
commit
95a725957e
2 changed files with 126 additions and 75 deletions
110
style.css
110
style.css
|
|
@ -4,22 +4,25 @@
|
|||
}
|
||||
@keyframes urgent-workspace {
|
||||
from {
|
||||
color: yellow;
|
||||
color: white;
|
||||
}
|
||||
75% {
|
||||
color: red;
|
||||
}
|
||||
to {
|
||||
color: red;
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
@keyframes border-expand {
|
||||
0% {
|
||||
border-top: none;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
border-top: transparent;
|
||||
border-left: transparent;
|
||||
border-right: transparent;
|
||||
border-bottom: solid 2px currentcolor;
|
||||
border-radius: 100px;
|
||||
}
|
||||
33% {
|
||||
border-top: none;
|
||||
border-top: transparent;
|
||||
border-left: solid 2px currentcolor;
|
||||
border-right: solid 2px currentcolor;
|
||||
border-bottom: solid 2px currentcolor;
|
||||
|
|
@ -29,7 +32,7 @@ to {
|
|||
border-top: solid 2px currentcolor;
|
||||
border-left: solid 2px currentcolor;
|
||||
border-right: solid 2px currentcolor;
|
||||
border-bottom: none;
|
||||
border-bottom: transparent;
|
||||
border-radius: 33px;
|
||||
}
|
||||
to {
|
||||
|
|
@ -43,72 +46,80 @@ tooltip {
|
|||
background: black;
|
||||
color: white;
|
||||
}
|
||||
#p_info,
|
||||
#p-info,
|
||||
#weather,
|
||||
#info {
|
||||
border-top: solid 1px #9649cd;
|
||||
color: #9649cd;
|
||||
border-top: solid 1px currentcolor;
|
||||
transition: 650ms;
|
||||
}
|
||||
#p_info,
|
||||
#p-info:hover,
|
||||
#weather:hover,
|
||||
#info:hover {
|
||||
border-bottom: solid 2px #9649cd;
|
||||
border-top: none;
|
||||
transition: 150ms;
|
||||
border-bottom: solid 2px currentcolor;
|
||||
border-top: solid 0px transparent;
|
||||
transition: 350ms;
|
||||
}
|
||||
|
||||
window#waybar {
|
||||
border-top: solid 1px transparent;
|
||||
background: transparent;
|
||||
opacity: 0.7;
|
||||
/* background: rgba(153, 153, 153, 0.3); */
|
||||
color: white;
|
||||
}
|
||||
window#waybar.empty {
|
||||
opacity: 1.125;
|
||||
}
|
||||
window#waybar.fullscreen {
|
||||
border: solid 2px #d70947;
|
||||
opacity: 1.0;
|
||||
}
|
||||
#window {
|
||||
padding: 2px;
|
||||
margin: 4px 4px 0;
|
||||
color: #fdf6e3;
|
||||
font-weight: 600;
|
||||
border-top: solid 1px transparent;
|
||||
transition: 2s;
|
||||
transition: 300ms;
|
||||
}
|
||||
window#waybar {
|
||||
border: solid 2px rgba(160, 160, 160, 0.329);
|
||||
border-radius: 6px;
|
||||
background: transparent;
|
||||
transition: 700ms;
|
||||
}
|
||||
window#waybar.empty {
|
||||
margin-top: 4px;
|
||||
border: solid 2px rgba(136, 136, 136, 0.8);
|
||||
}
|
||||
window#waybar.fullscreen {
|
||||
background: rgba(55, 55, 55, 0.6);
|
||||
margin: 0;
|
||||
border: solid 3px rgba(145, 11, 53, 0.8);
|
||||
border-radius: 8px 8px 4px 4px;
|
||||
transition: 300ms;
|
||||
}
|
||||
|
||||
#workspaces button {
|
||||
border-top: solid 2px currentcolor;
|
||||
border-right: solid 2px currentcolor;
|
||||
margin-top: 4px;
|
||||
border-top: solid 1px currentcolor;
|
||||
border-right: solid 1px currentcolor;
|
||||
border-bottom: solid 1px transparent;
|
||||
margin-top: 5px;
|
||||
margin-left: 0px;
|
||||
padding: 0;
|
||||
padding-right: 4px;
|
||||
transition: 200ms;
|
||||
/* transition: transform 0.4s; */
|
||||
border-radius: 0;
|
||||
border-radius: 2px 2px 2 0;
|
||||
}
|
||||
#workspaces button.empty {
|
||||
opacity: 0.4;
|
||||
}
|
||||
#workspaces button.active {
|
||||
color: #e44cdf;
|
||||
padding: 0 10px;
|
||||
color: rgba(255, 238, 0, 0.9);
|
||||
padding: 0 8px;
|
||||
margin-top: 0;
|
||||
margin-right: 2px;
|
||||
margin-left: 1px;
|
||||
border-top: solid 2px currentcolor;
|
||||
border-right: solid 2px currentcolor;
|
||||
/* transition: translateY(0.75rem) 400ms; */
|
||||
border-radius: 8px 4px 2px 0;
|
||||
}
|
||||
#workspaces button.urgent {
|
||||
color: red;
|
||||
animation: urgent-workspace ease-out 2s infinite;
|
||||
animation: urgent-workspace ease-out 4s infinite;
|
||||
}
|
||||
|
||||
#pulseaudio {
|
||||
color: #cbb643;
|
||||
}
|
||||
/* #memory { */
|
||||
/* color: #740cbe; */
|
||||
/* } */
|
||||
#p-info,
|
||||
#info,
|
||||
#memory {
|
||||
color: #9649cd;
|
||||
}
|
||||
#cpu {
|
||||
color: #a70a3c;
|
||||
}
|
||||
|
|
@ -121,12 +132,17 @@ window#waybar.fullscreen {
|
|||
#disk {
|
||||
color: #b58900;
|
||||
}
|
||||
#custom-power {
|
||||
border-radius: 0 8px 0 0;
|
||||
}
|
||||
#custom-weather,
|
||||
#custom-reboot,
|
||||
#custom-quit,
|
||||
#custom-lock,
|
||||
#custom-powerm,
|
||||
#custom-power {
|
||||
padding: 0.2rem 1rem;
|
||||
margin: 0 1px;
|
||||
font-weight: 600;
|
||||
border-top: solid 1px currentcolor;
|
||||
transition: 350ms;
|
||||
|
|
@ -138,10 +154,10 @@ window#waybar.fullscreen {
|
|||
#custom-power:hover {
|
||||
border-top: solid 2px red;
|
||||
transition: 250ms;
|
||||
margin: 0;
|
||||
/* border-radius: 2rem; */
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
#pulseaudio,
|
||||
#memory,
|
||||
#cpu,
|
||||
|
|
@ -162,9 +178,9 @@ window#waybar.fullscreen {
|
|||
#memory:hover,
|
||||
#cpu:hover,
|
||||
#battery:hover,
|
||||
#network:hover,
|
||||
#disk:hover,
|
||||
#clock:hover {
|
||||
#clock:hover,
|
||||
#network:hover {
|
||||
border-top: solid 2px currentcolor;
|
||||
transition: 250ms;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue