Add support for themes

Description

Provide support for practice wide themes via property files located in WEB-INF/classes/styles using the naming convention: theme-<theme id>.properties

Themes can define the colours used for the default.stylesheet (or site.stylesheet if a custom one is provided), using CSS notation.

At a minimum themes should provide a primary colour and theme name. Other colours will be derived.

The following properties are supported:

  • name - the name of the theme

  • primary - the primary colour. Used for the left-hand and top menu

  • secondary - the secondary colour. Used for the primary menu button rollover colour, buttons, and dialog

  • theme.background - the same as the primary colour

  • theme.foreground - used the text colour on the left-hand and top menus

  • theme.title.background - used in the title area

  • theme.button.background - the same as the secondary colour

  • theme.button.foreground - text colour for buttons

  • theme.button.border - border colour for buttons

  • theme.button.pressedBackground - button colour when pressed

  • theme.button.pressedForeground - button text colour when pressed

  • theme.button.pressedBorder - button border colour when pressed

  • theme.button.rolloverBackground - button colour when rolled over

  • theme.button.rolloverForeground - button text colour when rolled over

  • theme.button.disabledBackground - button colour when disabled

  • theme.button.disabledForeground - button text colour when disabled

  • theme.button.disabledBorder - button border colour when disabled

  • theme.selection.colour - row selection colour

 

h3. Minimal example: theme-purple.properties

h3. 2 colour example, with non-default text colour: theme-blue.properties


h3. Default properties: theme-default.properties

Environment

None

Activity

Show:
Fixed

Details

Assignee

Reporter

Time tracking

13h logged

Components

Fix versions

Priority

Who's Looking?

Open Who's Looking?

Created February 4, 2018 at 7:47 AM
Updated October 30, 2021 at 1:29 AM
Resolved September 13, 2021 at 5:54 AM
Who's Looking?