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-08-16 14:16 EDT

There are a few adjustable interface preferences. Also included is 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. There are also options to manage custom themes and create new themes.

InterfacePreferences

General Preferences

NameDescription
Choose ThemeSelect a preferred theme from the dropdown list. Prebuilt and custom themes are visible here.
Prefer buttons with icons onlySelect checkbox to preserve screen space. Displays icons and tooltips instead of text labels.
Enable Password ToggleSelect checkbox to make an eye icon appear next to password fields. Click the icon to reveal the password.
Reset Table Columns to DefaultSelect checkbox to reset the display of all table columns as system default.
Retro LogoSelect checkbox to revert branding back to FreeNAS.
Reset All Preferences to DefaultSelect checkbox to reset all user preferences to their default values. Does not reset custom themes.
UPDATE PREFERENCESCick button to apply the current checkbox settings to the web interface.

Manage Custom Themes

NameDescription
theme name (variable)Use checkbox to select a custom theme if listed.
DELETE SELECTEDClick button to remove each selected custom theme from the system.
CREATE NEW THEMEClick button to open the theme editor.

Custom Theme Editor

Preferences Custom Theme

Create Theme

NameDescription
Load colors from existing themeSelect the theme option from the dropdown list. Imports settings into the Create Theme and Preview tabs.
GENERALClick to display the GENERAL tab with the primary options for a new theme.
COLORSClick to display the COLORS tab with color options for a new theme.
PREVIEWClick to display the PREVIEW tab. The PREVIEW updates to reflect current selections.

GENERAL

NameDescription
Custom Theme NameEnter a name to identify the new theme.
Menu LabelEnter a short name to use in the TrueNAS web interface menus.
DescriptionEnter a short description of the new theme.
Choose PrimarySelect a generic color from the dropdown list to use as the primary theme color. Or import a specific color setting.
Choose AccentSelect a generic color from the dropdown list to use as the accent color for the theme. Or import a specific color setting.
Choose TopbarSelect a color from the dropdown list to use as the color for the top menu bar in the web interface.
SUBMITClick to save the current selections and create the new theme.
CANCELClick to return to the Preferences screen without creating a new theme.

COLORS

NameDescription
Background 1Either click on the color swatch or enter a hex value. This value applies to the bg1 option in the GENERAL tab.
Background 2Either click on the color swatch or enter a hex value. This value applies to the bg2 option in the GENERAL tab.
Foreground 1Either click on the color swatch or enter a hex value. This value applies to the fg1 option in the GENERAL tab.
Foreground 2Either click on the color swatch or enter a hex value. This value applies to the fg2 option in the GENERAL tab.
Alt Background 1Either click on the color swatch or enter a hex value. This value applies to the alt-bg1 option in the GENERAL tab.
Alt Background 2Either click on the color swatch or enter a hex value. This value applies to the alt-bg2 option in the GENERAL tab.
Alt Foreground 1Either click on the color swatch or enter a hex value. This value applies to the alt-fg1 option in the GENERAL tab.
Alt Foreground 2Either click on the color swatch or enter a hex value. This value applies to the alt-fg2 option in the GENERAL tab.
YellowEither click on the color swatch or enter a hex value. This value applies to the yellow option in the GENERAL tab.
OrangeEither click on the color swatch or enter a hex value. This value applies to the orange option in the GENERAL tab.
RedEither click on the color swatch or enter a hex value. This value applies to the red option in the GENERAL tab.
MagentaEither click on the color swatch or enter a hex value. This value applies to the magenta option in the GENERAL tab.
VioletEither click on the color swatch or enter a hex value. This value applies to the violet option in the GENERAL tab.
BlueEither click on the color swatch or enter a hex value. This value applies to the blue option in the GENERAL tab.
CyanEither click on the color swatch or enter a hex value. This value applies to the cyan option in the GENERAL tab.
GreenEither click on the color swatch or enter a hex value. This value applies to the green option in the GENERAL tab.
SUBMITClick the button to save the current selections and create the new theme.
CANCELClick the button to return to the Preferences screen without creating a new theme.

PREVIEW

NameDescription
Global PreviewColor selections display in the PREVIEW. Click the toggle to turn the display of the PREVIEW widget on or off.

Preview

NameDescription
ButtonsThis tab shows examples of web interface buttons. The buttons display with the current theme settings applied.
FormsThis tab shows examples of web interface form options. The options display with the current theme settings applied.

Related Content