如何让Python Tkinter登录界面正确渲染绿黄白主题样式？

问题原因 #

1. 组件与样式不匹配：你使用了tk.Button组件，但配置的ttk.Style仅对ttk.Button生效，导致按钮样式配置无效。
2. 配色未贴合绿黄白主题：当前代码中根窗口、框架背景为浅灰色（#F0F0F0），未使用绿色系配色。
3. 按钮无内边距：未设置按钮的内边距，导致按钮仅显示为窄矩形。

修改后的完整代码 #

import tkinter as tk
from tkinter import messagebox
from tkinter import ttk

root = tk.Tk()
root.title("Login Page")

def new_page():
    root.title("Page")
    frame.destroy()
    new_frame = tk.Frame(root, bg="#E8F5E9")
    new_frame.pack(pady=20)

    label = tk.Label(new_frame, text="This is a page that is different ig", bg="#E8F5E9", fg="#2E7D32")
    label.pack(padx=10, pady=10)

def verify_login():
    username = username_entry.get()
    password = password_entry.get()

    if username.lower() == "admin" and password == "Password1234":
        messagebox.showinfo(message="Login Successful\nWelcome, admin!")
        new_page()
    else:
        messagebox.showerror(message="Login Failed\nInvalid username or password")

# 配置绿白主题背景
root.configure(bg="#E8F5E9")
frame = tk.Frame(root, bg="#E8F5E9")
frame.pack(pady=20)

# 用户名标签与输入框
username_label = tk.Label(frame, text="Username:", fg="#2E7D32", bg="#E8F5E9", font=("Arial", 12))
username_label.grid(row=0, column=0, padx=10, pady=10)

username_entry = tk.Entry(frame, fg="#2E7D32", bg="#FFFFFF", highlightthickness=1, 
                          highlightcolor="#FBC02D", highlightbackground="#E8F5E9", font=("Arial", 12))
username_entry.grid(row=0, column=1, padx=10, pady=10)

# 密码标签与输入框
password_label = tk.Label(frame, text="Password:", fg="#2E7D32", bg="#E8F5E9", font=("Arial", 12))
password_label.grid(row=1, column=0, padx=10, pady=10)

password_entry = tk.Entry(frame, fg="#2E7D32", bg="#FFFFFF", show="*", highlightthickness=1, 
                          highlightcolor="#FBC02D", highlightbackground="#E8F5E9", font=("Arial", 12))
password_entry.grid(row=1, column=1, padx=10, pady=10)

# 配置ttk按钮样式（贴合绿黄白主题）
style = ttk.Style()
style.configure("Green.TButton", 
                background="#4CAF50",
                foreground="#FFFFFF",
                font=("Arial", 12),
                relief=tk.FLAT,
                padding=(15, 5))  # 设置内边距让按钮更美观
style.map("Green.TButton",
          foreground=[('active', '#FFFFFF')],
          background=[('active', '#388E3C')])

# 使用ttk.Button替代tk.Button
login_button = ttk.Button(frame, text="Login", command=verify_login, style="Green.TButton")
login_button.grid(row=2, column=0, columnspan=2, padx=10, pady=10)

root.mainloop()

关键修改点 #

1. 替换组件类型：将tk.Button改为ttk.Button，让ttk.Style的配置生效。
2. 调整配色方案：
   • 背景使用浅绿色#E8F5E9，贴合绿色主题
   • 文字使用深绿色#2E7D32，保证可读性
   • 输入框聚焦时的高亮色使用黄色#FBC02D，实现黄白绿的配色搭配
3. 优化按钮样式：给按钮添加padding参数，让按钮显示更饱满；通过style.map配置按钮激活状态的颜色变化。
4. 统一新页面配色：修改new_page函数中的框架和标签颜色，保持整体主题一致性。

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