From 20ed8ac0240a895179c5e7baec436f477eb68d7c Mon Sep 17 00:00:00 2001 From: Lars Rickert Date: Wed, 10 Jan 2024 12:22:39 +0100 Subject: [PATCH] fix(theme): use tip colors for badge/block with type tip The background and text color of the badge and custom block with type `tip` had invalid CSS variable values because they used the brand colors which is invalid. There are existing `--vp-c-tip-` variables that default to the brand colors that should be used for those components so the tip color can easily be overridden in a custom theme. --- src/client/theme-default/styles/vars.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/client/theme-default/styles/vars.css b/src/client/theme-default/styles/vars.css index cf5e2b91..a5d6190e 100644 --- a/src/client/theme-default/styles/vars.css +++ b/src/client/theme-default/styles/vars.css @@ -391,8 +391,8 @@ --vp-custom-block-tip-border: transparent; --vp-custom-block-tip-text: var(--vp-c-text-1); - --vp-custom-block-tip-bg: var(--vp-c-brand-soft); - --vp-custom-block-tip-code-bg: var(--vp-c-brand-soft); + --vp-custom-block-tip-bg: var(--vp-c-tip-soft); + --vp-custom-block-tip-code-bg: var(--vp-c-tip-soft); --vp-custom-block-warning-border: transparent; --vp-custom-block-warning-text: var(--vp-c-text-1); @@ -487,8 +487,8 @@ --vp-badge-info-bg: var(--vp-c-default-soft); --vp-badge-tip-border: transparent; - --vp-badge-tip-text: var(--vp-c-brand-1); - --vp-badge-tip-bg: var(--vp-c-brand-soft); + --vp-badge-tip-text: var(--vp-c-tip-1); + --vp-badge-tip-bg: var(--vp-c-tip-soft); --vp-badge-warning-border: transparent; --vp-badge-warning-text: var(--vp-c-warning-1);