fix(client): common styles for valaxy code

demo/yun/pages/posts/hello-valaxy.md

@@ -33,7 +33,7 @@ Valaxy 的目标是成为新一代的静态博客框架/生成器。
 
 More info see [valaxy.site](https://valaxy.site).
 
-```ts
+```ts [valaxy.config.ts]
 /**
  * User Config
  * do not use export const, because c12 will set as child property

demo/yun/valaxy.config.ts

@@ -6,6 +6,7 @@ import { addonBangumi } from 'valaxy-addon-bangumi'
 import { addonComponents } from 'valaxy-addon-components'
 import { addonLightGallery } from 'valaxy-addon-lightgallery'
 import { addonTest } from 'valaxy-addon-test'
+import { localIconLoader } from 'vitepress-plugin-group-icons'
 
 // import { addonMeting } from 'valaxy-addon-meting'
 
@@ -110,5 +111,10 @@ export default defineValaxyConfig<ThemeConfig>({
     addonTest(),
   ],
 
-  groupIcons: {},
+  groupIcons: {
+    customIcon: {
+      // valaxy: 'https://valaxy.site/favicon.svg',
+      valaxy: localIconLoader(import.meta.url, '../../docs/public/favicon.svg'),
+    },
+  },
 })

docs/pages/guide/markdown.md

@@ -690,7 +690,7 @@ import { localIconLoader } from 'vitepress-plugin-group-icons'
 export default defineValaxyConfig({
   groupIcons: {
     customIcon: {
-      // https://valaxy.site/favicon.svg
+      // valaxy: 'https://valaxy.site/favicon.svg',
       valaxy: localIconLoader(import.meta.url, './public/favicon.svg'),
       nodejs: 'vscode-icons:file-type-node',
       playwright: 'vscode-icons:file-type-playwright',

packages/valaxy/client/styles/common/code.scss

@@ -1,5 +1,10 @@
 @use "valaxy/client/styles/mixins/index.scss" as *;
 
+:root {
+  --vp-code-block-bg: var(--va-c-bg-alt);
+  --vp-code-tab-divider: var(--va-c-gutter);
+}
+
 // for dark
 .dark .vp-code-light {
   display: none;