dt-theme/src/style/blue.js

//蓝色主题
// light蓝 dark蓝
import { useMemo } from 'react';

const myTheme = {
  '--dt-primary-color1': ['#2a6ff6', '#508df8'],
  '--dt-primary-color2': ['#558cf8', '#4387ff'],
  '--dt-primary-color3': ['#2259c5', '#73a4f9'],
  '--dt-primary-color4': ['#709FF9', 'rgba(80, 141, 248, 0.4)'],
  '--dt-primary-color5': ['#9DBDFB', 'rgba(80, 141, 248, 0.5)'],
  '--dt-primary-color6': ['#BDD2FC', 'rgba(80, 141, 248, 0.3)'],
  '--dt-primary-color7': ['#EAF1FE', 'rgba(80, 141, 248, 0.2)'],
  '--dt-primary-color': ['var(--dt-primary-color1)', 'var(--dt-primary-color1)'],
  '--dt-primary-color-hover': ['var(--dt-primary-color2)', 'var(--dt-primary-color2)'],
  '--dt-primary-color-click': ['var(--dt-primary-color3)', 'var(--dt-primary-color3)'],
  '--dt-primary-color-disabled': ['var(--dt-primary-color5)', 'var(--dt-primary-color5)'],
  '--dt-primary-color-label': ['var(--dt-primary-color7)', 'var(--dt-primary-color7)'],
  '--dt-text-color1': ['#1F232B', 'rgba(255, 255, 255, 0.85)'],
  '--dt-text-color2': ['#4D596A', 'rgba(255, 255, 255, 0.6)'],
  '--dt-text-color3': ['#848e9b', 'rgba(255, 255, 255, 0.45)'],
  '--dt-text-color4': ['#c9ced6', 'rgba(255, 255, 255, 0.3)'],
  '--dt-line-color1': ['#F2F3F5', 'rgba(255, 255, 255, 0.08)'],
  '--dt-line-color2': ['#E5E6EA', 'rgba(255, 255, 255, 0.12)'],
  '--dt-line-color3': ['#C9CDD4', 'rgba(255, 255, 255, 0.16)'],
  '--dt-fill-color1': ['#f7f8fa', '#1f2729'],
  '--dt-fill-color2': ['#C9CDD4', 'rgba(255, 255, 255, 0.24)'],
  '--dt-fill-color3': ['#ffffff', '#293133'],
  '--dt-fill-color4': ['#F2F3F5', 'rgba(255, 255, 255, 0.08)'],
  '--dt-fill-color5': ['#E5E6EB', 'rgba(255, 255, 255, 0.16)'],
  '--dt-fill-color6': ['#4E5969', '#C5C5C5'],
  '--dt-success-color1': ['#2da641', '#27C346'],
  '--dt-success-color2': ['#57B867', '#23AE3F'],
  '--dt-success-color3': ['#29973B', '#67D57D'],
  '--dt-success-color4': ['#9ED6A8', 'rgba(39, 195, 70, 0.5)'],
  '--dt-success-color5': ['#BEE3C4', 'rgba(39, 195, 70, 0.4)'],
  '--dt-success-color6': ['#EAF6EC', 'rgba(39, 195, 70, 0.2)'],
  '--dt-warning-color1': ['#ED6A0C', '#FF9626'],
  '--dt-warning-color2': ['#F1883D', '#FF890A'],
  '--dt-warning-color3': ['#D8600B', '#FFB567'],
  '--dt-warning-color4': ['#F7BA8F', 'rgba(255, 150, 38, 0.5)'],
  '--dt-warning-color5': ['#F9D1B4', 'rgba(255, 150, 38, 0.4)'],
  '--dt-warning-color6': ['#FDF0E7', 'rgba(255, 150, 38, 0.2)'],
  '--dt-error-color1': ['#f24a3f', '#F76965'],
  '--dt-error-color2': ['#f56e65', '#F6504C'],
  '--dt-error-color3': ['#dc4339', '#F99693'],
  '--dt-error-color4': ['#f9aca7', 'rgba(247, 105, 101, 0.5)'],
  '--dt-error-color5': ['#fbc7c3', 'rgba(247, 105, 101, 0.4)'],
  '--dt-error-color6': ['#feedec', 'rgba(247, 105, 101, 0.2)'],
  '--dt-white-color1': ['rgba(255, 255, 255, 1)', 'rgba(255, 255, 255, 1)'],
  '--dt-white-color2': ['rgba(255, 255, 255, 1)', 'rgba(255, 255, 255, 1)'],
  '--dt-cyan-color6': ['#14C9C9', '#14C9C9'],
  '--dt-special-color1': ['#ffffff', '#ffffff'],
  '--dt-special-color2': ['#ffffff', '#ffffff'],
  '--dt-special-color3': ['#000000', '#000000'],
  '--dt-special-color4': ['#1f232b', '#2e3739'],
  '--dt-special-color5': ['#e5e6ea', '#3a4143'],
  '--dt-special-color6': ['#F2F3F5', '#3A4143'],
  '--dt-shadow-color1':['rgba(0, 0, 0, 0.10)','rgba(0, 0, 0, 0.25)'],
  '--dt-canvas-color':['var(--dt-fill-color3)','var(--dt-fill-color3)'],
};

export default myTheme;