/* Remplacements des couleurs de "Clair" vers "Sombre" */

/* 1re col: */
html.sombre [style*="color: rgb(128, 128, 25)"] {color: rgb(189, 189, 162) !important;}                     /* 180, 180, 150 */
html.sombre [style*="background-color: rgb(254, 255, 251)"] {background-color: rgb(29, 29, 9) !important;}  /* 35, 35, 5 - 36, 36, 6 */

/* 2e col: */
html.sombre [style*="color: rgb(0, 102, 204)"] {color: rgb(156, 196, 235) !important;}
html.sombre [style*="background-color: rgb(251, 253, 255)"] {background-color: rgb(15, 29, 47) !important;}

/* 3e col: */
html.sombre [style*="color: rgb(204, 51, 204)"] {color: rgb(214, 183, 214) !important;}                      /* 234, 191, 227 - 241, 216, 237  - 243, 207, 243 - 214, 183, 214 */
html.sombre [style*="background-color: rgb(255, 251, 254)"] {background-color: rgb(24, 6, 24) !important;}   /* 30, 11, 27 - 24, 6, 24 - 33, 12, 30 */

/* 4e col: */
html.sombre [style*="color: teal"] {color: rgb(150, 203, 203) !important;}                                  /* 165, 210, 210 - teal= color: rgb(0, 128, 128) */
html.sombre [style*="background-color: rgb(252, 255, 255)"] {background-color: rgb(0, 30, 30) !important;}  /* rgb(0, 23, 23) */

/* 5e col Actes: */
html.sombre [style*="background-color: rgb(255, 251, 244)"] {background-color: rgb(26, 15, 0) !important;}  /* 28, 17, 0 - 32, 20, 0 - 43, 27, 0 */

/* Titre des 5 col: */
html.sombre [style*="color: rgb(102, 102, 102)"] {color: rgb(160, 160, 160) !important;}                     /* 160, 160, 160 - 130, 130, 130 - 180, 180, 150 */
html.sombre [style*="background-color: rgb(255, 253, 237)"] {background-color: rgb(21, 28, 38) !important;}  /* 26, 34, 47 - 29, 38, 52 - 32, 43, 57 - 40, 50, 70 - 30, 30, 30 */

/* Fond général */
html.sombre [style*="background-color: white"] {background-color: rgb(15, 15, 15) !important;}  /* 30, 30, 30 */

/* Conclusion: */
html.sombre [style*="color: black"] {color: rgb(210, 191, 163) !important;}                      /* 195, 177, 151 - 225, 205, 175 - 255, 232, 198 -204, 204, 204 - 255, 255, 255 */
html.sombre [style*="color: rgb(0, 0, 0)"] {color: rgb(255, 232, 198) !important;}               /* 255, 232, 198 - 255, 242, 223 */

/* Fond top 1 */
html.sombre [style*="background-color: rgb(244, 244, 244)"] {background-color: rgb(30, 30, 30) !important;}  /*  */

/* Fond top 2 */
html.sombre [style*="background-color: rgb(249, 249, 249)"] {background-color: rgb(45, 45, 45) !important;}  /* 50, 50, 50 - 60, 60, 60 */

/* Fond Chapitres */
html.sombre [style*="background-color: rgb(252, 252, 252)"] {background-color: rgb(15, 15, 15) !important;}  /*  */

/* Bordure Chapitres */
html.sombre [style*="background-color: rgb(229, 229, 229)"] {background-color: rgb(40, 40, 40) !important;}

/* Fond Cell. chap. Mat-Mc-Luc-Jn */
html.sombre [style*="background-color: rgb(249, 251, 232)"] {background-color: rgb(45, 45, 0) !important;}
html.sombre [style*="background-color: rgb(242, 243, 255)"] {background-color: rgb(22, 43, 71) !important;}
html.sombre [style*="background-color: rgb(255, 244, 254)"] {background-color: rgb(36, 9, 36) !important;}   /* 48, 12, 48 */
html.sombre [style*="background-color: rgb(247, 253, 251)"] {background-color: rgb(14, 42, 42) !important;}  /* 0, 30, 30 - 11, 34, 34 - 14, 42, 42 */

