feat: wip docs for colors

Author: prplwtf

apps/frontend/content/docs/themes/colors.md.txt

@@ -0,0 +1,20 @@
+---
+title: Dashboard colors
+description: Adjust Tailwind color variables for the user-side dashboard
+category: themes
+---
+
+## Introduction
+
+Dashboard color variables allow you to modify Pterodactyl's user-side dashboard palette through a simple set of CSS variables.
+
+### How do you use them?
+
+It's simple: override the CSS color variables in `dashboard:css`'s `:root` selector.
+
+```css [dashboard.css]
+:root {
+  --blueprint-white: 255 255 255;
+  --blueprint-black: 19 26 32;
+}
+```

apps/frontend/src/assets/docs.config.ts

@@ -25,6 +25,11 @@ export const docsCategories: Record<string, CategoryConfig> = {
     label: 'Extension Library',
     order: 4,
   },
+  themes: {
+    icon: 'memory:image',
+    label: 'Themes',
+    order: 5,
+  },
 }
 
 export const defaultCategory: CategoryConfig = {