lixinran
/
MindMap
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

🎨 将表格编辑器改为紫色主题 

- 编辑器边框：蓝色(#007bff) → 紫色(#660874)
- 保存按钮：蓝色(#007bff) → 紫色(#660874)
- 光标颜色：蓝色(#007bff) → 紫色(#660874)
- hover效果：深蓝色 → 深紫色(#4d0655)
- 与AI助手背景色保持一致的品牌配色
This commit is contained in:
lixinran 2025-10-11 14:10:30 +08:00
parent 1f67b9ae58
commit 1719ad4c8a
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/lib/mind-elixir/src/utils/dom.ts
View File

@ -352,7 +352,7 @@ export const editTableNode = function (this: MindElixirInstance, el: Topic) {
min-height: 400px; min-height: 400px;
max-height: 80vh; max-height: 80vh;
background: white; background: white;
border: 2px solid #007bff; border: 2px solid #660874;
border-radius: 8px; border-radius: 8px;
padding: 15px; padding: 15px;
z-index: 10000; z-index: 10000;
@ -389,7 +389,7 @@ export const editTableNode = function (this: MindElixirInstance, el: Topic) {
outline: none; outline: none;
background: #fafafa; background: #fafafa;
color: #333; color: #333;
caret-color: #007bff; caret-color: #660874;
` `
textarea.setAttribute('spellcheck', 'false') textarea.setAttribute('spellcheck', 'false')
textarea.setAttribute('autocomplete', 'off') textarea.setAttribute('autocomplete', 'off')
@ -448,7 +448,7 @@ export const editTableNode = function (this: MindElixirInstance, el: Topic) {
saveButton.textContent = '保存' saveButton.textContent = '保存'
saveButton.style.cssText = ` saveButton.style.cssText = `
padding: 8px 20px; padding: 8px 20px;
background: #007bff; background: #660874;
color: white; color: white;
border: none; border: none;
border-radius: 4px; border-radius: 4px;
@ -458,10 +458,10 @@ export const editTableNode = function (this: MindElixirInstance, el: Topic) {
transition: background 0.2s; transition: background 0.2s;
` `
saveButton.addEventListener('mouseenter', () => { saveButton.addEventListener('mouseenter', () => {
saveButton.style.background = '#0056b3' saveButton.style.background = '#4d0655'
}) })
saveButton.addEventListener('mouseleave', () => { saveButton.addEventListener('mouseleave', () => {
saveButton.style.background = '#007bff' saveButton.style.background = '#660874'
}) })
buttonGroup.appendChild(cancelButton) buttonGroup.appendChild(cancelButton)