docs: updated links + editor theme

packages/hoppscotch-app/assets/scss/styles.scss

@@ -386,7 +386,7 @@ pre.ace_editor {
 .smart-splitter .splitpanes__splitter::before {
   @apply absolute;
   @apply inset-0;
-  @apply bg-dividerLight;
+  @apply bg-accentLight;
   @apply opacity-0;
   @apply z-20;
   @apply transition;

packages/hoppscotch-app/assets/scss/themes.scss

@@ -53,17 +53,17 @@
 }
 
 @mixin dark-editor-theme {
-  --editor-type-color: theme("colors.purple.500");
-  --editor-name-color: theme("colors.blue.500");
-  --editor-operator-color: theme("colors.indigo.500");
-  --editor-invalid-color: theme("colors.red.500");
-  --editor-separator-color: theme("colors.gray.500");
-  --editor-meta-color: theme("colors.gray.500");
-  --editor-variable-color: theme("colors.green.500");
-  --editor-link-color: theme("colors.cyan.500");
-  --editor-process-color: theme("colors.gray.400");
-  --editor-constant-color: theme("colors.fuchsia.500");
-  --editor-keyword-color: theme("colors.pink.500");
+  --editor-type-color: theme("colors.purple.400");
+  --editor-name-color: theme("colors.blue.400");
+  --editor-operator-color: theme("colors.indigo.400");
+  --editor-invalid-color: theme("colors.red.400");
+  --editor-separator-color: theme("colors.gray.400");
+  --editor-meta-color: theme("colors.gray.400");
+  --editor-variable-color: theme("colors.green.400");
+  --editor-link-color: theme("colors.cyan.400");
+  --editor-process-color: theme("colors.fuchsia.400");
+  --editor-constant-color: theme("colors.violet.400");
+  --editor-keyword-color: theme("colors.pink.400");
 }
 
 @mixin light-editor-theme {
@@ -82,15 +82,15 @@
 
 @mixin black-editor-theme {
   --editor-type-color: theme("colors.purple.400");
-  --editor-name-color: theme("colors.gray.400");
+  --editor-name-color: theme("colors.fuchsia.400");
   --editor-operator-color: theme("colors.indigo.400");
   --editor-invalid-color: theme("colors.red.400");
   --editor-separator-color: theme("colors.gray.400");
   --editor-meta-color: theme("colors.gray.400");
   --editor-variable-color: theme("colors.green.400");
   --editor-link-color: theme("colors.cyan.400");
-  --editor-process-color: theme("colors.blue.400");
-  --editor-constant-color: theme("colors.fuchsia.400");
+  --editor-process-color: theme("colors.violet.400");
+  --editor-constant-color: theme("colors.blue.400");
   --editor-keyword-color: theme("colors.pink.400");
 }
 

packages/hoppscotch-app/components/graphql/RequestOptions.vue

@@ -38,7 +38,7 @@
             <div class="flex">
               <ButtonSecondary
                 v-tippy="{ theme: 'tooltip' }"
-                to="https://docs.hoppscotch.io"
+                to="https://docs.hoppscotch.io/graphql/#queries"
                 blank
                 :title="t('app.wiki')"
                 svg="help-circle"
@@ -82,7 +82,7 @@
             <div class="flex">
               <ButtonSecondary
                 v-tippy="{ theme: 'tooltip' }"
-                to="https://docs.hoppscotch.io"
+                to="https://docs.hoppscotch.io/graphql/#queries"
                 blank
                 :title="t('app.wiki')"
                 svg="help-circle"
@@ -120,7 +120,7 @@
             <div class="flex">
               <ButtonSecondary
                 v-tippy="{ theme: 'tooltip' }"
-                to="https://docs.hoppscotch.io"
+                to="https://docs.hoppscotch.io/graphql/#headers"
                 blank
                 :title="t('app.wiki')"
                 svg="help-circle"

packages/hoppscotch-app/components/graphql/Response.vue

@@ -80,7 +80,7 @@
       </div>
       <ButtonSecondary
         :label="`${t('app.documentation')}`"
-        to="https://docs.hoppscotch.io"
+        to="https://docs.hoppscotch.io/features/response"
         svg="external-link"
         blank
         outline

packages/hoppscotch-app/components/http/Authorization.vue

@@ -107,7 +107,7 @@
       <ButtonSecondary
         outline
         :label="$t('app.documentation')"
-        to="https://docs.hoppscotch.io"
+        to="https://docs.hoppscotch.io/features/authorization"
         blank
         svg="external-link"
         reverse
@@ -151,7 +151,7 @@
           <SmartAnchor
             class="link"
             :label="`${$t('authorization.learn')} \xA0 →`"
-            to="https://docs.hoppscotch.io/"
+            to="https://docs.hoppscotch.io/features/authorization"
             blank
           />
         </div>
@@ -187,7 +187,7 @@
           <SmartAnchor
             class="link"
             :label="`${$t('authorization.learn')} \xA0 →`"
-            to="https://docs.hoppscotch.io/"
+            to="https://docs.hoppscotch.io/features/authorization"
             blank
           />
         </div>
@@ -227,7 +227,7 @@
           <SmartAnchor
             class="link"
             :label="`${$t('authorization.learn')} \xA0 →`"
-            to="https://docs.hoppscotch.io/"
+            to="https://docs.hoppscotch.io/features/authorization"
             blank
           />
         </div>

packages/hoppscotch-app/components/http/Body.vue

@@ -77,7 +77,7 @@
       <ButtonSecondary
         outline
         :label="`${$t('app.documentation')}`"
-        to="https://docs.hoppscotch.io"
+        to="https://docs.hoppscotch.io/features/body"
         blank
         svg="external-link"
         reverse

packages/hoppscotch-app/components/http/ResponseMeta.vue

@@ -43,7 +43,7 @@
       </div>
       <ButtonSecondary
         :label="t('app.documentation')"
-        to="https://docs.hoppscotch.io"
+        to="https://docs.hoppscotch.io/features/response"
         svg="external-link"
         blank
         outline

packages/hoppscotch-app/components/http/TestResult.vue

@@ -91,7 +91,7 @@
       <ButtonSecondary
         outline
         :label="`${t('action.learn_more')}`"
-        to="https://docs.hoppscotch.io"
+        to="https://docs.hoppscotch.io/features/tests"
         blank
         svg="external-link"
         reverse