Dark boxes (#336)

* css dark

* Automated changes

* Automated changes

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

assets/scss/custom.scss

@@ -100,13 +100,26 @@ https://github.com/jupyter/notebook/blob/9de5042e1058dc8aef7632f313e3e86c33390d3
     CUSTOM BOXES
 --------------------*/
 
+
 .alert.alert-info,
 .alert.alert-success,
 .alert.alert-danger,
 .alert.alert-warning {
 	/* padding: 1px 0px; */
 	background-color: white;
 }
+.dark .alert.alert-info,
+.dark .alert.alert-success,
+.dark .alert.alert-danger,
+.dark .alert.alert-warning {
+	/* padding: 1px 0px; */
+	background-color: #23252f;
+	color: white;
+}
+
+.dark .alert > :not(pre) > code {
+  color: #e83e8c !important;
+}
 
 /* Box heading color */
 .alert-info > .alert-heading {
@@ -122,6 +135,21 @@ https://github.com/jupyter/notebook/blob/9de5042e1058dc8aef7632f313e3e86c33390d3
 	background-color: #dc3545;
 }
 
+/* Dark mode heading*/
+.dark .alert-info > .alert-heading {
+	background-color: #032b47;
+}
+.dark .alert-success > .alert-heading {
+	background-color: #2db400;
+}
+.dark .alert-warning > .alert-heading {
+	background-color: #a09500;
+}
+.dark .alert-danger > .alert-heading {
+	background-color: #c4071a;
+}
+
+
 /* Text color */
 .alert-success,
 .alert-danger,
@@ -166,12 +194,16 @@ https://github.com/jupyter/notebook/blob/9de5042e1058dc8aef7632f313e3e86c33390d3
   border-bottom: 1px solid #dee2e6 ;
 }
 
+/* LEFT BORDERS */
 .box-warning {
   border-left: .2rem solid #ff0039;
 }
 .alert-danger {
   border-left: .2rem solid #ff0039;
 }
+.dark .alert-danger {
+  border-left: .2rem solid #5c0014;
+}
 .box-caution {
   border-left:.2rem solid #fd7e1480;
 }
@@ -190,12 +222,18 @@ https://github.com/jupyter/notebook/blob/9de5042e1058dc8aef7632f313e3e86c33390d3
 .alert-warning {
   border-left:.2rem solid #ffc10780;
 }
+.dark .alert-warning {
+  border-left:.2rem solid #d4ab38;
+}
 .box-important {
   border-left:.2rem solid #007bff80;
 }
 .alert-info {
   border-left:.2rem solid #007bff80;
 }
+.dark .alert-info {
+  border-left:.2rem solid #02316356;
+}
 .box-attention {
   border-left:.2rem solid #fd7e1480;
 }
@@ -205,6 +243,9 @@ https://github.com/jupyter/notebook/blob/9de5042e1058dc8aef7632f313e3e86c33390d3
 .alert-success {
   border-left:.2rem solid #3fb618;
 }
+.dark .alert-success {
+  border-left:.2rem solid #1a6600;
+}
 
 .box-header-exercise,
 .box-header-warning,

content/course/modern-ds/s3/index.qmd

@@ -618,10 +618,10 @@ Donc, du point de vue de l'utilisateur `Python`,
 il n'y a pas de différence fondamentale. Cependant,
 les données ne sont pas hebergées dans un dossier
 local (par exemple `Mes Documents/monsuperfichier`)
-mais sur un serveur distant auquel l'utilisateur
+mais sur un serveur distant auqgituel l'utilisateur
 de `Python` accède à travers un échange réseau.
 
-![](cloud_graphique.png)
+![](featured.png)
 
 Dans l'univers du _cloud_, la hiérarchisation des données
 dans des dossiers et des fichiers bien rangés