new background
All checks were successful
Build and deploy Havenllo / Verify Go and frontend (push) Successful in 48s
Build and deploy Havenllo / Build and push image (push) Successful in 43s
Build and deploy Havenllo / Apply and restart Havenllo (push) Successful in 6s

This commit is contained in:
Hermes
2026-07-21 15:31:44 -03:00
parent db271a6546
commit 34daad1f94
2 changed files with 17 additions and 11 deletions

View File

@@ -621,7 +621,7 @@ textarea { min-height: 96px; resize: vertical; }
font-family: "Avenir Next", Avenir, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
background: #07090e;
color: #f1f5ed;
--canvas: #07090e;
--canvas: #090810;
--canvas-glow: #121b1c;
--surface: #10151d;
--surface-raised: #171e28;
@@ -645,29 +645,35 @@ textarea { min-height: 96px; resize: vertical; }
body {
background-color: var(--canvas);
background-image:
radial-gradient(circle at 78% -12%, rgba(169, 146, 255, 0.2), transparent 32rem),
radial-gradient(circle at 4% 26%, rgba(109, 247, 208, 0.1), transparent 29rem),
radial-gradient(ellipse at 50% -18%, rgba(255, 125, 178, 0.22), transparent 36rem),
radial-gradient(circle at 104% 24%, rgba(169, 146, 255, 0.23), transparent 31rem),
radial-gradient(circle at -8% 94%, rgba(109, 247, 208, 0.16), transparent 32rem),
conic-gradient(from 215deg at 50% 45%, rgba(215, 255, 99, 0.045), transparent 17%, rgba(169, 146, 255, 0.065) 37%, transparent 54%, rgba(109, 247, 208, 0.045) 75%, transparent 88%),
linear-gradient(rgba(215, 255, 99, 0.035) 1px, transparent 1px),
linear-gradient(90deg, rgba(215, 255, 99, 0.035) 1px, transparent 1px),
var(--canvas);
background-size: auto, auto, 48px 48px, 48px 48px, auto;
background-size: auto, auto, auto, auto, 72px 72px, 72px 72px, auto;
background-attachment: fixed;
}
.app-shell { position: relative; min-height: 100vh; overflow: hidden; }
.app-shell::before {
position: absolute;
top: 90px;
right: -160px;
width: 380px;
height: 380px;
border: 1px solid rgba(215, 255, 99, 0.12);
top: 112px;
right: -218px;
width: 520px;
height: 520px;
border: 1px solid rgba(215, 255, 99, 0.14);
border-radius: 50%;
box-shadow: 0 0 0 22px rgba(215, 255, 99, 0.025), 0 0 0 44px rgba(215, 255, 99, 0.018);
box-shadow: 0 0 0 20px rgba(215, 255, 99, 0.04), 0 0 0 43px rgba(169, 146, 255, 0.045), 0 0 0 86px rgba(109, 247, 208, 0.025);
content: "";
pointer-events: none;
transform: rotate(14deg);
animation: orbit-drift 28s ease-in-out infinite alternate;
}
@keyframes orbit-drift { from { transform: translate3d(0, 0, 0) rotate(14deg); } to { transform: translate3d(-34px, 24px, 0) rotate(28deg); } }
button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, [tabindex="-1"]:focus-visible {
outline: 2px solid var(--signal);
outline-offset: 4px;