Theming

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 folder for the theme in /srv/linbo/gui/themes/mytheme, where mytheme is the name of the theme
• Create a config in /srv/linbo/gui/themes/mytheme/theme.conf
• Add the parameter Theme to the [LINBO] section of the start.conf where the value is the name of your theme. eg:Theme = mytheme
• Place all icons you refer to in your config file in /srv/linbo/gui/themes/mytheme.

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 theme can be found here: https://github.com/linuxmuster/linuxmuster-linbo-gui/tree/master/fakeroot/gui/themes/red-and-white

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

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