Ant Post CSS Theme
PostCSS plugin for replacing the default antd colors with css variables.
Be able to to change ant design theme in realtime! see CSS Change Variables With JavaScript
Demo
Installation
$ npm install ant-post-css-theme
Usage
Just add yous css theme variables to your project
variables.css
:root {
--hover-color: #40a9ff;
--primary-color: #1890ff;
--success-color: #52c41a;
--warning-color: #faad14;
--error-color: #f5222d;
}
add plugin to postcss
postcss([ require('ant-post-css-theme') ])
See PostCSS docs for examples regarding usage.
Options
defaults
- Type:
object
- Default:
{}
This is a another way to pass color values the plugin will provide those colors as a fallback if the css variable is not present see css var fallback.
e.g:
defaults: {
hoverColor: "#40a9ff",
primaryColor: "#1890ff",
successColor: "#52c41a",
warningColor: "#faad14",
errorColor: "#f5222d",
}