Skip to content

Theme

TODO: remove

NEW since 2024/03/15

Code

1
2
3
4
5
6
<!-- file: hooks/header-extras.php -->
<script>
    // default office theme: office blue
    let theme = AppGiniNavbarColors.officeBlue();
    AppGiniHelper.getNavbar().setColor(theme);
</script>

Example

Built in themes

Office Blue

1
2
let theme = AppGiniNavbarColors.officeBlue();
AppGiniHelper.getNavbar().setColor(theme);

Office Red

1
2
let theme = AppGiniNavbarColors.officeRed();
AppGiniHelper.getNavbar().setColor(theme);

Office Dark Red

1
2
let theme = AppGiniNavbarColors.officeDarkRed();
AppGiniHelper.getNavbar().setColor(theme);

Office Green

1
2
let theme = AppGiniNavbarColors.officeGreen();
AppGiniHelper.getNavbar().setColor(theme);

Office Purple

1
2
let theme = AppGiniNavbarColors.officePurple();
AppGiniHelper.getNavbar().setColor(theme);

Custom Themes

Custom Office Theme

1
2
3
// custom office theme / dark colors recommended!
let theme = AppGiniNavbarColors.office("indigo");
AppGiniHelper.getNavbar().setColor(theme);

Custom Theme

With custom background-color and text-color.

Tip High contrast recommended.

1
2
let theme = new AppGiniNavbarColors("firebrick", "gold");
AppGiniHelper.getNavbar().setColor(theme);