Merge pull request #365 from yamadashy/fix/website-dark

fix(website): Fix some UI dark mode issues
yamadashy · Feb 21, 2025 · 5d373d9 · 5d373d9
2 parents c79e58a + c9fcec7
commit 5d373d9
Show file tree

Hide file tree

Showing 4 changed files with 126 additions and 118 deletions.
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
@@ -56,17 +56,6 @@ jobs:
         with:
           args: "-color"
 
-  check-npm-audit:
-    name: Check npm audit
-    runs-on: ubuntu-latest
-    steps:
-    - uses: actions/checkout@v4
-    - uses: actions/setup-node@v4
-      with:
-        node-version-file: .tool-versions
-        cache: npm
-    - run: npm audit
-
   check-typos:
     name: Check typos
     runs-on: ubuntu-latest

diff --git a/website/client/components/TryIt.vue b/website/client/components/TryIt.vue
@@ -216,7 +216,7 @@ function handleFileUpload(file: File) {
   flex: 1;
   height: 48px;
   padding: 0 16px;
-  background: white;
+  background: var(--vp-c-bg);
   cursor: pointer;
   font-size: 16px;
   white-space: nowrap;

diff --git a/website/client/components/TryItFileUpload.vue b/website/client/components/TryItFileUpload.vue
@@ -111,7 +111,7 @@ function triggerFileInput() {
   height: 50px;
   display: flex;
   align-items: center;
-  background: white;
+  background: var(--vp-c-bg);
   user-select: none;
 }
 
@@ -150,7 +150,7 @@ function triggerFileInput() {
 }
 
 .icon-folder {
-  color: #64748b;
+  color: var(--vp-c-text-1);
 }
 
 .icon-error {