feat: 新增主题色选项

2026-04-23 00:00:12 +08:00 · 2022-02-06 01:04:05 +08:00
parent 27f416a46e
commit 483d1eb5e8
51 changed files with 698 additions and 174 deletions
@@ -0,0 +1,141 @@
+// 马卡龙
+const colorDefault = [
+ '#4992ff',
+ '#4992ff',
+ '#fddd60'
+]
+// 马卡龙
+const colorMacarons = [
+  '#2ec7c9',
+  '#b6a2de',
+  '#5ab1ef',
+  '#ffb980',
+  '#d87a80',
+  '#8d98b3',
+  '#e5cf0d',
+  '#97b552',
+  '#95706d',
+  '#dc69aa',
+  '#07a2a4',
+  '#9a7fd1',
+  '#588dd5',
+  '#f5994e',
+  '#c05050',
+  '#59678c',
+  '#c9ab00',
+  '#7eb00a',
+  '#6f5553',
+  '#c14089'
+]
+
+// 复古色
+const colorVintage = [
+  '#2ec7c9',
+  '#b6a2de',
+  '#5ab1ef',
+  '#ffb980',
+  '#d87a80',
+  '#8d98b3',
+  '#e5cf0d',
+  '#97b552',
+  '#95706d',
+  '#dc69aa',
+  '#07a2a4',
+  '#9a7fd1',
+  '#588dd5',
+  '#f5994e',
+  '#c05050',
+  '#59678c',
+  '#c9ab00',
+  '#7eb00a',
+  '#6f5553',
+  '#c14089'
+]
+
+// 信息（橘黄）
+const colorInfographic = [
+  '#C1232B',
+  '#27727B',
+  '#FCCE10',
+  '#E87C25',
+  '#B5C334',
+  '#FE8463',
+  '#9BCA63',
+  '#FAD860',
+  '#F3A43B',
+  '#60C0DD',
+  '#D7504B',
+  '#C6E579',
+  '#F4E001',
+  '#F0805A',
+  '#26C0C0'
+]
+
+// 阳光（深蓝）
+const colorShine = [
+  '#c12e34',
+  '#e6b600',
+  '#0098d9',
+  '#2b821d',
+  '#005eaa',
+  '#339ca8',
+  '#cda819',
+  '#32a487'
+]
+
+// 罗马红
+const colorRoma = [
+  '#e01f54',
+  '#001852',
+  '#f5e8c8',
+  '#b8d2c7',
+  '#c6b38e',
+  '#a4d8c2',
+  '#f3d999',
+  '#d3758f',
+  '#dcc392',
+  '#2e4783',
+  '#82b6e9',
+  '#ff6347',
+  '#a092f1',
+  '#0a915d',
+  '#eaf889',
+  '#6699FF',
+  '#ff6666',
+  '#3cb371',
+  '#d5b158',
+  '#38b6b6'
+]
+
+export const chartColors = [
+  {
+    name: '默认',
+    key: 'colorMacarons',
+    colors: colorMacarons
+  },
+  {
+    name: '马卡龙',
+    key: 'colorMacarons',
+    colors: colorMacarons
+  },
+  {
+    name: '复古',
+    key: 'colorVintage',
+    colors: colorVintage
+  },
+  {
+    name: '阳光蓝',
+    key: 'colorShine',
+    colors: colorShine
+  },
+  {
+    name: '信息黄',
+    key: 'colorInfographic',
+    colors: colorInfographic
+  },
+  {
+    name: '罗马红',
+    key: 'colorRoma',
+    colors: colorRoma
+  },
+]
@@ -0,0 +1,44 @@
+import customed from './themes/customed.json'
+import dark from './themes/dark.json'
+import chalk from './themes/chalk.json'
+import essos from './themes/essos.json'
+import macarons from './themes/macarons.json'
+import purplePassion from './themes/purple-passion.json'
+import roma from './themes/roma.json'
+import shine from './themes/shine.json'
+import vintage from './themes/vintage.json'
+import walden from './themes/walden.json'
+import westeros from './themes/westeros.json'
+import wonderland from './themes/wonderland.json'
+
+export const chartColors = {
+  dark,
+  customed,
+  macarons,
+  walden,
+  purplePassion,
+  vintage,
+  chalk,
+  westeros,
+  wonderland,
+  essos,
+  shine,
+  roma,
+}
+
+export const defaultTheme = 'dark'
+
+export const chartColorsName = {
+  dark: '暗黑（默认）',
+  customed: '明亮',
+  macarons: '马卡龙',
+  walden: '蓝绿',
+  chalk: '粉红',
+  essos: '橘红',
+  vintage: '复古',
+  purplePassion: '深紫',
+  westeros: '灰粉',
+  wonderland: '青草',
+  roma: '罗马红',
+  shine: '深色',
+}
@@ -0,0 +1,12 @@
+{
+  "color": [
+    "#fc97af",
+    "#87f7cf",
+    "#f7f494",
+    "#72ccff",
+    "#f7c5a0",
+    "#d4a4eb",
+    "#d2f5a6",
+    "#76f2f2"
+  ]
+}
@@ -0,0 +1,13 @@
+{
+  "color": [
+    "#5470c6",
+    "#91cc75",
+    "#fac858",
+    "#ee6666",
+    "#73c0de",
+    "#3ba272",
+    "#fc8452",
+    "#9a60b4",
+    "#ea7ccc"
+  ]
+}
@@ -0,0 +1,13 @@
+{
+  "color": [
+    "#4992ff",
+    "#7cffb2",
+    "#fddd60",
+    "#ff6e76",
+    "#58d9f9",
+    "#05c091",
+    "#ff8a45",
+    "#8d48e3",
+    "#dd79ff"
+  ]
+}
@@ -0,0 +1,10 @@
+{
+  "color": [
+    "#893448",
+    "#d95850",
+    "#eb8146",
+    "#ffb248",
+    "#f2d643",
+    "#ebdba4"
+  ]
+}
@@ -0,0 +1,24 @@
+{
+  "color": [
+    "#2ec7c9",
+    "#b6a2de",
+    "#5ab1ef",
+    "#ffb980",
+    "#d87a80",
+    "#8d98b3",
+    "#e5cf0d",
+    "#97b552",
+    "#95706d",
+    "#dc69aa",
+    "#07a2a4",
+    "#9a7fd1",
+    "#588dd5",
+    "#f5994e",
+    "#c05050",
+    "#59678c",
+    "#c9ab00",
+    "#7eb00a",
+    "#6f5553",
+    "#c14089"
+  ]
+}
@@ -0,0 +1,10 @@
+{
+  "color": [
+    "#9b8bba",
+    "#e098c7",
+    "#8fd3e8",
+    "#71669e",
+    "#cc70af",
+    "#7cb4cc"
+  ]
+}
@@ -0,0 +1,24 @@
+{
+  "color": [
+    "#e01f54",
+    "#5e4ea5",
+    "#f5e8c8",
+    "#b8d2c7",
+    "#c6b38e",
+    "#a4d8c2",
+    "#f3d999",
+    "#d3758f",
+    "#dcc392",
+    "#2e4783",
+    "#82b6e9",
+    "#ff6347",
+    "#a092f1",
+    "#0a915d",
+    "#eaf889",
+    "#6699FF",
+    "#ff6666",
+    "#3cb371",
+    "#d5b158",
+    "#38b6b6"
+  ]
+}
@@ -0,0 +1,12 @@
+{
+  "color": [
+    "#c12e34",
+    "#e6b600",
+    "#0098d9",
+    "#2b821d",
+    "#005eaa",
+    "#339ca8",
+    "#cda819",
+    "#32a487"
+  ]
+}
@@ -0,0 +1,14 @@
+{
+  "color": [
+    "#d87c7c",
+    "#919e8b",
+    "#d7ab82",
+    "#6e7074",
+    "#61a0a8",
+    "#efa18d",
+    "#787464",
+    "#cc7e63",
+    "#724e58",
+    "#4b565b"
+  ]
+}
@@ -0,0 +1,10 @@
+{
+  "color": [
+    "#3fb1e3",
+    "#6be6c1",
+    "#626c91",
+    "#a0a7e6",
+    "#c4ebad",
+    "#96dee8"
+  ]
+}
@@ -0,0 +1,10 @@
+{
+  "color": [
+    "#516b91",
+    "#59c4e6",
+    "#edafda",
+    "#93b7e3",
+    "#a5e7f0",
+    "#cbb0e3"
+  ]
+}
@@ -0,0 +1,10 @@
+{
+  "color": [
+    "#4ea397",
+    "#22c3aa",
+    "#7bd9a5",
+    "#d0648a",
+    "#f58db2",
+    "#f2b3c9"
+  ]
+}