AliceDarkest
e853ca8e93
- theme.css: Light-Tokens auf WCAG AA nachgeschaerft (accent #c2410c, accent-2 #b45309, muted #6b5f4c, secondary #146b96, secondary-2 #0f5a80, Spiel-Durch- faller esc/sc/dl/ss/ff). Neues Token --warn (hell #8a6a06 / dunkel #edcb4c). - platform-neural.css: Light-Kartenakzente je Spiel (farbton-treu abgedunkelt, alle >=4.6:1 auf Kartengrund) statt der Neon-Leaks; Light-finalflux-Override. - dashboard.html: #edcb4c-Hardcodes -> var(--warn). - ServiceClash/Networker/BugHunter: echte Light-Varianten ueber scoped Custom Properties auf .sc-body/.nw-body/.bh-body (Dark-Defaults = alte Werte, Dark pixelgleich), handentworfene Light-Paletten (alle Kontraste WCAG-AA geprueft), .mf-theme-Toggle im Header ergaenzt, Networker-var(--text)/(--muted)-Bug behoben. Spielfremde .nw-*/.bh-*-Regeln aus accessibility-placement.css in die jeweiligen Spiel-CSS verschoben (ohne !important). Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01WFxcjtc9HNP4VECT6Ur1tE
22 lines
2.6 KiB
CSS
22 lines
2.6 KiB
CSS
body{padding-left:0!important;padding-bottom:0!important}
|
|
.mf-a11y-trigger{position:static!important;width:38px;height:38px;z-index:auto;flex:0 0 38px;box-shadow:0 0 14px var(--glow-w);border-radius:10px}
|
|
.mf-a11y-trigger svg{width:18px;height:18px}
|
|
.mf-a11y-panel{inset:76px 16px auto auto!important;width:min(450px,calc(100vw - 32px));max-height:calc(100dvh - 92px)}
|
|
.mf-a11y-utility{position:sticky;top:0;z-index:1700;min-height:60px;display:flex;align-items:center;justify-content:flex-end;padding:.5rem 1rem;background:var(--panel);border-bottom:1px solid var(--border)}
|
|
.mf-theme-float{display:flex;align-items:center;gap:.55rem}
|
|
body.mf-a11y-skin-codeescape{--mf-a11y-accent:var(--esc-accent);--mf-a11y-glow:var(--esc-glow);--mf-a11y-ink:#1c1100}
|
|
body.mf-a11y-skin-mindmatch{--mf-a11y-accent:var(--mm-accent);--mf-a11y-glow:var(--mm-glow);--mf-a11y-ink:#180d2b}
|
|
body.mf-a11y-skin-techtacular{--mf-a11y-accent:var(--tt-accent);--mf-a11y-glow:var(--tt-glow);--mf-a11y-ink:#270718}
|
|
body.mf-a11y-skin-devlab{--mf-a11y-accent:var(--dl-accent);--mf-a11y-glow:var(--dl-glow);--mf-a11y-ink:#221004}
|
|
body.mf-a11y-skin-syntaxsaga{--mf-a11y-accent:var(--ss-accent);--mf-a11y-glow:var(--ss-glow);--mf-a11y-ink:#07170d}
|
|
body.mf-a11y-skin-finalflux{--mf-a11y-accent:var(--ff-accent);--mf-a11y-glow:var(--ff-glow);--mf-a11y-ink:#211708}
|
|
body.mf-a11y-skin-bughunter{--mf-a11y-accent:var(--bh-accent);--mf-a11y-glow:var(--bh-glow);--mf-a11y-ink:#210c12}
|
|
body.mf-a11y-skin-networker{--mf-a11y-accent:var(--nw-accent);--mf-a11y-glow:var(--nw-glow);--mf-a11y-ink:#061321}
|
|
body.mf-a11y-skin-serviceclash{--mf-a11y-accent:var(--sc-accent);--mf-a11y-glow:var(--sc-glow);--mf-a11y-ink:#06171c}
|
|
body[class*="mf-a11y-skin-"] .mf-a11y-trigger{border-color:color-mix(in srgb,var(--mf-a11y-accent) 65%,var(--border));background:linear-gradient(135deg,var(--mf-a11y-accent),color-mix(in srgb,var(--mf-a11y-accent) 72%,#fff));color:var(--mf-a11y-ink);box-shadow:0 0 16px var(--mf-a11y-glow)}
|
|
body[class*="mf-a11y-skin-"] .mf-a11y-panel{border-color:color-mix(in srgb,var(--mf-a11y-accent) 56%,var(--border));box-shadow:0 12px 45px rgba(0,0,0,.55),0 0 22px var(--mf-a11y-glow)}
|
|
body[class*="mf-a11y-skin-"] .mf-a11y-head{background:color-mix(in srgb,var(--mf-a11y-accent) 28%,#07121f)}
|
|
body[class*="mf-a11y-skin-"] .mf-a11y-close{background:var(--mf-a11y-accent);color:var(--mf-a11y-ink)}
|
|
body[class*="mf-a11y-skin-"] .mf-a11y-option[aria-pressed="true"]{border-color:var(--mf-a11y-accent);background:color-mix(in srgb,var(--mf-a11y-accent) 18%,var(--surface));box-shadow:inset 0 0 0 2px var(--mf-a11y-accent)}
|
|
@media(max-width:700px){.mf-a11y-panel{inset:70px 6px auto 6px!important;width:auto;max-height:calc(100dvh - 82px)}}
|