What are you trying to do? (please be as specific as possible and include relevant screenshots, code snippets)
Hello, i’m trying to configure my app using a dark color scheme, im primarily using ANTD 5 design system components on my app, however when i customize the colors in the global context settings for ANT D I run into all sorts of issues that make the ui look really bad depending on the configuration.
My primary color is almost white or: #E0E0E0
My primary background is black
and my text color is light gray or #D1D1D1
All i want is to make my components deep black. that’s it. however if i turn default dark mode on, the darkest color in the antd style token turns to #141414 as seen in this picture:
I already try “replace all usage of this token with” and it wont work, also i tried clicking on the color token directly and it wont let me edit it.
If i turn “Dark mode” off, the component and style tokens finally looks how i want to respecting the black color as my main background.
but when something gets clicked or highlighted it looks horrible. i’m not sure why the text does not invert colors.
I understand that design systems use a spectrum of shades for their components, but if my main color is black the shades should start from there, insead of the next shade which is whats happening only on dark mode on, not when is off.
If im able to edit the color on the design token i can fix the issue but plasmic wont let me, how can i edit or override the ANTd design tokens? its only one of them i need to change but can’t find how to do so.
We would really appreciate a solution.
- My project: Plasmic