[go: up one dir, main page]

Skip to content

Get the current GTK Theme & Button layouts for NodeJS / Electron Applications

Notifications You must be signed in to change notification settings

gtk-dev-tools/node-gtk-theme

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

34 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

gtk-theme

Get the current GTK theme.

Usage

Theme object

The theme object returned from this package will have the following;

{
    name: String;
    gtk: {
        css: String;
        folder: String;
        root: String;
    };
    supported: {
        buttons: String[];
        csd: Boolean
    },
    layout: {
        buttons: 'right' | 'left';
        decoration: String (EG/ ':minimize,maximize,close')
    }
}

  • name
    • Theme name
  • gtk
    • GTK Theme object
    • css
      • The stringified CSS
    • folder
      • Folder for the CSS (if found)
    • root
      • Root of the gtk theme
  • supported
    • Supported elements of gtk (buttons etc)
    • buttons
      • Array of buttons enabled (min, max & close etc)
    • csd
      • Whether CSD is supported on the current gtk version
  • layout
    • GTK Layout (whether buttons are right/left aligned etc)
    • buttons
      • Whether they're on left or right of the window
    • decorations
      • Window decorations enabled (minimize, maximize, close etc)

Events

  • layoutChange
    • When the layout has changed (eg/ align decorations to left & then right)
    • Gets the theme objected
  • themeChange
    • When the theme has changed
    • Gets the theme object

Plugin support / Hooks

You can hook into the lifecycle via these;

  • hooks
    • prefetch
      • do stuff before we actually start fetching the new theme
      • Passes in a reference to the GtkTheme context that it's running under
    • postfetch
      • mutate the theme if needed before it is returned to the consumer
      • Passed a clone of the theme, must return the new version of the theme or null if you aren't mutating the theme.

Example usage. (console logs each theme change)

import { GtkTheme, GtkData } from '@jakejarrett/gtk-theme';

new GtkTheme({
    events: {
        layoutChange: console.log,
        themeChange: (data: GtkData) => {
            console.log('data changed', data.name);
        }
    },
    hooks: {
        prefetch: [(GtkContext: GtkTheme) => console.log(GtkContext)]
        postfetch: [(theme: GtkData) => console.log(theme)]
    }
}); 

Requirements

  • GTK3+
  • gsettings

Performance

Performance will vary depending on if you have a Harddrive or SSD, but was ~0.055s on an SSD.

About

Get the current GTK Theme & Button layouts for NodeJS / Electron Applications

Topics

Resources

Security policy

Stars

Watchers

Forks

Releases

No releases published

Sponsor this project

 

Packages

No packages published