base6-ui 1.1.1

package/src/config/themes/components/button/light.ts

@@ -0,0 +1,102 @@
+import { ButtonProps } from 'naive-ui'
+import { lightBase } from '../../color'
+import { ButtonThemeCommon } from './common'
+
+export const ButtonThemeLight: ButtonProps['themeOverrides'] = {
+  ...ButtonThemeCommon,
+  border: `1px solid ${lightBase['color-gray-3']}`,
+  borderError: `1px solid ${lightBase['color-red-6']}`,
+  borderPrimary: `1px solid ${lightBase['color-primary-6']}`,
+  borderSuccess: `1px solid ${lightBase['color-green-6']}`,
+  borderWarning: `1px solid ${lightBase['color-origin-6']}`,
+
+  borderDisabled: `1px solid ${lightBase['color-gray-2']}`,
+  borderDisabledError: `1px solid ${lightBase['color-red-3']}`,
+  borderDisabledPrimary: `1px solid ${lightBase['color-primary-3']}`,
+  borderDisabledSuccess: `1px solid ${lightBase['color-green-3']}`,
+  borderDisabledWarning: `1px solid ${lightBase['color-origin-3']}`,
+
+  borderHover: `1px solid ${lightBase['color-gray-4']}`,
+  borderHoverError: `1px solid ${lightBase['color-red-5']}`,
+  borderHoverPrimary: `1px solid ${lightBase['color-primary-5' ]}`,
+  borderHoverSuccess: `1px solid ${lightBase['color-green-5']}`,
+  borderHoverWarning: `1px solid ${lightBase['color-origin-5']}`,
+
+  borderFocus: `1px solid ${lightBase['color-gray-4']}`,
+  borderFocusError: `1px solid ${lightBase['color-red-5']}`,
+  borderFocusPrimary: `1px solid ${lightBase['color-primary-5']}`,
+  borderFocusSuccess: `1px solid ${lightBase['color-green-5']}`,
+  borderFocusWarning: `1px solid ${lightBase['color-origin-5']}`,
+
+  borderPressed: `1px solid ${lightBase['color-gray-5']}`,
+  borderPressedError: `1px solid ${lightBase['color-red-7']}`,
+  borderPressedPrimary: `1px solid ${lightBase['color-primary-7']}`,
+  borderPressedSuccess: `1px solid ${lightBase['color-green-7']}`,
+  borderPressedWarning: `1px solid ${lightBase['color-origin-7']}`,
+
+  color: lightBase['color-gray-3'],
+  colorError: lightBase['color-red-6'],
+  colorPrimary: lightBase['color-primary-6'],
+  colorSuccess: lightBase['color-green-6'],
+  colorWarning: lightBase['color-origin-6'],
+
+  colorDisabled: lightBase['color-gray-2'],
+  colorDisabledError: lightBase['color-red-3'],
+  colorDisabledPrimary: lightBase['color-primary-3'],
+  colorDisabledSuccess: lightBase['color-green-3'],
+  colorDisabledWarning: lightBase['color-origin-3'],
+
+  colorFocus: lightBase['color-gray-4'],
+  colorFocusError: lightBase['color-red-5'],
+  colorFocusPrimary: lightBase['color-primary-5' ],
+  colorFocusSuccess: lightBase['color-green-5'],
+  colorFocusWarning: lightBase['color-origin-5'],
+
+  colorHover: lightBase['color-gray-4'],
+  colorHoverError: lightBase['color-red-5'],
+  colorHoverPrimary: lightBase['color-primary-5' ],
+  colorHoverSuccess: lightBase['color-green-5'],
+  colorHoverWarning: lightBase['color-origin-5'],
+
+  colorPressed: lightBase['color-gray-5'],
+  colorPressedError: lightBase['color-red-7'],
+  colorPressedPrimary: lightBase['color-primary-7' ],
+  colorPressedSuccess: lightBase['color-green-7'],
+  colorPressedWarning: lightBase['color-origin-7'],
+
+  textColor: lightBase['color-gray-8'],
+  textColorDisabled: lightBase['color-gray-4'],
+  textColorFocus: lightBase['color-gray-8'],
+  textColorHover: lightBase['color-gray-8'],
+  textColorPressed: lightBase['color-gray-8'],
+
+  textColorGhost: lightBase['color-gray-8'],
+  textColorGhostError: lightBase['color-red-6'],
+  textColorGhostPrimary: lightBase['color-primary-6'],
+  textColorGhostSuccess: lightBase['color-green-6'],
+  textColorGhostWarning: lightBase['color-origin-6'],
+
+  textColorGhostDisabled: lightBase['color-gray-4'],
+  textColorGhostDisabledError: lightBase['color-red-3'],
+  textColorGhostDisabledPrimary: lightBase['color-primary-3'],
+  textColorGhostDisabledSuccess: lightBase['color-green-3'],
+  textColorGhostDisabledWarning: lightBase['color-origin-3'],
+
+  textColorGhostFocus: lightBase['color-gray-8'],
+  textColorGhostFocusError: lightBase['color-red-5'],
+  textColorGhostFocusPrimary: lightBase['color-primary-5'],
+  textColorGhostFocusSuccess: lightBase['color-green-5'],
+  textColorGhostFocusWarning: lightBase['color-origin-5'],
+
+  textColorGhostHover: lightBase['color-gray-8'],
+  textColorGhostHoverError: lightBase['color-red-5'],
+  textColorGhostHoverPrimary: lightBase['color-primary-5'],
+  textColorGhostHoverSuccess: lightBase['color-green-5'],
+  textColorGhostHoverWarning: lightBase['color-origin-5'],
+
+  textColorGhostPressed: lightBase['color-gray-8'],
+  textColorGhostPressedError: lightBase['color-red-7'],
+  textColorGhostPressedPrimary: lightBase['color-primary-7'],
+  textColorGhostPressedSuccess: lightBase['color-green-7'],
+  textColorGhostPressedWarning: lightBase['color-origin-7']
+}

