colors

_config.yml

@@ -68,9 +68,9 @@ author:
 
 docs-menu:
   - title: Getting started
-    pages: [index, styleguide]
+    pages: [index]
   - title: Components
-    pages: [alerts, avatars, buttons, cards, charts, form-components, tags, typography]
+    pages: [alerts, avatars, buttons, colors, cards, charts, form-components, tags, typography]
 
 colors:
   blue: 
@@ -143,14 +143,14 @@ theme-colors:
 #    name: Dark
 
 color_variants:
-  - name: 'Default'
-    suffix: ''
-  - name: 'Dark'
-    suffix: -dark
-  - name: 'Darker'
-    suffix: -darker
   - name: 'Darkest'
     suffix: -darkest
+  - name: 'Darker'
+    suffix: -darker
+  - name: 'Dark'
+    suffix: -dark
+  - name: 'Default'
+    suffix: ''
   - name: 'Light'
     suffix: -light
   - name: 'Lighter'

src/_docs/styleguide.md → src/_docs/colors.md

 ---
-title: Styleguide
-icon: fe fe-image
-description: Welcome to Tabler style guide. If you're new here, have a look through some of the topics on the side.
+title: Colors
+icon: fe fe-feather
+description: Convey meaning through color with a handful of color utility classes.
 ---
 
 ### Contextual colors