Dark mode: tarteaucitron (#2339)

Author: louismaximepiton

site/assets/js/tac.js

@@ -29,7 +29,7 @@
   window.addEventListener('tac.open_alert', () => {
     const alert = document.getElementById('tarteaucitronAlertBig')
 
-    alert.setAttribute('data-bs-theme', 'dark');
+    alert.setAttribute('data-bs-theme', 'dark')
 
     document.getElementById('tarteaucitronCloseAlert').classList.add('btn', 'btn-sm', 'btn-secondary', 'ms-lg-2')
     alert.querySelector('.tarteaucitronAllow').classList.add('btn', 'btn-sm', 'btn-success', 'mx-sm-2', 'ms-lg-auto', 'my-2', 'my-lg-0')

site/assets/scss/_tarteaucitron.scss

@@ -12,7 +12,7 @@
   [role="heading"] {
     display: block;
     font-weight: $font-weight-bold;
-    color: $black;
+    color: $modal-content-color;
   }
 
   @include media-breakpoint-up(sm) {
@@ -112,15 +112,15 @@
 }
 
 @include tac("Info") {
-  padding: $modal-inner-padding 0;
+  padding: $spacer * .5 0;
   margin-bottom: $spacer;
   font-weight: $font-weight-bold;
 }
 
 @include tac("Name", true) {
   float: left;
   font-size: $font-size-sm;
-  color: var(--bs-secondary-color);
+  color: var(--bs-placeholder-color);
 }
 
 @include tac("Ask", true) {
@@ -135,7 +135,7 @@
 @include tac("MainLine", true) {
   padding-bottom: $spacer;
   margin-bottom: $spacer;
-  border-bottom: $modal-content-border-width solid $gray-400;
+  border-bottom: $modal-content-border-width solid $modal-content-border-color;
 }
 
 @include tac("Services") {