adam/Remote-Terminal-for-MeshCore
1
0
Fork 0
mirror of https://github.com/jkingsman/Remote-Terminal-for-MeshCore.git synced 2026-07-04 08:52:03 +02:00
Code Issues Packages Projects Releases Wiki Activity

Add clearer messaging around back to chat

Browse Source
This commit is contained in:
Jack Kingsman
2026-03-06 11:40:29 -08:00
parent cdf5c0b81e
commit 8f2d55277f
3 changed files with 35 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/themes.css
+27 -6
View File
@@ -213,13 +213,27 @@
/* ── Solar Flare ("Plasma Burn") ─────────────────────────── */
@keyframes sf-glow-pulse {
0%, 100% { filter: drop-shadow(0 0 4px hsl(338 100% 50% / 0.3)); }
50% { filter: drop-shadow(0 0 10px hsl(338 100% 50% / 0.5)) drop-shadow(0 0 20px hsl(24 100% 50% / 0.2)); }
0%,
100% {
filter: drop-shadow(0 0 4px hsl(338 100% 50% / 0.3));
}
50% {
filter: drop-shadow(0 0 10px hsl(338 100% 50% / 0.5))
drop-shadow(0 0 20px hsl(24 100% 50% / 0.2));
}
}
@keyframes sf-msg-highlight {
0% { box-shadow: 0 0 0 2px hsl(338 100% 50%), 0 0 20px hsl(338 100% 50% / 0.4); }
100% { box-shadow: 0 0 0 2px transparent, 0 0 0 transparent; }
0% {
box-shadow:
0 0 0 2px hsl(338 100% 50%),
0 0 20px hsl(338 100% 50% / 0.4);
}
100% {
box-shadow:
0 0 0 2px transparent,
0 0 0 transparent;
}
}
:root[data-theme='solar-flare'] {
@@ -314,7 +328,12 @@
/* Solar Flare: Chamfered button corners + hover glow */
[data-theme='solar-flare'] button {
clip-path: polygon(4px 0, 100% 0, 100% calc(100% - 4px), calc(100% - 4px) 100%, 0 100%, 0 4px);
transition: filter 0.2s ease, transform 0.12s ease, background-color 0.15s ease, background-position 0.4s ease, color 0.15s ease;
transition:
filter 0.2s ease,
transform 0.12s ease,
background-color 0.15s ease,
background-position 0.4s ease,
color 0.15s ease;
}
[data-theme='solar-flare'] button:hover {
@@ -330,7 +349,9 @@
/* Solar Flare: Input focus glow */
[data-theme='solar-flare'] input:focus,
[data-theme='solar-flare'] textarea:focus {
box-shadow: 0 0 0 1px hsl(338 100% 50% / 0.5), 0 0 10px hsl(338 100% 50% / 0.2);
box-shadow:
0 0 0 1px hsl(338 100% 50% / 0.5),
0 0 10px hsl(338 100% 50% / 0.2);
outline: none;
}