/* - Les titres dans la section des commentaires bibliques */
html.sombre [style*="color: rgb(0, 153, 0)"] {color: rgb(70, 181, 70) !important;}     /* 66, 170, 66 - 45, 171, 45 */

/* - Section des commentaires bibliques - */
html.sombre [style*="color: rgb(102, 51, 0)"] {color: rgb(147, 111, 75) !important;}     /* 138, 99, 60 */

/* Couleur de fond des commentaires */
html.sombre [style*="background-color: rgb(254, 255, 248)"] {background-color: rgb(9, 18, 18) !important;} /* 6, 12, 12 - 12, 24, 24 */

/* 5 bordures 1er cadre */
html.sombre table[style*="border:"][style*="lightgray"] {border-color: rgb(64, 64, 64) !important;}
html.sombre table td {border-top-color: rgb(64, 64, 64) !important;}
html.sombre table td {border-left-color: rgb(64, 64, 64) !important;}
html.sombre table td {border-right-color: rgb(64, 64, 64) !important;}
html.sombre table td {border-bottom-color: rgb(64, 64, 64) !important;}

/* Les bordures du cadre des chapitres, etc. */
html.sombre table {border-color: rgb(64, 64, 64) !important;}

/* La ligne: "- Liste des titres -" */
html.sombre [style*="color: rgb(204, 0, 0)"] {color: rgb(216, 60, 60) !important;}   /* #A80000 */

/* Au survol du curseur: triange & chapitres */
html.sombre .hoverCellTable td:hover {background-color: rgb(52, 83, 119) !important;}
html.sombre .hoverCellTable_2 td:hover {background-color: rgb(52, 83, 119) !important;}

/* <<<<< */
/* 4 boutons: */
 /* "inline-flex" au lieu de flex, pour centrer les 4 boutons au lieu des aligner à gauche par défaut. */
 /* "gap:" réduit l'espace entre les 4 boutons. */
.boutons-triples {display: inline-flex; gap: 3px;}
/* Style commun */
.bouton-style {
  background-color: rgb(186, 220, 254);
  color: rgb(52, 103, 254);
  border: 1px solid rgb(180, 180, 180);
  padding: 1px 6px;
  font-size: 13px;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  transition: background-color 0.1s linear;
  }
/* Hover clair */
.bouton-style:hover {background-color: rgb(153, 204, 254);}
/* Thème sombre */
html.sombre .bouton-style {background-color: rgb(52, 103, 254); color: rgb(186, 220, 254); border-color: rgb(120, 120, 160);}
html.sombre .bouton-style:hover {background-color: rgb(42, 93, 224);}
/* Arrondis selon position */
.bouton-style.gauche {border-radius: 10px 0 0 10px;}
.bouton-style.droite {border-radius: 0 10px 10px 0;}
.bouton-actif {
  background-color: rgb(120, 180, 255);
  border-color: rgb(80, 130, 200);
  box-shadow: inset 0 0 3px rgba(0,0,0,0.2);
}
html.sombre .bouton-actif {
  background-color: rgb(80, 130, 200);
  border-color: rgb(186, 220, 254);
}
/* ----- */


/* <<<< */
/* Les pages des liste des langues des 4 évangiles en para. */
/* Fond page */
html.sombre [style*="background-color: rgb(237, 237, 237)"] {background-color: rgb(21, 21, 21) !important;}

/* Fond cellule A  ok */
html.sombre [style*="background-color: rgb(253, 236, 215)"] {background-color: rgb(36, 24, 12) !important;}  /* 54, 36, 18 */

