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…

Element UI chalk theme for DaisyUI

/**
  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;