Draft: GIMP v3 themes
GIMP 3 Themes
When selecting a theme in Preferences, GIMP looks in a theme folder for the file called 'gimp.css'. The base theme 'gimp.css' is in the 'Default' folder. That folder contains the initial set of CSS styles that define the overall look and feel of GIMP 3. It is designed in a modular way, separating different components and sections into distinct CSS rules. This allows derived themes to override specific components or sections easily, without affecting the rest of the layout. Spacing and font sizes are defined relative to the system font-size. This means that you can change the system font size and the GUI will resize to match, you may need to restart GIMP.
Inside the default theme folder are CSS files and assets. Color definitions for the theme are in 'color-definitions.css'. This has been designed to implement a dark version easily. Assets for a theme are in the assets folder, they are assigned by the CSS file 'color.css' in the 'stylesheets' folder. The stylesheets folder contains:
- Color, assignments for color, borders and opacity.
- Layout, assignments for margins, padding and sizing.
- Font, assignments for size, style and weight.
- Round, assignments for rounded corners.
There is also an 'adjustments' folder, that contains any tweaks or overrides to the stylesheets. The themes called 'Light', 'Warm' and 'System' are derived from the base theme. The Warm theme is a good example of creating a custom theme. The System theme is the current operating system theme with minimal changes.
These themes have been tested in Linux Mint and Windows 11, at 4k and at 1080p.
Enjoy!
Mark Sweeney @pixelmixer