Refactor and update dependencies

.github/workflows/build.yml

@@ -15,7 +15,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Setup repo
-        uses: actions/checkout@v2
+        uses: actions/checkout@v3
         with:
           fetch-depth: 0
 
@@ -28,7 +28,7 @@ jobs:
         working-directory: site/
 
       - name: Deploy to Netlify
-        uses: nwtgck/actions-netlify@v1.2
+        uses: nwtgck/actions-netlify@v2
         with:
           publish-dir: "./site/docs/.vuepress/dist"
           production-branch: main

.github/workflows/deploy.yml

@@ -15,7 +15,7 @@ jobs:
       contents: read
 
     steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v3
 
       - uses: denoland/deployctl@v1
         with:

.github/workflows/format.yml

@@ -19,7 +19,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Setup repo
-        uses: actions/checkout@v2
+        uses: actions/checkout@v3
 
       - uses: denoland/setup-deno@main
         with:

.gitignore

@@ -1,6 +1,2 @@
 /.idea/
 .DS_Store
-
-#pnpm
-site/pnpm-lock.yaml
-#pnpm end

.vscode/extensions.json

@@ -3,6 +3,7 @@
     "esbenp.prettier-vscode",
     "davidanson.vscode-markdownlint",
     "bierner.markdown-checkbox",
-    "denoland.vscode-deno"
+    "denoland.vscode-deno",
+    "GitHub.vscode-pull-request-github"
   ]
 }

site/.gitignore

@@ -14,6 +14,7 @@ pids
 # Dependency directories
 node_modules/
 yarn.lock
+pnpm-lock.yaml
 
 # Caches
 .temp

site/docs/.vuepress/styles/_code.scss

@@ -1,22 +1,9 @@
 // https://github.com/vuepress/vuepress-next/blob/main/ecosystem/theme-default/src/client/styles/code.scss
 
-code {
-  background-color: var(--c-bg-light);
-}
-
 .token.string,
 .token.char,
 .token.attr-value,
 .token.regex,
 .token.variable {
   color: #6ac0e3;
 }
-
-// add more contrast with table background color
-tr {
-  &:nth-child(2n) {
-    code {
-      background-color: var(--c-bg-dark);
-    }
-  }
-}

site/docs/.vuepress/styles/_vars-dark.scss

@@ -3,35 +3,9 @@
 
 html.dark {
   // brand colors
-  --c-brand-light: #138cb3;
   --c-brand: #009dca;
-
-  // background colors
-  --c-bg-dark: #343b44;
-  --c-bg-darker: #37404c;
+  --c-brand-light: #138cb3;
 
   // custom container colors
   --c-tip: #1583a7;
-  --c-warning: #e0ad15;
-  --c-warning-bg: #2d2f2d;
-  --c-warning-bg-light: #423e2a;
-  --c-warning-bg-lighter: #44442f;
-  --c-warning-border-dark: #957c35;
-  --c-warning-details-bg: #39392d;
-  --c-warning-title: #fdca31;
-  --c-warning-text: #d8d96d;
-  --c-warning-text-accent: #ffbf00;
-  --c-warning-text-light: #ddb84b;
-  --c-warning-text-quote: #ccab49;
-  --c-danger: #fc1e38;
-  --c-danger-bg: #39232c;
-  --c-danger-bg-light: #4b2b35;
-  --c-danger-bg-lighter: #553040;
-  --c-danger-border-dark: #a25151;
-  --c-danger-details-bg: #482936;
-  --c-danger-title: #fc2d3b;
-  --c-danger-text: #ea9ca0;
-  --c-danger-text-accent: #fd3636;
-  --c-danger-text-light: #d9777c;
-  --c-danger-text-quote: #d56b6b;
 }

site/docs/.vuepress/styles/_vars.scss

@@ -6,28 +6,6 @@
   --c-brand: #009dca;
   --c-brand-light: #27b5e6;
 
-  // background colors
-  --c-bg-dark: #ebebec;
-  --c-bg-darker: #e6e6e6;
-
   // custom container colors
   --c-tip: #16afe0;
-  --c-warning: #ffc310;
-  --c-warning-bg-light: #fff3ba;
-  --c-warning-bg-lighter: #fff0b0;
-  --c-warning-border-dark: #f7dc91;
-  --c-warning-details-bg: #fff5ca;
-  --c-warning-title: #f1b300;
-  --c-warning-text-accent: #edb100;
-  --c-warning-text-light: #c1971c;
-  --c-warning-text-quote: #ccab49;
-  --c-danger: #f11e37;
-  --c-danger-bg-light: #ffcfde;
-  --c-danger-bg-lighter: #ffc9c9;
-  --c-danger-border-dark: #f1abab;
-  --c-danger-details-bg: #ffd4d4;
-  --c-danger-title: #ed1e2c;
-  --c-danger-text-accent: #bd1a1a;
-  --c-danger-text-light: #b5474d;
-  --c-danger-text-quote: #c15b5b;
 }

site/docs/.vuepress/styles/index.scss

@@ -2,5 +2,4 @@
 @use "vars-dark";
 
 @use "code";
-@use "custom-container";
 @use "normalize";