From 90e926b14bd002547b4bcb5f5a3b3fd8cd50bbf6 Mon Sep 17 00:00:00 2001 From: Xavier Vila Rubio <36596147+XavierVilaRubio@users.noreply.github.com> Date: Sun, 22 Oct 2023 07:50:30 +0200 Subject: [PATCH] fix: customizer code text color (#125) Added text-white on code lines --- .../theme/components/CustomizerCode.vue | 44 +++++++++---------- 1 file changed, 22 insertions(+), 22 deletions(-) diff --git a/apps/www/.vitepress/theme/components/CustomizerCode.vue b/apps/www/.vitepress/theme/components/CustomizerCode.vue index 62ed8ecdc..f948cbff4 100644 --- a/apps/www/.vitepress/theme/components/CustomizerCode.vue +++ b/apps/www/.vitepress/theme/components/CustomizerCode.vue @@ -23,32 +23,32 @@ async function copyCode() {
-@layer base {
- :root {
- --background: {{ activeTheme?.cssVars.light.background }};
- --foreground: {{ activeTheme?.cssVars.light.foreground }};
+@layer base {
+ :root {
+ --background: {{ activeTheme?.cssVars.light.background }};
+ --foreground: {{ activeTheme?.cssVars.light.foreground }};
- --{{ prefix }}: {{ activeTheme?.cssVars.light[prefix] }};
- --{{ prefix }}-foreground: {{ activeTheme?.cssVars.light[ `${prefix}-foreground`] }};
+ --{{ prefix }}: {{ activeTheme?.cssVars.light[prefix] }};
+ --{{ prefix }}-foreground: {{ activeTheme?.cssVars.light[ `${prefix}-foreground`] }};
- --border:{{ activeTheme?.cssVars.light.border }};
- --input:{{ activeTheme?.cssVars.light.input }};
- --ring:{{ activeTheme?.cssVars.light.ring }};
- --radius: {{ config.radius }}rem;
- }
-
- .dark {
- --background:{{ activeTheme?.cssVars.dark.background }};
- --foreground:{{ activeTheme?.cssVars.dark.foreground }};
+ --border:{{ activeTheme?.cssVars.light.border }};
+ --input:{{ activeTheme?.cssVars.light.input }};
+ --ring:{{ activeTheme?.cssVars.light.ring }};
+ --radius: {{ config.radius }}rem;
+ }
+
+ .dark {
+ --background:{{ activeTheme?.cssVars.dark.background }};
+ --foreground:{{ activeTheme?.cssVars.dark.foreground }};
- --{{ prefix }}:{{ activeTheme?.cssVars.dark[ prefix] }};
- --{{ prefix }}-foreground:{{ activeTheme?.cssVars.dark[ `${prefix}-foreground`] }};
+ --{{ prefix }}:{{ activeTheme?.cssVars.dark[ prefix] }};
+ --{{ prefix }}-foreground:{{ activeTheme?.cssVars.dark[ `${prefix}-foreground`] }};
- --border:{{ activeTheme?.cssVars.dark.border }};
- --input:{{ activeTheme?.cssVars.dark.input }};
- --ring:{{ activeTheme?.cssVars.dark.ring }};
- }
-}
+ --border:{{ activeTheme?.cssVars.dark.border }};
+ --input:{{ activeTheme?.cssVars.dark.input }};
+ --ring:{{ activeTheme?.cssVars.dark.ring }};
+ }
+}