feat(shimmerText): add shimmer text properties for dark and light themes

Author: haoziqaq

packages/varlet-ui/src/themes/__tests__/__snapshots__/index.spec.js.snap

@@ -769,6 +769,9 @@ exports[`dark theme 1`] = `
   "--shadow-key-ambient-opacity": "rgba(0, 0, 0, 0.12)",
   "--shadow-key-penumbra-opacity": "rgba(0, 0, 0, 0.14)",
   "--shadow-key-umbra-opacity": "rgba(0, 0, 0, 0.2)",
+  "--shimmer-text-angle": "100deg",
+  "--shimmer-text-color": "var(--color-on-surface-variant)",
+  "--shimmer-text-duration": "1.4s",
   "--shimmer-text-highlight-color": "#000",
   "--signature-background-color": "var(--color-surface-container-highest)",
   "--signature-border-radius": "4px",
@@ -1832,6 +1835,9 @@ exports[`md3Dark theme 1`] = `
   "--shadow-key-ambient-opacity": "rgba(0, 0, 0, 0.12)",
   "--shadow-key-penumbra-opacity": "rgba(0, 0, 0, 0.14)",
   "--shadow-key-umbra-opacity": "rgba(0, 0, 0, 0.2)",
+  "--shimmer-text-angle": "100deg",
+  "--shimmer-text-color": "var(--color-on-surface-variant)",
+  "--shimmer-text-duration": "1.4s",
   "--shimmer-text-highlight-color": "#000",
   "--signature-background-color": "var(--color-surface-container-highest)",
   "--signature-border-radius": "12px",
@@ -2880,6 +2886,9 @@ exports[`md3Light theme 1`] = `
   "--shadow-key-ambient-opacity": "rgba(0, 0, 0, 0.12)",
   "--shadow-key-penumbra-opacity": "rgba(0, 0, 0, 0.14)",
   "--shadow-key-umbra-opacity": "rgba(0, 0, 0, 0.2)",
+  "--shimmer-text-angle": "100deg",
+  "--shimmer-text-color": "var(--color-on-surface-variant)",
+  "--shimmer-text-duration": "1.4s",
   "--shimmer-text-highlight-color": "#fff",
   "--signature-background-color": "var(--color-surface-container-low)",
   "--signature-border-radius": "12px",

packages/varlet-ui/src/themes/dark/shimmerText.ts

@@ -1,3 +1,6 @@
 export default {
+  '--shimmer-text-color': 'var(--color-on-surface-variant)',
   '--shimmer-text-highlight-color': '#000',
+  '--shimmer-text-duration': '1.4s',
+  '--shimmer-text-angle': '100deg',
 }

packages/varlet-ui/src/themes/md3-dark/shimmerText.ts

@@ -1,3 +1,6 @@
 export default {
+  '--shimmer-text-color': 'var(--color-on-surface-variant)',
   '--shimmer-text-highlight-color': '#000',
+  '--shimmer-text-duration': '1.4s',
+  '--shimmer-text-angle': '100deg',
 }

packages/varlet-ui/src/themes/md3-light/shimmerText.ts

@@ -1,3 +1,6 @@
 export default {
+  '--shimmer-text-color': 'var(--color-on-surface-variant)',
   '--shimmer-text-highlight-color': '#fff',
+  '--shimmer-text-duration': '1.4s',
+  '--shimmer-text-angle': '100deg',
 }