docs(breadcrumbs): fix theming headings

docs/api/breadcrumbs.md

@@ -73,17 +73,17 @@ import PopoverOnClick from '@site/static/usage/breadcrumbs/collapsing-items/popo
 
 <PopoverOnClick />
 
-## Styling
+## Theming
 
-## Color Property
+### Colors
 
-import ColorProp from '@site/static/usage/breadcrumbs/styling/color/index.md';
+import Colors from '@site/static/usage/breadcrumbs/theming/colors/index.md';
 
-<ColorProp />
+<Colors />
 
-## CSS Properties
+### CSS Custom Properties
 
-import CSSProps from '@site/static/usage/breadcrumbs/styling/css-props/index.md';
+import CSSProps from '@site/static/usage/breadcrumbs/theming/css-properties/index.md';
 
 <CSSProps />
 
@@ -104,4 +104,4 @@ import CSSProps from '@site/static/usage/breadcrumbs/styling/css-props/index.md'
 <CustomProps />
 
 ## Slots
-<Slots />
+<Slots />

static/usage/breadcrumbs/styling/color/index.md → static/usage/breadcrumbs/theming/colors/index.md

@@ -7,5 +7,5 @@ import angular from './angular.md';
 
 <Playground
   code={{ javascript, react, vue, angular }}
-  src="usage/breadcrumbs/styling/color/demo.html"
-/>
+  src="usage/breadcrumbs/theming/colors/demo.html"
+/>

static/usage/breadcrumbs/styling/css-props/index.md → static/usage/breadcrumbs/theming/css-properties/index.md

@@ -26,5 +26,5 @@ import angularCSS from './angular/angular_css.md';
       },
     },
   }}
-  src="usage/breadcrumbs/styling/css-props/demo.html"
+  src="usage/breadcrumbs/theming/css-properties/demo.html"
 />