/* ================================================================= GTA CHEAT V1 — VARIANTES D'AMBIANCE Pilotées par l'attribut [data-ambiance] sur . Chaque variante ne fait que réécrire les jetons sémantiques + quelques décors. Valeurs : dark (défaut) · light · neon · retro ================================================================= */ /* ---------------------------------------------------------------- SOMBRE — réalisme GTA IV + néon discret (défaut) ---------------------------------------------------------------- */ [data-ambiance="dark"] { --bg: #0b0e13; --bg-grad-1:#0b0e13; --bg-grad-2:#141a23; --bg-elev:#161c25; --surface:#1b222d; --surface-2:#212a37; --border:#2b3543; --border-2:#3a4757; --text:#e9eef4; --text-muted:#8b97a6; --heading:#ffffff; --accent: var(--vice-pink); --accent-2: var(--vice-cyan); --accent-3: var(--gold); --money-clr: var(--money); --link: var(--vice-cyan); --link-hover: var(--vice-pink); --glow: 0 0 0 rgba(0,0,0,0); } /* ---------------------------------------------------------------- CLAIR — Los Santos plein jour, béton & ciel ---------------------------------------------------------------- */ [data-ambiance="light"] { --bg:#eef1f4; --bg-grad-1:#f3f5f8; --bg-grad-2:#e4e8ee; --bg-elev:#ffffff; --surface:#ffffff; --surface-2:#f2f4f7; --border:#d3dae2; --border-2:#bcc6d1; --text:#1b2330; --text-muted:#5d6b7c; --heading:#0c1320; --accent:#e21d6e; --accent-2:#0a8fb8; --accent-3:#c98a14; --money-clr:#2f9e44; --link:#0a8fb8; --link-hover:#e21d6e; --glow: 0 0 0 rgba(0,0,0,0); } [data-ambiance="light"] body { background-image: radial-gradient(1100px 560px at 88% -8%, rgba(226,29,110,.10), transparent 60%), radial-gradient(820px 480px at 0% 0%, rgba(10,143,184,.10), transparent 55%), linear-gradient(180deg, var(--bg-grad-1), var(--bg-grad-2)); } [data-ambiance="light"] body::before { mix-blend-mode: multiply; opacity:.05; } [data-ambiance="light"] .btn { color:#fff; } [data-ambiance="light"] .btn--gold, [data-ambiance="light"] .btn--money { color:#fff; } [data-ambiance="light"] .brand__name { -webkit-text-fill-color: transparent; } [data-ambiance="light"] .hud-bar { background: color-mix(in srgb, #fff 78%, transparent); } [data-ambiance="light"] pre, [data-ambiance="light"] :not(pre) > code { background:#0c1320; color:#7fe7ea; border-color:#243; } /* ---------------------------------------------------------------- NÉON — Vice City synthwave, néons et halos ---------------------------------------------------------------- */ [data-ambiance="neon"] { --bg:#0a0612; --bg-grad-1:#0c0518; --bg-grad-2:#160826; --bg-elev:#150b22; --surface:#190c2a; --surface-2:#21103a; --border:#3a1d5e; --border-2:#5a2d8f; --text:#f4ecff; --text-muted:#a98fd0; --heading:#ffffff; --accent:#ff2e88; --accent-2:#2de2e6; --accent-3:#ffd54a; --money-clr:#34e07a; --link:#2de2e6; --link-hover:#ff2e88; --glow: 0 0 22px color-mix(in srgb, var(--accent) 55%, transparent); } [data-ambiance="neon"] body { background-image: radial-gradient(1000px 520px at 50% -10%, rgba(255,46,136,.20), transparent 60%), radial-gradient(900px 600px at 100% 100%, rgba(45,226,230,.14), transparent 55%), linear-gradient(180deg, var(--bg-grad-1), var(--bg-grad-2)); } [data-ambiance="neon"] h1,[data-ambiance="neon"] h2 { text-shadow: 0 0 18px color-mix(in srgb, var(--accent) 45%, transparent); } [data-ambiance="neon"] .card,[data-ambiance="neon"] .widget { box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 14%, transparent); } [data-ambiance="neon"] .card:hover { box-shadow: 0 0 30px color-mix(in srgb, var(--accent) 28%, transparent); } [data-ambiance="neon"] .btn { box-shadow: var(--glow); } [data-ambiance="neon"] .tag { box-shadow: 0 0 14px color-mix(in srgb, var(--accent) 30%, transparent); } /* lignes de balayage (scanlines) */ [data-ambiance="neon"] body::after { content:""; position:fixed; inset:0; pointer-events:none; z-index:9998; background: repeating-linear-gradient(180deg, rgba(255,255,255,.03) 0 1px, transparent 1px 3px); mix-blend-mode: overlay; } [data-ambiance="neon"] .nav-bar { border-bottom-color: color-mix(in srgb, var(--accent) 40%, transparent); } /* ---------------------------------------------------------------- RÉTRO-MODERNE — années 80 Vice City, chaleur sépia + or ---------------------------------------------------------------- */ [data-ambiance="retro"] { --bg:#161019; --bg-grad-1:#1a121d; --bg-grad-2:#241522; --bg-elev:#221823; --surface:#271b29; --surface-2:#31222f; --border:#46303f; --border-2:#664050; --text:#f3e6dc; --text-muted:#b79a93; --heading:#fff4e8; --accent:#ff6b9d; --accent-2:#ffb347; --accent-3:#f4c04e; --money-clr:#7bbf5a; --link:#ffb347; --link-hover:#ff6b9d; --glow: 0 0 0 rgba(0,0,0,0); } [data-ambiance="retro"] body { background-image: radial-gradient(1100px 560px at 85% -8%, rgba(255,107,157,.16), transparent 60%), radial-gradient(820px 520px at 5% 5%, rgba(255,179,71,.14), transparent 55%), linear-gradient(180deg, var(--bg-grad-1), var(--bg-grad-2)); } /* grain plus présent + sur-couche chaude */ [data-ambiance="retro"] body::before { opacity:.07; } [data-ambiance="retro"] body::after { content:""; position:fixed; inset:0; pointer-events:none; z-index:9997; background: linear-gradient(180deg, rgba(255,179,71,.05), transparent 40%, rgba(122,63,242,.06)); mix-blend-mode: soft-light; } [data-ambiance="retro"] .btn { color:#1a121d; } [data-ambiance="retro"] h1,[data-ambiance="retro"] h2 { letter-spacing:1px; } [data-ambiance="retro"] .card,[data-ambiance="retro"] .widget { border-style: solid; } /* ---------------------------------------------------------------- Sélecteur d'ambiance flottant (démo + activable en thème) ---------------------------------------------------------------- */ .amb-switch { position: fixed; right: 16px; bottom: 16px; z-index: 9000; display:flex; gap:.35rem; padding:.4rem; background: color-mix(in srgb, var(--surface) 88%, transparent); border:1px solid var(--border); border-radius: 999px; backdrop-filter: blur(10px); box-shadow: var(--shadow-2); } .amb-switch button { width:30px; height:30px; border-radius:50%; border:2px solid transparent; cursor:pointer; font:inherit; color:transparent; position:relative; transition: transform .15s var(--ease), border-color .15s var(--ease); } .amb-switch button:hover { transform: scale(1.12); } .amb-switch button[aria-pressed="true"] { border-color: var(--white); } .amb-switch button[data-amb="dark"] { background: linear-gradient(135deg,#1b222d,#ff2e88); } .amb-switch button[data-amb="light"] { background: linear-gradient(135deg,#eef1f4,#0a8fb8); } .amb-switch button[data-amb="neon"] { background: linear-gradient(135deg,#ff2e88,#2de2e6); } .amb-switch button[data-amb="retro"] { background: linear-gradient(135deg,#ffb347,#ff6b9d); } .amb-switch__label { align-self:center; font-family:var(--font-ui); font-size:.66rem; text-transform:uppercase; letter-spacing:1.5px; color:var(--text-muted); padding-inline:.5rem; } @media (max-width:520px){ .amb-switch__label{ display:none; } }