164 lines
2.7 KiB
CSS
164 lines
2.7 KiB
CSS
/** biome-ignore-all lint/correctness/noUnknownTypeSelector: gtk css has more valid identifiers */
|
|
* {
|
|
all: unset;
|
|
}
|
|
|
|
window {
|
|
background-color: #191919c6;
|
|
color: #ffffff;
|
|
padding-left: 4px;
|
|
padding-right: 4px;
|
|
padding-top: 2px;
|
|
padding-bottom: 2px;
|
|
font-size: 14px;
|
|
font-family:
|
|
"Hack Nerd Font Mono", "Font Awesome 7 Brands", "Font Awesome 7 Free",
|
|
sans-serif;
|
|
}
|
|
|
|
popover {
|
|
margin-top: 4px;
|
|
font-family:
|
|
"Hack Nerd Font Mono", "Material Icons", "Font Awesome 7 Free", sans-serif;
|
|
padding: 6px;
|
|
border-radius: 8px;
|
|
|
|
background: rgba(25, 25, 25, 0.8);
|
|
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
|
|
border: 1px solid rgba(57, 57, 57, 0.71);
|
|
font-size: 14px;
|
|
}
|
|
|
|
tooltip {
|
|
background-color: #222222;
|
|
color: #ffffff;
|
|
padding: 4px 8px;
|
|
border-radius: 4px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
button {
|
|
font-family: "Material Icons", sans-serif;
|
|
font-size: 20px;
|
|
}
|
|
|
|
#spacer {
|
|
font-weight: 900;
|
|
padding: 0 5px;
|
|
text-shadow: 0 0 5px #ffffffaa;
|
|
}
|
|
|
|
.button {
|
|
padding: 4px 8px;
|
|
border-radius: 4px;
|
|
font-family: "Material Icons", sans-serif;
|
|
}
|
|
|
|
.button:hover {
|
|
background-color: #111111;
|
|
}
|
|
|
|
.flat-button {
|
|
background-color: #333333;
|
|
color: #ffffff;
|
|
padding: 2px 4px;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.workspace-pill {
|
|
padding: 2px 5px;
|
|
margin-right: 6px;
|
|
border-radius: 5px;
|
|
text-shadow: 0 0 2px #646464;
|
|
transition:
|
|
background-color 0.2s,
|
|
color 0.2s,
|
|
box-shadow 0.2s;
|
|
}
|
|
|
|
.workspace-pill:hover {
|
|
background-color: rgba(255, 255, 255, 0.1);
|
|
color: #ffffff;
|
|
}
|
|
|
|
.workspace-pill-alive {
|
|
background-color: rgba(255, 255, 255, 0.153);
|
|
}
|
|
|
|
.workspace-pill-presenting {
|
|
background-color: #666666;
|
|
color: #ffffff;
|
|
/* animation: workspace-updown 1.2s ease-in-out infinite; */
|
|
}
|
|
|
|
.workspace-pill-focused {
|
|
background-color: #ffffff;
|
|
color: #1e1e1e;
|
|
box-shadow: 0 0 6px rgba(255, 255, 255, 0.8);
|
|
}
|
|
|
|
.workspace-pill-focused:hover {
|
|
box-shadow: none;
|
|
}
|
|
|
|
.workspace-pill-urgent {
|
|
background-color: #ff5555;
|
|
color: #fff;
|
|
animation: workspace-blink 1s linear infinite;
|
|
}
|
|
|
|
.workspace-pill-six {
|
|
animation: workspace-updown 1.2s ease-in-out infinite;
|
|
margin-left: -4px;
|
|
margin-top: 4px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.workspace-pill-seven {
|
|
animation: workspace-updown 1.2s ease-in-out infinite;
|
|
animation-delay: 0.6s;
|
|
margin-right: -4px;
|
|
margin-top: 4px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
@keyframes workspace-updown {
|
|
0% {
|
|
transform: translateY(4px);
|
|
}
|
|
|
|
50% {
|
|
transform: translateY(0px);
|
|
}
|
|
|
|
100% {
|
|
transform: translateY(4px);
|
|
}
|
|
}
|
|
|
|
@keyframes workspace-blink {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
|
|
50% {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
.notification-popup {
|
|
border-radius: 8px;
|
|
padding: 8px 12px;
|
|
background: rgba(30, 30, 30, 0.948);
|
|
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.2);
|
|
border: 1px solid rgba(80, 80, 80, 0.8);
|
|
font-size: 14px;
|
|
}
|
|
|
|
.notification-button-box {
|
|
}
|