Réparation thèmes + sélecteur

This commit is contained in:
Johnnybegood90
2026-03-10 09:32:56 +01:00
parent 76e46a48a0
commit 99d01be1b3
4 changed files with 68 additions and 137 deletions
+16 -42
View File
@@ -1,52 +1,26 @@
/*
* GridTV Theme — Steampunk (Cuivre victorien)
* Cuivre, brun, engrenages imaginaires. Très 1880.
* Brun chaud, cuivre, laiton. Très 1880.
*/
@import url('https://fonts.googleapis.com/css2?family=IM+Fell+English:ital@0;1&display=swap');
:root {
--bg: #1a1008;
--surface: #241808;
--surface2: #2e2010;
--border: #5a3a10;
--border-bright: #8a5a20;
--accent: #d4820a;
--accent2: #c87820;
--accent-live: #e05010;
--text: #c8a060;
--text-dim: #7a5030;
--text-bright: #f0d090;
--prog-bg: #201408;
--prog-border: #6a4010;
--prog-live-bg: #2a1800;
--prog-live-border: #d4820a;
--bg: #160e04;
--surface: #201408;
--surface2: #2c1e0c;
--border: #4a2e0a;
--border-bright: #7a4e18;
--accent: #c87808;
--accent2: #e0a020;
--accent-live: #cc3000;
--text: #d4a050;
--text-dim: #7a5428;
--text-bright: #f0cc80;
--prog-bg: #1c1206;
--prog-border: #5a380c;
--prog-live-bg: #281800;
--prog-live-border: #c87808;
--font-ui: 'IM Fell English', serif;
--font-mono: 'Share Tech Mono', monospace;
}
/* Topbar avec lignes cuivrées */
.topbar {
border-bottom: 2px solid var(--accent);
background: repeating-linear-gradient(
90deg, transparent, transparent 40px,
rgba(212,130,10,0.04) 40px, rgba(212,130,10,0.04) 41px
), var(--surface);
}
.logo { color: var(--accent); }
/* Blocs carrés façon métal usiné */
.program-block { border-radius: 0; }
/* Bordures cuivrées */
.channels-col { border-right: 2px solid var(--accent); }
.time-ruler { border-bottom: 2px solid var(--accent); }
.channel-cell { border-bottom: 1px solid var(--border); }
/* Barre "now" cuivrée */
.now-line { background: var(--accent); }
.now-line::before { background: var(--accent); }
/* Scrollbar */
.timeline-area::-webkit-scrollbar-thumb { background: var(--accent); }