GitHub user VasilijeBursac created a discussion: Styling Secondary Buttons using Ant Design Tokens
Hi everyone, I'm currently customizing the look and feel of Apache Superset and using Ant Design tokens to write the JSON configuration. However, I'm having trouble styling secondary buttons. Their default styling seems to derive from the `colorPrimary `token, which in my case doesn't offer enough visibility or contrast (as displayed in the images below). <img width="329" height="51" alt="Secondary button" src="https://github.com/user-attachments/assets/dbafb533-4407-4da5-80cd-a23782d35456"; /> <img width="602" height="95" alt="Tags" src="https://github.com/user-attachments/assets/1f0593ca-496b-4ee1-86a8-6a6bea1bc1c0"; /> I'd like to explicitly define the background color and text color of secondary buttons via tokens, but I haven't found any specific tokens in the Ant Design Theme Editor that target these directly. I tried doing it this way, but it didn't have any effect on the Superset UI: ``` { "components": { "Button": { "defaultBg": "#fff", "defaultColor": "#222", "defaultBorderColor": "#ccc", "defaultHoverBg": "#f5f5f5", "defaultHoverColor": "#1890ff" } } } ``` The same issue applies to tags—I'd like to control their background and text color more precisely through tokens as well. Is there a recommended way to target these components using design tokens in Superset? Are there any tokens that allow this level of control for secondary buttons and tags? Thanks in advance for any help! Best regards! GitHub link: https://github.com/apache/superset/discussions/34574 ---- This is an automatically sent email for [email protected]. To unsubscribe, please send an email to: [email protected] --------------------------------------------------------------------- To unsubscribe, e-mail: [email protected] For additional commands, e-mail: [email protected]
