From 136f5c4dbcd45580717de05312a5acb7cc3c2fdc Mon Sep 17 00:00:00 2001 From: Cagatay Civici Date: Thu, 8 Feb 2024 02:20:52 +0300 Subject: [PATCH] Fixed highlight bg --- assets/styles/layout/_core.scss | 4 ++-- components/lib/theme/aura/index.js | 6 +----- 2 files changed, 3 insertions(+), 7 deletions(-) diff --git a/assets/styles/layout/_core.scss b/assets/styles/layout/_core.scss index e0ac78fc6..8318c9335 100644 --- a/assets/styles/layout/_core.scss +++ b/assets/styles/layout/_core.scss @@ -25,8 +25,8 @@ a { } ::selection { - background-color: var(--p-highlight-bg); - color: var(--p-highlight-text-color); + background-color: var(--p-dark-highlight-bg, var(--p-highlight-bg)); + color: var(--p-dark-highlight-text-color, var(--p-highlight-text-color)); } h1, h2, h3, h4, h5, h6 { diff --git a/components/lib/theme/aura/index.js b/components/lib/theme/aura/index.js index 97a5c0eaf..5be6ce2ed 100644 --- a/components/lib/theme/aura/index.js +++ b/components/lib/theme/aura/index.js @@ -114,7 +114,7 @@ export default { 950: '{zinc.950}' }, highlight: { - bg: 'color-mix(in srgb, {primary.50}, transparency %16)', + bg: 'color-mix(in srgb, {primary.400}, transparent 84%)', textColor: 'rgba(255,255,255,.87)' }, hover: { @@ -142,10 +142,6 @@ export default { colorInverse: 'var(--p-dark-surface-900, var(--p-surface-0))', colorText: 'var(--p-primary-color-inverse)' }, - highlight: { - bg: 'var(--p-dark-highlight-bg, var(--p-highlight-bg))', - textColor: 'var(--p-dark-highlight-text-color, var(--p-highlight-text-color))' - }, anchorGutter: '2px', mask: { bg: 'rgba(0,0,0,0.4)'