UI Theme Values

This page goes over all modifiable values in a Breeze Theme

info

Key	Default Value	Description
name	Dark	The theme's name
author	wallhacks0	Your name (or the person who wrote it)

default

Key	Default Value	Description
accent	[13,98,225]	The default accent colour used throughout all GUIs
corner-radius	20	The default corner radius for all corners
border-thickness	1	The default border thickness for borders
text-foreground	[245,245,245]	The default text colour for elements that are in the foreground (e.g. module names)
text-background	[128,128,128]	The default text colour for elements that in in the background (e.g. module descriptions)
layer-zero	[17,17,17]	The default colour for elements on the lowest layer (e.g. the panel background)
layer-one	[30,30,30]	The default colour for elements on the second layer (e.g. module backgrounds)
hovered	default.layer-one::brighter	The default colour for elements that are hovered

setting

Key	Default Value	Description
text	default.text-background	The colour for setting names
text-hovered	default.text-foreground	The colour for hovered setting names

boolean

Key	Default Value	Description
disabled	default.layer-one	The colour when the setting is disabled
enabled	default.accent	The colour when the setting is enabled
circle	[255,255,255]	The colour of the circle
corner-radius	16.0	The corner radius of switch
circle-radius	12.5	The radius of the circle
square	false	Whether to use a square style of switch

picker

Key	Default Value	Description
background	default.layer-one::alpha;255	The background of the picker element
corner-radius	default.corner-radius::div;2	The corner radius of the picker
border	default.hovered	The border colour of the picker

color

Key	Default Value	Description
border	default.layer-one	The border colour around the colour preview on a colour setting
border-thickness	3.0	The border thickness
corner-radius	default.corner-radius::div;2	The corner radius of the preview

slider

Key	Default Value	Description
textbox-corner-radius	default.corner-radius::div;2	The corner radius of the text box
textbox-border	default.layer-one	The border colour of the text box
textbox-thickness	3.0	The border thickness of the text box
bar	default.accent	The colour of the bar
bar-hovered	default.accent::brighter	The colour of then bar when it's hovered
bar-background	default.layer-one	The background colour of the bar
bar-background-hovered	default.hovered	The background colour of the bar when it's hovered
bar-corner-radius	default.corner-radius::div;4	The corner radius of the bar
text	default.text-foreground	The colour of the text
text-hovered	default.text-background	The colour of the text when it's hovered
circle	[255,255,255]	The colour of the circle(s)

keybind

Key	Default Value	Description
text	default.text-foreground	The colour of the text
text-hovered	default.text-background	The colour of the text when it's hovered
corner-radius	default.corner-radius::div;2	The corner radius of the selector
background	default.layer-one	The background colour
background-hovered	default.hovered	The hovered background colour
bind	default.accent	The binding colour

string

Key	Default Value	Description
text	default.text-foreground	The colour of the text
text-hovered	default.text-background	The colour of the text when it's hovered
corner-radius	default.corner-radius::div;2	The corner radius of the input box
background	default.layer-one	The background colour of the input box
background-hovered	default.hovered	The hovered background colour of the input box

mode

Key	Default Value	Description
text	default.text-background	The colour of the text
text-hovered	default.text-foreground	The colour of the text when it's hovered
background	default.layer-one	The background colour of the selected mode box
background-hovered	default.hovered	The background colour of the selected mode box when it's hovered
indicator	default.accent	The indicator colour
indicator-corner-radius	default.corner-radius::div;4	The corner radius of the indicator box
corner-radius	default.corner-radius::div;2	The corner radius of the selected mode box

mode-selector

Key	Default Value	Description
border	default.accent	The border colour of the mode selector
border-thickness	2.0	The border thickness of the border
background	panel.background	The background colour of the mode selector
hovered	panel.background::brighter	The hovered colour of each mode
corner-radius	default.corner-radius::div;2	The corner radius of the mode selector

setting-group-panel

