This guide will describe how to develop themes to be used in the Nexus Interface.
Theme files are Json files that are read by the system and apply changes to the interface's theme.
Theme files use standard Json syntax.
Example
{ "background" : "#ffffff", "forground" : "#000000" }
You may use any text editor you like, save as a .json
file and import that file using the import function in the style settings.
This guide may change and the internal systems may change which will require reworking your theme file. See Upgrading for details.
Descriptor | Code | Valid Input |
---|---|---|
Background Image | "wallpaper" |
String: Local or Remote File Path |
Background Color | "background" |
String: Hex |
Foreground/Text Color | "foreground" |
String: Hex |
Primary Color | "primary" |
String: Hex |
Primary Accent Color | "primaryAccent" |
String: Hex |
Error Color | "danger" |
String: Hex |
Error Accent Color | "dangerAccent" |
String: Hex |
Globe Color | "globeColor" |
String: Hex |
Globe Pillar Color | "globePillarColor" |
String: Hex |
Globe Arch Color | "globeArchColor" |
String: Hex |
- Background Image
- Background Color
- Foreground Color
- Primary Color
- Primary Accent Color
- Error Color
- Error Accent Color
- Globe Color
- Globe Pillar Color
- Globe Arch Color
The background image to use as the background for the app.
String
Can be a local file path, c:/Users/User/Pictures/bg.jpg
or remote https://google.com/banner.jpg
.
Remote images will automatically downloaded into the app's app data folder.
Acceptable file formats are .jpg
,.png
,.bmp
,.tiff
,or .gif
.
The background color to be used by the background panels that contain the content. The app will automatically make a modification color to be used as contrast in the header and center fill.
String
Must be a HEX value, a #
followed by 6 numbers or characters.
Sets the color of the text as well as footer buttons.
String
Must be a HEX value, a #
followed by 6 numbers or characters.
The color of the header titles, overview buttons, and header buttons.
String
Must be a HEX value, a #
followed by 6 numbers or characters.
Color to accent the Primary color.
String
Must be a HEX value, a #
followed by 6 numbers or characters.
Color for showing errors or error/danger pop ups.
String
Must be a HEX value, a #
followed by 6 numbers or characters.
Color that accents the Error color.
String
Must be a HEX value, a #
followed by 6 numbers or characters.
The Color of the globe. This color will be used to fill in the ocean areas.
String
Must be a HEX value, a #
followed by 6 numbers or characters.
The color of the pillars that represent your connections on the globe.
String
Must be a HEX value, a #
followed by 6 numbers or characters.
the color of the arches that represent the connection between you and the node you are connected to.
String
Must be a HEX value, a #
followed by 6 numbers or characters.
This theme format is up to date and there is no changes necessary