Dark mode or dark theme and/or system theme support

[magicBeast]

As all of my other apps run in dark mode, NOT having a dark mode/theme in an app is pretty bad, as it means getting one's retina's burnt out when using pygubu-designer :-) Please add a dark mode 🙏

[alejandroautalan]

Hello @magicBeast, thanks for trying pygubu.
I'm interested on fixing this in the future.

In the mean time, I can make some changes to make pygubu-designer look nice with some tkinter dark themes.

• What OS are you using?

Regards
Alejandro A.

[magicBeast]

I use both windows 11 and arch linux (btw ;-) ) - but using windows 11 at the moment. Thanks for the speedy reply. Quick question for you, apologies if I'm doing something silly; I thought I'd ask here instead as I'm new to using tkinter / customtkinter, instead of raising it as an issue yet. I'm trying to build a simple test app that uses just customtkinter. I've used CTkToplevel at the root of the tree, and then CTkFrame, with some widgets inside that. It works fine in the preview inside pygubu-designer. However, if I add a command to a CTkButton widget, for example, calculate_button_clicked, it doesn't generate a method when I click generate under the application template.
Also, when I run my app outside of pygubu-designer, it generates a small extra tk window, as well as the correct customtkinter only app window (picture attached below). I've tried with and without selecting 'Use ttk style definitions', though I don't believe this should be necessary for customtkinter.

generated app code:

#!/usr/bin/python3
import pathlib
import tkinter.ttk as ttk
import pygubu
PROJECT_PATH = pathlib.Path(file).parent
PROJECT_UI = PROJECT_PATH / "m-to-km.ui"

class MToKmApp:
def init(self, master=None):
self.builder = builder = pygubu.Builder()
builder.add_resource_path(PROJECT_PATH)
builder.add_from_file(PROJECT_UI)
# Main widget
self.mainwindow = builder.get_object("ctk_top_level", master)
builder.connect_callbacks(self)

def run(self):
    self.mainwindow.mainloop()

if name == "main":
app = MToKmApp()
app.run()

generated .ui file, which only references customtkinter.

300|125 Mile to Km Converter center 0 30 30 0 1 0 Miles 2 0 is equal to 0 1 0 1 1 10 Km 2 1 calculate_button_clicked Calculate 1 0 30 2 

[magicBeast]

Apologies, it didn't like me pasting the xml ui file in here, for obvious reasons :-)

[magicBeast]

[magicBeast]

[alejandroautalan]

Hello @magicBeast.

About your customtkinter issues. I have created a new release of pygubu and pygubu-designer fixing some glitches with customtkinter, please install the latest version.

To remove the extra window that you are viewing, use a customtkinter.CTk widget as your main window. I have re-created the basic examples here.

Remember to install also the latest customtkinter version, because is the only version supported by the plugin.

If you have more problems, feel free to create a new issue or discussion, so the topics don't get mixed up.

[alejandroautalan]

About Dark mode, the latest pygubu-designer version adds support for some dark themes if they are installed.

Option 1 - SunValley themes

pip install sv_ttk

Start pygubu-designer and go to Edit > Preferences > General > Preferred ttk theme, select "sun-valley-dark".

Option2 - ttkbootstrap themes

pip install ttkbootstrap

Start pygubu-designer and go to Edit > Preferences > General > Preferred ttk theme, select "cyborg" or "darkly"

Try them and let me know.
Regards!

[magicBeast]

I just can't get it to run at all now. I get this error:

I removed the latest python (3.11) and did a fresh install, and installed the latest versions of customtkinter, pygubu, pygubu-designer, and sk-tkk using pip, as show here:

I tried earlier to pull all of the packages from the latest commits directly from the github repos, just in-case any of the pypi versions weren't caught up yet, but that gave the same error :-(

[alejandroautalan]

It seems that the latest customtkinter is not enforcing the install of pillow on windows.
Install pillow:

pip install Pillow

Let me know
Regards
Alejandro A.

[magicBeast]

Aha - that fixed it, thanks. Dark theme installed and working! I'll try out those examples for building a customtkinter only app tomorrow :-)

[magicBeast]

Hi Alejandro. I looked at those examples, but they are just on how to use customertkinter. I've already built several apps by hand and they work fine. My issue is when using pygubu-designer to graphically create an app. For example, if I want to create a simple demo app using normal ttk widgets, I can, under ttk, click Toplevel, click Frame, set it to grid, click button, preview it, and it works fine. Save out the .ui file, create some app code, then run it directly outside of pygubu-designer and it works fine, with a single window.
I would expect to be able to do the same using the customerTkinter widgets. If I do the same, but using ONLY CTK widgets, like so:
Click CTkTopLevel, Click CTkFrame, set to grid layout, click CTkButton and then preview, it shows one window and appears to work exactly the same as before, but using CTk only widgets. However, when I run this code directly it creates an extra tk window (as shown in the picture above), even though I've never used one in the builder. So pygubu must be adding one as the root of the application. I've tried using CTk, instead of CTkToplevel as the root of the main window, but this results in even the preview not working. I'm saying that when CTkToplevel is selected pygubu should know not to create a normal tk window. Hope this is clear. If I'm building this incorrectly in the GUI let me know :-)