Key	Default Value	Description
corner-radius	default.corner-radius	The corner radius of the panel
background	default.layer-one	The background colour of the panel
text	[255,255,255]	The text colour of the panel

search

Key	Default Value	Description
corner-radius	default.corner-radius::sub;5	The corner radius of the search bar
border-thickness	default.border-thickness	The border thickness of the border
border	default.layer-one	The border colour
icon	[255,255,255]	The icon colour
not-focused	default.text-background	The colour of the text when not focused
focused	default.text-foreground	The colour of the text when focused

panel

Key	Default Value	Description
corner-radius	default.corner-radius	The corner radius of the panel
background	default.layer-zero	The background colour of the panel
menu	default.layer-zero	The menu colour of the panel
border	[37,37,37]	The border colour of the panel
border-thickness	default.border-thickness	The border thickness of the panel
separator	[37,37,37]	The separator colour
separator-thickness	default.border-thickness	The separator thickness
blur	false	Whether to blur the background
blur-intensity	8	The blur intensity
blur-direction	2	The blur direction

client-info

Key	Default Value	Description
name	default.text-foreground	The colour of the client's name
version	default.text-background	The colour of the client's version

user

Key	Default Value	Description
background	default.layer-one	The background colour of the user info panel
text	default.text-foreground	The text colour of the user info
text-background	default.text::darker	The background text colour of the user info
corner-radius	default.corner-radius	The corner radius of the user panel
icon-background	user.background::alpha;30	The icon background colour

tab

Key	Default Value	Description
corner-radius	default.corner-radius::div;2	The corner radius of each tab element
selected	default.accent	The selected colour of a tab element
text	default.text-background	The text colour for each tab element
text-hovered	default.text-foreground	The hovered text colour of each tab element

tag

Key	Default Value	Description
text	default.text-foreground	The text colour of each tag element
text-hovered	default.text-background	The hovered text colour of each tag element
text-selected	default.text-foreground	The selected text colour of each tag element
background	default.layer-one	The background colour of each tag element
background-selected	default.accent	The selected background colour of each tag element
corner-radius	7.0	The corner radius of each tag element

module

Key	Default Value	Description
background	default.layer-one	The background colour of the module elements
background-hovered	default.hovered	The hovered background colour of the module elements
text	default.text-background	The text colour of the module elements
text-hovered	default.text-foreground	The hovered text colour of the module elements
description	default.text-background::darker	The description colour of the module elements
description-hovered	default.text-foreground::darker	The hovered description colour of the module elements
corner-radius	default.corner-radius	The corner radius of the module elements
edit-background	default.hovered	The edit button colour of the module elements
edit-background-hovered	default.layer-one::brighter::brighter	The edit button hovered colour of the module elements
favourite	[245,245,245]	The favourite button outline colour
favourite-hovered	[255,255,255]	The favourite button hovered colour
favourite-toggled	default.accent	The favourite button toggled colour
visible	[245,245,245]	The visible button outline colour
visible-hovered	[255,255,255]	The visible button hovered colour
visible-toggled	default.accent	The visible button toggled colour
enabled-background	default.hovered	The colour of the enabled icon background
enabled	default.accent	The colour of the enabled icon background when it's enabled
tick	[245,245,245]	The colour of the enabled tick
tick-hovered	[255,255,255]	The colour of the enabled tick when it's hovered

tooltip

Key	Default Value	Description
background	default.layer-zero	The background colour of the setting description tooltips
corner-radius	default.corner-radius::div;2	The corner radius of the tooltips
border	default.accent	The border colour of the tooltips
border-thickness	default.border-thickness	The border thickness of the border
text	[255,255,255]	The text colour

icon

Key	Default Value	Description
background	default.layer-one	The colour of icon buttons' background
background-hovered	default.hovered	The colour of icon buttons' background when they're hovered
color	[245,245,245]	The colour of icon buttons' icon
color-hovered	[255,255,255]	The colour of icon buttons' icon when they're hovered

