fix(enhanced-readabilities): color not aligned with vitepress theme color

nekomeowww · nekomeowww · commit 74e269de7dfc · 2025-04-28T11:23:24.000+08:00
diff --git a/packages/vitepress-plugin-enhanced-readabilities/src/client/components/Menu.vue b/packages/vitepress-plugin-enhanced-readabilities/src/client/components/Menu.vue
@@ -35,12 +35,12 @@ const { t } = useI18n()
 
 <style>
 .VPNolebaseEnhancedReadabilitiesMenu {
-  --vp-nolebase-enhanced-readabilities-menu-background-color: #EBEDF2;
+  --vp-nolebase-enhanced-readabilities-menu-background-color: var(--vp-c-bg-soft, #f3f3f3);
   --vp-nolebase-enhanced-readabilities-menu-text-color: var(--vp-c-text-1);
 }
 
 .dark .VPNolebaseEnhancedReadabilitiesMenu {
-  --vp-nolebase-enhanced-readabilities-menu-background-color: #2c2f35;
+  --vp-nolebase-enhanced-readabilities-menu-background-color: var(--vp-c-bg-soft, #2c2f35);
   --vp-nolebase-enhanced-readabilities-menu-text-color: var(--vp-c-text-1);
 }
 
diff --git a/packages/vitepress-plugin-enhanced-readabilities/src/client/components/ScreenMenu.vue b/packages/vitepress-plugin-enhanced-readabilities/src/client/components/ScreenMenu.vue
@@ -28,12 +28,12 @@ const { t } = useI18n()
 
 <style>
 .VPNolebaseEnhancedReadabilitiesMenu {
-  --vp-nolebase-enhanced-readabilities-menu-background-color: #EBEDF2;
+  --vp-nolebase-enhanced-readabilities-menu-background-color: var(--vp-c-bg-soft, #f3f3f3);
   --vp-nolebase-enhanced-readabilities-menu-text-color: var(--vp-c-text-1);
 }
 
 .dark .VPNolebaseEnhancedReadabilitiesMenu {
-  --vp-nolebase-enhanced-readabilities-menu-background-color: #2c2f35;
+  --vp-nolebase-enhanced-readabilities-menu-background-color: var(--vp-c-bg-soft, #2c2f35);
   --vp-nolebase-enhanced-readabilities-menu-text-color: var(--vp-c-text-1);
 }
 </style>

Original file line number	Diff line number	Diff line change
`@@ -35,12 +35,12 @@ const { t } = useI18n()`
`35`	`35`
`36`	`36`	`<style>`
`37`	`37`	`.VPNolebaseEnhancedReadabilitiesMenu {`
`38`		`- --vp-nolebase-enhanced-readabilities-menu-background-color: #EBEDF2;`
	`38`	`+ --vp-nolebase-enhanced-readabilities-menu-background-color: var(--vp-c-bg-soft, #f3f3f3);`
`39`	`39`	`--vp-nolebase-enhanced-readabilities-menu-text-color: var(--vp-c-text-1);`
`40`	`40`	`}`
`41`	`41`
`42`	`42`	`.dark .VPNolebaseEnhancedReadabilitiesMenu {`
`43`		`- --vp-nolebase-enhanced-readabilities-menu-background-color: #2c2f35;`
	`43`	`+ --vp-nolebase-enhanced-readabilities-menu-background-color: var(--vp-c-bg-soft, #2c2f35);`
`44`	`44`	`--vp-nolebase-enhanced-readabilities-menu-text-color: var(--vp-c-text-1);`
`45`	`45`	`}`
`46`	`46`
Original file line number	Diff line number	Diff line change
`@@ -28,12 +28,12 @@ const { t } = useI18n()`
`28`	`28`
`29`	`29`	`<style>`
`30`	`30`	`.VPNolebaseEnhancedReadabilitiesMenu {`
`31`		`- --vp-nolebase-enhanced-readabilities-menu-background-color: #EBEDF2;`
	`31`	`+ --vp-nolebase-enhanced-readabilities-menu-background-color: var(--vp-c-bg-soft, #f3f3f3);`
`32`	`32`	`--vp-nolebase-enhanced-readabilities-menu-text-color: var(--vp-c-text-1);`
`33`	`33`	`}`
`34`	`34`
`35`	`35`	`.dark .VPNolebaseEnhancedReadabilitiesMenu {`
`36`		`- --vp-nolebase-enhanced-readabilities-menu-background-color: #2c2f35;`
	`36`	`+ --vp-nolebase-enhanced-readabilities-menu-background-color: var(--vp-c-bg-soft, #2c2f35);`
`37`	`37`	`--vp-nolebase-enhanced-readabilities-menu-text-color: var(--vp-c-text-1);`
`38`	`38`	`}`
`39`	`39`	`</style>`