├── README.md
└── theme.json


/README.md:
--------------------------------------------------------------------------------
 1 | # naive-ui-element-theme
 2 | 
 3 | A theme overrides json for naive-ui to make it look like element-plus.
 4 | 
 5 | ## Usage
 6 | 
 7 | https://www.naiveui.com/en-US/os-theme/docs/customize-theme#Customizing-theme-vars-(design-tokens)
 8 | 
 9 | ## Credit
10 | 
11 | https://github.com/element-plus/element-plus
12 | 


--------------------------------------------------------------------------------
/theme.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "common": {
 3 |     "borderColor": "#dcdfe6",
 4 |     "dividerColor": "#ebeef5",
 5 |     "primaryColor": "#409eff",
 6 |     "primaryColorHover": "#66b1ff",
 7 |     "primaryColorPressed": "#3a8ee6",
 8 |     "placeholderColor": "#c0c4cb",
 9 |     "heightSmall": "24px",
10 |     "heightTiny": "24px",
11 |     "borderRadius": "4px",
12 |     "borderRadiusSmall": "4px",
13 |     "infoColor": "#909399",
14 |     "infoColorHover": "#a6a9ad",
15 |     "infoColorPressed": "#82848a",
16 |     "successColor": "#67c23a",
17 |     "successColorHover": "#85ce61",
18 |     "successColorPressed": "#5daf34",
19 |     "warningColor": "#e6a23c",
20 |     "warningColorHover": "#ebb563",
21 |     "warningColorPressed": "#cf9236",
22 |     "errorColor": "#f56c6c",
23 |     "errorColorHover": "#f78989",
24 |     "errorColorPressed": "#dd6161",
25 |     "textColor2": "rgba(96, 98, 102, 1)",
26 |     "textColor1": "rgba(48, 49, 51, 1)",
27 |     "tableHeaderColor": "transparent",
28 |     "fontWeightStrong": "500",
29 |     "heightMedium": "32px"
30 |   },
31 |   "Input": {
32 |     "paddingLeftMedium": "16px",
33 |     "paddingRightMedium": "16px"
34 |   },
35 |   "Button": {
36 |     "paddingMedium": "0 16px",
37 |     "paddingLarge": "0 20px",
38 |     "paddingSmall": "0 12px"
39 |   },
40 |   "Progress": {
41 |     "railHeight": "6px"
42 |   },
43 |   "Checkbox": {
44 |     "textColor": "#606266"
45 |   },
46 |   "Alert": {
47 |     "border": "none",
48 |     "borderInfo": "none",
49 |     "borderSuccess": "none",
50 |     "borderWarning": "none",
51 |     "borderError": "none"
52 |   },
53 |   "Anchor": {
54 |     "linkFontSize": "12px",
55 |     "linkColor": "transparent",
56 |     "railColorActive": "#409effFF",
57 |     "linkPadding": "0 0 0 10px",
58 |     "railWidth": "4px",
59 |     "railColor": "rgba(219, 219, 223, 0)"
60 |   },
61 |   "DataTable": {
62 |     "thTextColor": "rgba(144, 147, 153, 1)"
63 |   }
64 | }


--------------------------------------------------------------------------------