Theming

beabee defines the following theming variables that community organisations can use to match their own themes.

Colours

Colours have defined shades, these are mostly just derived from lightening the colours

  • Primary: 5%, 10%, 20%, 40%, 70%, 80%

  • Link: 10%, 30%, 70%, 110%

    • =Secondary: 10%, 30%, 70% — will be replaced by link

  • Grey: lighter, light, dark, darker

  • Success: 10%, 30%, 70%, 110%

  • Warning: 10%, 30%, 70%

  • Danger: 10%, 30%, 70%, 110%

  • Text = Primary: 40%, 80%, 100%

  • Dashboard background = 5% Primary

To see the color scheme of an install login and access base url /_theme

Fonts

  • Body

  • Title = Body

PreviousDesign specsNextFeature requirements

Last updated

Was this helpful?