Ajout nouveaux thèmes

This commit is contained in:
Johnnybegood90
2026-03-10 09:12:42 +01:00
parent 5e3fe4745e
commit 76e46a48a0
5 changed files with 234 additions and 13 deletions
+64
View File
@@ -0,0 +1,64 @@
/*
* GridTV Theme — Cyberpunk (Néons & dystopie)
* Violet/magenta sur noir profond, glows, Blade Runner vibes.
*/
@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;600;700&display=swap');
:root {
--bg: #050008;
--surface: #0a000f;
--surface2: #0f0018;
--border: #2a0040;
--border-bright: #5a0080;
--accent: #ff00ff;
--accent2: #00ffcc;
--accent-live: #ff0055;
--text: #cc88ff;
--text-dim: #660099;
--text-bright: #ffccff;
--prog-bg: #0d0018;
--prog-border: #3d0060;
--prog-live-bg: #1a0030;
--prog-live-border: #ff00ff;
--font-ui: 'Rajdhani', sans-serif;
--font-mono: 'Share Tech Mono', monospace;
}
/* Topbar avec glow */
.topbar {
border-bottom: 1px solid var(--accent);
box-shadow: 0 0 20px rgba(255,0,255,0.15);
}
/* Logo néon */
.logo {
color: var(--accent);
text-shadow: 0 0 10px var(--accent), 0 0 20px var(--accent);
}
/* Badge LIVE néon */
.live-dot {
color: var(--accent-live);
text-shadow: 0 0 8px var(--accent-live);
}
.live-dot::before {
box-shadow: 0 0 6px var(--accent-live);
}
/* Programmes live avec glow */
.program-block.is-live {
box-shadow: 0 0 8px rgba(255,0,255,0.3);
}
/* Barre rouge néon */
.now-line {
box-shadow: 0 0 8px var(--accent-live), 0 0 16px var(--accent-live);
}
/* Bordures néon */
.channels-col { border-right: 1px solid var(--accent); }
.time-ruler { border-bottom: 1px solid var(--accent); }
/* Scrollbar */
.timeline-area::-webkit-scrollbar-thumb { background: var(--border-bright); }