docs(breadcrumbs): fix theming headings (#2526)

Author: liamdebeasi

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 />

…age/breadcrumbs/styling/color/angular.md …ge/breadcrumbs/theming/colors/angular.mdstatic/usage/breadcrumbs/styling/color/angular.md renamed to static/usage/breadcrumbs/theming/colors/angular.md static/usage/breadcrumbs/styling/color/angular.md renamed to static/usage/breadcrumbs/theming/colors/angular.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"
+/>