Veila
Themes

Color-Only Backgrounds

Color-only background modes for clean themes without a wallpaper image

Color-Only background modes let you create a clean, polished lock screen without using a background image. No need to search online for gradient background images, you can easily create your own gradient-style background using only colors. Color-only backgrounds are perfect if you want a really lightweight and minimal lock screen

Currently supported four color-only modes: solid, gradient, radial and layered

They all use the normal background treatment fields too:

[background]
mode = "gradient" # or "solid", "radial", "layered"
blur_strength = 0
dim_strength = 0

Layered background mode preview

Solid

Solid is the most minimal option. It renders only background color

[background]
mode = "solid"
color = "#202833"
blur_strength = 0
dim_strength = 0

Gradient background mode preview

Gradient

Gradient creates a smooth four-corner blend

[background]
mode = "gradient"
blur_strength = 0
dim_strength = 0

[background.gradient]
top_left = "#A85BFF"
top_right = "#39B8FF"
bottom_left = "#6FE2FF"
bottom_right = "#6F4CFF"

Layered background mode preview

Layered

Layered starts with a base color scene then adds soft blobs on top

[background]
mode = "layered"
blur_strength = 0
dim_strength = 0

[background.layered.base]
mode = "gradient"

[background.layered.base.gradient]
top_left = "#A85BFF"
top_right = "#39B8FF"
bottom_left = "#6FE2FF"
bottom_right = "#6F4CFF"

[[background.layered.blobs]]
color = "#FFFFFF"
opacity = 16
x = 18
y = 12
size = 42

[[background.layered.blobs]]
color = "#7C4DFF"
opacity = 22
x = 82
y = 78
size = 50

[background.layered.base] accepts: gradient, radial and solid

x, y, and size are percentage based. Currently uses up to three blobs


Radial background mode preview

Radial

Radial creates a center glow that fades toward the edges. It works well when you want the middle of the screen to feel brighter or more focused around the main auth stack

[background]
mode = "radial"
blur_strength = 0
dim_strength = 0

[background.radial]
center = "#6FE2FF"
edge = "#6F4CFF"
center_x = 50
center_y = 50
radius = 100

center_x, center_y, and radius are percentage based so the same config scales cleanly across output sizes

On this page