fix(client): fix some theme css vars

koishijs · May 26, 2023 · d9565e4 · d9565e4
1 parent 0a30393
commit d9565e4
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 11 deletions.
diff --git a/packages/client/app/theme/styles/index.scss b/packages/client/app/theme/styles/index.scss
@@ -109,7 +109,7 @@ html.dark, .theme-root.dark {
 
   // fallback
   --k-color-border-dark: var(--k-color-border);
-  --k-color-border-light: var(--k-color-border);
+  --k-color-border-light: var(--k-color-divider);
   --k-color-divider-dark: var(--k-color-divider);
   --k-color-divider-light: var(--k-color-divider);
 

diff --git a/packages/client/client/components/common/k-button.vue b/packages/client/client/components/common/k-button.vue
@@ -67,7 +67,7 @@ function onClick(event: MouseEvent) {
   }
 
   // default: transparent & framed
-  color: var(--k-text-normal);
+  color: var(--el-button-text-color);
   border: 1px solid var(--k-color-border);
   background-color: transparent;
   &.disabled {

diff --git a/plugins/explorer/client/file-picker.vue b/plugins/explorer/client/file-picker.vue
@@ -92,8 +92,8 @@ const entries = computed(() => {
       if (filters.includes('file')) return true
       return filters.some((filter) => {
         const index = entry.name.lastIndexOf('.')
-        const ext = index === -1 ? '' : entry.name.slice(index + 1)
-        return typeof filter === 'object' && filter.extensions?.includes(ext)
+        const ext = index === -1 ? '' : entry.name.slice(index)
+        return filter === ext
       })
     }
   })

diff --git a/plugins/market/client/extensions/version.vue b/plugins/market/client/extensions/version.vue
@@ -1,19 +1,19 @@
 <template>
   <!-- navigation -->
   <div class="navigation" v-if="remote">
-    <a class="k-button" target="_blank"
+    <a class="el-button" target="_blank"
       v-if="remote.links.homepage"
       :href="remote.links.homepage"
     >插件主页</a>
-    <a class="k-button" target="_blank"
+    <a class="el-button" target="_blank"
       v-if="remote.links.npm && data.local.version"
       :href="remote.links.npm + '/v/' + data.local.version"
     >当前版本：{{ data.local.version }}</a>
-    <a class="k-button" target="_blank"
+    <a class="el-button" target="_blank"
       v-if="remote.links.repository"
       :href="remote.links.repository"
     >存储库</a>
-    <a class="k-button" target="_blank"
+    <a class="el-button" target="_blank"
       v-if="remote.links.bugs"
       :href="remote.links.bugs"
     >问题反馈</a>

diff --git a/plugins/sandbox/client/message.vue b/plugins/sandbox/client/message.vue
@@ -53,7 +53,7 @@ defineEmits(['message-contextmenu'])
     padding: 0.5rem 0.7rem;
     width: fit-content;
     border-radius: 0.5rem;
-    background-color: var(--k-page-bg);
+    background-color: var(--k-side-bg);
     word-break: break-all;
     transition: background-color ease .3s;
 
@@ -68,7 +68,7 @@ defineEmits(['message-contextmenu'])
       border-bottom-width: 8px;
       border-bottom-color: currentColor;
       border-radius: 0 0 0 32px;
-      color: var(--k-page-bg);
+      color: var(--k-side-bg);
       transition: color ease .3s;
     }
 
@@ -79,7 +79,7 @@ defineEmits(['message-contextmenu'])
       border: none;
       border-radius: 0.5rem;
       padding: 0.2rem 0.6rem;
-      background-color: var(--card-bg);
+      background-color: var(--k-card-bg);
       opacity: 0.5;
     }
   }