Mise à jour de 'services/pad.libre-service.eu.md'

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 :
+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` :
-- 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` :
 ```
 .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: