feat: variable convergence in tutorial

opentiny · Feb 5, 2025 · 60b1195 · 60b1195
1 parent 80e621b
commit 60b1195
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 5 deletions.
diff --git a/packages/plugins/tutorial/src/Main.vue b/packages/plugins/tutorial/src/Main.vue
@@ -127,13 +127,13 @@ export default {
 }
 .video-item {
   .video-item-content {
-    color: var(--ti-lowcode-tutorial-primary-text-color);
+    color: var(--te-tutorial-primary-text-color);
     .video-item-content-tutorial {
       padding: 0 8px;
       display: grid;
       grid-template-columns: 20px 1fr 20px;
       column-gap: 4px;
-      background: var(--ti-lowcode-tutorial-primary-bg-color);
+      background: var(--te-tutorial-primary-bg-color);
       height: 32px;
       line-height: 32px;
       align-items: center;
@@ -144,7 +144,7 @@ export default {
 
       &.active,
       &:hover {
-        background: var(--ti-lowcode-tutorial-hover-bg-color);
+        background: var(--te-tutorial-hover-bg-color);
         cursor: pointer;
 
         svg.icon-chevron {

diff --git a/packages/plugins/tutorial/src/TutorialVideoPanel.vue b/packages/plugins/tutorial/src/TutorialVideoPanel.vue
@@ -95,13 +95,13 @@ export default {
   }
 
   .content {
-    color: var(--te-common-text-secondary);
+    color: var(--te-tutorial-primary-text-color);
     line-height: 25px;
     text-indent: 24px;
     padding-top: 20px;
   }
   :deep(.md) {
-    color: var(--te-common-text-secondary);
+    color: var(--te-tutorial-primary-text-color);
     ul {
       padding-left: 20px;
     }

diff --git a/packages/plugins/tutorial/src/styles/vars.less b/packages/plugins/tutorial/src/styles/vars.less
@@ -0,0 +1,5 @@
+:root {
+  --te-tutorial-primary-text-color: var(--te-common-text-secondary);
+  --te-tutorial-primary-bg-color: var(--te-common-bg-default);
+  --te-tutorial-hover-bg-color: var(--te-common-bg-container);
+}