Themes
Themes
Additional themes are available to pro users. Please login to view pro themes.
Description
Using This Theme Jump to heading
To import this theme, apply the following classes to the <html> element and import the theme's stylesheet.
<html class="wa-theme-default wa-palette-default wa-brand-blue"> ... <link rel="stylesheet" href="https://early.webawesome.com/webawesome@3.0.0-beta.2/dist/styles/themes/default.css" />
To import this theme, apply the following classes to the <html> element and import the theme's stylesheet.
<html class="wa-theme-awesome wa-palette-bright wa-brand-blue"> ... <link rel="stylesheet" href="https://early.webawesome.com/webawesome@3.0.0-beta.2/dist/styles/themes/awesome.css" />
To import this theme, apply the following classes to the <html> element and import the theme's stylesheet.
<html class="wa-theme-shoelace wa-palette-shoelace wa-brand-blue"> ... <link rel="stylesheet" href="https://early.webawesome.com/webawesome@3.0.0-beta.2/dist/styles/themes/shoelace.css" />
To import this theme, apply the following classes to the <html> element and import the theme's stylesheet.
<html class="wa-theme-active wa-palette-rudimentary wa-brand-green"> ... <link rel="stylesheet" href="https://early.webawesome.com/webawesome@3.0.0-beta.2/dist/styles/themes/active.css" />
To import this theme, apply the following classes to the <html> element and import the theme's stylesheet.
<html class="wa-theme-brutalist wa-palette-default wa-brand-blue"> ... <link rel="stylesheet" href="https://early.webawesome.com/webawesome@3.0.0-beta.2/dist/styles/themes/brutalist.css" />
To import this theme, apply the following classes to the <html> element and import the theme's stylesheet.
<html class="wa-theme-glossy wa-palette-elegant wa-brand-indigo"> ... <link rel="stylesheet" href="https://early.webawesome.com/webawesome@3.0.0-beta.2/dist/styles/themes/glossy.css" />
To import this theme, apply the following classes to the <html> element and import the theme's stylesheet.
<html class="wa-theme-matter wa-palette-mild wa-brand-purple"> ... <link rel="stylesheet" href="https://early.webawesome.com/webawesome@3.0.0-beta.2/dist/styles/themes/matter.css" />
To import this theme, apply the following classes to the <html> element and import the theme's stylesheet.
<html class="wa-theme-mellow wa-palette-natural wa-brand-blue"> ... <link rel="stylesheet" href="https://early.webawesome.com/webawesome@3.0.0-beta.2/dist/styles/themes/mellow.css" />
To import this theme, apply the following classes to the <html> element and import the theme's stylesheet.
<html class="wa-theme-playful wa-palette-rudimentary wa-brand-purple"> ... <link rel="stylesheet" href="https://early.webawesome.com/webawesome@3.0.0-beta.2/dist/styles/themes/playful.css" />
To import this theme, apply the following classes to the <html> element and import the theme's stylesheet.
<html class="wa-theme-premium wa-palette-anodized wa-brand-cyan"> ... <link rel="stylesheet" href="https://early.webawesome.com/webawesome@3.0.0-beta.2/dist/styles/themes/premium.css" />
To import this theme, apply the following classes to the <html> element and import the theme's stylesheet.
<html class="wa-theme-tailspin wa-palette-vogue wa-brand-indigo"> ... <link rel="stylesheet" href="https://early.webawesome.com/webawesome@3.0.0-beta.2/dist/styles/themes/tailspin.css" />