From b30d7e77bc1e6e26dd20ef7988fe3c455263c253 Mon Sep 17 00:00:00 2001 From: nbass3 <70085020+nbass3@users.noreply.github.com> Date: Mon, 19 Feb 2024 19:42:10 +0900 Subject: [PATCH] Fix some colors/measures --- src/img/ic_creditcoin.svg | 55 ++++++++-------------------- src/library/ListItem/Wrappers.ts | 7 ++-- src/library/Notifications/Wrapper.ts | 6 +-- src/styles/index.scss | 7 +++- 4 files changed, 28 insertions(+), 47 deletions(-) diff --git a/src/img/ic_creditcoin.svg b/src/img/ic_creditcoin.svg index aef9cff37..43ecfec87 100644 --- a/src/img/ic_creditcoin.svg +++ b/src/img/ic_creditcoin.svg @@ -1,41 +1,16 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + diff --git a/src/library/ListItem/Wrappers.ts b/src/library/ListItem/Wrappers.ts index 5a8236e86..3e08df3ad 100644 --- 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 index 71e33bd37..53a72e453 100644 --- 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 index 305fc6550..c038b1fc5 100644 --- 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