From befd0550af51080ab2ee85f59f0a6e448f647f09 Mon Sep 17 00:00:00 2001 From: Andras Bacsai Date: Thu, 5 Sep 2024 16:00:44 +0200 Subject: [PATCH] css lol --- astro.config.mjs | 28 ++++++++++---------- src/tailwind.css | 63 ++++++++++++++++++++++++++++++++++++++++----- tailwind.config.mjs | 22 +++++++++++++++- 3 files changed, 92 insertions(+), 21 deletions(-) diff --git a/astro.config.mjs b/astro.config.mjs index c7fe882..293598a 100644 --- a/astro.config.mjs +++ b/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' }, diff --git a/src/tailwind.css b/src/tailwind.css index 95d77db..f7faaf1 100644 --- a/src/tailwind.css +++ b/src/tailwind.css @@ -4,17 +4,18 @@ /* Dark mode colors. */ :root { - --sl-color-accent-low: #20261f; - --sl-color-accent: #5e7058; - --sl-color-accent-high: #c4cbc2; - --sl-color-white: #ffffff; + --sl-color-accent-low: #FCD452; + --sl-color-accent: #FCD452; + --sl-color-accent-high: #242424; + --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-black: #181818; + --sl-color-gray-6: #101010; + --sl-color-black: #101010; } /* Light mode colors. */ @@ -31,4 +32,54 @@ --sl-color-gray-6: #eeeded; --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; } \ No newline at end of file diff --git a/tailwind.config.mjs b/tailwind.config.mjs index b33dae4..fc8129c 100644 --- a/tailwind.config.mjs +++ b/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()], }; \ No newline at end of file