diff --git a/README.md b/README.md
index 6fe6875..13ede33 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,4 @@
-# Starlight Starter Kit: Basics
+# Starlight
[](https://starlight.astro.build)
@@ -6,8 +6,6 @@
pnpm create astro@latest -- --template starlight
```
-> ๐งโ๐ **Seasoned astronaut?** Delete this file. Have fun!
-
## ๐ Project Structure
Inside of your Astro + Starlight project, you'll see the following folders and files:
@@ -43,7 +41,3 @@ All commands are run from the root of the project, from a terminal:
| `pnpm preview` | Preview your build locally, before deploying |
| `pnpm astro ...` | Run CLI commands like `astro add`, `astro check` |
| `pnpm astro -- --help` | Get help using the Astro CLI |
-
-## ๐ Want to learn more?
-
-Check out [Starlightโs docs](https://starlight.astro.build/), read [the Astro documentation](https://docs.astro.build), or jump into the [Astro Discord server](https://astro.build/chat).
diff --git a/astro.config.mjs b/astro.config.mjs
index 81ccda5..671fe59 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -20,12 +20,15 @@ export default defineConfig({
integrations: [
tailwindcss(),
starlight({
- title: "My Docs",
+ title: "Alex Lebens Docs",
+ customCss: [
+ './src/styles/custom.css',
+ ],
social: [
{
- icon: "github",
- label: "GitHub",
- href: "https://github.com/withastro/starlight",
+ icon: "external",
+ label: "Homepage",
+ href: "https://www.alexlebens.dev",
},
],
plugins: [
@@ -34,10 +37,7 @@ export default defineConfig({
sidebar: [
{
label: "Guides",
- items: [
- // Each item here is one entry in the navigation menu.
- { label: "Example Guide", slug: "guides/example" },
- ],
+ autogenerate: { directory: "guides" },
},
{
label: "Reference",
diff --git a/public/favicon.svg b/public/favicon.svg
index cba5ac1..aba5365 100644
--- a/public/favicon.svg
+++ b/public/favicon.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/public/favicon_icon.png b/public/favicon_icon.png
new file mode 100644
index 0000000..d818d44
Binary files /dev/null and b/public/favicon_icon.png differ
diff --git a/public/favicon_icon.svg b/public/favicon_icon.svg
new file mode 100644
index 0000000..aba5365
--- /dev/null
+++ b/public/favicon_icon.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/autumn_mountain.png b/src/assets/autumn_mountain.png
new file mode 100644
index 0000000..1ca3e72
Binary files /dev/null and b/src/assets/autumn_mountain.png differ
diff --git a/src/assets/houston.webp b/src/assets/houston.webp
deleted file mode 100644
index 930c164..0000000
Binary files a/src/assets/houston.webp and /dev/null differ
diff --git a/src/content/docs/index.mdx b/src/content/docs/index.mdx
index 108550a..150dc9a 100644
--- a/src/content/docs/index.mdx
+++ b/src/content/docs/index.mdx
@@ -5,7 +5,7 @@ template: splash
hero:
tagline: Congrats on setting up a new Starlight project!
image:
- file: ../../assets/houston.webp
+ file: ../../assets/autumn_mountain.png
actions:
- text: Example Guide
link: /guides/example/
diff --git a/src/styles/custom.css b/src/styles/custom.css
new file mode 100644
index 0000000..b63b996
--- /dev/null
+++ b/src/styles/custom.css
@@ -0,0 +1,34 @@
+@import 'tailwindcss';
+@plugin '@tailwindcss/typography';
+
+/* Custom colors */
+@theme {
+ --color-midnight: #0c354d;
+ --color-turquoise: #0da797;
+ --color-steel: #4682b4;
+ --color-bermuda: #7fbab4;
+ --color-desert: #f9deb2;
+ --color-bronze: #9e7f5e;
+ --color-gitea-primary: #609926;
+ --color-gitea-secondary: #4c7a33;
+}
+
+@layer starlight, rapide, overrides;
+
+@layer overrides {
+ :root {
+ --sl-color-accent-high: var(--color-steel);
+ --sl-color-accent-high: var(--color-steel);
+ --sl-color-accent-low: var(--color-bermuda);
+ }
+
+ :root[data-theme='light'] {
+ --sl-color-accent: var(--color-steel);
+ --sl-color-accent-high: var(--color-steel);
+ --sl-color-accent-low: var(--color-turquoise);
+ }
+
+ .site-title:where(.astro-gmuhlsjs) {
+ color: var(--color-turquoise);
+ }
+}
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index 6a2ad33..150e295 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -1,7 +1,9 @@
/** @type {import('tailwindcss').Config} */
module.exports = {
content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}', '*.{js,ts,jsx,tsx,mdx}'],
- darkMode: 'class',
- theme: {},
+ darkMode: ['class', '[data-theme="dark"]'],
+ theme: {
+ extend: {},
+ },
plugins: [require('@tailwindcss/typography')],
};