Theme
TODO: remove
NEW since 2024/03/15
Code
| <!-- file: hooks/header-extras.php -->
<script>
// default office theme: office blue
let theme = AppGiniNavbarColors.officeBlue();
AppGiniHelper.getNavbar().setColor(theme);
</script>
|
Example
![](_img/theme_officeblue.png)
Built in themes
Office Blue
| let theme = AppGiniNavbarColors.officeBlue();
AppGiniHelper.getNavbar().setColor(theme);
|
Office Red
| let theme = AppGiniNavbarColors.officeRed();
AppGiniHelper.getNavbar().setColor(theme);
|
![](_img/theme_officered.png)
Office Dark Red
| let theme = AppGiniNavbarColors.officeDarkRed();
AppGiniHelper.getNavbar().setColor(theme);
|
![](_img/theme_officedarkred.png)
Office Green
| let theme = AppGiniNavbarColors.officeGreen();
AppGiniHelper.getNavbar().setColor(theme);
|
![](_img/theme_officegreen.png)
Office Purple
| let theme = AppGiniNavbarColors.officePurple();
AppGiniHelper.getNavbar().setColor(theme);
|
![](_img/theme_officepurple.png)
Custom Themes
Custom Office Theme
| // 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.
| let theme = new AppGiniNavbarColors("firebrick", "gold");
AppGiniHelper.getNavbar().setColor(theme);
|
![](_img/theme_custom.png)