UI Theme Values
This page goes over all modifiable values in a Breeze Theme
info
name
Dark
The theme's name
author
wallhacks0
Your name (or the person who wrote it)
default
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
text
default.text-background
The colour for setting names
text-hovered
default.text-foreground
The colour for hovered setting names
boolean
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
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
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
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
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
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
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
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
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
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
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
name
default.text-foreground
The colour of the client's name
version
default.text-background
The colour of the client's version
user
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
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
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
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
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
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
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
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
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
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
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
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
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
Last updated