mirror of
https://github.com/apache/superset.git
synced 2026-04-11 20:37:16 +00:00
62 lines
1.8 KiB
Markdown
62 lines
1.8 KiB
Markdown
---
|
|
title: Theming and Styling
|
|
sidebar_position: 3
|
|
---
|
|
|
|
<!--
|
|
Licensed to the Apache Software Foundation (ASF) under one
|
|
or more contributor license agreements. See the NOTICE file
|
|
distributed with this work for additional information
|
|
regarding copyright ownership. The ASF licenses this file
|
|
to you under the Apache License, Version 2.0 (the
|
|
"License"); you may not use this file except in compliance
|
|
with the License. You may obtain a copy of the License at
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
Unless required by applicable law or agreed to in writing,
|
|
software distributed under the License is distributed on an
|
|
"AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
|
|
KIND, either express or implied. See the License for the
|
|
specific language governing permissions and limitations
|
|
under the License.
|
|
-->
|
|
|
|
# Theming and Styling
|
|
|
|
🚧 **Coming Soon** 🚧
|
|
|
|
Learn how to create custom themes and style your plugins to match Superset's design system.
|
|
|
|
## Topics to be covered:
|
|
|
|
- Understanding Superset's theme architecture
|
|
- Using the theme provider in plugins
|
|
- Creating custom color palettes
|
|
- Responsive design considerations
|
|
- Dark mode and light mode support
|
|
- Customizing chart colors and styling
|
|
- Brand customization and white-labeling
|
|
- CSS-in-JS best practices
|
|
- Working with Ant Design components
|
|
- Accessibility in custom themes
|
|
|
|
## Theme Structure
|
|
|
|
- **Color tokens** - Primary, secondary, and semantic colors
|
|
- **Typography** - Font families, sizes, and weights
|
|
- **Spacing** - Grid system and layout tokens
|
|
- **Component styles** - Default component appearances
|
|
- **Chart themes** - Color schemes for visualizations
|
|
|
|
## Supported Theming APIs
|
|
|
|
- Theme provider context
|
|
- CSS custom properties
|
|
- Emotion/styled-components integration
|
|
- Chart color palette API
|
|
|
|
---
|
|
|
|
*This documentation is under active development. Check back soon for updates!*
|