Jordan Holt
dc09ae397d
All checks were successful
Check flake / build-amd64-linux (push) Successful in 1m23s
97 lines
2.0 KiB
CSS
97 lines
2.0 KiB
CSS
* {
|
|
font-family: sans-serif;
|
|
}
|
|
|
|
window#waybar {
|
|
background: linear-gradient(
|
|
to bottom,
|
|
rgba(118, 118, 118, 0.78) 0%,
|
|
rgba(50, 50, 50, 0.78) 50%,
|
|
rgba(0, 0, 0, 0.74) 50%,
|
|
rgba(0, 0, 0, 0.76) 100%
|
|
);
|
|
border-top: 1px solid rgba(71, 71, 71, 0.90);
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.97);
|
|
box-shadow: inset 0px 1px 0px 0px rgba(158, 158, 158, 0.90);
|
|
text-shadow: black 0px 0px 2px;
|
|
color: white;
|
|
}
|
|
|
|
#workspaces button {
|
|
margin: 2px;
|
|
background: linear-gradient(
|
|
to bottom,
|
|
rgba(255, 255, 255, 0.35) 0%,
|
|
rgba(255, 255, 255, 0.11) 50%,
|
|
rgba(255, 255, 255, 0) 50%
|
|
);
|
|
border: 1px solid rgba(0, 0, 0, 0.37);
|
|
border-radius: 4px;
|
|
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.25);
|
|
text-shadow: black 0px 0px 2px;
|
|
color: white;
|
|
}
|
|
|
|
#workspaces button:hover {
|
|
background:
|
|
linear-gradient(
|
|
to bottom,
|
|
rgba(255, 255, 255, 0.35) 0%,
|
|
rgba(255, 255, 255, 0.17) 50%,
|
|
rgba(255, 255, 255, 0) 50%
|
|
),
|
|
radial-gradient(
|
|
ellipse 80% 80% at 50% 110%,
|
|
rgba(44, 126, 204, 1) 0%,
|
|
rgba(44, 126, 204, 0) 80%
|
|
);
|
|
}
|
|
|
|
#workspaces button.active {
|
|
background: linear-gradient(
|
|
to bottom,
|
|
rgba(0, 0, 0, 0.40) 0%,
|
|
rgba(0, 0, 0, 0.38) 50%,
|
|
rgba(0, 0, 0, 0.55) 50%
|
|
);
|
|
box-shadow: inset 0px 1px 0px 0px rgb(0, 0, 0);
|
|
}
|
|
|
|
#workspaces button.active:hover {
|
|
background:
|
|
linear-gradient(
|
|
to bottom,
|
|
rgba(0, 0, 0, 0.40) 0%,
|
|
rgba(0, 0, 0, 0.38) 50%,
|
|
rgba(0, 0, 0, 0.55) 50%
|
|
),
|
|
radial-gradient(
|
|
ellipse 80% 80% at 50% 120%,
|
|
rgba(43, 143, 189, 1) 0%,
|
|
rgba(43, 143, 189, 0) 80%
|
|
);
|
|
}
|
|
|
|
#workspaces button.urgent {
|
|
background:
|
|
linear-gradient(
|
|
to bottom,
|
|
rgba(255, 255, 255, 0.35) 0%,
|
|
rgba(255, 255, 255, 0.11) 50%,
|
|
rgba(255, 255, 255, 0) 50%
|
|
),
|
|
radial-gradient(
|
|
ellipse 80% 80% at 50% 100%,
|
|
rgba(199, 128, 14, 1) 0%,
|
|
rgba(170, 75, 12, 0) 100%
|
|
);
|
|
}
|
|
|
|
.modules-left {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.modules-right {
|
|
margin-right: 10px;
|
|
}
|