WBE Styles

Configurable Styling Options

This section allows you to customize the appearance of your components. Easily configure key styling attributes such as colors and border radius to suit your design needs. Changes can be previewed live in the preview section, allowing for instant feedback and ensuring your design aligns with your vision.

---

SmallMediumLarge

Radius

#EF7D00

Surface Brand Primary

#005398

Surface Brand Secondary

#EF7D00

Border Brand

#005398

Border Brand Secondary

#005398

Text Brand

#EF7D00

Color Brand Primary 100

#F4A44D

Color Brand Primary 70

#F9CB99

Color Brand Primary 30

#005398

Color Brand Secondary 100

#005CA9

Color Brand Secondary 40

#E6EEF5

Color Brand Secondary 30

#FFFFFF

Logo Background

#D9D9DA

Border Primary

#F3F3F3

Border Low

#404040

Border Dark

#66A7E3

Focus Border

#191919

Text Primary

#404040

Text Secondary

#5C5C5C

Text Light

#FCFCFC

Text White

#FFFFFF

Text Button Light

#191919

Text Button Dark

#FFFFFF

Surface Primary

#E6EEF5

Surface Secondary

#FCFCFC

Surface MD

#F3F3F3

Surface Dark

#F3F3F3

Surface Background

#0075E3

Color Blue 900

#3389DA

Color Blue 800

#66A7E3

Color Blue 700

#B3D3F1

Color Blue 600

#FFFFFF

Color Gray 50

#FCFCFC

Color Gray 100

#F3F3F3

Color Gray 200

#D9D9DA

Color Gray 300

#BABABA

Color Gray 400

#8C8C8C

Color Gray 500

#5C5C5C

Color Gray 600

#404040

Color Gray 700

#191919

Color Gray 800

#B32A21

Color Red 900

#E16158

Color Red 800

#E88882

Color Red 700

#F09EA0

Color Red 600

#105C2E

Color Green 900

#469F69

Color Green 800

#74B78E

Color Green 700

#A3CFB4

Color Green 600

#FFBE00

Color Yellow 900

#FFCB33

Color Yellow 800

#FFD866

Color Yellow 700

#FFE599

Color Yellow 600

#B32A21

Error Text

#E16158

Error Color Gradient

#E88882

Error Border

#F09EA0

Error Background

#B32A21

Error Text

#0075E3

Info Text

#3389DA

Info Color Gradient

#66A7E3

Info Border

#B3D3F1

Info Background

#105C2E

Success Text

#469F69

Success Color Gradient

#74B78E

Success Border

#A3CFB4

Success Background

#FFBE00

Warning Text

#FFCB33

Warning Color Gradient

#FFD866

Warning Border

#FFE599

Warning Background

#F09EA0

Message Background

#E88882

Message Border

Warning: Please note that after saving the style changes may take a few seconds to a few minutes to fully apply in the live environment. This delay is due to caching and server synchronization processes. We recommend refreshing the page after a short wait to ensure the updates are reflected properly.