css lol

astro.config.mjs

@@ -36,7 +36,7 @@ export default defineConfig({
                 },
             ]),
         ],
-        title: 'Coolify',
+        title: 'Coolify\'s Documentation',
         social: {
             github: 'https://github.com/coollabsio/coolify-documentation',
         },
@@ -61,7 +61,7 @@ export default defineConfig({
                 items: [
                     { label: 'FAQ', link: '/knowledge-base/faq' },
                     {
-                        label: 'Self-hosted Instance', items: [
+                        label: 'Self-hosted Instance', collapsed: true, items: [
                             { label: 'Monitoring', link: '/knowledge-base/monitoring' },
                             { label: 'Notifications', link: '/knowledge-base/notifications' },
                             { label: 'Self-update', link: '/knowledge-base/self-update' },
@@ -70,13 +70,13 @@ export default defineConfig({
                         ]
                     },
                     {
-                        label: 'DNS & Domains', items: [
+                        label: 'DNS & Domains', collapsed: true, items: [
                             { label: 'DNS Configuration', link: '/knowledge-base/dns-configuration' },
                             { label: 'Domains', link: '/knowledge-base/domains' },
                         ]
                     },
                     {
-                        label: 'Resources', items: [
+                        label: 'Resources', collapsed: true, items: [
                             { label: 'Environment Variables', link: '/knowledge-base/environment-variables' },
                             { label: 'Persistent Storage', link: '/knowledge-base/persistent-storage' },
                             { label: 'Drain Logs', link: '/knowledge-base/drain-logs' },
@@ -84,7 +84,7 @@ export default defineConfig({
                             { label: 'Database Backups', link: '/knowledge-base/database-backups' },
                             { label: 'How to add a new service', link: '/knowledge-base/add-a-service' },
                             {
-                                label: 'Applications', items: [
+                                label: 'Applications', collapsed: true, items: [
                                     { label: 'Overview', link: '/knowledge-base/applications' },
                                     { label: 'Django', link: '/knowledge-base/applications/django' },
                                     { label: 'Laravel', link: '/knowledge-base/applications/laravel' },
@@ -99,7 +99,7 @@ export default defineConfig({
                                 ]
                             },
                             {
-                                label: "Databases", items: [
+                                label: "Databases", collapsed: true, items: [
                                     { label: "Overview", link: '/knowledge-base/databases' },
                                     { label: 'Backups', link: '/knowledge-base/databases/backups' },
                                     { label: "MySQL", link: '/knowledge-base/databases/mysql' },
@@ -114,7 +114,7 @@ export default defineConfig({
                             },
 
                             {
-                                label: "Services", items: [
+                                label: "Services", collapsed: true, items: [
                                     { label: "Overview", link: '/knowledge-base/services' },
                                     { label: "Activepieces", link: '/knowledge-base/services/activepieces' },
                                     { label: "Appsmith", link: '/knowledge-base/services/appsmith' },
@@ -155,12 +155,12 @@ export default defineConfig({
                         ]
                     },
                     {
-                        label: 'How-Tos', items: [
+                        label: 'How-Tos', collapsed: true, items: [
                             { label: 'Load-balancing on Hetzner', link: '/knowledge-base/how-to/hetzner-loadbalancing' },
                         ]
                     },
                     {
-                        label: "Git", items: [
+                        label: "Git", collapsed: true, items: [
                             {
                                 label: "GitHub", items: [
                                     { label: "Integration", link: '/knowledge-base/git/github/integration' },
@@ -185,7 +185,7 @@ export default defineConfig({
                         ]
                     },
                     {
-                        label: "Server", items: [
+                        label: "Server", collapsed: true, items: [
                             { label: "Introduction", link: '/knowledge-base/server/introduction' },
                             { label: "Automated Cleanup", link: '/knowledge-base/server/automated-cleanup' },
                             { label: "Build Server", link: '/knowledge-base/server/build-server' },
@@ -198,14 +198,14 @@ export default defineConfig({
                         ]
                     },
                     {
-                        label: "S3", items: [
+                        label: "S3", collapsed: true, items: [
                             { label: "Introduction", link: '/knowledge-base/s3' },
                             { label: "AWS", link: '/knowledge-base/s3/aws' },
                             { label: "R2", link: '/knowledge-base/s3/r2' },
                         ]
                     },
                     {
-                        label: "Docker", items: [
+                        label: "Docker", collapsed: true, items: [
                             { label: "Compose", link: '/knowledge-base/docker/compose' },
                             { label: "Custom Commands", link: '/knowledge-base/docker/custom-commands' },
                             { label: "Registry", link: '/knowledge-base/docker/registry' },
@@ -213,11 +213,11 @@ export default defineConfig({
                         ]
                     },
                     {
-                        label: "Cloudflare", items: [
+                        label: "Cloudflare", collapsed: true, items: [
                             { label: "Tunnels", link: '/knowledge-base/cloudflare/tunnels' },
                         ]
                     }, {
-                        label: "Traefik", items: [
+                        label: "Traefik", collapsed: true, items: [
                             { label: "Basic Auth Middleware", link: '/knowledge-base/traefik/basic-auth' },
                             { label: "Custom SSL Certificates", link: '/knowledge-base/traefik/custom-ssl-certs' },
                             { label: "Dashboard", link: '/knowledge-base/traefik/dashboard' },

src/tailwind.css

@@ -4,17 +4,18 @@
 
 /* Dark mode colors. */
 :root {
-    --sl-color-accent-low: #20261f;
+    --sl-color-accent-low: #FCD452;
-    --sl-color-accent: #5e7058;
+    --sl-color-accent: #FCD452;
-    --sl-color-accent-high: #c4cbc2;
+    --sl-color-accent-high: #242424;
-    --sl-color-white: #ffffff;
+    --sl-color-text-accent: #383838;
+    --sl-color-white: #fff;
     --sl-color-gray-1: #eeeded;
     --sl-color-gray-2: #c2c2c2;
     --sl-color-gray-3: #8c8b8b;
     --sl-color-gray-4: #585858;
     --sl-color-gray-5: #383838;
-    --sl-color-gray-6: #272727;
+    --sl-color-gray-6: #101010;
-    --sl-color-black: #181818;
+    --sl-color-black: #101010;
 }
 
 /* Light mode colors. */
@@ -32,3 +33,53 @@
     --sl-color-gray-7: #f6f6f6;
     --sl-color-black: #ffffff;
 }
+
+.site-title,
+h4>a {
+    @apply dark:text-white;
+}
+
+div>a>svg {
+    @apply dark:text-white;
+}
+
+a[aria-current="true"] {
+    @apply dark:text-warning;
+}
+
+.sl-markdown-content a:not(:where(.not-content *)) {
+    @apply dark:text-warning;
+}
+
+.starlight-aside--note {
+    @apply dark:bg-blue-900 border-blue-400;
+}
+
+.starlight-aside--tip {
+    @apply dark:bg-green-900 border-green-400;
+}
+
+.starlight-aside--caution {
+    @apply dark:bg-warning border-yellow-600 dark:text-black;
+}
+
+.starlight-aside--caution .starlight-aside__title {
+    @apply dark:text-black;
+}
+
+
+.starlight-aside--danger {
+    @apply dark:bg-error border-error;
+}
+
+.type {
+    @apply dark:text-white;
+}
+
+ul>li>strong>a {
+    @apply dark:text-white;
+}
+
+.required {
+    @apply dark:text-error;
+}

tailwind.config.mjs

@@ -1,7 +1,27 @@
 import starlightPlugin from '@astrojs/starlight-tailwind';
-
+const colors = {
+    "base": "#101010",
+    "warning": "#FCD452",
+    "success": "#16A34A",
+    "error": "#DC2626",
+    "coollabs": "#6B16ED",
+    "coollabs-100": "#7317FF",
+    "coolgray-100": "#181818",
+    "coolgray-200": "#202020",
+    "coolgray-300": "#242424",
+    "coolgray-400": "#282828",
+    "coolgray-500": "#323232",
+}
 /** @type {import('tailwindcss').Config} */
 export default {
     content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
+    theme: {
+        extend: {
+            fontFamily: {
+                sans: ["Inter", "sans-serif"],
+            },
+            colors
+        },
+    },
     plugins: [starlightPlugin()],
 };