feat: variable convergence in toolbar-lang

opentiny · Feb 8, 2025 · a314ed0 · a314ed0
1 parent e90dbce
commit a314ed0
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 0 deletions.
diff --git a/packages/toolbars/lang/index.js b/packages/toolbars/lang/index.js
@@ -12,6 +12,7 @@
 
 import entry from './src/Main.vue'
 import metaData from './meta'
+import './src/styles/vars.less'
 
 export default {
   ...metaData,

diff --git a/packages/toolbars/lang/src/Main.vue b/packages/toolbars/lang/src/Main.vue
@@ -61,3 +61,18 @@ export default {
   }
 }
 </script>
+<style scoped lang="less">
+.change-lang-box {
+  svg {
+    color: var(--te-toolbars-lang-color);
+    width: 18px;
+    height: 18px;
+    &:hover {
+      opacity: 0.75;
+    }
+  }
+}
+.icon {
+  color: var(--te-toolbars-lang-icon-color);
+}
+</style>
diff --git a/packages/toolbars/lang/src/styles/vars.less b/packages/toolbars/lang/src/styles/vars.less
@@ -0,0 +1,4 @@
+:root {
+  --te-toolbars-lang-color: var(--te-common-text-primary);
+  --te-toolbars-lang-icon-color: var(--te-common-icon-primary);
+}