Theme - Light / Dark

[JanVasko1]

Hello all,

just want to ask if there is an way how to CTkTble is handling "light/dark" theme? Asking for specifically in relation to native CustomTkinter Widgets where atributes can be tuple (light / dark).

Example:
CTKButton - atribute: "fg_color" --> forground color, tuple: (light_color, dark_color) or single color or "transparent" link

• those 2 colors are used to light / dark colors of atribute

CTkTable - atribure: "colors" --> set two fg_colors for the table (list), eg: colors=["yellow", "green"] link

• those colors are used for changing row colors

Is there a way how to setup/update CTkTable same way to reflect by color setup themes like native CustomTkinter Widgets?

results now when switching from Dark to Light:
Dark Theme:

Switched to Light Theme:

--> see CTKFrame, CTkScrollableFrame changed colors based on attributes but table unfortunately not

Thank you

Jan Vaško

[OLIVERFRANCISCO]

`import customtkinter as ctk
from CTkTable import CTkTable
from CTkMenuBar import CTkMenuBar, CustomDropdownMenu

Configuración inicial de CustomTkinter
ctk.set_appearance_mode("dark") # Modo oscuro por defecto
ctk.set_default_color_theme("blue") # Tema de color azul

Funciones para cambiar el tema
def set_dark_theme():
ctk.set_appearance_mode("dark")
table.configure(colors=["#2c2f33", "#23272a"]) # Colores para la tabla
label_info.configure(text_color="white") # Color del texto en la pestaña de información

def set_light_theme():
ctk.set_appearance_mode("light")
table.configure(colors=["#f0f0f0", "#d9d9d9"]) # Colores para la tabla
label_info.configure(text_color="black") # Color del texto en la pestaña de información

Crear la ventana principal
app = ctk.CTk()
app.geometry("700x450")
app.title("Aplicación con Pestañas Verticales")

Crear el menú con CTkMenuBar
menu_bar = CTkMenuBar(app)
menu_bar.pack(side="top", fill="x")

Crear un botón para el menú de temas
theme_button = ctk.CTkButton(menu_bar, text="Tema")
theme_button.pack(side="left", padx=10)

Crear un menú desplegable para el botón de temas
theme_dropdown = CustomDropdownMenu(widget=theme_button)
theme_dropdown.add_option(option="Oscuro", command=set_dark_theme)
theme_dropdown.add_option(option="Claro", command=set_light_theme)

Crear el Notebook con pestañas verticales
notebook = ctk.CTkTabview(app)
notebook.pack(expand=True, fill="both", padx=5, pady=5)

Añadir pestañas
notebook.add("Tabla") # Pestaña para la tabla
notebook.add("Formulario") # Pestaña para el formulario
notebook.add("Información") # Pestaña para la información

----- Contenido de la pestaña de Tabla -----
Datos para la tabla
data = [
["ID", "Nombre", "Edad"],
[1, "Juan", 25],
[2, "María", 30],
[3, "Carlos", 22]
]

Crear la tabla con CTkTable

table = CTkTable(notebook.tab("Tabla"), row=4, column=3, values=data, colors=["#2c2f33", "#23272a"])
table.pack(expand=True, fill="both", padx=20, pady=20)

----- Contenido de la pestaña de Formulario -----
form_container = ctk.CTkFrame(notebook.tab("Formulario"))
form_container.pack(expand=True, fill="both", padx=20, pady=20)

Título del formulario
label_title = ctk.CTkLabel(form_container, text="Inicio de Sesión", font=("Arial", 16, "bold"))
label_title.pack(pady=10)

Campo de usuario
label_user = ctk.CTkLabel(form_container, text="Usuario", font=("Arial", 12, "bold"))
label_user.pack(pady=5, anchor="w")
entry_user = ctk.CTkEntry(form_container, font=("Arial", 11), width=200)
entry_user.pack(pady=5)

Campo de contraseña
label_pass = ctk.CTkLabel(form_container, text="Contraseña", font=("Arial", 12, "bold"))
label_pass.pack(pady=5, anchor="w")
entry_pass = ctk.CTkEntry(form_container, font=("Arial", 11), width=200, show="*")
entry_pass.pack(pady=5)

Botón de inicio de sesión
btn_login = ctk.CTkButton(form_container, text="Iniciar Sesión")
btn_login.pack(pady=20)

----- Contenido de la pestaña de Información -----
info_text = """Esta es una aplicación de ejemplo
con pestañas verticales usando CustomTkinter.
Puedes navegar entre las pestañas para ver diferentes contenidos."""

label_info = ctk.CTkLabel(notebook.tab("Información"), text=info_text, justify="left", font=("Arial", 12), wraplength=400)
label_info.pack(padx=20, pady=20, anchor="w")

Iniciar la aplicación

app.mainloop()

use this `
theme dark

theme light