Skip to content
Permalink
Branch: master
Find file Copy path
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
117 lines (102 sloc) 4.2 KB

Theme Guide

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.

Quick Guide

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

Documentation

Table of Contents

Background Image

The background image to use as the background for the app.

Input

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.

Background Color

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.

Input

String
Must be a HEX value, a # followed by 6 numbers or characters.

Foreground Color

Sets the color of the text as well as footer buttons.

Input

String
Must be a HEX value, a # followed by 6 numbers or characters.

Primary Color

The color of the header titles, overview buttons, and header buttons.

Input

String
Must be a HEX value, a # followed by 6 numbers or characters.

Primary Accent Color

Color to accent the Primary color.

Input

String
Must be a HEX value, a # followed by 6 numbers or characters.

Error Color

Color for showing errors or error/danger pop ups.

Input

String
Must be a HEX value, a # followed by 6 numbers or characters.

Error Accent Color

Color that accents the Error color.

Input

String
Must be a HEX value, a # followed by 6 numbers or characters.

Globe Color

The Color of the globe. This color will be used to fill in the ocean areas.

Input

String
Must be a HEX value, a # followed by 6 numbers or characters.

Globe Pillar Color

The color of the pillars that represent your connections on the globe.

Input

String
Must be a HEX value, a # followed by 6 numbers or characters.

Globe Arch Color

the color of the arches that represent the connection between you and the node you are connected to.

Input

String
Must be a HEX value, a # followed by 6 numbers or characters.

Upgrading

This theme format is up to date and there is no changes necessary

You can’t perform that action at this time.