Nucleus comes with two different themes that you can choose from: light and dark (yes, think Star Wars).

Each theme framework is identical. The only change has to do with the color and branding scheme.

Below you'll see an example of how each theme appears.

Light Theme

Below is the color palette for the Light Theme 👇 

HOMEPAGE

header background: #e0e5eb
header text: #42424b
body background: #f3f5f7

NAVIGATION

navigation background: #dae0e6
navigation background 2: #f3f5f7
navigation background 3: #ffffff
navigation background 4: #e0e5eb
navigation text: #000000

FOOTER

footer background: #23222c
footer text: #ffffff

CARDS/PAGES

card primary: #647c96
card header text: #ffffff
card body background: #f3f5f7
card body background 2: #ffffff
card body text: #505050

Dark Theme

Below is the color palette for the Dark Theme 👇 

HOMEPAGE

header background: #4f4d66
header background gradient: #23222c
header text: #ffffff
body background: #2a2939

NAVIGATION

navigation background: #3d3d53
navigation background 2: #48465d
navigation background 3: #4f4d66
navigation background 4: #656081
navigation text: #ffffff

FOOTER

footer background: #23222c
footer text: #ffffff

CARDS/PAGES

card primary: #647c96
card header text: #ffffff
card body background: #f3f5f7
card body background 2: #ffffff
card body text: #505050

Did this answer your question?