Revert most overrides by changing the primary color

0xPolygonID · Jul 1, 2024 · 48bb912 · 48bb912
1 parent 5bc8f41
commit 48bb912
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 56 deletions.
diff --git a/ui/src/styles/index.scss b/ui/src/styles/index.scss
@@ -33,16 +33,6 @@
 }
 
 .ant-pagination {
-  .ant-pagination-item {
-    &.ant-pagination-item-active {
-      a {
-        color: $primary-color-dark;
-      }
-
-      border-color: $primary-color-dark;
-    }
-  }
-
   .ant-pagination-options {
     margin-right: 16px;
 
@@ -75,7 +65,7 @@
   }
 
   &.explainer {
-    background-color: $primary-color-dark;
+    background-color: $primary-color;
     margin-top: 8px;
     padding-top: 8px;
 
@@ -100,8 +90,8 @@
   }
 
   &.selected {
-    border: 1px solid $primary-color-dark;
-    background: $success-bg;
+    border: 1px solid $primary-color;
+    background: $bg-light;
   }
 
   .ant-card-type-inner {
@@ -307,56 +297,19 @@
   border: 1px solid #54db06;
 
   &:not(:disabled .ant-btn-disable) {
+    background: $primary-color-light;
+
     &:hover {
       color: $text-color;
     }
 
     &:active {
-      border: 1px solid #74f526;
       color: $text-color;
-      background: $primary-color;
-      box-shadow: 0 0 0 4px #dfffc7;
+      background: $primary-color-light;
     }
   }
 }
 
-.ant-radio-wrapper .ant-radio-checked .ant-radio-inner {
-  background-color: $success-bg;
-  border-color: $primary-color-dark;
-}
-
-.ant-radio-wrapper .ant-radio-checked .ant-radio-inner::after {
-  background-color: $primary-color-dark;
-}
-
-.ant-checkbox-wrapper {
-  .ant-checkbox-checked .ant-checkbox-inner {
-    border-color: $primary-color-dark;
-  }
-
-  &:not(.ant-checkbox:not(.ant-checkbox-wrapper-disabled)):hover .ant-checkbox-inner {
-    border-color: $primary-color-dark;
-  }
-}
-
-.ant-checkbox:not(.ant-checkbox-disabled):hover .ant-checkbox-inner {
-  border-color: $primary-color-dark;
-}
-
-.ant-input-number-outlined:hover {
-  border-color: $primary-color-dark;
-}
-
-.ant-input-number .ant-input-number-handler:hover {
-  .ant-input-number-handler-up-inner {
-    color: $primary-color-dark;
-  }
-
-  .ant-input-number-handler-down-inner {
-    color: $primary-color-dark;
-  }
-}
-
 .ant-typography.ant-typography-secondary {
   color: $text-color-secondary;
 }

diff --git a/ui/src/styles/variables.module.scss b/ui/src/styles/variables.module.scss
@@ -7,7 +7,7 @@ $divider-color: #eaecf0;
 $error-bg: #fecfcf;
 $error-color: #b20808;
 $primary-bg: #f4ebff;
-$primary-color: #93f558;
+$primary-color: #2f8507;
 $success-bg: #f1ffe5;
 $success-color: #2f8507;
 $tag-bg: #f2f4f7;
@@ -16,7 +16,7 @@ $tag-color: #344054;
 $text-color: #131313;
 $text-color-secondary: #667085;
 $text-color-warning: #b54708;
-$primary-color-dark: #2f8507;
+$primary-color-light: #93f558;
 
 :export {
   avatarBg: $avatar-bg;
@@ -29,7 +29,7 @@ $primary-color-dark: #2f8507;
   errorColor: $error-color;
   primaryBg: $primary-bg;
   primaryColor: $primary-color;
-  primaryColorDark: $primary-color-dark;
+  primaryColorLight: $primary-color-light;
   successBg: $success-bg;
   successColor: $success-color;
   tagBg: $tag-bg;