From d9565e474a350b8d13ad3de0dfec3d8df0688601 Mon Sep 17 00:00:00 2001
From: Shigma <shigma10826@gmail.com>
Date: Sat, 27 May 2023 02:03:11 +0800
Subject: [PATCH] fix(client): fix some theme css vars

---
 packages/client/app/theme/styles/index.scss           | 2 +-
 packages/client/client/components/common/k-button.vue | 2 +-
 plugins/explorer/client/file-picker.vue               | 4 ++--
 plugins/market/client/extensions/version.vue          | 8 ++++----
 plugins/sandbox/client/message.vue                    | 6 +++---
 5 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/packages/client/app/theme/styles/index.scss b/packages/client/app/theme/styles/index.scss
index 560280fb..564df613 100644
--- 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
index ff924b12..c74e9b49 100644
--- 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
index 0ae6f186..58d274ed 100644
--- 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
index fbcb5a12..9bdb7ba0 100644
--- 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
index 805ffcbf..edf5afd3 100644
--- 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;
     }
   }