From cf318158901b063e63fba0b34e7ad74488abf468 Mon Sep 17 00:00:00 2001
From: Lisa Durand <lisa.c.durand@gmail.com>
Date: Tue, 14 Nov 2023 10:59:10 +0100
Subject: [PATCH] change rgb color by var from DSFR

---
 app/assets/stylesheets/card.scss         | 2 +-
 app/assets/stylesheets/dossier_edit.scss | 2 +-
 app/assets/stylesheets/message.scss      | 4 ++--
 app/assets/stylesheets/table.scss        | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/assets/stylesheets/card.scss b/app/assets/stylesheets/card.scss
index 6cf472ef4..e40469846 100644
--- a/app/assets/stylesheets/card.scss
+++ b/app/assets/stylesheets/card.scss
@@ -4,7 +4,7 @@
 [data-fr-theme="dark"]
   .card {
     background: none;
-    border: 1px solid rgb(74, 74, 125);
+    border: 1px solid var(--background-action-low-blue-france);
   }
 
 .card {
diff --git a/app/assets/stylesheets/dossier_edit.scss b/app/assets/stylesheets/dossier_edit.scss
index 56bf7857b..df5d66ae6 100644
--- a/app/assets/stylesheets/dossier_edit.scss
+++ b/app/assets/stylesheets/dossier_edit.scss
@@ -6,7 +6,7 @@ $dossier-actions-bar-border-width: 1px;
 [data-fr-theme="dark"]
   .dossier-edit
     .dossier-edit-sticky-footer {
-      background-color:  rgb(74, 74, 125);
+      background-color: var(--background-action-low-blue-france);
       border: none
 }
 .dossier-header {
diff --git a/app/assets/stylesheets/message.scss b/app/assets/stylesheets/message.scss
index 57f482dd2..90e011d9c 100644
--- a/app/assets/stylesheets/message.scss
+++ b/app/assets/stylesheets/message.scss
@@ -3,10 +3,10 @@
 
 [data-fr-theme="dark"]
   .message {
-    background: rgb(74, 74, 125);
+    background: var(--background-action-low-blue-france);
 
     &.inverted-background {
-      background: rgb(74, 74, 125);
+      background: var(--background-action-low-blue-france);
     }
 }
 
diff --git a/app/assets/stylesheets/table.scss b/app/assets/stylesheets/table.scss
index b35937450..4dc1375cf 100644
--- a/app/assets/stylesheets/table.scss
+++ b/app/assets/stylesheets/table.scss
@@ -61,7 +61,7 @@
     .table {
       &.hoverable {
         tbody tr:hover {
-          background-color: rgb(74, 74, 125);
+          background-color: var(--background-action-low-blue-france);
         }
       }
     }