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

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

Last updated