Fix some colors/measures (#106)

gluwa · Feb 19, 2024 · 252c8e5 · 252c8e5
1 parent be1403a
commit 252c8e5
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 47 deletions.
diff --git a/src/img/ic_creditcoin.svg b/src/img/ic_creditcoin.svg
diff --git a/src/library/ListItem/Wrappers.ts b/src/library/ListItem/Wrappers.ts
@@ -35,7 +35,6 @@ export const Wrapper = styled.div`
     }
     &.modal,
     &.canvas {
-      box-shadow: none;
       border: none;
     }
 
@@ -237,7 +236,9 @@ export const ValidatorStatusWrapper = styled.div<{
 
   h5 {
     color: ${(props) =>
-      props.$status === 'active' ? '#9CFFAA' : 'var(--text-color-secondary)'};
+      props.$status === 'active'
+        ? 'var(--accent-color-primary)'
+        : 'var(--text-color-secondary)'};
     opacity: ${(props) => (props.$status === 'active' ? 0.8 : 0.5)};
     display: flex;
     overflow: hidden;
@@ -269,7 +270,7 @@ export const SelectWrapper = styled.button`
     justify-content: center;
   }
   svg {
-    color: var(--text-color-primary);
+    color: var(--highlight-input);
     width: 1rem;
     height: 1rem;
   }

diff --git a/src/library/Notifications/Wrapper.ts b/src/library/Notifications/Wrapper.ts
@@ -28,14 +28,14 @@ export const Wrapper = styled.ul`
 
     h3 {
       color: var(--accent-color-primary);
-      font-family: InterSemiBold, sans-serif;
+      font-family: SF-Pro-M, InterSemiBold, sans-serif;
       font-size: 1.2rem;
       margin: 0.15rem 0 0.4rem;
       flex: 1;
     }
     h4 {
-      font-family: InterSemiBold, sans-serif;
-      font-size: 1.05rem;
+      font-family: SF-Pro-M, InterSemiBold, sans-serif;
+      font-size: 0.94rem;
       line-height: 1.45rem;
     }
   }

diff --git a/src/styles/index.scss b/src/styles/index.scss
@@ -31,6 +31,7 @@ html * {
   --network-color-pending-light: rgba(156, 255, 170, 0.5);
   --network-color-pending-dark: rgba(156, 255, 170, 0.5);
   --network-color-pending: var(--network-color-pending-dark);
+  --status-success-color: #3dc77a;
   --accent-color-primary: #3dc77a;
   --accent-color-stroke: #3dc77a;
   --accent-color-secondary: #5b6edd;
@@ -50,6 +51,10 @@ html * {
   --button-hover-background: #3dc77a;
 
   --custom-side-button-border: #222426;
+  --background-modal-card: #fff;
+  --background-input: #ebebeb;
+  --highlight-input: #777;
+  --text-color-invert: #fff;
 
   .btn-primary {
     color: #fff;
@@ -114,7 +119,7 @@ html {
 
 .core-entry h5 {
   opacity: 1 !important;
-  color: var(--accent-color-primary) !important;
+  color: var(--accent-color-primary);
 }
 
 // Patch