@zxr3680166/simple-mind-map/src/themes/dark.js

一个简单的web在线思维导图

import defaultTheme from './default'
import merge from 'deepmerge'

//  暗色
export default merge(defaultTheme, {
  // 连线的颜色
  lineColor: 'rgb(17, 68, 23)',
  // 连线的粗细
  lineWidth: 2,
  // 概要连线的粗细
  generalizationLineWidth: 2,
  // 概要连线的颜色
  generalizationLineColor: '#fff',
  // 背景颜色
  backgroundColor: 'rgb(15, 16, 17)',
  // 根节点样式
  root: {
    fillColor: 'rgb(28, 178, 43)',
    color: '#fff',
    fontSize: 24,
    borderRadius: 10
  },
  // 二级节点样式
  second: {
    fillColor: 'rgb(55, 56, 58)',
    color: 'rgb(147,148,149)',
    fontSize: 18,
    borderRadius: 10,
    borderWidth: 0
  },
  // 三级及以下节点样式
  node: {
    fontSize: 14,
    color: 'rgb(147, 148, 149)'
  },
  // 概要节点样式
  generalization: {
    fillColor: '#fff',
    borderColor: 'transparent',
    color: '#333'
  }
})