[#1584] Update darkblue3 color & add custom tag styles

akvo · Sep 12, 2023 · 4c99fde · 4c99fde
1 parent 87efd4c
commit 4c99fde
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 1 deletion.
diff --git a/frontend/src/styles/base.scss b/frontend/src/styles/base.scss
@@ -221,3 +221,27 @@ ul {
   }
 }
 /* end tooltip */
+
+/* tags */
+.ant-tag {
+  display: inline-flex;
+  padding: 8px;
+  align-items: center;
+  gap: 8px;
+  color: $primaryDarkBlue;
+  font-family: var(--font-dm-sans), sans-serif;
+  font-size: $fzXXS;
+  line-height: $lhXXS;
+  font-weight: 500;
+  text-transform: capitalize;
+  border-radius: 4px;
+  border: none;
+  background-color: $primaryGrey;
+  &:focus {
+    box-shadow: 0px 0px 0px 2px $primaryPurple;
+  }
+  &[disabled] {
+    color: $primaryDarkBlue3;
+  }
+}
+/* end tags */
diff --git a/frontend/src/styles/vars.scss b/frontend/src/styles/vars.scss
@@ -12,7 +12,7 @@ $primaryGrey: #f5f7ff;
 $primaryWhite: #ffffff;
 $primaryDarkBlue: #020a5b;
 $primaryDarkBlue2: #ccd0db;
-$primaryDarkBlue3: #b6dcff;
+$primaryDarkBlue3: #99a0b7;
 $primaryDarkBlue4: #677194;
 $primaryDarkBlue5: #344170;
 $primaryDarkBlue7: #000647;