Theming 71

The linuxmuster-linbo-gui comes with a small theming engine. Through this, the user can adjust colors and icons.

To create your own theme, follow these steps:

• Create a config in /srv/linbo/icons the name is up to you. eg: /srv/linbo/icons/redAndWhiteTheme.conf
• Add the parameter ThemeConfFile to the [LINBO] section of the start.conf where the value is the name of your config file from (1.). eg:ThemeConfFile = redAndWhiteTheme.conf
• Place all icons you refer to in your config file DIRECTLY in /srv/linbo/icons! Not in a subfolder.

The config file

• There are currently two sections: [colors] and [icons]
• In these sections you can override default values of colors and icons. Available keys are:
  • [colors]:
    • Please note: all colors are automatically calculated from primary, accent and text, so in practice you should only have to change those three.
    • primary
    • accent
    • text
    • background
    • elevatedbackground
    • line
    • toolbutton
    • disabledtoolbutton
  • [icons]:
    • Please note:
      • The default icons can be found here: https://github.com/linuxmuster/linuxmuster-linbo-gui/tree/master/resources/icons
      • Only SVG icons are supported!
    • brandtop
    • brandbottom
    • back
    • cancel
    • logout
    • reboot
    • settings
    • shutdown
    • overlaychecked
    • overlaypressed
    • overlayhovered
    • overlaykeyboardfocus
    • overlaystart
    • overlaysync
    • overlayreinstall
    • overlayimage
    • defaultos
    • desktop
    • network
    • start
    • startlegacy
    • sync
    • synclegacy
    • reinstall
    • reinstalllegacy
    • image
    • upload
    • uploadlegacy
    • partition
    • register
    • terminal
    • checkboxchecked
    • checkboxunchecked
    • radiobuttonchecked
    • radiobuttonunchecked
    • radiobuttondisabled
• example:
  • A fully setup icons dir can be found here: https://github.com/linuxmuster/linuxmuster-linbo-gui/tree/master/fakeroot/icons

[colors]
text=#000000
primary=#ffffff
accent=#ff0000

[icons]
brandtop=top.svg
brandbottom=bottom.svg
checkboxchecked=checkBoxChecked.svg
radiobuttonchecked=radioButtonChecked.svg
overlaykeyboardfocus=overlayKeyboardFocus.svg