alt-manager

Key	Default Value	Description
corner-radius	default.corner-radius	The corner radius of the alt manager
background	default.layer-zero	The background colour of the alt manager
title	default.text-foreground	The title colour of the alt manager
separator	default.accent	The separator colour
current-background	default.layer-one	The background colour of the current account panel
text-foreground	default.text-foreground	The foreground text colour
text-background	default.text-background	The background text colour
username-box	default.layer-one	The username box background colour
username-box-corner-radius	default.corner-radius::div;2	The username box corner radius
username-box-border	default.accent	The username box border colour
username-box-border-thickness	default.border-thickness	The username box border thickness
alt.corner-radius	default.corner-radius	The corner radius of each alt element
alt.background	default.layer-one	The background colour of each alt element
alt.text	default.text-foreground	The text colour of each alt element
status.corner-radius	default.corner-radius	The corner radius of the status
status.background	default.layer-one	The background colour of the status
status.text	default.text-foreground	The text colour of the status

socials

Key	Default Value	Description
entry.corner-radius	default.corner-radius	The entry corner radius
entry.background	default.layer-one	The entry background colour
entry.background-hovered	default.hovered	The entry background colour when it's hovered
entry.text	default.text-background	The text colour of the entry field
entry.text-hovered	default.text-foreground	The text colour of the entry field when it's hovered
entry.head.corner-radius	14.0	The corner radius of the head
entry.add.corner-radius	default.corner-radius	The corner radius of the add button
entry.add.background	default.hovered	The background colour of the add button
entry.add.background-added	default.accent	The background colour of the add button after you've added a person
entry.add.text	default.text-background	The text colour of the add button
entry.add.text-added	default.text-foreground	The text colour of the add button after you've added a person

config

Key	Default Value	Description
corner-radius	default.corner-radius::div;2	The corner radius of the config element
background	default.layer-one	The background colour of the config element
name	default.text-foreground	The text colour of the config's name
creator	default.accent::brighter	The text colour of the config's creator
modified	default.text-background	The text colour after you've modified a config's download count
description	default.text-background	The text colour of the config's description
upvote	[6,161,73]	The upvote colour
downvote	[194,20,20]	The downvote colour
vote-count	default.text-background	The vote count colour
icon	default.text-background	The icon colour
icon-hovered	default.text-foreground	The icon colour when it's hovered

checkbox

Key	Default Value	Description
background	default.layer-one	The background colour of the checkbox
background-hovered	default.hovered	The background colour of the checkbox when it's hovered
checked	default.accent	The colour of the check
checked-hovered	default.text-foreground	The colour of the check when it's hovered
text	default.text-background	The text colour
text-hovered	default.text-foreground	The text colour when it's hovered
corner-radius	default.corner-radius::div;2	The corner radius of the check box

button

Key	Default Value	Description
corner-radius	default.corner-radius::div;2	The corner radius of the button
disabled-background	default.accent::darker	The disabled background colour
disabled-text	default.text-foreground::darker	The disabled text colour
background	default.accent	The background colour
background-hovered	default.accent::darker	The hovered background colour
text	default.text-foreground	The text colour
text-hovered	default.text-foreground::darker	The hovered text colour

switch-button

Key	Default Value	Description
background	default.layer-one	The background colour
background-hover	default.hovered	The hovered background colour
corner-radius	button.corner-radius	The corner radius of the switch
selected	button.background	The selected colour of the switch button
hovered	switch-button.selected::darker	The hovered colour of the switch button
text-selected	default.text-foreground	The selected text colour of the switch button
text-not-selected	default.text-background	The non-selected text colour

themes

Key	Default Value	Description
corner-radius	default.corner-radius	The corner radius of each theme button
background	default.layer-one	The background colour of each theme button
text	default.text-background	The text colour of each theme button
text-hovered	default.text-background::brighter	The hovered colour of each theme button