Tkinter记事本开发：运行时切换明暗模式的颜色更新问题

问题根源 #

1. 变量作用域冲突：toggle_dark_mode函数内的color_fg和color_bg是局部变量，未对全局变量进行修改。
2. 控件未主动刷新：即便修改了全局颜色变量，也没有调用控件的配置方法更新界面显示。
3. 菜单颜色未同步：菜单栏、子菜单的颜色没有随模式切换同步更新。
4. 语法错误：root.title("Improved Notepad)")多了一个右括号，会导致运行报错。

修复方案 #

1. 声明全局变量 #

在toggle_dark_mode函数开头添加global color_fg, color_bg，确保修改的是全局变量而非局部变量。

2. 同步更新所有控件颜色 #

切换模式后，调用各控件的config()方法，将新颜色值应用到文本框、菜单栏、子菜单等所有涉及颜色的组件上。

3. 修正逻辑与语法错误 #

• 调整dark_mode初始值：初始为暗色模式，所以dark_mode默认设为True，让勾选状态与显示模式对应。
• 修正标题的语法错误。

修改后的完整代码 #

import tkinter as tk
from tkinter import filedialog

color_fg = "#dbdbdb"
color_bg = "#282b33"

root = tk.Tk()
root.title("Improved Notepad")  # 修正语法错误
root.geometry("800x600")

text_widget = tk.Text(root, bg=color_bg, fg=color_fg)
text_widget.pack(fill=tk.BOTH, expand=True)

menu_bar = tk.Menu(root, bg=color_bg, fg=color_fg)

# 初始为暗色模式，对应勾选状态
dark_mode = tk.BooleanVar(value=True)

# File menu
file_menu = tk.Menu(menu_bar, tearoff=0, bg=color_bg, fg=color_fg)


def open_text():
    filepath = filedialog.askopenfilename()
    with open(filepath, 'r') as f:
        text = f.read()
    text_widget.delete(1.0, tk.END)
    text_widget.insert(1.0, text)


def save_text():
    filepath = filedialog.asksaveasfilename(defaultextension=".txt")
    text = text_widget.get(1.0, tk.END)
    with open(filepath, 'w') as f:
        f.write(text)


file_menu.add_command(label="Open", command=open_text)
file_menu.add_command(label="Save", command=save_text)
file_menu.add_command(label="Exit", command=root.quit)
menu_bar.add_cascade(label="File", menu=file_menu)


# Settings menu
def toggle_dark_mode():
    global color_fg, color_bg  # 声明全局变量
    if dark_mode.get():
        # 切换到暗色模式
        color_fg = "#dbdbdb"
        color_bg = "#282b33"
    else:
        # 切换到亮色模式
        color_fg = "#000000"
        color_bg = "#FFFFFF"
    
    # 更新文本框颜色
    text_widget.config(bg=color_bg, fg=color_fg)
    # 更新菜单栏颜色
    menu_bar.config(bg=color_bg, fg=color_fg)
    # 更新文件菜单颜色
    file_menu.config(bg=color_bg, fg=color_fg)
    # 更新设置菜单颜色
    settings_menu.config(bg=color_bg, fg=color_fg)


settings_menu = tk.Menu(menu_bar, tearoff=0, bg=color_bg, fg=color_fg)
# 直接关联变量与命令，简化代码
settings_menu.add_checkbutton(label="Dark Mode", variable=dark_mode, command=toggle_dark_mode)
menu_bar.add_cascade(label="Settings", menu=settings_menu)


root.config(menu=menu_bar)
root.mainloop()

关键修改说明 #

• 全局变量声明：避免函数内创建新的局部变量，确保修改的是全局颜色值。
• 控件配置刷新：通过config()方法主动更新所有组件的颜色，保证界面同步切换。
• 逻辑对齐：让dark_mode的勾选状态与实际显示模式一致，提升交互合理性。
• 简化冗余代码：移除不必要的Checkbutton控件创建，直接使用菜单的add_checkbutton方法关联变量与命令。

内容的提问来源于stack exchange，提问作者Fabian