This is the main Gtk.Application instance that is running.

signals

• window-toggled: (windowName: string, visible: boolean)
• config-parsed: emitted on startup

properties

• windows: Gtk.Window[]
• configDir: string path to the config directory
• iconTheme: string
• cursorTheme: string
• gtkTheme: string

methods

• addWindow: (window: Gtk.Window) => void
• removeWindow: (window: Gtk.Window) => void
• getWindow: (name: string) => Gtk.Window
• closeWindow: (name: string) => void
• openWindow: (name: string) => void
• toggleWindow: (name: string) => void
• quit: () => void
• resetCss: () => void
• applyCss: (path: string) => void
• addIcons: (path: string) => void
• registerTheme: (name: string, pathOrCss: string) => void
• setTheme: (name: string) => void
• activeTheme: string | null (read-only)

Window toggled signal

// this is only signaled for windows exported in config.js
// or added with App.addWindow
const label = Widget.Label()
    .hook(App, (self, windowName, visible) => {
        self.label = `${windowName} is ${visible ? 'visible' : 'not visible'}`;
    }, 'window-toggled')
});
Copy

Applying CSS

If you want to change the style sheet on runtime

specifying a css file

App.applyCss("/path/to/file.css");
Copy

applying a stylesheet

App.applyCss(`
window {
    background-color: transparent;
}
`);
Copy

to reset applied stylesheets

App.resetCss();
Copy