From 0ba9319020934bbc71bfc95a41a1b4448ed40044 Mon Sep 17 00:00:00 2001
From: Louis-Maxime Piton <louismaxime.piton@orange.com>
Date: Wed, 25 Oct 2023 12:57:17 +0200
Subject: [PATCH] Dark mode: tarteaucitron (#2339)

---
 site/assets/js/tac.js                | 2 +-
 site/assets/scss/_tarteaucitron.scss | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/site/assets/js/tac.js b/site/assets/js/tac.js
index 930fb579a5..68f1257f23 100644
--- a/site/assets/js/tac.js
+++ b/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')
diff --git a/site/assets/scss/_tarteaucitron.scss b/site/assets/scss/_tarteaucitron.scss
index 31ad52f109..2b4857d300 100644
--- a/site/assets/scss/_tarteaucitron.scss
+++ b/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,7 +112,7 @@
 }
 
 @include tac("Info") {
-  padding: $modal-inner-padding 0;
+  padding: $spacer * .5 0;
   margin-bottom: $spacer;
   font-weight: $font-weight-bold;
 }
@@ -120,7 +120,7 @@
 @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") {