💄 [#2311] Changed info color into secondary color

maykinmedia · Aug 27, 2024 · 1dd0678 · 1dd0678
1 parent b9e1ac8
commit 1dd0678
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 6 deletions.
diff --git a/src/open_inwoner/scss/components/KCMSurvey/KCMSurvey.scss b/src/open_inwoner/scss/components/KCMSurvey/KCMSurvey.scss
@@ -1,28 +1,31 @@
 .kcm-survey {
   display: inline-block;
-  border-top: 1px solid var(--color-info-darker);
+  border-color: var(--color-secondary-darker);
+  border-top: 1px solid var(--color-secondary-darker);
   border-right: none;
   border-bottom: none;
-  border-left: 1px solid var(--color-info-darker);
+  border-left: 1px solid var(--color-secondary-darker);
   outline: 1px solid var(--color-white);
   border-radius: var(--border-radius) 0 0 0;
   position: fixed;
   bottom: 0;
   right: 0;
   z-index: 1010;
   padding: var(--spacing-medium);
-  background-color: var(--color-info-lighter);
+  background-color: var(--color-secondary-lightest);
   font-size: var(--font-size-heading-card);
   font-weight: bold;
   writing-mode: initial;
 
   & .link {
-    color: var(--color-info-darker);
+    color: var(--color-secondary-darker);
   }
 
   @media (min-width: 768px) {
-    border-width: 0;
-    border-color: initial;
+    border-top: 1px solid var(--color-secondary-darker);
+    border-right: 1px solid var(--color-secondary-darker);
+    border-bottom: 1px solid var(--color-secondary-darker);
+    border-left: none;
     border-radius: 0 var(--border-radius) var(--border-radius) 0;
     bottom: initial;
     right: initial;

diff --git a/src/open_inwoner/scss/views/App.scss b/src/open_inwoner/scss/views/App.scss
@@ -80,6 +80,11 @@
     calc(var(--color-secondary-s) - 30%),
     calc(var(--color-secondary-l) + 30%)
   );
+  --color-secondary-lightest: hsl(
+    var(--color-secondary-h),
+    calc(var(--color-secondary-s) - 30%),
+    calc(var(--color-secondary-l) + 50%)
+  );
 
   --color-accent-h: 50;
   --color-accent-s: 94%;