Project Themes

Project themes allow you to change the look and feel of a project. Several themes are included with StaffMap, and additional themes can be created.

How to Apply a Project Theme

  1. Open a StaffMap project.
  2. Open the Sidebar Menu.
  3. Select Project Settings from the list of tools.
  1. Select the Project Theme dropdown to select a theme.
  1. Select Save to confirm your changes. You may need to reload your page to see the new theme applied.

How to Make a New Project Theme

Making new themes is easy, but requires knowledge of HTML and CSS. In local installations, project themes are found at C:\Program Files\StaffMap 2\_engine\Themes.

  1. Create a new CSS file in the C:\Program Files\StaffMap 2\_engine\Themes directory
  1. Add CSS to apply new styles to elements of the project.
    1. e.g.
        1. .ToolbarTransparency {
        2. background-color: #0c0848;
        3. }
        4. .namepanel {
        5. background-color: #444444;
        6. border:none;
        7. color:white;
        8. }