From: Jean-Marc Pigeon Date: Mon, 15 Dec 2025 19:38:39 +0000 (-0500) Subject: Ajout de la notion de theme. X-Git-Url: https://jmp-git.ovh.safe.ca/?a=commitdiff_plain;h=bffe2dd0922c064b9d09072f7264e944d1a39ae0;p=jmp%2Fmailleur Ajout de la notion de theme. --- diff --git a/www/gesdis.php b/www/gesdis.php index 2ed3dfe..df27b48 100644 --- a/www/gesdis.php +++ b/www/gesdis.php @@ -176,6 +176,7 @@ return $STR; function starthtml() { +$theme="light"; $curtime=time(); //Loading time stamp $STR = << - + - + EOT; return $STR; diff --git a/www/lvlmai.php b/www/lvlmai.php index 2489dcb..89b477c 100644 --- a/www/lvlmai.php +++ b/www/lvlmai.php @@ -249,15 +249,27 @@ $tblheader - - - - + + + + - - + + $line
NumStatusDateIPReverse IP +Status + +Date + +IP + +Reverse IP + Originator RecipientSubject +Recipient + +Subject +
diff --git a/www/theme.css b/www/theme.css new file mode 100644 index 0000000..83a8b86 --- /dev/null +++ b/www/theme.css @@ -0,0 +1,79 @@ +/* + * theme.css + * Deux thèmes : light (défaut) et dark + * Conçu pour être inclus depuis starthtml() + */ + +/* ========================= + Thème par défaut : LIGHT + ========================= */ +:root { + /* Couleurs générales */ + --bg-main: #ffffff; + --fg-main: #000000; + + /* En-têtes / tableaux */ + --bg-header: #f2f4f8; + --fg-header: #002244; + + /* États */ + --bg-active: #53CABA; /* sélection colonne */ + --bg-hover: #ddeeff; + + /* Bordures */ + --border-main: #cccccc; +} + +/* ========================= + Thème DARK + ========================= */ +[data-theme="dark"] { + --bg-main: #121212; + --fg-main: #e0e0e0; + + --bg-header: #1e1e2e; + --fg-header: #9ecbff; + + --bg-active: #2a7f78; + --bg-hover: #2a2a40; + + --border-main: #333333; +} + +/* ========================= + Styles génériques + ========================= */ +body { + margin: 0; + padding: 0; + background: var(--bg-main); + color: var(--fg-main); + font-family: sans-serif; +} + +/* ========================= + Table / colonnes filtrables + ========================= */ + +th.filter-col { + background: var(--bg-header); + color: var(--fg-header); + border: 1px solid var(--border-main); + padding: 6px 10px; + cursor: pointer; + user-select: none; +} + +th.filter-col:hover { + background: var(--bg-hover); +} + +th.filter-col.active { + background: var(--bg-active); +} + +/* Le texte interne hérite automatiquement */ +th.filter-col span { + pointer-events: none; /* clic toujours sur le TH */ +} +