From 288e0f60e4acc60bd738f87bf34b82dab4c291af Mon Sep 17 00:00:00 2001
From: "Christian P. MOMON" <christian.momon@devinsy.fr>
Date: Sat, 26 Mar 2022 17:38:18 +0100
Subject: [PATCH] =?UTF-8?q?Mise=20=C3=A0=20jour=20de=20'services/pad.libre?=
 =?UTF-8?q?-service.eu.md'?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 services/pad.libre-service.eu.md | 58 +++++++++++++++++++++++++++-----
 1 file changed, 50 insertions(+), 8 deletions(-)

diff --git a/services/pad.libre-service.eu.md b/services/pad.libre-service.eu.md
index 0ca8fd6..f907985 100644
--- a/services/pad.libre-service.eu.md
+++ b/services/pad.libre-service.eu.md
@@ -337,7 +337,7 @@ Une autre solution peut consister à automatiquement ne pas afficher la table de
 
 Cette dernière solution a été retenue.
 
-### Table des matières trop largeur
+### Table des matières trop large
 
 Par défaut, l'affichage de la table des matières déplace la zone d'édition vers la droite et la place contre la colonne de droite rendant difficile la lecture de la page.
 
@@ -350,14 +350,9 @@ Une solution consite à réduire la taille de la table des matières. Modifier l
 }
 ```
 
-### Rendu visuel de la table des matières
+### Table des matière avec liens soulignés
 
-Par défaut, le rendu visuel de la table des matières connait des points améliorables :
-- décoration du texte (souligné) ;
-- largeur de la table des matières :
-- taille de la fonte.
-
- Modifier `/var/www/pad.libre-service.eu/node_modules/ep_table_of_contents/static/css/toc.css` :
+Par défaut, dans la table des matières, les liens sont soulignés. Modifier `/var/www/pad.libre-service.eu/node_modules/ep_table_of_contents/static/css/toc.css` :
 ```
 .tocItem{
   white-space: nowrap;
@@ -370,6 +365,53 @@ Par défaut, le rendu visuel de la table des matières connait des points améli
 
 ```
 
+### Couleurs de fond
+
+Par défaut, les couleur de fond de la table des matières et de la zone d'édition sont gris, très triste., les liens sont soulignés.
+
+Une étape consiste à créer un skin dédié : 
+```
+su - etherpad
+cd /var/www/pad.libre-service.eu/src/static/skins
+cp -a colibris lseu
+```
+
+Et le déclaré dans le fichier de configuration `/var/www/pad.libre-service.eu/settings.json` :
+```
+-  "skinName": "colibris",
++  "skinName": "lseu",
+```
+
+
+Pour le fond de la table des matières, modifier `/var/www/pad.libre-service.eu/src/static/skins/lseu/src/components/table-of-content.css` :
+```
+#toc {
+  padding: 20px 20px 10px 10px !important;
+  min-width: 146px !important;
+- background-color: transparent !important;
++ background-color: #edf2f7 !important;
++ color: #2c6a82 !important;
+  border: none !important;
+  order: -2;
+}
+```
+
+Pour le fond de la zone d'édition, modifier `/var/www/pad.libre-service.eu/src/static/skins/lseu/src/pad-variants.css` :
+```
+/* ====================== */
+/* == Light Background == */
+/* ====================== */
+.light-background #editorcontainerbox, .light-background #sidediv,                                                                                                        
+.light-background #chatbox, .light-background #outerdocbody, .light-background {
+  --text-color: var(--super-dark-color);
+  --text-soft-color: var(--dark-color);
+  --border-color: var(--middle-color);
+  --bg-soft-color: var(--super-light-color);
+- --bg-color: var(--light-color);
++ --bg-color: #e2e8f0;
+}
+```
+
 
 # Mise à jour
 Documentation: