Theme Builder
Build FluxDown themes in browser
Right-click any UI block to inspect token values
Open on desktop
The theme designer needs a wide screen. Please open this page on a desktop/PC browser to avoid a broken layout.
Surface4
BackgroundMain window
colors.surface.background255
Surface 1Main window
colors.surface.surface1255
Surface 2Main window
colors.surface.surface2255
Surface 3Main window
colors.surface.surface3255
Element3
HoverMain window
colors.element.hover255
SelectedMain window
colors.element.selected255
ActiveMain window
colors.element.active46
Text4
PrimaryMain window
colors.text.primary255
SecondaryMain window
colors.text.secondary255
MutedMain window
colors.text.muted255
DisabledMain window
colors.text.disabled128
Border2
DefaultMain window
colors.border.default255
FocusedMain window
colors.border.focused255
Accent4
ColorMain window
colors.accent.color255
HoverMain window
colors.accent.hover255
BackgroundMain window
colors.accent.background46
ForegroundMain window
colors.accent.foreground255
Input4
BackgroundMain window
colors.input.background255
BorderMain window
colors.input.border255
Focus BorderMain window
colors.input.focusBorder255
Focus BackgroundMain window
colors.input.focusBackground20
Dialog2
BackgroundSettings page
colors.dialog.background255
BarrierSettings page
colors.dialog.barrier64
Switch2
TrackSettings page
colors.switch.track255
ThumbSettings page
colors.switch.thumb255
Status3
SuccessMain window
colors.status.success255
WarningMain window
colors.status.warning255
ErrorMain window
colors.status.error255
Shadow1
ShadowMain window
colors.shadow255
Segment Palette16
Segment 1Main window
colors.segmentPalette.0255
Segment 2Main window
colors.segmentPalette.1255
Segment 3Main window
colors.segmentPalette.2255
Segment 4Main window
colors.segmentPalette.3255
Segment 5Main window
colors.segmentPalette.4255
Segment 6Main window
colors.segmentPalette.5255
Segment 7Main window
colors.segmentPalette.6255
Segment 8Main window
colors.segmentPalette.7255
Segment 9Main window
colors.segmentPalette.8255
Segment 10Main window
colors.segmentPalette.9255
Segment 11Main window
colors.segmentPalette.10255
Segment 12Main window
colors.segmentPalette.11255
Segment 13Main window
colors.segmentPalette.12255
Segment 14Main window
colors.segmentPalette.13255
Segment 15Main window
colors.segmentPalette.14255
Segment 16Main window
colors.segmentPalette.15255
Radius13
ProgressSettings page
metrics.radius.progresspx
Extra SmallSettings page
metrics.radius.xspx
Segment CellMain window
metrics.radius.segmentCellpx
SmallSettings page
metrics.radius.smpx
MediumMain window
metrics.radius.mdpx
InputMain window
metrics.radius.inputpx
CardMain window
metrics.radius.cardpx
Icon TileMain window
metrics.radius.iconTilepx
DialogSettings page
metrics.radius.dialogpx
Chip LargeSettings page
metrics.radius.chipLgpx
Chip Extra LargeSettings page
metrics.radius.chipXlpx
BadgeMain window
metrics.radius.badgepx
PillSettings page
metrics.radius.pillpx
Spacing5
Extra SmallSettings page
metrics.spacing.xspx
SmallSettings page
metrics.spacing.smpx
MediumSettings page
metrics.spacing.mdpx
LargeSettings page
metrics.spacing.lgpx
Extra LargeSettings page
metrics.spacing.xlpx
Stroke2
ThinSettings page
metrics.stroke.thinpx
ThickSettings page
metrics.stroke.thickpx
Button3
Height SmallSettings page
metrics.button.heightSmpx
Height MediumSettings page
metrics.button.heightMdpx
Height LargeSettings page
metrics.button.heightLgpx
Alpha22
SubtleSettings page
metrics.alpha.subtleα
SoftSettings page
metrics.alpha.softα
MutedSettings page
metrics.alpha.mutedα
Muted StrongSettings page
metrics.alpha.mutedStrongα
ActiveSettings page
metrics.alpha.activeα
Selected BorderSettings page
metrics.alpha.selectedBorderα
ScrimSettings page
metrics.alpha.scrimα
BorderSettings page
metrics.alpha.borderα
Border StrongSettings page
metrics.alpha.borderStrongα
DisabledSettings page
metrics.alpha.disabledα
GlassSettings page
metrics.alpha.glassα
Focus RingSettings page
metrics.alpha.focusRingα
Shadow StrongMain window
metrics.alpha.shadowStrongα
Shadow SoftSettings page
metrics.alpha.shadowSoftα
Shadow FaintSettings page
metrics.alpha.shadowFaintα
FaintSettings page
metrics.alpha.faintα
Text SelectionSettings page
metrics.alpha.textSelectionα
Border SubtleSettings page
metrics.alpha.borderSubtleα
Border FaintSettings page
metrics.alpha.borderFaintα
Border MediumSettings page
metrics.alpha.borderMediumα
EmphasisSettings page
metrics.alpha.emphasisα
Glass SubtleSettings page
metrics.alpha.glassSubtleα
dark
FluxDownCtrl+F
Filename
Progress
Speed
Status
Downloading12.8 MB/s2 active · 1 paused · 5 total