diff --git a/astro.config.mjs b/astro.config.mjs index 443a221..55679fd 100644 --- a/astro.config.mjs +++ b/astro.config.mjs @@ -6,9 +6,17 @@ export default defineConfig({ site: "https://docs.thoxia.com", integrations: [ starlight({ - title: "My Docs", + title: "THOXIA", + logo: { + src: "./src/assets/thoxia.webp", + replacesTitle: false, + }, + customCss: [ + // Relative path to your custom CSS file + "./src/styles/thoxia.css", + ], social: { - github: "https://github.com/withastro/starlight", + github: "https://github.com/Thoxia", }, sidebar: [ { diff --git a/src/assets/thoxia.gif b/src/assets/thoxia.gif new file mode 100644 index 0000000..17d5072 Binary files /dev/null and b/src/assets/thoxia.gif differ diff --git a/src/assets/thoxia.webp b/src/assets/thoxia.webp new file mode 100644 index 0000000..2f65795 Binary files /dev/null and b/src/assets/thoxia.webp differ diff --git a/src/content/docs/index.mdx b/src/content/docs/index.mdx index 664b681..07efd93 100644 --- a/src/content/docs/index.mdx +++ b/src/content/docs/index.mdx @@ -1,36 +1,24 @@ --- -title: Welcome to Starlight +title: Help Center description: Get started building your docs site with Starlight. template: splash hero: - tagline: Congrats on setting up a new Starlight project! + tagline: Welcome to the help page for all of the THOXIA's products. image: - file: ../../assets/houston.webp + file: ../../assets/thoxia.gif actions: - - text: Example Guide + - text: Read the docs! link: /guides/example/ icon: right-arrow - - text: Read the Starlight docs - link: https://starlight.astro.build - icon: external - variant: minimal --- -import { Card, CardGrid } from '@astrojs/starlight/components'; +import { Badge, Icon } from '@astrojs/starlight/components'; -## Next steps - - - - Edit `src/content/docs/index.mdx` to see this page change. - - - Add Markdown or MDX files to `src/content/docs` to create new pages. - - - Edit your `sidebar` and other config in `astro.config.mjs`. - - - Learn more in [the Starlight Docs](https://starlight.astro.build/). - - +
+
+

Still need help?

+

Join our community!

+
+ + +
\ No newline at end of file diff --git a/src/styles/thoxia.css b/src/styles/thoxia.css new file mode 100644 index 0000000..847c130 --- /dev/null +++ b/src/styles/thoxia.css @@ -0,0 +1,30 @@ +/* Dark mode colors. */ +:root { + --sl-color-accent-low: #002932; + --sl-color-accent: #00778b; + --sl-color-accent-high: #7fd8ed; + --sl-color-white: #ffffff; + --sl-color-gray-1: #eceef2; + --sl-color-gray-2: #c0c2c7; + --sl-color-gray-3: #888b96; + --sl-color-gray-4: #545861; + --sl-color-gray-5: #353841; + --sl-color-gray-6: #24272f; + --sl-color-black: #17181c; +} + +/* Light mode colors. */ +:root[data-theme='light'] { + --sl-color-accent-low: #a3e3f3; + --sl-color-accent: #007286; + --sl-color-accent-high: #003944; + --sl-color-white: #17181c; + --sl-color-gray-1: #24272f; + --sl-color-gray-2: #353841; + --sl-color-gray-3: #545861; + --sl-color-gray-4: #888b96; + --sl-color-gray-5: #c0c2c7; + --sl-color-gray-6: #eceef2; + --sl-color-gray-7: #f5f6f8; + --sl-color-black: #ffffff; +} \ No newline at end of file