diff --git a/packages/ui/src/styles/theme.css b/packages/ui/src/styles/theme.css index 822f250dd..bf1af8bc5 100644 --- a/packages/ui/src/styles/theme.css +++ b/packages/ui/src/styles/theme.css @@ -120,7 +120,7 @@ --surface-brand-base: var(--yuzu-light-9); --surface-brand-hover: var(--yuzu-light-10); --surface-interactive-base: var(--cobalt-light-3); - --surface-interactive-hover: var(--cobalt-light-4); + --surface-interactive-hover: #E5F0FF; --surface-interactive-weak: var(--cobalt-light-2); --surface-interactive-weak-hover: var(--cobalt-light-3); --surface-success-base: var(--apple-light-3); @@ -376,9 +376,9 @@ --surface-raised-stronger-non-alpha: var(--smoke-dark-3); --surface-brand-base: var(--yuzu-light-9); --surface-brand-hover: var(--yuzu-light-10); - --surface-interactive-base: var(--cobalt-light-3); - --surface-interactive-hover: var(--cobalt-light-4); - --surface-interactive-weak: var(--cobalt-light-2); + --surface-interactive-base: var(--cobalt-dark-3); + --surface-interactive-hover: #0A1D4D; + --surface-interactive-weak: var(--cobalt-dark-2); --surface-interactive-weak-hover: var(--cobalt-light-3); --surface-success-base: var(--apple-light-3); --surface-success-weak: var(--apple-light-2); diff --git a/packages/ui/src/theme/themes/oc-1.json b/packages/ui/src/theme/themes/oc-1.json index 11b2c56dd..608895a93 100644 --- a/packages/ui/src/theme/themes/oc-1.json +++ b/packages/ui/src/theme/themes/oc-1.json @@ -46,7 +46,7 @@ "surface-brand-base": "var(--yuzu-light-9)", "surface-brand-hover": "var(--yuzu-light-10)", "surface-interactive-base": "var(--cobalt-light-3)", - "surface-interactive-hover": "var(--cobalt-light-4)", + "surface-interactive-hover": "#0A1D4D", "surface-interactive-weak": "var(--cobalt-light-2)", "surface-interactive-weak-hover": "var(--cobalt-light-3)", "surface-success-base": "var(--apple-light-3)", @@ -311,9 +311,9 @@ "surface-raised-stronger-non-alpha": "var(--smoke-dark-3)", "surface-brand-base": "var(--yuzu-light-9)", "surface-brand-hover": "var(--yuzu-light-10)", - "surface-interactive-base": "var(--cobalt-light-3)", - "surface-interactive-hover": "var(--cobalt-light-4)", - "surface-interactive-weak": "var(--cobalt-light-2)", + "surface-interactive-base": "var(--cobalt-dark-3)", + "surface-interactive-hover": "#E5F0FF", + "surface-interactive-weak": "var(--cobalt-dark-2)", "surface-interactive-weak-hover": "var(--cobalt-light-3)", "surface-success-base": "var(--apple-dark-3)", "surface-success-weak": "var(--apple-dark-2)",