feat(theme): add accent-color to theme variables

Add new --accent-color variable to Theme type and update all theme instances.
The light theme uses #e64553 while dark theme uses #789AFA for better visual hierarchy.

Author: SSShooter

package.json

@@ -1,6 +1,6 @@
 {
   "name": "mind-elixir",
-  "version": "5.1.0",
+  "version": "5.1.1",
   "type": "module",
   "description": "Mind elixir is a free open source mind map core.",
   "keywords": [

src/const.ts

@@ -25,6 +25,7 @@ export const THEME: Theme = {
     '--color': '#777777',
     '--bgcolor': '#f6f6f6',
     '--selected': '#4dc4ff',
+    '--accent-color': '#e64553',
     '--panel-color': '#444446',
     '--panel-bgcolor': '#ffffff',
     '--panel-border-color': '#eaeaea',
@@ -52,6 +53,7 @@ export const DARK_THEME: Theme = {
     '--color': '#cccccc',
     '--bgcolor': '#252526',
     '--selected': '#4dc4ff',
+    '--accent-color': '#789AFA',
     '--panel-color': '#ffffff',
     '--panel-bgcolor': '#2d3748',
     '--panel-border-color': '#696969',

src/exampleData/1.cn.ts

@@ -532,6 +532,7 @@ const aboutMindElixir: MindElixirData = {
       '--color': '#777777',
       '--bgcolor': '#f6f6f6',
       '--selected': '#4dc4ff',
+      '--accent-color': '#e64553',
       '--panel-color': '#444446',
       '--panel-bgcolor': '#ffffff',
       '--panel-border-color': '#eaeaea',

src/exampleData/1.ts

@@ -544,6 +544,7 @@ const aboutMindElixir: MindElixirData = {
       '--color': '#777777',
       '--bgcolor': '#f6f6f6',
       '--selected': '#4dc4ff',
+      '--accent-color': '#e64553',
       '--panel-color': '#444446',
       '--panel-bgcolor': '#ffffff',
       '--panel-border-color': '#eaeaea',

src/exampleData/markdown.ts

@@ -158,31 +158,6 @@ const markdownExample: MindElixirData = {
     expanded: true,
   },
   direction: 2,
-  theme: {
-    name: 'Latte',
-    palette: ['#dd7878', '#ea76cb', '#8839ef', '#e64553', '#fe640b', '#df8e1d', '#40a02b', '#209fb5', '#1e66f5', '#7287fd'],
-    cssVar: {
-      '--node-gap-x': '30px',
-      '--node-gap-y': '10px',
-      '--main-gap-x': '32px',
-      '--main-gap-y': '12px',
-      '--root-radius': '30px',
-      '--main-radius': '20px',
-      '--root-color': '#ffffff',
-      '--root-bgcolor': '#4c4f69',
-      '--root-border-color': 'rgba(0, 0, 0, 0)',
-      '--main-color': '#444446',
-      '--main-bgcolor': '#ffffff',
-      '--topic-padding': '3px',
-      '--color': '#777777',
-      '--bgcolor': '#f6f6f6',
-      '--selected': '#4dc4ff',
-      '--panel-color': '#444446',
-      '--panel-bgcolor': '#ffffff',
-      '--panel-border-color': '#eaeaea',
-      '--map-padding': '50px 80px',
-    },
-  },
 }
 
 export default markdownExample

src/types/index.ts

@@ -45,6 +45,7 @@ export type Theme = {
     '--color': string
     '--bgcolor': string
     '--selected': string
+    '--accent-color': string
     '--root-color': string
     '--root-bgcolor': string
     '--root-border-color': string