stackblitz · Nemikolh · Jun 27, 2024 · Jun 25, 2024 · Jun 25, 2024 · Jun 25, 2024
diff --git a/docs/tutorialkit.dev/astro.config.ts b/docs/tutorialkit.dev/astro.config.ts
@@ -19,7 +19,11 @@ export default defineConfig({
         light: './src/assets/brand/tutorialkit-logo-light.svg',
         replacesTitle: true,
       },
-      plugins: [starlightLinksValidator()],
+      plugins: [
+        starlightLinksValidator({
+          exclude: ['../../guides/**/*'],
+        }),
+      ],
       sidebar: [
         {
           label: 'Guides',
@@ -51,6 +55,15 @@ export default defineConfig({
             },
           ],
         },
+        {
+          label: 'Reference',
+          items: [
+            {
+              label: 'Theming',
+              link: '/reference/theming/',
+            },
+          ],
+        },
       ],
       tableOfContents: {
         maxHeadingLevel: 5,

diff --git a/docs/tutorialkit.dev/src/content/docs/reference/example.md b/docs/tutorialkit.dev/src/content/docs/reference/example.md
diff --git a/...tutorialkit.dev/src/content/docs/reference/images/theming-breadcrumb-button.png b/...tutorialkit.dev/src/content/docs/reference/images/theming-breadcrumb-button.png
diff --git a/...torialkit.dev/src/content/docs/reference/images/theming-breadcrumb-dropdown.png b/...torialkit.dev/src/content/docs/reference/images/theming-breadcrumb-dropdown.png
diff --git a/docs/tutorialkit.dev/src/content/docs/reference/images/theming-breadcrumb.png b/docs/tutorialkit.dev/src/content/docs/reference/images/theming-breadcrumb.png
diff --git a/docs/tutorialkit.dev/src/content/docs/reference/images/theming-callout.png b/docs/tutorialkit.dev/src/content/docs/reference/images/theming-callout.png
diff --git a/docs/tutorialkit.dev/src/content/docs/reference/images/theming-content.png b/docs/tutorialkit.dev/src/content/docs/reference/images/theming-content.png
diff --git a/...utorialkit.dev/src/content/docs/reference/images/theming-editor-gutter-fold.png b/...utorialkit.dev/src/content/docs/reference/images/theming-editor-gutter-fold.png
diff --git a/docs/tutorialkit.dev/src/content/docs/reference/images/theming-editor-gutter.png b/docs/tutorialkit.dev/src/content/docs/reference/images/theming-editor-gutter.png
diff --git a/docs/tutorialkit.dev/src/content/docs/reference/images/theming-editor-search.png b/docs/tutorialkit.dev/src/content/docs/reference/images/theming-editor-search.png
diff --git a/docs/tutorialkit.dev/src/content/docs/reference/images/theming-editor-tooltip.png b/docs/tutorialkit.dev/src/content/docs/reference/images/theming-editor-tooltip.png
diff --git a/docs/tutorialkit.dev/src/content/docs/reference/images/theming-editor.png b/docs/tutorialkit.dev/src/content/docs/reference/images/theming-editor.png
diff --git a/docs/tutorialkit.dev/src/content/docs/reference/images/theming-filetree-file.png b/docs/tutorialkit.dev/src/content/docs/reference/images/theming-filetree-file.png
diff --git a/docs/tutorialkit.dev/src/content/docs/reference/images/theming-filetree-folder.png b/docs/tutorialkit.dev/src/content/docs/reference/images/theming-filetree-folder.png
diff --git a/docs/tutorialkit.dev/src/content/docs/reference/images/theming-filetree.png b/docs/tutorialkit.dev/src/content/docs/reference/images/theming-filetree.png
diff --git a/docs/tutorialkit.dev/src/content/docs/reference/images/theming-navcard.png b/docs/tutorialkit.dev/src/content/docs/reference/images/theming-navcard.png
diff --git a/...torialkit.dev/src/content/docs/reference/images/theming-panel-header-button.png b/...torialkit.dev/src/content/docs/reference/images/theming-panel-header-button.png
diff --git a/.../tutorialkit.dev/src/content/docs/reference/images/theming-panel-header-tab.png b/.../tutorialkit.dev/src/content/docs/reference/images/theming-panel-header-tab.png
diff --git a/docs/tutorialkit.dev/src/content/docs/reference/images/theming-panel-header.png b/docs/tutorialkit.dev/src/content/docs/reference/images/theming-panel-header.png
diff --git a/docs/tutorialkit.dev/src/content/docs/reference/images/theming-previews.png b/docs/tutorialkit.dev/src/content/docs/reference/images/theming-previews.png
diff --git a/docs/tutorialkit.dev/src/content/docs/reference/images/theming-statuses.png b/docs/tutorialkit.dev/src/content/docs/reference/images/theming-statuses.png
diff --git a/docs/tutorialkit.dev/src/content/docs/reference/images/theming-terminal.png b/docs/tutorialkit.dev/src/content/docs/reference/images/theming-terminal.png
diff --git a/docs/tutorialkit.dev/src/content/docs/reference/images/theming-top-bar.png b/docs/tutorialkit.dev/src/content/docs/reference/images/theming-top-bar.png
diff --git a/docs/tutorialkit.dev/src/content/docs/reference/theming.mdx b/docs/tutorialkit.dev/src/content/docs/reference/theming.mdx
diff --git a/docs/tutorialkit.dev/src/styles/custom.scss b/docs/tutorialkit.dev/src/styles/custom.scss
@@ -12,6 +12,7 @@ body {
   font-family: 'Inter', sans-serif;
   box-sizing: border-box;
   overscroll-behavior: none;
+
   &::before {
     position: absolute;
     bottom: 0;
@@ -21,18 +22,22 @@ body {
     pointer-events: none;
     z-index: 1;
   }
+
   &:not(:has(#starlight__sidebar)) {
     &::before {
       content: '';
     }
+
     [data-theme='dark'] & {
       background-image: radial-gradient(100% 100% at 50% 0%, transparent 60%, rgba(0, 0, 0, 0.4) 100%);
       &::before {
         background-image: linear-gradient(transparent 60%, rgba(0, 0, 0, 0.8) 100%);
       }
     }
+
     [data-theme='light'] & {
       background-image: radial-gradient(100% 100% at 50% 0%, #fff 60%, #eff0f3 100%);
+
       &::before {
         background-image: linear-gradient(transparent 60%, rgba(255, 255, 255, 0.8) 100%);
       }
@@ -50,7 +55,7 @@ header.header {
   border: none;
 }
 
-// Don't override <a> text color for home page buttons
+// don't override <a> text color for home page buttons
 .sl-markdown-content .simple-page-hero__links a:not(:where(.not-content *)) {
   color: unset;
 }
@@ -166,9 +171,11 @@ site-search button[data-open-modal] {
   box-shadow: 0 4px 6px -2px hsl(0, 0%, 0%, 0.1);
   transition: var(--transition-fast);
   transition-property: color, border-color;
+
   & > span {
     font-size: 0.84rem;
   }
+
   span:not(.link-title) {
     font-size: 0;
   }