Last active
July 9, 2022 04:54
-
-
Save tomgrice/76bfd6ee0780318ecdc356f90842ed44 to your computer and use it in GitHub Desktop.
This is an approximation/color scheme for ElementUI's default 'chalk' theme. To use with DaisyUI (https://daisyui.com), simply add the following code to the 'config' constant in your tailwindcss.config.[c]js file. This will be periodically updated to get it closer to the real theme but bear in mind, it is an approximation and probably will neve…
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| GitHub: https://github.com/tomgrice | |
| Reddit: /u/gricey91 | |
| Add the 'chalk' property to config.daisyui.themes in tailwindcss.config.[c]js | |
| **/ | |
| const config = { | |
| daisyui: { | |
| themes: [ | |
| { | |
| chalk: { | |
| primary: "#409eff", | |
| "primary-content": "#ffffff", | |
| neutral: "#ebeef5", | |
| "neutral-content": "#303133", | |
| accent: "#a8abb2", | |
| "accent-content": "#ffffff", | |
| secondary: "#303133", | |
| "secondary-content": "#ffffff", | |
| info: "#909399", | |
| "info-content": "#ffffff", | |
| success: "#67c23a", | |
| "success-content": "#ffffff", | |
| warning: "#e6a23c", | |
| "warning-content": "#ffffff", | |
| error: "#f56c6c", | |
| "error-content": "#ffffff", | |
| "base-100": "#ffffff", | |
| "base-200": "#e4e7ed", | |
| "base-300": "#dcdfe6", | |
| "base-content": "#606266", | |
| fontFamily: '"Helvetica Neue",Helvetica,sans-serif', | |
| fontSize: "0.9rem", | |
| lineHeight: "14px", | |
| fontWeight: "300", | |
| "--btn-text-case": "none", | |
| "--rounded-btn": "0.3rem", | |
| "--rounded-box": "0", | |
| "--rounded-tab": "0.3rem", | |
| "--animation-btn": "0", | |
| "--btn-focus-scale": "1.05", | |
| ".btn": { | |
| fontWeight: "300", | |
| minHeight: "2.25rem", | |
| height: "2.25rem", | |
| }, | |
| ".navbar .btn": { | |
| "--rounded-btn": "0", | |
| }, | |
| ".input": { | |
| height: "2.5rem", | |
| }, | |
| "::placeholder": { | |
| color: "#C0C4CC", | |
| opacity: 1, | |
| }, | |
| ".table :where(th, td):first-child, .table :where(th, td):last-child": { | |
| "border-radius": "0rem !important", | |
| }, | |
| }, | |
| }, | |
| ], | |
| }, | |
| }; | |
| module.exports = config; |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment