Theme Builder

Desktop

Mobile

family.co

9:41

1/* General */
2--ck-font-family: ; 
3--ck-body-color: ; 
4--ck-border-radius: ; 
5--ck-overlay-background: ; 
6--ck-overlay-backdrop-filter: ; 
7 
8/* Primary Button */
9--ck-primary-button-color: ; 
10--ck-primary-button-background: ; 
11--ck-primary-button-box-shadow: ; 
12--ck-primary-button-border-radius: ; 
13--ck-primary-button-font-weight: ; 
14--ck-primary-button-hover-color: ; 
15--ck-primary-button-hover-background: ; 
16--ck-primary-button-hover-box-shadow: ; 
17--ck-primary-button-active-background: ; 
18--ck-primary-button-active-box-shadow: ; 
19 
20/* Secondary Button */
21--ck-secondary-button-color: ; 
22--ck-secondary-button-background: ; 
23--ck-secondary-button-box-shadow: ; 
24--ck-secondary-button-border-radius: ; 
25--ck-secondary-button-font-weight: ; 
26--ck-secondary-button-hover-color: ; 
27--ck-secondary-button-hover-background: ; 
28--ck-secondary-button-hover-box-shadow: ; 
29--ck-secondary-button-active-background: ; 
30--ck-secondary-button-active-box-shadow: ; 
31 
32/* Tertiary Button */
33--ck-tertiary-button-color: ; 
34--ck-tertiary-button-background: ; 
35--ck-tertiary-button-box-shadow: ; 
36--ck-tertiary-button-border-radius: ; 
37--ck-tertiary-button-font-weight: ; 
38--ck-tertiary-button-hover-color: ; 
39--ck-tertiary-button-hover-background: ; 
40--ck-tertiary-button-hover-box-shadow: ; 
41 
42/* Modal */
43--ck-modal-box-shadow: ; 
44--ck-border-radius: ; 
45--ck-body-background: ; 
46--ck-body-background-secondary: ; 
47--ck-body-background-tertiary: ; 
48 
49/* Modal Backdrop */
50--ck-overlay-background: ; 
51--ck-overlay-backdrop-filter: ; 
52 
53/* Text */
54--ck-font-family: ; 
55--ck-body-color: ; 
56--ck-body-color-muted: ; 
57--ck-body-color-muted-hover: ; 
58--ck-body-color-danger: ; 
59--ck-body-color-valid: ; 
60--ck-modal-heading-font-weight: ; 
61 
62/* Miscellaneous */
63--ck-focus-color: ; 
64--ck-body-action-color: ; 
65--ck-body-divider: ; 
66--ck-qr-dot-color: ; 
67--ck-qr-background: ; 
68--ck-qr-border-color: ; 
69--ck-qr-border-radius: ; 
70--ck-tooltip-color: ; 
71--ck-tooltip-background: ; 
72--ck-tooltip-background-secondary: ; 
73--ck-tooltip-shadow: ; 
74--ck-spinner-color: ; 
75--ck-recent-badge-color: ; 
76--ck-recent-badge-background: ; 
77--ck-recent-badge-border-radius: ; 
78--ck-body-disclaimer-color: ; 
79--ck-body-disclaimer-link-color: ; 
80--ck-body-disclaimer-link-hover-color: ; 
81--ck-body-disclaimer-background: ; 
82 
83/* Connect Wallet Button */
84--ck-connectbutton-font-size: ; 
85--ck-connectbutton-border-radius: ; 
86--ck-connectbutton-color: ; 
87--ck-connectbutton-background: ; 
88--ck-connectbutton-box-shadow: ; 
89--ck-connectbutton-hover-color: ; 
90--ck-connectbutton-hover-background: ; 
91--ck-connectbutton-hover-box-shadow: ; 
92--ck-connectbutton-active-color: ; 
93--ck-connectbutton-active-background: ; 
94--ck-connectbutton-active-box-shadow: ; 
95

General

Font

Text Color

Modal Border Radius

Modal Backdrop

Backdrop Blur

Primary Button

Text Color

Background

Box Shadow

Border Radius

Font Weight

Text Color on Hover

Background on Hover

Box Shadow on Hover

Background on Press

Box Shadow on Press

Secondary Button

Text Color

Background

Box Shadow

Border Radius

Font Weight

Color on Hover

Background on Hover

Box Shadow on Hover

Background on Press

Box Shadow on Press

Tertiary Button

Text Color

Background

Box Shadow

Border Radius

Font Weight

Color on Hover

Background on Hover

Box Shadow on Hover

Modal

Box Shadow

Border Radius

Background Color

Secondary Background

Tertiary Background

Modal Backdrop

Backdrop Color

Backdrop Blur

Text

Font

Text Color

Secondary Color

Secondary Color Hover

Invalid Color

Valid Color

Modal Heading Font Weight

Miscellaneous

Focus State Color

Modal Icon Colors

Dividing Line Color

QR Code Dot Color

QR Code Background

QR Code Border Color

QR Code Border Radius

Tooltip Text Color

Tooltip Background

Tooltip Secondary Background

Tooltip Box Shadow

Loading Spinner Color

Recent Badge Text Color

Recent Badge Background

Recent Badge Border Radius

Disclaimer Text Color

Disclaimer Link Color

Disclaimer Link Hover Color

Disclaimer Background

Connect Wallet Button

Font Size

Border Radius

Color

Background

Box Shadow

Color on Hover

Background on Hover

Box Shadow on Hover

Color on Press

Background on Press

Box Shadow on Press

This app is not optimized for mobile. Please use a desktop browser.