Customization #

Overview #

Since Version 1.0.3 you can change the color theme of hamawardz through settings in your .env file. Please be aware, this is an ADVANCED option, since you need to put in color codes that are valid CSS.

Valid syntax #

Valid syntax includes stuff like white, #343a40, rgb(59, 109, 74), or rgba(255, 255, 255, 0.5).

ENV-Keys #

If none of the keys are set in your .env file (like if you copied the example file), hamawardz will use the defaults. These are the ENV keys that are possible:

PAGE_BACKGROUND_COLOR #

Sets the color of the background. Normally defaults to a greyish color (#343a40).

PAGE_ACCENT_COLOR #

Sets the color of the header, footer and primary button color. Defaults to a dark green (#3B6D4A).

TABLE_ACCENT_COLOR #

Sets the color of the table background. Defaults to a lighter grey (#555e66).

BODY_TEXT_COLOR #

Sets the color of basically all text on the page (not the links top right when logged in). Defaults to an “almost white” (#f8f9fa)

MODAL_HEADER_BACKGROUND_COLOR #

Sets the color of the header of modal dialogue boxes. Defaults to a dark grey (#333).

MODAL_BODY_BACKGROUND_COLOR #

Sets the color of the background of the modal dialogues. Defaults to another grey (#212529).

NAVBAR_LINK_TEXT_COLOR #

Sets the color of the navbar link texts. Defaults to white, but with a bit of tranparency (rgba(255, 255, 255, 0.5)).

Example #

A working (albeit pretty ugly) example for your .env file would be to add something like this:

PAGE_ACCENT_COLOR="rgb(191, 10, 48)"
NAVBAR_LINK_TEXT_COLOR="yellow"
BODY_TEXT_COLOR="#ff08ea"