Merge pull request #552 from subquery/rebrand

Rebrand

docs/.vuepress/components/BaseCard.vue

@@ -19,7 +19,7 @@
   height: 100%;
 
   &:hover {
-    border: 1px solid #4388dd;
+    border: 1px solid #E968DD;
     text-decoration: none;
   }
 }

docs/.vuepress/components/Button.vue

@@ -16,7 +16,7 @@ defineProps<{
   height: 48px;
   line-height: 48px;
   border-radius: 48px;
-  background: #4388dd;
+  background: #E968DD;
   font-weight: 400;
   font-size: 16px;
   color: #fff;

docs/.vuepress/config.ts

@@ -3,7 +3,7 @@ import { defineUserConfig } from "vuepress";
 import { hopeTheme } from "vuepress-theme-hope";
 import { googleAnalyticsPlugin } from "@vuepress/plugin-google-analytics";
 import { registerComponentsPlugin } from "@vuepress/plugin-register-components";
-import { redirectPlugin } from "vuepress-plugin-redirect";
+import { redirectPlugin } from "@vuepress/plugin-redirect";
 import { getSidebar } from "./sidebar";
 
 export default defineUserConfig({
@@ -12,33 +12,6 @@ export default defineUserConfig({
     "Learn how to build with SubQuery. SubQuery is a fast, flexible, and reliable open-source data indexer that provides you with custom APIs for your web3 project. Build your API anywhere across multiple chains in minutes with our open-source SDK.",
   head: [
     ["link", { rel: "icon", href: "/assets/img/logo.png" }],
-    [
-      "link",
-      {
-        rel: "apple-touch-icon",
-        type: "image/png",
-        sizes: "180x180",
-        href: "/assets/favicons/apple-touch-icon.png",
-      },
-    ],
-    [
-      "link",
-      {
-        rel: "icon",
-        type: "image/png",
-        sizes: "32x32",
-        href: "/assets/favicons/favicon-32x32.png",
-      },
-    ],
-    [
-      "link",
-      {
-        rel: "icon",
-        type: "image/png",
-        sizes: "16x16",
-        href: "/assets/favicons/favicon-16x16.png",
-      },
-    ],
     [
       "meta",
       {
@@ -103,14 +76,11 @@ export default defineUserConfig({
         apiKey: "fdae5afc6c3711a8b4f53a4801b43143",
         indexName: "subquery_academy",
       },
+      linksCheck: {},
       mdEnhance: {
         // this is the default option, so you can use it directly
         hint: true,
         codetabs: true,
-        checkLinks: {
-          // only check links in dev mode
-          status: "dev",
-        },
         include: {
           deep: true,
         },

docs/.vuepress/styles/index.scss

@@ -1,34 +1,32 @@
 // place your custom styles here
 @font-face {
   font-family: "Inter";
-  src:
-    local("Inter-Regular"),
+  src: local("Inter-Regular"),
     url("https://static.subquery.network/design/fonts/Inter-Regular.ttf")
       format("truetype");
   font-display: swap;
 }
 
 @font-face {
   font-family: "Inter-SemiBold";
-  src:
-    local("Inter-SemiBold"),
+  src: local("Inter-SemiBold"),
     url("https://static.subquery.network/design/fonts/Inter-SemiBold.ttf")
       format("truetype");
   font-display: swap;
 }
 
 @font-face {
   font-family: "Inter-Bold";
-  src:
-    local("Inter-Bold"),
+  src: local("Inter-Bold"),
     url("https://static.subquery.network/design/fonts/Inter-Bold.ttf")
       format("truetype");
   font-display: swap;
 }
 
 @font-face {
-  font-family: 'Futura';
-  src: url('https://static.subquery.network/design/fonts/Futura-Medium.ttf') format('truetype');
+  font-family: "Futura";
+  src: url("https://static.subquery.network/design/fonts/Futura-Medium.ttf")
+    format("truetype");
   font-display: swap;
 }
 
@@ -54,7 +52,9 @@ iframe {
 #navbar {
   max-width: 1440px;
   margin: 0 auto;
-  .vp-navbar-start, .vp-navbar-end, .vp-navbar-center {
+  .vp-navbar-start,
+  .vp-navbar-end,
+  .vp-navbar-center {
     flex: 0;
   }
 
@@ -157,7 +157,6 @@ iframe {
   .vp-sidebar-group {
     .vp-sidebar-group {
       padding-inline-start: 0;
-
     }
     .vp-sidebar-links {
       padding-inline-start: 24px;
@@ -169,7 +168,7 @@ iframe {
     .vp-sidebar-links {
       position: relative;
       &::after {
-        content: '';
+        content: "";
         position: absolute;
         top: 0;
         left: 24px;
@@ -180,10 +179,10 @@ iframe {
     }
   }
 
-  .vp-sidebar-link:hover, .vp-sidebar-link.active {
+  .vp-sidebar-link:hover,
+  .vp-sidebar-link.active {
     background: var(--dark-mode-card);
     color: var(--theme-color);
-
   }
   .vp-sidebar-heading.clickable:hover {
     background: transparent;
@@ -215,7 +214,6 @@ iframe {
   max-width: var(--max-width);
 }
 
-
 @media screen and (max-width: 768px) {
   #navbar {
     .vp-navbar-center {
@@ -231,7 +229,7 @@ iframe {
       }
       .DocSearch {
         width: 100%;
-      } 
+      }
     }
   }
 
@@ -240,16 +238,14 @@ iframe {
   }
 }
 
-
-
 html[data-theme="dark"] {
   --dark-grey: #fff;
   --primary-color: var(--theme-color);
   --secondary-color: #ff4581;
   --light-grey: var(--gray-400);
   --theme-color-mask: transparent;
-  --dark-mode-card: #1b2545;
-  --dark-mode-border: #34414b;
+  --dark-mode-card: #1a1a1a;
+  --dark-mode-border: #1a1a1a;
   --dark-mode-background: var(--bg-color);
   --gray-300: #efe3e8;
   --gray-400: #c4cdd5;

docs/.vuepress/styles/palette.scss

@@ -1,11 +1,11 @@
-$theme-color: #4388dd;
+$theme-color: #e968dd;
 $primary-color: $theme-color;
 
-$bg-color: #060f32;
-$bg-color-secondary: #1b2545;
+$bg-color: #000000;
+$bg-color-secondary: #1a1a1a;
 $text-color: #fff;
-$border-color: #34414b;
-$border-color-dark: #34414b;
+$border-color: #1a1a1a;
+$border-color-dark: #1a1a1a;
 
 $navbar-height: 80px;
 $navbar-horizontal-padding: 24px;

package.json

@@ -8,17 +8,18 @@
   },
   "packageManager": "[email protected]",
   "devDependencies": {
-    "@vuepress/bundler-vite": "2.0.0-rc.8",
-    "@vuepress/helper": "2.0.0-rc.15",
-    "@vuepress/plugin-docsearch": "2.0.0-rc.19",
-    "@vuepress/plugin-google-analytics": "2.0.0-rc.15",
-    "@vuepress/plugin-register-components": "2.0.0-rc.21",
+    "@vuepress/bundler-vite": "2.0.0-rc.14",
+    "@vuepress/helper": "2.0.0-rc.41",
+    "@vuepress/plugin-docsearch": "2.0.0-rc.39",
+    "@vuepress/plugin-google-analytics": "2.0.0-rc.37",
+    "@vuepress/plugin-links-check": "2.0.0-rc.41",
+    "@vuepress/plugin-redirect": "2.0.0-rc.39",
+    "@vuepress/plugin-register-components": "2.0.0-rc.37",
     "cross-env": "7.0.3",
     "http-server": "14.1.1",
-    "vue": "^3.4.19",
-    "vuepress": "2.0.0-rc.8",
-    "vuepress-plugin-redirect": "2.0.0-rc.19",
-    "vuepress-theme-hope": "2.0.0-rc.25"
+    "vue": "^3.4.38",
+    "vuepress": "2.0.0-rc.14",
+    "vuepress-theme-hope": "2.0.0-rc.52"
   },
   "dependencies": {
     "vue-router": "^4.3.0"