The style.ini is a ini file in each template's directory¹⁾ configuring the generation of CSS styles. It has two sections: [stylesheets] and [replacements] described below.

This part defines which CSS files are loaded. Each line is defined as follow:

cssfile.css = mode

cssfile.css is your file name and mode is one of the supported output modes as described at mode.

The stylesheet can also be a .less file. (See LESS).

DokuWiki's CSS dispatcher is able to replace placeholders in the loaded stylesheets which are configured through the [replacements] section in the templates style.ini. This is especially useful for defining a color scheme once and reuse these colors in all files.

These replacements can also be used as LESS variables.

The following placeholders are the only ones that are safe to be used by plugins. All templates have to implement these at least, but are free to add more.

See for example the style.ini of the Starter template for an overview of the file.

In Adora Belle you can overwrite style.ini values in style.local.ini files. Just create it alongside style.ini if it doesn't exist.

Since Binky the location and the name of the local style.ini has changed to the more farm-friendly conf/tpl/<tpl>/style.ini. (Where <tpl> needs to be substituted with the name of the template folder. Just create it if it doesn't exist.)

This prevents losing those changes after an upgrade. The file still needs to include each section (i.e. [stylesheets] or [replacements]) and paths are relative to the added ini file.

Example:

conf/tpl/dokuwiki/style.ini

[stylesheets]
extra.css  = all
 
[replacements]
__text__        = "#000"
__site_width__  = "100%"