This example showcases a custom made "Container" component that supports light/dark mode, variants, sizes and color schemes. It's two parts (Outer and Inner) and thus supports fullbleed layouts, normal constrained ones and different styles for both containers.
Read the Full Blogpost explaining this component.
Chakra UI has extensive theming capabilities and using its component style APIs can be complicated at first, especially if you look at their advanced examples.