Fix frontend theme coverage

This commit is contained in:
2026-04-19 11:57:16 +02:00
parent b7f89b4e58
commit 5fcfd3e381
5 changed files with 206 additions and 153 deletions

View File

@@ -21,13 +21,14 @@
#components-reconnect-modal {
background-color: white;
background-color: color-mix(in srgb, var(--surface-card-strong) 96%, var(--bg-elevated));
color: var(--text-primary);
width: 20rem;
margin: 20vh auto;
padding: 2rem;
border: 0;
border: 1px solid var(--border-default);
border-radius: 0.5rem;
box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
box-shadow: var(--shadow-2);
opacity: 0;
transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
animation: components-reconnect-modal-fadeOutOpacity 0.5s both;
@@ -41,7 +42,7 @@
}
#components-reconnect-modal::backdrop {
background-color: rgba(0, 0, 0, 0.4);
background-color: var(--bg-overlay);
animation: components-reconnect-modal-fadeInOpacity 0.5s ease-in-out;
opacity: 1;
}
@@ -90,18 +91,18 @@
#components-reconnect-modal button {
border: 0;
background-color: #6b9ed2;
color: white;
background: linear-gradient(135deg, var(--accent-4), var(--accent-5));
color: var(--text-on-accent);
padding: 4px 24px;
border-radius: 4px;
}
#components-reconnect-modal button:hover {
background-color: #3b6ea2;
background: linear-gradient(135deg, color-mix(in srgb, var(--accent-4) 88%, var(--accent-2)), var(--accent-5));
}
#components-reconnect-modal button:active {
background-color: #6b9ed2;
background: linear-gradient(135deg, var(--accent-4), var(--accent-5));
}
.components-rejoining-animation {
@@ -112,7 +113,7 @@
.components-rejoining-animation div {
position: absolute;
border: 3px solid #0087ff;
border: 3px solid var(--info-5);
opacity: 1;
border-radius: 50%;
animation: components-rejoining-animation 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;