Get a Quote   (408) 943-4100               TrueNAS Discord      VendOp_Icon_15x15px   Commercial Support Toggle between Light and Dark mode

Interface Preferences

  5 minute read.

Last Modified 2022-05-10 10:09 EDT

There are a few adjustable interface preferences and a built-in theme editor for creating your own TrueNAS color schemes.

To access user preferences, click > Preferences. This page has options to adjust global settings in the web interface, manage custom themes, and create new themes.

InterfacePreferences

General Preferences

OptionStyleDescription
Choose Themedrop downChoose a preferred theme. Prebuilt and custom created themes are visible here.
Prefer buttons with icons onlycheckboxPreserve screen space with icons and tooltips instead of text labels.
Enable Password TogglecheckboxWhen set, an eye icon appears next to password fields. Clicking the icon reveals the password.
Reset Table Columns to DefaultcheckboxReset all tables to display the system default columns.
Retro LogocheckboxRevert branding back to FreeNAS.
Reset All Preferences to DefaultcheckboxReset all user preferences to their default values. (Custom themes are preserved)
UPDATE PREFERENCESbuttonApply the current checkbox settings to the web interface.

Manage Custom Themes

OptionStyleDescription
theme name (variable)checkboxEach custom theme is listed.
DELETE SELECTEDbuttonRemoves each selected custom theme from the system.
CREATE NEW THEMEbuttonOpens the theme creation screen.

Custom Theme Editor

Preferences Custom Theme

Create Theme

OptionStyleDescription
Load colors from existing themedrop downImports the settings from the chosen theme into the Create Theme and Preview tabs.
GENERALtabContains the primary options for the new theme.
COLORStabContains options for setting custom color values.
PREVIEWtabControls the Preview widget.

GENERAL

OptionStyleDescription
Custom Theme Nametext inputEnter a name to identify the new theme.
Menu Labeltext inputEnter a short name to use in the TrueNAS web interface menus
Descriptiontext inputEnter a short description of the new theme.
Choose Primarydrop downChoose from either a generic color or import a specific color setting to use as the primary theme color.
Choose Accentdrop downChoose from either a generic color or import a specific color setting to use as the accent color for the theme.
Choose Topbardrop downChanges the color of the top menu bar in the web interface.
SUBMITbuttonSave the current selections and create the new theme.
CANCELbuttonReturn to the Preferences screen without creating a new theme.

COLORS

OptionStyleDescription
Background 1text inputClick the swatch to pick a color or enter a color hex. This value is used in for the bg1 option in the GENERAL tab.
Background 2text inputClick the swatch to pick a color or enter a color hex. This value is used in for the bg2 option in the GENERAL tab.
Foreground 1text inputClick the swatch to pick a color or enter a color hex. This value is used in for the fg1 option in the GENERAL tab.
Foreground 2text inputClick the swatch to pick a color or enter a color hex. This value is used in for the fg2 option in the GENERAL tab.
Alt Background 1text inputClick the swatch to pick a color or enter a color hex. This value is used in for the alt-bg1 option in the GENERAL tab.
Alt Background 2text inputClick the swatch to pick a color or enter a color hex. This value is used in for the alt-bg2 option in the GENERAL tab.
Alt Foreground 1text inputClick the swatch to pick a color or enter a color hex. This value is used in for the alt-fg1 option in the GENERAL tab.
Alt Foreground 2text inputClick the swatch to pick a color or enter a color hex. This value is used in for the alt-fg2 option in the GENERAL tab.
Yellowtext inputClick the swatch to pick a color or enter a color hex. This value is used in for the yellow option in the GENERAL tab.
Orangetext inputClick the swatch to pick a color or enter a color hex. This value is used in for the orange option in the GENERAL tab.
Redtext inputClick the swatch to pick a color or enter a color hex. This value is used in for the red option in the GENERAL tab.
Magentatext inputClick the swatch to pick a color or enter a color hex. This value is used in for the magenta option in the GENERAL tab.
Violettext inputClick the swatch to pick a color or enter a color hex. This value is used in for the violet option in the GENERAL tab.
Bluetext inputClick the swatch to pick a color or enter a color hex. This value is used in for the blue option in the GENERAL tab.
Cyantext inputClick the swatch to pick a color or enter a color hex. This value is used in for the cyan option in the GENERAL tab.
Greentext inputClick the swatch to pick a color or enter a color hex. This value is used in for the green option in the GENERAL tab.
SUBMITbuttonSave the current selections and create the new theme.
CANCELbuttonReturn to the Preferences screen without creating a new theme.

PREVIEW

OptionStyleDescription
Global PreviewtoggleControls the visibility of the Preview widget.

Preview

OptionStyleDescription
ButtonstabShows examples of web interface buttons with the current theme settings applied.
FormstabShows examples of web interface form options with the current theme settings applied.