From 34c4c3c61ee031a4efd7d2dbbfba4e3edfc3a0bb Mon Sep 17 00:00:00 2001 From: Lars Rickert Date: Wed, 10 Jan 2024 12:51:42 +0100 Subject: [PATCH] fix(theme): use success, warning and danger CSS variables for code block --- src/client/theme-default/styles/vars.css | 17 +++++++++++------ 1 file changed, 11 insertions(+), 6 deletions(-) diff --git a/src/client/theme-default/styles/vars.css b/src/client/theme-default/styles/vars.css index a5d6190e..0fcc4725 100644 --- a/src/client/theme-default/styles/vars.css +++ b/src/client/theme-default/styles/vars.css @@ -215,6 +215,11 @@ --vp-c-tip-3: var(--vp-c-brand-3); --vp-c-tip-soft: var(--vp-c-brand-soft); + --vp-c-success-1: var(--vp-c-green-1); + --vp-c-success-2: var(--vp-c-green-2); + --vp-c-success-3: var(--vp-c-green-3); + --vp-c-success-soft: var(--vp-c-green-soft); + --vp-c-warning-1: var(--vp-c-yellow-1); --vp-c-warning-2: var(--vp-c-yellow-2); --vp-c-warning-3: var(--vp-c-yellow-3); @@ -316,14 +321,14 @@ --vp-code-line-highlight-color: var(--vp-c-default-soft); --vp-code-line-number-color: var(--vp-c-text-3); - --vp-code-line-diff-add-color: var(--vp-c-green-soft); - --vp-code-line-diff-add-symbol-color: var(--vp-c-green-1); + --vp-code-line-diff-add-color: var(--vp-c-success-soft); + --vp-code-line-diff-add-symbol-color: var(--vp-c-success-1); - --vp-code-line-diff-remove-color: var(--vp-c-red-soft); - --vp-code-line-diff-remove-symbol-color: var(--vp-c-red-1); + --vp-code-line-diff-remove-color: var(--vp-c-danger-soft); + --vp-code-line-diff-remove-symbol-color: var(--vp-c-danger-1); - --vp-code-line-warning-color: var(--vp-c-yellow-soft); - --vp-code-line-error-color: var(--vp-c-red-soft); + --vp-code-line-warning-color: var(--vp-c-warning-soft); + --vp-code-line-error-color: var(--vp-c-danger-soft); --vp-code-copy-code-border-color: var(--vp-c-divider); --vp-code-copy-code-bg: var(--vp-c-bg-soft);