docs: updated content

Author: liyasthomas

README.md

@@ -1,57 +1,19 @@
-# Docus Starter
+# Hoppscotch Documentation
 
-Starter template for [Docus](https://docus.dev).
+Docs are powered by [Docus](https://docus.dev).
 
-## Clone
-
-Clone the repository (using `nuxi`):
-
-```bash
-npx nuxi init -t themes/docus
-```
-
-## Setup
+## Local Development
 
 Install dependencies:
 
 ```bash
-yarn install
-```
-
-## Development
-
-```bash
-yarn dev
+pnpm install
 ```
 
-## Edge Side Rendering
-
-Can be deployed to Vercel Functions, Netlify Functions, AWS, and most Node-compatible environments.
-
-Look at all the available presets [here](https://v3.nuxtjs.org/guide/deploy/presets).
+Start development server with:
 
 ```bash
-yarn build
+pnpm run dev
 ```
 
-## Static Generation
-
-Use the `generate` command to build your application.
-
-The HTML files will be generated in the .output/public directory and ready to be deployed to any static compatible hosting.
-
-```bash
-yarn generate
-```
-
-## Preview build
-
-You might want to preview the result of your build locally, to do so, run the following command:
-
-```bash
-yarn preview
-```
-
----
-
-For a detailed explanation of how things work, check out [Docus](https://docus.dev).
+Start editing [conent](./content) directory!

components/content/Image.vue

@@ -49,7 +49,7 @@ const colorMode = useColorMode()
 <style>
 .image-zoomable {
   border: 1px solid var(--elements-border-secondary-static) !important;
-  border-radius: var(--radii-md) !important;
+  border-radius: var(--radii-xs) !important;
 }
 
 .medium-zoom-overlay {
@@ -58,13 +58,6 @@ const colorMode = useColorMode()
 }
 
 .medium-zoom-image--opened {
-  border-radius: var(--radii-xs) !important;
   z-index: 1000 !important;
 }
-
-.callout.alert {
-  background-color: var(--docus-body-backgroundColor) !important;
-  border: 1px solid var(--elements-border-secondary-static) !important;
-  border-radius: var(--radii-md) !important;
-}
 </style>

content/1.documentation/4.features/8.collections.md

@@ -25,9 +25,11 @@ To create a new collection, click on the "**Add new**" button on the collections
 To add a new request to you collection, you can click on the "**Save**" button on the request page and select the collection you want to add it to. Click on the drop down menu next to save button and click on "**Save as**" to save the request to a new location.
 
 ::alert{type="info"}
+::list{type="info"}
 
-You can also use the keyboard shortcut <kbd>`ctrl/cmd`</kbd> + <kbd>`S`</kbd> to save the request to a collection.
+- You can also use the keyboard shortcut <kbd>`ctrl/cmd`</kbd> + <kbd>`S`</kbd> to save the request to a collection.
 
+::
 ::
 
 ## Organizing collections

content/1.documentation/5.self-host/1.prerequisites.md

@@ -153,5 +153,9 @@ The links to configure OAuth for various providers are given below
 3. [**Microsoft**](https://learn.microsoft.com/en-us/azure/active-directory/develop/scenario-web-app-sign-user-app-registration?tabs=nodejs#register-an-app-by-using-the-azure-portal) (scope: user with read permission)
 
 ::alert{type="info"}
-It is recommended that you secure your deployments by issuing TLS certificates and using **HTTPS**, since we use **secure HTTP cookies** for authenticating users.
+::list{type="info"}
+
+- It is recommended that you secure your deployments by issuing TLS certificates and using **HTTPS**, since we use **secure HTTP cookies** for authenticating users.
+
+::
 ::

content/1.documentation/5.self-host/2.install-and-build.md

@@ -5,9 +5,10 @@ title: Install and build
 # Install and build
 
 ::alert{type="warning"}
-
 ::list{type="warning"}
+
 - In order for a smooth building process, it is recommended to have at least 16GB of RAM available in your system.
+
 ::
 ::
 
@@ -38,7 +39,7 @@ Copy the contents of `.env.example` file found in the root directory of cloned r
 ```yaml
 #-----------------------Backend Config------------------------------#
 # Prisma Config
-DATABASE_URL=postgresql://postgres:testpass@hoppscotch-db:5432/hoppscotch # or replace with your database URL 
+DATABASE_URL=postgresql://postgres:testpass@hoppscotch-db:5432/hoppscotch # or replace with your database URL
 
 # Auth Tokens Config
 JWT_SECRET="secretcode123"
@@ -171,6 +172,9 @@ docker compose up hoppscotch-app # Runs the main frontend app up
 
 Once everything is setup you can access:
 
-Hoppscotch app at : `http://localhost:3000`
+::list{type="success"}
 
-Hoppscotch admin dashboard at : `http://localhost:3100`
+- Hoppscotch app at: `http://localhost:3000`
+- Hoppscotch admin dashboard at: `http://localhost:3100`
+
+::

content/1.documentation/7.contributors.md

@@ -11,5 +11,9 @@ Here are some of our top contributors who helped us to make Hoppscotch a better
 ![Contributors](https://contrib.rocks/image?repo=hoppscotch/hoppscotch)
 
 ::alert{type="info"}
-[View the full list of contributors here →](https://github.com/hoppscotch/hoppscotch/graphs/contributors)
+::list{type="info"}
+
+- [View the full list of contributors here →](https://github.com/hoppscotch/hoppscotch/graphs/contributors)
+
+::
 ::

tokens.config.ts

@@ -3,16 +3,17 @@ import { defineTheme } from "pinceau"
 export default defineTheme({
   color: {
     primary: {
-      50: "#ecfdf5",
-      100: "#d1fae5",
-      200: "#a7f3d0",
-      300: "#6ee7b7",
-      400: "#34d399",
-      500: "#10b981",
-      600: "#059669",
-      700: "#047857",
-      800: "#065f46",
-      900: "#064e3b",
-    },
-  },
+      50: "#E3FDF4",
+      100: "#C7FAE9",
+      200: "#8EF5D3",
+      300: "#56F0BD",
+      400: "#1EECA7",
+      500: "#10B981",
+      600: "#0D9668",
+      700: "#0A714E",
+      800: "#064B34",
+      900: "#03261A",
+      950: "#02130D"
+    }
+  }
 })