AliceDarkest
121 lines
11 KiB
CSS
121 lines
11 KiB
CSS
/* SysnaptiK Neural – Plattformhülle. Spielwelten werden über sn-platform bewusst nicht berührt. */
|
||
html.sn-platform body {
|
||
--accent:#78d7a0; --accent-2:#b4ebc8; --accent-ink:#06130d;
|
||
--secondary:#6fbbe8; --secondary-2:#9fd9f6;
|
||
--bg:#030b0d; --bg-glow:radial-gradient(900px 560px at 58% -12%,rgba(73,183,135,.14),transparent 61%);
|
||
--panel:#071316; --panel-2:#0a1a1d; --surface:#081518; --surface-2:#0d2023;
|
||
--border:#173438; --line:#10292d; --border-accent:rgba(120,215,160,.52);
|
||
--text:#dceae5; --muted:#93aaa4; --heading:#f3fbf7;
|
||
--glow-s:rgba(120,215,160,.46); --glow-w:rgba(120,215,160,.14);
|
||
--fluxtimer-primary:#74cde0; --fluxtimer-secondary:#78d7a0;
|
||
--fluxtimer-display:#061417; --fluxtimer-segment:#a6eac0;
|
||
background:
|
||
radial-gradient(circle at 12% 86%,rgba(55,168,123,.10),transparent 27%),
|
||
radial-gradient(circle at 82% 8%,rgba(52,158,181,.10),transparent 29%),
|
||
linear-gradient(135deg,#030b0d,#061216 54%,#02090b);
|
||
}
|
||
html.sn-platform body::before {
|
||
content:""; position:fixed; inset:0; z-index:-1; pointer-events:none; opacity:.55;
|
||
background:
|
||
radial-gradient(circle at 8% 12%,#78d7a0 0 1px,transparent 2px),
|
||
radial-gradient(circle at 27% 24%,#78d7a0 0 2px,transparent 3px),
|
||
radial-gradient(circle at 61% 14%,#68b9dd 0 1px,transparent 2px),
|
||
radial-gradient(circle at 88% 31%,#78d7a0 0 2px,transparent 3px),
|
||
linear-gradient(24deg,transparent 0 17%,rgba(120,215,160,.13) 17.1% 17.2%,transparent 17.3% 100%),
|
||
linear-gradient(145deg,transparent 0 52%,rgba(104,185,221,.10) 52.1% 52.2%,transparent 52.3% 100%);
|
||
}
|
||
html.sn-platform body .mf-sidebar { background:linear-gradient(180deg,#061114,#071518); border-color:#17373a; }
|
||
html.sn-platform body .mf-logo { gap:.8rem; }
|
||
/* Das bestehende Emblem bleibt die Marke: seine verbundenen Punkte lesen sich bereits
|
||
als neuronales Netz. Die Plattform ändert nur Farbe, Glow und Wortmarke. */
|
||
html.sn-platform body .mf-logo .mark, html.sn-platform body .auth-head .mark, html.sn-platform body .overlay-panel .o-emblem {
|
||
background:#78d7a0; filter:drop-shadow(0 0 10px rgba(120,215,160,.65));
|
||
}
|
||
html.sn-platform body .mf-logo .txt b { color:#e5f8ed; letter-spacing:.18em; font-size:.88rem; }
|
||
html.sn-platform body .mf-logo .txt span { color:#78d7a0; letter-spacing:.25em; font-size:.53rem; }
|
||
html.sn-platform body .mf-nav a.active { background:linear-gradient(100deg,rgba(120,215,160,.28),rgba(120,215,160,.12)); color:#e5f8ed; box-shadow:inset 0 0 0 1px rgba(180,235,200,.42),0 0 18px rgba(120,215,160,.18); }
|
||
html.sn-platform body .mf-panel, html.sn-platform body .mf-card, html.sn-platform body .mf-profile { background:linear-gradient(145deg,rgba(10,29,32,.92),rgba(5,16,19,.94)); border-color:#193a3e; box-shadow:0 13px 28px rgba(0,0,0,.22); }
|
||
html.sn-platform body .mf-card { overflow:hidden; }
|
||
html.sn-platform body .mf-card::after { content:""; position:absolute; inset:0; pointer-events:none; opacity:.55; background:radial-gradient(circle at 90% 8%,color-mix(in srgb,var(--accent) 22%,transparent) 0 1px,transparent 2px),linear-gradient(132deg,transparent 0 45%,color-mix(in srgb,var(--accent) 12%,transparent) 45.2% 45.4%,transparent 45.6%); }
|
||
html.sn-platform body .mf-card > * { position:relative; z-index:1; }
|
||
html.sn-platform body .mf-card-mindmatch { --accent:#df68b9; --accent-2:#ffc0e7; --glow-s:rgba(223,104,185,.40); }
|
||
html.sn-platform body .mf-card-techtacular { --accent:#d6db47; --accent-2:#f2f58a; --glow-s:rgba(214,219,71,.36); }
|
||
html.sn-platform body .mf-card-devlab { --accent:#78d7a0; --accent-2:#b4ebc8; --glow-s:rgba(120,215,160,.40); }
|
||
html.sn-platform body .mf-card-syntaxsaga { --accent:#9276f0; --accent-2:#d1c8ff; --glow-s:rgba(146,118,240,.40); }
|
||
html.sn-platform body .mf-card-codeescape { --accent:#edcb4c; --accent-2:#fff0a8; --glow-s:rgba(237,203,76,.38); }
|
||
html.sn-platform body .mf-card-serviceclash { --accent:#3abec5; --accent-2:#9de9e6; --glow-s:rgba(58,190,197,.38); }
|
||
html.sn-platform body .mf-card-bughunter { --accent:#e85e68; --accent-2:#ffb6bd; --glow-s:rgba(232,94,104,.38); }
|
||
html.sn-platform body .mf-card-networker { --accent:#55bdf0; --accent-2:#b2e7ff; --glow-s:rgba(85,189,240,.38); }
|
||
html.sn-platform body .mf-card-finalprotocol { --accent:#ed7849; --accent-2:#ffd0b5; --glow-s:rgba(237,120,73,.38); }
|
||
html.sn-platform body .mf-footer { background:rgba(3,11,13,.72); border-color:#173438; }
|
||
html.sn-platform body .mf-center { min-height:100vh; position:relative; }
|
||
html.sn-platform body .auth-container { background:linear-gradient(145deg,rgba(10,29,32,.98),rgba(4,14,17,.98)); border-color:rgba(120,215,160,.46); }
|
||
html.sn-platform body .overlay { background:radial-gradient(520px 320px at 62% 18%,rgba(120,215,160,.20),transparent 62%),linear-gradient(150deg,#0a2224,#071416); }
|
||
html.sn-platform body .overlay-panel .o-emblem { width:56px; height:56px; }
|
||
html.sn-platform body .neon-btn { border-radius:10px; }
|
||
html.sn-platform body .auth-head b { color:#78d7a0; }
|
||
html.sn-platform body.finalflux-shell, html.sn-platform body.finalflux-page {
|
||
--accent:#f09043; --accent-2:#ffd0a2; --accent-ink:#251004;
|
||
--glow-s:rgba(240,144,67,.40); --glow-w:rgba(240,144,67,.14);
|
||
}
|
||
html.sn-platform body .finalflux-shell, html.sn-platform body.finalflux-shell, html.sn-platform body.finalflux-page { background:transparent; }
|
||
/* Helle Plattformvariante: dieselbe Neural-Sprache, nur auf lichtem Grund.
|
||
Spielrouten erhalten diese Regeln nicht und behalten ihre eigenen Welten. */
|
||
html[data-theme="light"].sn-platform body {
|
||
--accent:#167a52; --accent-2:#79cfa6; --accent-ink:#fff;
|
||
--secondary:#176f9e; --secondary-2:#68b8df;
|
||
--bg:#edf7f2; --bg-glow:radial-gradient(900px 560px at 58% -12%,rgba(35,143,96,.15),transparent 61%);
|
||
--panel:#f8fcfa; --panel-2:#eff8f3; --surface:#fff; --surface-2:#e8f4ee;
|
||
--border:#bed8cb; --line:#d2e6dc; --border-accent:rgba(22,122,82,.48);
|
||
--text:#18382c; --muted:#587166; --heading:#10291f;
|
||
--glow-s:rgba(22,122,82,.30); --glow-w:rgba(22,122,82,.13);
|
||
--fluxtimer-primary:#176f9e; --fluxtimer-secondary:#167a52;
|
||
--fluxtimer-display:#e4f3ed; --fluxtimer-segment:#126b48;
|
||
background:
|
||
radial-gradient(circle at 12% 86%,rgba(39,150,103,.13),transparent 27%),
|
||
radial-gradient(circle at 82% 8%,rgba(44,137,178,.12),transparent 29%),
|
||
linear-gradient(135deg,#f7fcf9,#e8f5ef 54%,#edf8f4);
|
||
}
|
||
html[data-theme="light"].sn-platform body::before { opacity:.3; background:
|
||
radial-gradient(circle at 8% 12%,#167a52 0 1px,transparent 2px),
|
||
radial-gradient(circle at 27% 24%,#167a52 0 2px,transparent 3px),
|
||
radial-gradient(circle at 61% 14%,#176f9e 0 1px,transparent 2px),
|
||
radial-gradient(circle at 88% 31%,#167a52 0 2px,transparent 3px),
|
||
linear-gradient(24deg,transparent 0 17%,rgba(22,122,82,.15) 17.1% 17.2%,transparent 17.3% 100%),
|
||
linear-gradient(145deg,transparent 0 52%,rgba(23,111,158,.12) 52.1% 52.2%,transparent 52.3% 100%); }
|
||
html[data-theme="light"].sn-platform body .mf-sidebar { background:linear-gradient(180deg,#f5fbf7,#ecf6f0); border-color:#bfd8cc; }
|
||
html[data-theme="light"].sn-platform body .mf-logo .mark,html[data-theme="light"].sn-platform body .auth-head .mark,html[data-theme="light"].sn-platform body .overlay-panel .o-emblem { background:#167a52; filter:drop-shadow(0 0 8px rgba(22,122,82,.32)); }
|
||
html[data-theme="light"].sn-platform body .mf-logo .txt b { color:#163c2d; }
|
||
html[data-theme="light"].sn-platform body .mf-logo .txt span { color:#167a52; }
|
||
html[data-theme="light"].sn-platform body .mf-nav a.active { background:linear-gradient(100deg,rgba(22,122,82,.19),rgba(22,122,82,.08)); color:#123626; box-shadow:inset 0 0 0 1px rgba(22,122,82,.34),0 0 13px rgba(22,122,82,.12); }
|
||
html[data-theme="light"].sn-platform body .mf-panel,html[data-theme="light"].sn-platform body .mf-card,html[data-theme="light"].sn-platform body .mf-profile { background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(241,250,245,.96)); border-color:#c4dbd0; box-shadow:0 13px 28px rgba(28,75,54,.10); }
|
||
html[data-theme="light"].sn-platform body .mf-footer { background:rgba(244,251,247,.82); border-color:#c5ddd1; }
|
||
html[data-theme="light"].sn-platform body .auth-container { background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(239,249,243,.98)); border-color:rgba(22,122,82,.38); }
|
||
html[data-theme="light"].sn-platform body .overlay { background:radial-gradient(520px 320px at 62% 18%,rgba(22,122,82,.15),transparent 62%),linear-gradient(150deg,#e8f6ef,#f7fcf9); }
|
||
html[data-theme="light"].sn-platform body .auth-head b { color:#167a52; }
|
||
/* Light-Kartenakzente: farbton-treu abgedunkelt, damit die Neon-Werte aus Z.41-49
|
||
nicht auf die fast-weissen Karten leaken. Alle Akzente >=4.6:1 auf Kartengrund,
|
||
weisse Ink darauf >=4.9:1; --accent-2 als hellerer Deko-Ton. */
|
||
html[data-theme="light"].sn-platform body .mf-card-mindmatch { --accent:#a62c74; --accent-2:#c87ca9; --glow-s:rgba(166,44,116,.22); }
|
||
html[data-theme="light"].sn-platform body .mf-card-techtacular { --accent:#67700a; --accent-2:#a1a667; --glow-s:rgba(103,112,10,.22); }
|
||
html[data-theme="light"].sn-platform body .mf-card-devlab { --accent:#167a52; --accent-2:#6fad94; --glow-s:rgba(22,122,82,.22); }
|
||
html[data-theme="light"].sn-platform body .mf-card-syntaxsaga { --accent:#6742d6; --accent-2:#a18ae6; --glow-s:rgba(103,66,214,.22); }
|
||
html[data-theme="light"].sn-platform body .mf-card-codeescape { --accent:#8a6a06; --accent-2:#b6a365; --glow-s:rgba(138,106,6,.22); }
|
||
html[data-theme="light"].sn-platform body .mf-card-serviceclash { --accent:#0e7c86; --accent-2:#6aaeb4; --glow-s:rgba(14,124,134,.22); }
|
||
html[data-theme="light"].sn-platform body .mf-card-bughunter { --accent:#c22736; --accent-2:#d97982; --glow-s:rgba(194,39,54,.22); }
|
||
html[data-theme="light"].sn-platform body .mf-card-networker { --accent:#1668a8; --accent-2:#6fa1c9; --glow-s:rgba(22,104,168,.22); }
|
||
html[data-theme="light"].sn-platform body .mf-card-finalprotocol{ --accent:#b5490f; --accent-2:#d18e6a; --glow-s:rgba(181,73,15,.22); }
|
||
/* Light-Variante des finalflux-Shell-Overrides (dunkel: Z.57-60). */
|
||
html[data-theme="light"].sn-platform body.finalflux-shell, html[data-theme="light"].sn-platform body.finalflux-page {
|
||
--accent:#b5490f; --accent-2:#d18e6a; --accent-ink:#fff;
|
||
--glow-s:rgba(181,73,15,.22); --glow-w:rgba(181,73,15,.12);
|
||
}
|
||
@media (max-width:820px) { html.sn-platform body .mf-sidebar { background:#061114; } }
|
||
@media (max-width:820px) { html[data-theme="light"].sn-platform body .mf-sidebar { background:#f5fbf7; } }
|
||
/* Light-mode text must not inherit the white-on-color auth overlay treatment. */
|
||
html[data-theme="light"].sn-platform body .mf-logo .mark,html[data-theme="light"].sn-platform body .auth-head .mark,html[data-theme="light"].sn-platform body .overlay-panel .o-emblem{filter:none}
|
||
html[data-theme="light"].sn-platform body .overlay-panel h3{color:#10291f;text-shadow:none}
|
||
html[data-theme="light"].sn-platform body .overlay-panel p{color:#3c554a}
|
||
html[data-theme="light"].sn-platform body .ghost-btn{color:#167a52;border-color:rgba(22,122,82,.55)}
|
||
html[data-theme="light"].sn-platform body .ghost-btn:hover{background:rgba(22,122,82,.10)}
|