package/src/config/themes/components/card/dark.ts

@@ -0,0 +1,13 @@
+import { CardProps } from 'naive-ui'
+import { darkBase } from '../../color'
+import { darkToken } from '../../token'
+
+export const CardThemeDark: CardProps['themeOverrides'] = {
+  color: darkToken['bg-color-2'],
+  paddingMedium: '16px 24px',
+  borderColor: darkBase['color-gray-3'],
+  textColor: darkToken['color-text-1'],
+  closeIconColor: darkToken['color-text-1'],
+  titleFontSizeMedium: '20px',
+  borderRadius: '10px'
+}

package/src/config/themes/components/card/light.ts

@@ -0,0 +1,13 @@
+import { CardProps } from 'naive-ui'
+import { lightBase } from '../../color'
+import { lightToken } from '../../token'
+
+export const CardThemeLight: CardProps['themeOverrides'] = {
+  color: lightToken['bg-color-2'],
+  paddingMedium: '16px 24px',
+  borderColor: lightBase['color-gray-3'],
+  textColor: lightBase['color-gray-10'],
+  closeIconColor: lightBase['color-gray-10'],
+  titleFontSizeMedium: '20px',
+  borderRadius: '10px'
+}

package/src/config/themes/components/charts/dark.ts

@@ -0,0 +1,425 @@
+import { darkBase } from '../../color'
+import { darkToken } from '../../token'
+
+const nameTextStyle = {
+  'color': darkToken['color-text-1'],
+  'fontWeight': 400,
+  'fontSize': 14,
+  'lineHeight': 20
+}
+export const ChartsThemeDark = {
+  'color': [
+    '#5895ff',
+    '#6dd68e',
+    '#f7a55d',
+    '#ef7173',
+    '#cc84ff',
+    '#70c1ff',
+    '#71dad6'
+  ],
+  'textStyle': {},
+  'title': {
+    'textStyle': {
+      'color': darkToken['color-text-1'],
+      'fontWeight': 400,
+      'fontSize': 14,
+      'lineHeight': 20
+    },
+    'subtextStyle': {
+      'color': '#93b7e3'
+    }
+  },
+  'line': {
+    'itemStyle': {
+      'borderWidth': '0'
+    },
+    'lineStyle': {
+      'width': '2'
+    },
+    'symbolSize': '0',
+    'symbol': 'circle',
+    'smooth': false
+  },
+  'radar': {
+    'itemStyle': {
+      'borderWidth': '0'
+    },
+    'lineStyle': {
+      'width': '2'
+    },
+    'symbolSize': '0',
+    'symbol': 'circle',
+    'smooth': false
+  },
+  'bar': {
+    'itemStyle': {
+      'barBorderWidth': 0,
+      'barBorderColor': '#ccc',
+      'borderRadius': [4, 4, 0, 0]
+    },
+    'barMaxWidth': 28
+  },
+  'pie': {
+    'padAngle': 1,
+    'itemStyle': {
+      'borderWidth': 0,
+      'borderColor': '#ccc'
+    }
+  },
+  'scatter': {
+    'itemStyle': {
+      'borderWidth': 0,
+      'borderColor': '#ccc'
+    }
+  },
+  'boxplot': {
+    'itemStyle': {
+      'borderWidth': 0,
+      'borderColor': '#ccc'
+    }
+  },
+  'parallel': {
+    'itemStyle': {
+      'borderWidth': 0,
+      'borderColor': '#ccc'
+    }
+  },
+  'sankey': {
+    'itemStyle': {
+      'borderWidth': 0,
+      'borderColor': '#ccc'
+    }
+  },
+  'funnel': {
+    'itemStyle': {
+      'borderWidth': 0,
+      'borderColor': '#ccc'
+    }
+  },
+  'gauge': {
+    'itemStyle': {
+      'borderWidth': 0,
+      'borderColor': '#ccc'
+    }
+  },
+  'candlestick': {
+    'itemStyle': {
+      'color': '#edafda',
+      'color0': 'transparent',
+      'borderColor': '#d680bc',
+      'borderColor0': '#8fd3e8',
+      'borderWidth': '2'
+    }
+  },
+  'graph': {
+    'itemStyle': {
+      'borderWidth': 0,
+      'borderColor': '#ccc'
+    },
+    'lineStyle': {
+      'width': 1,
+      'color': '#aaa'
+    },
+    'symbolSize': '0',
+    'symbol': 'circle',
+    'smooth': false,
+    'color': [
+      '#5895ff',
+      '#6dd68e',
+      '#f7a55d',
+      '#ef7173',
+      '#cc84ff',
+      '#70c1ff',
+      '#71dad6'
+    ],
+    'label': {
+      'color': '#ffffff'
+    }
+  },
+  'map': {
+    'itemStyle': {
+      'areaColor': '#f3f3f3',
+      'borderColor': '#516b91',
+      'borderWidth': 0.5
+    },
+    'label': {
+      'color': '#000'
+    },
+    'emphasis': {
+      'itemStyle': {
+        'areaColor': '#a5e7f0',
+        'borderColor': '#516b91',
+        'borderWidth': 1
+      },
+      'label': {
+        'color': '#516b91'
+      }
+    }
+  },
+  'geo': {
+    'itemStyle': {
+      'areaColor': '#f3f3f3',
+      'borderColor': '#516b91',
+      'borderWidth': 0.5
+    },
+    'label': {
+      'color': '#000'
+    },
+    'emphasis': {
+      'itemStyle': {
+        'areaColor': '#a5e7f0',
+        'borderColor': '#516b91',
+        'borderWidth': 1
+      },
+      'label': {
+        'color': '#516b91'
+      }
+    }
+  },
+  'categoryAxis': {
+    'nameTextStyle': nameTextStyle,
+    'axisLine': {
+      'show': true,
+      'lineStyle': {
+        'color': darkBase['color-gray-4']
+      }
+    },
+    'axisTick': {
+      'show': false,
+      'lineStyle': {
+        'color': '#333'
+      }
+    },
+    'axisLabel': {
+      'show': true,
+      'color': darkToken['color-text-2']
+    },
+    'splitLine': {
+      'show': false,
+      'lineStyle': {
+        'color': [
+          '#eeeeee'
+        ]
+      }
+    },
+    'splitArea': {
+      'show': false,
+      'areaStyle': {
+        'color': [
+          'rgba(250,250,250,0.05)',
+          'rgba(200,200,200,0.02)'
+        ]
+      }
+    }
+  },
+  'valueAxis': {
+    'nameTextStyle': nameTextStyle,
+    'axisLine': {
+      'show': false,
+      'lineStyle': {
+        'color': darkBase['color-gray-4']
+      }
+    },
+    'axisTick': {
+      'show': false,
+      'lineStyle': {
+        'color': '#333'
+      }
+    },
+    'axisLabel': {
+      'show': true,
+      'color': darkToken['color-text-2']
+    },
+    'splitLine': {
+      'show': false,
+      'lineStyle': {
+        'color': [
+          '#eeeeee'
+        ]
+      }
+    },
+    'splitArea': {
+      'show': false,
+      'areaStyle': {
+        'color': [
+          'rgba(250,250,250,0.05)',
+          'rgba(200,200,200,0.02)'
+        ]
+      }
+    }
+  },
+  'logAxis': {
+    'nameTextStyle': nameTextStyle,
+    'axisLine': {
+      'show': true,
+      'lineStyle': {
+        'color': darkBase['color-gray-4']
+      }
+    },
+    'axisTick': {
+      'show': false,
+      'lineStyle': {
+        'color': '#333'
+      }
+    },
+    'axisLabel': {
+      'show': true,
+      'color': darkToken['color-text-2']
+    },
+    'splitLine': {
+      'show': false,
+      'lineStyle': {
+        'color': [
+          '#eeeeee'
+        ]
+      }
+    },
+    'splitArea': {
+      'show': false,
+      'areaStyle': {
+        'color': [
+          'rgba(250,250,250,0.05)',
+          'rgba(200,200,200,0.02)'
+        ]
+      }
+    }
+  },
+  'timeAxis': {
+    'nameTextStyle': nameTextStyle,
+    'axisLine': {
+      'show': true,
+      'lineStyle': {
+        'color': darkBase['color-gray-4']
+      }
+    },
+    'axisTick': {
+      'show': false,
+      'lineStyle': {
+        'color': '#333'
+      }
+    },
+    'axisLabel': {
+      'show': true,
+      'color': darkToken['color-text-2']
+    },
+    'splitLine': {
+      'show': false,
+      'lineStyle': {
+        'color': [
+          '#eeeeee'
+        ]
+      }
+    },
+    'splitArea': {
+      'show': false,
+      'areaStyle': {
+        'color': [
+          'rgba(250,250,250,0.05)',
+          'rgba(200,200,200,0.02)'
+        ]
+      }
+    }
+  },
+  'toolbox': {
+    'iconStyle': {
+      'borderColor': '#999'
+    },
+    'emphasis': {
+      'iconStyle': {
+        'borderColor': '#666'
+      }
+    }
+  },
+  'legend': {
+    'textStyle': {
+      color: darkToken['color-text-2'], 'lineHeight': 16, 'fontSize': 12
+    },
+    'itemGap': 16,
+    'itemWidth': 12,
+    'itemHeight': 12,
+    'inactiveColor': darkToken['color-text-4']
+  },
+  'tooltip': {
+    'borderColor': darkBase['color-gray-3'],
+    'backgroundColor': darkBase['color-gray-3'],
+    'padding': 12,
+    'textStyle': {
+      'color': darkToken['color-text-1'],
+      'fontSize': 12,
+      'fontWeight': 400
+    },
+    'extraCssText': 'box-shadow: 0px 3px 10px 0px #0151FF1A;',
+    'axisPointer': {
+      'lineStyle': {
+        'color': '#ccc',
+        'width': 1
+      },
+      'crossStyle': {
+        'color': '#ccc',
+        'width': 1
+      }
+    }
+  },
+  'timeline': {
+    'lineStyle': {
+      'color': '#4c8eff',
+      'width': 1
+    },
+    'itemStyle': {
+      'color': '#4c8eff',
+      'borderWidth': 1
+    },
+    'controlStyle': {
+      'color': '#4c8eff',
+      'borderColor': '#4c8eff',
+      'borderWidth': 0.5
+    },
+    'checkpointStyle': {
+      'color': '#4c8eff',
+      'borderColor': '#8a7ca8'
+    },
+    'label': {
+      'color': '#4c8eff'
+    },
+    'emphasis': {
+      'itemStyle': {
+        'color': '#4c8eff'
+      },
+      'controlStyle': {
+        'color': '#4c8eff',
+        'borderColor': '#4c8eff',
+        'borderWidth': 0.5
+      },
+      'label': {
+        'color': '#4c8eff'
+      }
+    }
+  },
+  'visualMap': {
+    'color': [
+      '#516b91',
+      '#59c4e6',
+      '#a5e7f0'
+    ]
+  },
+  'dataZoom': {
+    'backgroundColor': 'rgba(0,0,0,0)',
+    'dataBackgroundColor': 'rgba(255,255,255,0.3)',
+    'fillerColor': 'rgba(167,183,204,0.4)',
+    'handleColor': '#a7b7cc',
+    'handleSize': '100%',
+    'textStyle': {
+      'color': '#333'
+    }
+  },
+  'markPoint': {
+    'label': {
+      'color': '#ffffff'
+    },
+    'emphasis': {
+      'label': {
+        'color': '#ffffff'
+      }
+    }
+  }
+}