♿ add new mute style

maykinmedia · Feb 7, 2023 · dda7ee7 · dda7ee7
1 parent 6dbe49d
commit dda7ee7
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/open_inwoner/scss/components/Card/Card.scss b/src/open_inwoner/scss/components/Card/Card.scss
@@ -1,6 +1,6 @@
 .card {
   --card-color-background: white;
-  --card-color-border: var(--color-mute);
+  --card-color-border: var(--color-mute-deco);
   --card-size-border: var(--border-width);
   --card-size-dog-ear: var(--gutter-width);
   --card-spacing: var(--spacing-large);

diff --git a/src/open_inwoner/scss/views/App.scss b/src/open_inwoner/scss/views/App.scss
@@ -12,7 +12,7 @@
     var(--color-accent-darker),
     var(--color-accent-lighter)
   );
-  --border-width: 2px;
+  --border-width: 1px;
   --border-radius: 3px;
 
   // Color.
@@ -150,6 +150,8 @@
   --color-body: var(--color-gray-dark);
   // changed to #949494 to get the required 3:1 contrast ratio
   --color-mute: #949494;
+  // decorative, non-meaningful elements do not have contrast requirements
+  --color-mute-deco: #D2D2D2;
 
   /// Font.