add colors to badges

etalab · Apr 8, 2024 · de94c6e · de94c6e
1 parent 6244614
commit de94c6e
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/app/assets/stylesheets/dsfr-extensions.css b/app/assets/stylesheets/dsfr-extensions.css
@@ -61,7 +61,6 @@
   background-color: var(--background-action-low-blue-france);
 }
 
-
 /* Badge Icon */
 
 .fr-badge--purple-glycine::before,
@@ -109,4 +108,16 @@
 .fr-badge--sm.fr-badge--secondary::before {
   -webkit-mask-image: url("icons/business/archive-fill.svg");
   mask-image: url("icons/business/archive-fill.svg");
+}
+
+/* Badge color */
+
+fr-badge--grey {
+  background-color: var(--grey-975-75-hover);
+  color: var(--grey-50-1000);
+}
+
+.fr-badge.fr-badge--secondary {
+  background-color: var(--grey-50-1000);
+  color: var(--grey-1000-50);
 }
diff --git a/app/helpers/application_helper.rb b/app/helpers/application_helper.rb
@@ -29,7 +29,7 @@ def authorization_request_status_badge(authorization_request, no_icon: false, sc
   def authorization_request_status_badge_class(authorization_request)
     case authorization_request.state
     when 'draft'
-      %w[fr-badge--purple-glycine fr-badge--no-icon]
+      %w[fr-badge--grey fr-badge--no-icon]
     when 'changes_requested'
       %w[fr-badge--warning]
     when 'submitted'