/* ============================================================ GAS-NG — 3 nuansa tema (Setting Theme 1 / 2 / 3) Pasang di ============================================================ */ /* Tema 1 — Hijau muda */ html[data-gas-theme="1"] { --spa-dark: #1b3d24; --spa-brown-dark: #2e5c38; --spa-brown: #43a047; --spa-brown-mid: #66bb6a; --spa-brown-light:#81c784; --spa-tan: #a5d6a7; --spa-cream: #e8f5e9; --spa-white: #f1f8f2; --spa-pastel1: #c8e6c9; --spa-pastel2: #dcedc8; --spa-pastel3: #e8f5e9; --spa-pastel4: #f1f8e9; --spa-gold: #2e7d32; --spa-gold-light: #66bb6a; --gas-login-panel: #2e5c38; --gas-login-visual: #1b5e20; --ld-cream: #e8f5e9; --ld-blush: #c8e6c9; --ld-peach: #a5d6a7; --ld-sage: #dcedc8; --ld-lavender: #e8f5e9; --ld-gold: #2e7d32; --ld-brown: #43a047; --ld-brown-dark: #1b3d24; } /* Tema 2 — Biru muda (default) */ html[data-gas-theme="2"] { --spa-dark: #0a1628; --spa-brown-dark: #0d2847; --spa-brown: #1565c0; --spa-brown-mid: #1976d2; --spa-brown-light:#42a5f5; --spa-tan: #90caf9; --spa-cream: #e3f2fd; --spa-white: #f8fbff; --spa-pastel1: #bbdefb; --spa-pastel2: #b3e5fc; --spa-pastel3: #c5cae9; --spa-pastel4: #e1f5fe; --spa-gold: #f57c00; --spa-gold-light: #ffb74d; --gas-login-panel: #0d2847; --gas-login-visual: #1565c0; --ld-cream: #f0f7ff; --ld-blush: #e3f2fd; --ld-peach: #bbdefb; --ld-sage: #e1f5fe; --ld-lavender: #c5cae9; --ld-gold: #f57c00; --ld-brown: #1565c0; --ld-brown-dark: #0d2847; } /* Tema 3 — Orange */ html[data-gas-theme="3"] { --spa-dark: #3e2723; --spa-brown-dark: #5d4037; --spa-brown: #e65100; --spa-brown-mid: #f57c00; --spa-brown-light:#ff9800; --spa-tan: #ffcc80; --spa-cream: #fff3e0; --spa-white: #fffaf5; --spa-pastel1: #ffe0b2; --spa-pastel2: #ffecb3; --spa-pastel3: #fff3e0; --spa-pastel4: #fff8e1; --spa-gold: #ef6c00; --spa-gold-light: #ffa726; --gas-login-panel: #5d4037; --gas-login-visual: #e65100; --ld-cream: #fff8f0; --ld-blush: #fff3e0; --ld-peach: #ffe0b2; --ld-sage: #ffecb3; --ld-lavender: #fff3e0; --ld-gold: #ef6c00; --ld-brown: #e65100; --ld-brown-dark: #3e2723; } html:not([data-gas-theme]) { --spa-brown: #1565c0; --spa-cream: #e3f2fd; }