/* Fond cellule ok */
/* déjà déclaré plus haut:
html.sombre [style*="background-color: rgb(244, 244, 244)"] {background-color: rgb(30, 30, 30) !important;}
*/


/* Interlinéaire 1-2-3-Jean: ----------------------------------------------------------------- */
html.sombre [style*="background-color: rgb(255, 249, 242)"] {background-color: rgb(21, 14, 6) !important;}
html.sombre [style*="background-color: rgb(240, 240, 240)"] {background-color: rgb(28, 28, 28) !important;}
html.sombre [style*="background-color: rgb(246, 246, 246)"] {background-color: rgb(29, 29, 29) !important;}
html.sombre [style*="background-color: rgb(233, 233, 233)"] {background-color: rgb(27, 27, 27) !important;}
html.sombre [style*="background-color: rgb(243, 243, 243)"] {background-color: rgb(43, 43, 43) !important;}
html.sombre [style*="background-color: rgb(253, 253, 248)"] {background-color: rgb(15, 15, 15) !important;}
html.sombre [style*="background-color: rgb(255, 255, 204)"] {background-color: rgb(29, 29, 12) !important;}
html.sombre a {color: rgb(49, 141, 237) !important;}                  /* Lien triangle bleux */
html.sombre .hoverCellTable td {color: rgb(97, 168, 241) !important;} /* Lien bleux */
html.sombre [style*="color: rgb(102, 102, 204)"] {color: rgb(147, 147, 219) !important;} /* Cara mauve */
html.sombre [style*="background-color: rgb(238, 238, 238)"] {background-color: rgb(28, 28, 28) !important;}
html.sombre [style*="background-color: rgb(255, 243, 242)"] {background-color: rgb(43, 22, 20) !important;}
html.sombre [style*="background-color: rgb(254, 255, 247)"] {background-color: rgb(22, 22, 22) !important;}
html.sombre [style*="background-color: rgb(245, 245, 245)"] {background-color: rgb(29, 29, 29) !important;}
html.sombre [style*="color: rgb(51, 102, 102)"] {color: rgb(147, 174, 174) !important;} /* Cara mauve */
html.sombre [style*="color: rgb(51, 51, 51)"] {color: rgb(171, 171, 171) !important;}   /* Cara mauve */
html.sombre [style*="color: rgb(102, 102, 0)"] {color: rgb(138, 138, 60) !important;}   /* Cara mauve */
html.sombre [style*="background-color: rgb(255, 255, 245)"] {background-color: rgb(18, 18, 0) !important;} /* 15, 15, 0 */
html.sombre [style*="background-color: rgb(255, 255, 236)"] {background-color: rgb(14, 14, 9) !important;} /* 21, 21, 14 */
html.sombre [style*="background-color: rgb(252, 255, 252)"] {background-color: rgb(7, 15, 7) !important;}
html.sombre [style*="color: red"] {color: rgb(255, 15, 15) !important;} /* rouge: 255, 57, 57 */
html.sombre [style*="color: rgb(153, 102, 51)"] {color: rgb(177, 138, 99) !important;}  /* brun */
html.sombre [style*="color: rgb(58, 116, 116)"] {color: rgb(103, 208, 208) !important;} /* turquoise 116, 157, 157 */
html.sombre [style*="color: rgb(51, 153, 153)"] {color: rgb(75, 165, 165) !important;}  /* turquoise */
html.sombre [style*="background-color: rgb(255, 249, 254)"] {background-color: rgb(14, 4, 12) !important;}  /* 1Jn4.7 variante */
html.sombre [style*="background-color: rgb(251, 251, 251)"] {background-color: rgb(20, 20, 20) !important;}
html.sombre [style*="background-color: rgb(255, 246, 234)"] {background-color: rgb(54, 36, 18) !important;} /* 45, 42, 38 */
html.sombre [style*="background-color: rgb(234, 242, 255)"] {background-color: rgb(41, 43, 45) !important;} /* Séparateur gris */

/* ----- */