Themes
No theme
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Foreground | currentColor |
Background | transparent |
Accent | currentColor |
Border | transparent |
Primary button | |
---|---|
Foreground | currentColor |
Background | transparent |
Border | transparent |
Primary button hover | |
Foreground | currentColor |
Background | transparent |
Border | transparent |
Secondary button | |
---|---|
Foreground | currentColor |
Background | transparent |
Border | transparent |
Secondary button hover | |
Foreground | currentColor |
Background | transparent |
Border | transparent |
Link button | |
---|---|
Link color | currentColor |
Link button hover | |
Link hover color | currentColor |
Implementation |
<div class="theme no-theme"></div>
|
Light
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Foreground | #262626 |
Background | #FFFFFF |
Accent | currentColor |
Border | transparent |
Primary button | |
---|---|
Foreground | #FFFFFF |
Background | #262626 |
Border | #262626 |
Primary button hover | |
Foreground | #FFFFFF |
Background | #545454 |
Border | #545454 |
Secondary button | |
---|---|
Foreground | #1E1A33 |
Background | #FFFFFF |
Border | #262626 |
Secondary button hover | |
Foreground | #1E1A33 |
Background | hsl(0, 0%, 85%) |
Border | #262626 |
Link button | |
---|---|
Link color | currentColor |
Link button hover | |
Link hover color | currentColor |
Implementation |
<div class="theme light"></div>
|
Dark
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Foreground | #FFFFFF |
Background | #262626 |
Accent | currentColor |
Border | transparent |
Primary button | |
---|---|
Foreground | #262626 |
Background | #FFFFFF |
Border | #FFFFFF |
Primary button hover | |
Foreground | #FFFFFF |
Background | #262626 |
Border | #262626 |
Secondary button | |
---|---|
Foreground | #FFFFFF |
Background | #262626 |
Border | #FFFFFF |
Secondary button hover | |
Foreground | #262626 |
Background | #FFFFFF |
Border | #FFFFFF |
Link button | |
---|---|
Link color | currentColor |
Link button hover | |
Link hover color | currentColor |
Implementation |
<div class="theme dark"></div>
|
Light transparent
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Foreground | #262626 |
Background | transparent |
Accent | currentColor |
Border | transparent |
Primary button | |
---|---|
Foreground | currentColor |
Background | transparent |
Border | transparent |
Primary button hover | |
Foreground | currentColor |
Background | transparent |
Border | transparent |
Secondary button | |
---|---|
Foreground | currentColor |
Background | transparent |
Border | transparent |
Secondary button hover | |
Foreground | currentColor |
Background | transparent |
Border | transparent |
Link button | |
---|---|
Link color | currentColor |
Link button hover | |
Link hover color | currentColor |
Implementation |
<div class="theme light-transparent"></div>
|
Dark transparent
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Foreground | #FFFFFF |
Background | transparent |
Accent | currentColor |
Border | transparent |
Primary button | |
---|---|
Foreground | #FFFFFF |
Background | transparent |
Border | transparent |
Primary button hover | |
Foreground | #FFFFFF |
Background | transparent |
Border | transparent |
Secondary button | |
---|---|
Foreground | #FFFFFF |
Background | transparent |
Border | transparent |
Secondary button hover | |
Foreground | #FFFFFF |
Background | transparent |
Border | transparent |
Link button | |
---|---|
Link color | currentColor |
Link button hover | |
Link hover color | currentColor |
Implementation |
<div class="theme dark-transparent"></div>
|
RTC-Light-blue-bg
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Foreground | #FFFFFF |
Background | #29ABE2 |
Accent | currentColor |
Border | transparent |
Primary button | |
---|---|
Foreground | #FFFFFF |
Background | #333333 |
Border | transparent |
Primary button hover | |
Foreground | #FFFFFF |
Background | hsl(0, 0%, 40%) |
Border | transparent |
Secondary button | |
---|---|
Foreground | #333333 |
Background | #CCCCCC |
Border | transparent |
Secondary button hover | |
Foreground | #333333 |
Background | hsl(0, 0%, 85%) |
Border | transparent |
Focus outline | #CCCCCC |
Link button | |
---|---|
Link color | currentColor |
Link button hover | |
Link hover color | currentColor |
Focus outline | #CCCCCC |
Implementation |
<div class="theme rtc-light-blue-bg"></div>
|
RTC-dark-blue-bg
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Foreground | #FFFFFF |
Background | #123384 |
Accent | currentColor |
Border | transparent |
Primary button | |
---|---|
Foreground | #FFFFFF |
Background | #333333 |
Border | transparent |
Primary button hover | |
Foreground | #FFFFFF |
Background | hsl(0, 0%, 40%) |
Border | transparent |
Secondary button | |
---|---|
Foreground | #333333 |
Background | #CCCCCC |
Border | transparent |
Secondary button hover | |
Foreground | #333333 |
Background | hsl(0, 0%, 85%) |
Border | transparent |
Focus outline | #CCCCCC |
Link button | |
---|---|
Link color | currentColor |
Link button hover | |
Link hover color | currentColor |
Focus outline | #CCCCCC |
Implementation |
<div class="theme rtc-dark-blue-bg"></div>
|
RTC-medium-blue-bg
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Foreground | #000000 |
Background | #DFF3FB |
Accent | currentColor |
Border | transparent |
Primary button | |
---|---|
Foreground | #FFFFFF |
Background | #333333 |
Border | transparent |
Primary button hover | |
Foreground | #FFFFFF |
Background | hsl(0, 0%, 40%) |
Border | transparent |
Secondary button | |
---|---|
Foreground | #333333 |
Background | #CCCCCC |
Border | transparent |
Secondary button hover | |
Foreground | #333333 |
Background | hsl(0, 0%, 85%) |
Border | transparent |
Focus outline | #CCCCCC |
Link button | |
---|---|
Link color | currentColor |
Link button hover | |
Link hover color | currentColor |
Focus outline | #CCCCCC |
Implementation |
<div class="theme rtc-medium-blue-bg"></div>
|
Base | |
---|---|
Foreground | #123384 |
Background | #FFFFFF |
Accent | currentColor |
Border | transparent |
Primary button | |
---|---|
Foreground | #FFFFFF |
Background | #123384 |
Border | transparent |
Primary button hover | |
Foreground | #FFFFFF |
Background | hsl(222,63, 76%, 40%) |
Border | transparent |
Secondary button | |
---|---|
Foreground | #333333 |
Background | #CCCCCC |
Border | transparent |
Secondary button hover | |
Foreground | #333333 |
Background | hsl(0, 0%, 85%) |
Border | transparent |
Focus outline | #CCCCCC |
Link button | |
---|---|
Link color | currentColor |
Link button hover | |
Link hover color | currentColor |
Focus outline | #CCCCCC |
Implementation |
<div class="theme rtc-white-bg-blue-buttons"></div>
|
light-grey-bg-blue-text
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Foreground | #123384 |
Background | #F4F5F8 |
Accent | currentColor |
Border | transparent |
Primary button | |
---|---|
Foreground | #FFFFFF |
Background | #123384 |
Border | #123384 |
Primary button hover | |
Foreground | #FFFFFF |
Background | #123384 |
Border | #123384 |
Secondary button | |
---|---|
Foreground | #333333 |
Background | #CCCCCC |
Border | transparent |
Secondary button hover | |
Foreground | #333333 |
Background | hsl(0, 0%, 85%) |
Border | transparent |
Focus outline | #CCCCCC |
Link button | |
---|---|
Link color | currentColor |
Link button hover | |
Link hover color | currentColor |
Focus outline | #CCCCCC |
Implementation |
<div class="theme light-grey-bg-blue-text"></div>
|
RTC-dark-blue-text-transparent-bg
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Foreground | #123384 |
Background | transparent |
Accent | currentColor |
Border | transparent |
Primary button | |
---|---|
Foreground | #123384 |
Background | transparent |
Border | #123384 |
Primary button hover | |
Foreground | #123384 |
Background | transparent |
Border | #123384 |
Secondary button | |
---|---|
Foreground | #333333 |
Background | #CCCCCC |
Border | transparent |
Secondary button hover | |
Foreground | #333333 |
Background | hsl(0, 0%, 85%) |
Border | transparent |
Focus outline | #CCCCCC |
Link button | |
---|---|
Link color | currentColor |
Link button hover | |
Link hover color | currentColor |
Focus outline | #CCCCCC |
Implementation |
<div class="theme rtc-dark-blue-text-transparent-bg"></div>
|
Base | |
---|---|
Foreground | #123384 |
Background | transparent |
Accent | currentColor |
Border | transparent |
Primary button | |
---|---|
Foreground | #123384 |
Background | transparent |
Border | #123384 |
Primary button hover | |
Foreground | #123384 |
Background | transparent |
Border | #123384 |
Secondary button | |
---|---|
Foreground | #333333 |
Background | #CCCCCC |
Border | transparent |
Secondary button hover | |
Foreground | #333333 |
Background | hsl(0, 0%, 85%) |
Border | transparent |
Focus outline | #CCCCCC |
Link button | |
---|---|
Link color | currentColor |
Link button hover | |
Link hover color | currentColor |
Focus outline | #CCCCCC |
Implementation |
<div class="theme category-slider"></div>
|
Vertical Nav Homepage
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Foreground | #2E364A |
Background | #FFFFFF |
Accent | currentColor |
Border | transparent |
Primary button | |
---|---|
Foreground | #2E364A |
Background | #FFFFFF |
Border | transparent |
Primary button hover | |
Foreground | #2E364A |
Background | #DFF3FB |
Border | transparent |
Secondary button | |
---|---|
Foreground | #333333 |
Background | #CCCCCC |
Border | transparent |
Secondary button hover | |
Foreground | #333333 |
Background | hsl(0, 0%, 85%) |
Border | transparent |
Focus outline | #CCCCCC |
Link button | |
---|---|
Link color | currentColor |
Link button hover | |
Link hover color | currentColor |
Focus outline | #CCCCCC |
Implementation |
<div class="theme vertical-nav-homepage"></div>
|
RTC-Teal
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Foreground | #EA670C |
Background | #FFFFFF |
Accent | currentColor |
Border | transparent |
Primary button | |
---|---|
Foreground | #EA670C |
Background | transparent |
Border | #EA670C |
Primary button hover | |
Foreground | #000000 |
Background | transparent |
Border | #000000 |
Secondary button | |
---|---|
Foreground | #333333 |
Background | #CCCCCC |
Border | transparent |
Secondary button hover | |
Foreground | #333333 |
Background | hsl(0, 0%, 85%) |
Border | transparent |
Focus outline | #CCCCCC |
Link button | |
---|---|
Link color | currentColor |
Link button hover | |
Link hover color | currentColor |
Focus outline | #CCCCCC |
Implementation |
<div class="theme rtc-teal"></div>
|
Base | |
---|---|
Foreground | #123384 |
Background | #4CA8AA |
Accent | currentColor |
Border | transparent |
Primary button | |
---|---|
Foreground | #123384 |
Background | transparent |
Border | #123384 |
Primary button hover | |
Foreground | #123384 |
Background | transparent |
Border | #123384 |
Secondary button | |
---|---|
Foreground | #333333 |
Background | #CCCCCC |
Border | transparent |
Secondary button hover | |
Foreground | #333333 |
Background | hsl(0, 0%, 85%) |
Border | transparent |
Focus outline | #CCCCCC |
Link button | |
---|---|
Link color | currentColor |
Link button hover | |
Link hover color | currentColor |
Focus outline | #CCCCCC |
Implementation |
<div class="theme catalog-banner"></div>
|
Carousel Logo
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Foreground | currentColor |
Background | transparent |
Accent | currentColor |
Border | transparent |
Primary button | |
---|---|
Foreground | currentColor |
Background | transparent |
Border | transparent |
Primary button hover | |
Foreground | currentColor |
Background | transparent |
Border | transparent |
Secondary button | |
---|---|
Foreground | #333333 |
Background | #CCCCCC |
Border | transparent |
Secondary button hover | |
Foreground | #333333 |
Background | hsl(0, 0%, 85%) |
Border | transparent |
Focus outline | #CCCCCC |
Link button | |
---|---|
Link color | currentColor |
Link button hover | |
Link hover color | currentColor |
Focus outline | #CCCCCC |
Implementation |
<div class="theme carousel-logo"></div>
|
ProductCard
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Foreground | #262626 |
Background | #FFFFFF |
Accent | currentColor |
Border | transparent |
Primary button | |
---|---|
Foreground | #FFFFFF |
Background | #123384 |
Border | #123384 |
Primary button hover | |
Foreground | #FFFFFF |
Background | #123384 |
Border | #123384 |
Secondary button | |
---|---|
Foreground | #FFFFFF |
Background | #123384 |
Border | #123384 |
Secondary button hover | |
Foreground | #FFFFFF |
Background | #123384 |
Border | #123384 |
Implementation |
<div class="theme product-card"></div>
|
Product Detail Page
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Foreground | #000000 |
Background | #FFFFFF |
Accent | currentColor |
Border | transparent |
Primary button | |
---|---|
Foreground | #FFFFFF |
Background | #123384 |
Border | transparent |
Primary button hover | |
Foreground | #FFFFFF |
Background | hsl(222,63, 76%, 40%) |
Border | transparent |
Secondary button | |
---|---|
Foreground | #123384 |
Background | #FFFFFF |
Border | #123384 |
Secondary button hover | |
Foreground | #123384 |
Background | hsl(0, 0%, 85%) |
Border | #123384 |
Focus outline | #CCCCCC |
Link button | |
---|---|
Link color | currentColor |
Link button hover | |
Link hover color | currentColor |
Focus outline | #CCCCCC |
Implementation |
<div class="theme product-detail-info"></div>
|
Newsletter
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Foreground | #123384 |
Background | transparent |
Accent | currentColor |
Border | transparent |
Primary button | |
---|---|
Foreground | #FFFFFF |
Background | #123384 |
Border | #123384 |
Primary button hover | |
Foreground | #FFFFFF |
Background | #123384 |
Border | #123384 |
Secondary button | |
---|---|
Foreground | #333333 |
Background | #CCCCCC |
Border | #CCCCCC |
Secondary button hover | |
Foreground | #333333 |
Background | #CCCCCC |
Border | #CCCCCC |
Link button | |
---|---|
Link color | #123384 |
Link button hover | |
Link hover color | hsl(222,63, 76%, 40%) |
Implementation |
<div class="theme theme-new"></div>
|
RTC Teal transparent-bg
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Foreground | #000000 |
Background | transparent |
Accent | currentColor |
Border | transparent |
Primary button | |
---|---|
Foreground | #EA670C |
Background | transparent |
Border | #EA670C |
Primary button hover | |
Foreground | #EA670C |
Background | transparent |
Border | #EA670C |
Secondary button | |
---|---|
Foreground | #EA670C |
Background | transparent |
Border | #EA670C |
Secondary button hover | |
Foreground | #EA670C |
Background | transparent |
Border | #EA670C |
Focus outline | #CCCCCC |
Link button | |
---|---|
Link color | #333333 |
Link button hover | |
Link hover color | hsl(0, 0%, 40%) |
Focus outline | #CCCCCC |
Implementation |
<div class="theme rtc-teal-transparent-bg"></div>
|
Base | |
---|---|
Foreground | #123384 |
Background | transparent |
Accent | currentColor |
Border | transparent |
Primary button | |
---|---|
Foreground | #FFFFFF |
Background | #333333 |
Border | transparent |
Primary button hover | |
Foreground | #FFFFFF |
Background | hsl(0, 0%, 40%) |
Border | transparent |
Secondary button | |
---|---|
Foreground | #333333 |
Background | #CCCCCC |
Border | transparent |
Secondary button hover | |
Foreground | #333333 |
Background | hsl(0, 0%, 85%) |
Border | transparent |
Focus outline | #CCCCCC |
Link button | |
---|---|
Link color | #333333 |
Link button hover | |
Link hover color | hsl(0, 0%, 40%) |
Focus outline | #CCCCCC |
Implementation |
<div class="theme text-banner-header-ribbon"></div>
|
text-header-desktop-contact
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Foreground | #FFFFFF |
Background | transparent |
Accent | currentColor |
Border | transparent |
Primary button | |
---|---|
Foreground | #FFFFFF |
Background | #333333 |
Border | transparent |
Primary button hover | |
Foreground | #FFFFFF |
Background | hsl(0, 0%, 40%) |
Border | transparent |
Secondary button | |
---|---|
Foreground | #333333 |
Background | #CCCCCC |
Border | transparent |
Secondary button hover | |
Foreground | #333333 |
Background | hsl(0, 0%, 85%) |
Border | transparent |
Focus outline | #CCCCCC |
Link button | |
---|---|
Link color | #333333 |
Link button hover | |
Link hover color | hsl(0, 0%, 40%) |
Focus outline | #CCCCCC |
Implementation |
<div class="theme text-header-desktop-contact"></div>
|
RTC-dark-blue-text-fw-bold
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Foreground | #123384 |
Background | transparent |
Accent | currentColor |
Border | transparent |
Primary button | |
---|---|
Foreground | currentColor |
Background | transparent |
Border | transparent |
Primary button hover | |
Foreground | currentColor |
Background | transparent |
Border | transparent |
Secondary button | |
---|---|
Foreground | currentColor |
Background | transparent |
Border | transparent |
Secondary button hover | |
Foreground | currentColor |
Background | transparent |
Border | transparent |
Link button | |
---|---|
Link color | currentColor |
Link button hover | |
Link hover color | currentColor |
Implementation |
<div class="theme rtc-dark-blue-text-fw-bold"></div>
|
header-2-utilities
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Foreground | #123384 |
Background | transparent |
Accent | currentColor |
Border | transparent |
Primary button | |
---|---|
Foreground | #FFFFFF |
Background | transparent |
Border | transparent |
Primary button hover | |
Foreground | #FFFFFF |
Background | transparent |
Border | transparent |
Secondary button | |
---|---|
Foreground | currentColor |
Background | transparent |
Border | transparent |
Secondary button hover | |
Foreground | currentColor |
Background | transparent |
Border | transparent |
Focus outline | #CCCCCC |
Link button | |
---|---|
Link color | #123384 |
Link button hover | |
Link hover color | hsl(222,63, 76%, 40%) |
Focus outline | #CCCCCC |
Implementation |
<div class="theme header-2-utilities"></div>
|
RTC-blue-gradient
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Foreground | #FFFFFF |
Background | transparent |
Accent | currentColor |
Border | transparent |
Primary button | |
---|---|
Foreground | currentColor |
Background | transparent |
Border | transparent |
Primary button hover | |
Foreground | currentColor |
Background | transparent |
Border | transparent |
Secondary button | |
---|---|
Foreground | currentColor |
Background | transparent |
Border | transparent |
Secondary button hover | |
Foreground | currentColor |
Background | transparent |
Border | transparent |
Focus outline | #CCCCCC |
Link button | |
---|---|
Link color | #333333 |
Link button hover | |
Link hover color | hsl(0, 0%, 40%) |
Focus outline | #CCCCCC |
Implementation |
<div class="theme rtc-blue-gradient"></div>
|
RTC-transparent-bg-blue-gradient
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Foreground | #000000 |
Background | transparent |
Accent | currentColor |
Border | transparent |
Primary button | |
---|---|
Foreground | #4CA8AA |
Background | transparent |
Border | #4CA8AA |
Primary button hover | |
Foreground | #4CA8AA |
Background | transparent |
Border | #4CA8AA |
Secondary button | |
---|---|
Foreground | currentColor |
Background | transparent |
Border | transparent |
Secondary button hover | |
Foreground | currentColor |
Background | transparent |
Border | transparent |
Link button | |
---|---|
Link color | currentColor |
Link button hover | |
Link hover color | currentColor |
Implementation |
<div class="theme rtc-transparent-bg-blue-gradient"></div>
|
Base | |
---|---|
Foreground | #123384 |
Background | transparent |
Accent | currentColor |
Border | transparent |
Primary button | |
---|---|
Foreground | currentColor |
Background | transparent |
Border | transparent |
Primary button hover | |
Foreground | currentColor |
Background | transparent |
Border | transparent |
Secondary button | |
---|---|
Foreground | currentColor |
Background | transparent |
Border | transparent |
Secondary button hover | |
Foreground | currentColor |
Background | transparent |
Border | transparent |
Link button | |
---|---|
Link color | #545862 |
Link button hover | |
Link hover color | hsl(222,86, 8%, 40%) |
Implementation |
<div class="theme footer-navigation-theme"></div>
|
hero-carousel-mobile
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Foreground | #FFFFFF |
Background | transparent |
Accent | #FFFFFF |
Border | #FFFFFF |
Primary button | |
---|---|
Foreground | #FFFFFF |
Background | transparent |
Border | #FFFFFF |
Primary button hover | |
Foreground | #FFFFFF |
Background | transparent |
Border | #FFFFFF |
Secondary button | |
---|---|
Foreground | currentColor |
Background | transparent |
Border | transparent |
Secondary button hover | |
Foreground | currentColor |
Background | transparent |
Border | transparent |
Link button | |
---|---|
Link color | #FFFFFF |
Link button hover | |
Link hover color | hsl(0, 0%, 85%) |
Implementation |
<div class="theme hero-carousel-mobile"></div>
|
Gradient Orange
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Foreground | #EA670C |
Background | #FFFFFF |
Accent | currentColor |
Border | transparent |
Primary button | |
---|---|
Foreground | #EA670C |
Background | transparent |
Border | #EA670C |
Primary button hover | |
Foreground | #EA670C |
Background | transparent |
Border | #EA670C |
Secondary button | |
---|---|
Foreground | #333333 |
Background | #CCCCCC |
Border | transparent |
Secondary button hover | |
Foreground | #333333 |
Background | hsl(0, 0%, 85%) |
Border | transparent |
Focus outline | #CCCCCC |
Link button | |
---|---|
Link color | #333333 |
Link button hover | |
Link hover color | hsl(0, 0%, 40%) |
Focus outline | #CCCCCC |
Implementation |
<div class="theme gradient-orange"></div>
|
RTC-Green
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Foreground | #4CA8AA |
Background | #FFFFFF |
Accent | currentColor |
Border | transparent |
Primary button | |
---|---|
Foreground | #4CA8AA |
Background | transparent |
Border | #4CA8AA |
Primary button hover | |
Foreground | #000000 |
Background | transparent |
Border | #000000 |
Secondary button | |
---|---|
Foreground | #333333 |
Background | #CCCCCC |
Border | transparent |
Secondary button hover | |
Foreground | #333333 |
Background | hsl(0, 0%, 85%) |
Border | transparent |
Focus outline | #CCCCCC |
Link button | |
---|---|
Link color | currentColor |
Link button hover | |
Link hover color | currentColor |
Focus outline | #CCCCCC |
Implementation |
<div class="theme rtc-green"></div>
|
RTC-DarkText
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Foreground | #123384 |
Background | transparent |
Accent | #123384 |
Border | transparent |
Primary button | |
---|---|
Foreground | currentColor |
Background | transparent |
Border | transparent |
Primary button hover | |
Foreground | currentColor |
Background | transparent |
Border | transparent |
Secondary button | |
---|---|
Foreground | currentColor |
Background | transparent |
Border | transparent |
Secondary button hover | |
Foreground | currentColor |
Background | transparent |
Border | transparent |
Link button | |
---|---|
Link color | currentColor |
Link button hover | |
Link hover color | currentColor |
Implementation |
<div class="theme theme-rtc-darktext"></div>
|
RTC-DarkBgDarkOutline
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Foreground | currentColor |
Background | transparent |
Accent | currentColor |
Border | transparent |
Primary button | |
---|---|
Foreground | #FFFFFF |
Background | #123384 |
Border | #123384 |
Primary button hover | |
Foreground | #FFFFFF |
Background | #123384 |
Border | #123384 |
Secondary button | |
---|---|
Foreground | #123384 |
Background | #FFFFFF |
Border | #123384 |
Secondary button hover | |
Foreground | #FFFFFF |
Background | #123384 |
Border | #123384 |
Link button | |
---|---|
Link color | currentColor |
Link button hover | |
Link hover color | currentColor |
Implementation |
<div class="theme theme-rtc-darkbgdarkoutline"></div>
|
RTC-BorderLightBlue
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Foreground | currentColor |
Background | transparent |
Accent | currentColor |
Border | #DAEDFA |
Primary button | |
---|---|
Foreground | currentColor |
Background | transparent |
Border | transparent |
Primary button hover | |
Foreground | currentColor |
Background | transparent |
Border | transparent |
Secondary button | |
---|---|
Foreground | currentColor |
Background | transparent |
Border | transparent |
Secondary button hover | |
Foreground | currentColor |
Background | transparent |
Border | transparent |
Link button | |
---|---|
Link color | currentColor |
Link button hover | |
Link hover color | currentColor |
Implementation |
<div class="theme theme-rtc-borderlightblue"></div>
|
Base | |
---|---|
Foreground | #123384 |
Background | #CAD864 |
Accent | #123384 |
Border | transparent |
Primary button | |
---|---|
Foreground | #123384 |
Background | transparent |
Border | #123384 |
Primary button hover | |
Foreground | #123384 |
Background | transparent |
Border | #123384 |
Secondary button | |
---|---|
Foreground | currentColor |
Background | transparent |
Border | transparent |
Secondary button hover | |
Foreground | currentColor |
Background | transparent |
Border | transparent |
Link button | |
---|---|
Link color | #123384 |
Link button hover | |
Link hover color | hsl(222,63, 76%, 40%) |
Implementation |
<div class="theme theme-new-rtc-slideritem1"></div>
|
Base | |
---|---|
Foreground | #123384 |
Background | #F3C101 |
Accent | #123384 |
Border | transparent |
Primary button | |
---|---|
Foreground | #123384 |
Background | transparent |
Border | #123384 |
Primary button hover | |
Foreground | #123384 |
Background | transparent |
Border | #123384 |
Secondary button | |
---|---|
Foreground | currentColor |
Background | transparent |
Border | transparent |
Secondary button hover | |
Foreground | currentColor |
Background | transparent |
Border | transparent |
Link button | |
---|---|
Link color | #123384 |
Link button hover | |
Link hover color | hsl(222,63, 76%, 40%) |
Implementation |
<div class="theme theme-new-rtc-slideitem2"></div>
|
RTC-CustomerCenter
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Foreground | #262626 |
Background | #FFFFFF |
Accent | #262626 |
Border | transparent |
Primary button | |
---|---|
Foreground | #FFFFFF |
Background | #123384 |
Border | #123384 |
Primary button hover | |
Foreground | #FFFFFF |
Background | #123384 |
Border | #123384 |
Secondary button | |
---|---|
Foreground | #123384 |
Background | #FFFFFF |
Border | #123384 |
Secondary button hover | |
Foreground | #123384 |
Background | #FFFFFF |
Border | #123384 |
Link button | |
---|---|
Link color | #123384 |
Link button hover | |
Link hover color | hsl(222,63, 76%, 40%) |
Implementation |
<div class="theme theme-customercenter"></div>
|
RTC-SimteVerde
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Foreground | #333333 |
Background | #FFFFFF |
Accent | #333333 |
Border | transparent |
Primary button | |
---|---|
Foreground | #008000 |
Background | #DAF9B1 |
Border | #DAF9B1 |
Primary button hover | |
Foreground | #008000 |
Background | #DAF9B1 |
Border | #DAF9B1 |
Secondary button | |
---|---|
Foreground | currentColor |
Background | transparent |
Border | transparent |
Secondary button hover | |
Foreground | currentColor |
Background | transparent |
Border | transparent |
Link button | |
---|---|
Link color | #008000 |
Link button hover | |
Link hover color | hsl(120, 100%, 40%) |
Implementation |
<div class="theme theme-simteverde"></div>
|
light-grey-bg-dark-text
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Foreground | #262626 |
Background | #F4F5F8 |
Accent | currentColor |
Border | transparent |
Primary button | |
---|---|
Foreground | #FFFFFF |
Background | #123384 |
Border | #123384 |
Primary button hover | |
Foreground | #FFFFFF |
Background | #123384 |
Border | #123384 |
Secondary button | |
---|---|
Foreground | #123384 |
Background | #FFFFFF |
Border | #123384 |
Secondary button hover | |
Foreground | #123384 |
Background | #FFFFFF |
Border | #123384 |
Link button | |
---|---|
Link color | currentColor |
Link button hover | |
Link hover color | currentColor |
Implementation |
<div class="theme light-grey-bg-dark-text"></div>
|
RTC- Violet
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Foreground | currentColor |
Background | #7D35A6 |
Accent | currentColor |
Border | transparent |
Primary button | |
---|---|
Foreground | #FFFFFF |
Background | transparent |
Border | #FFFFFF |
Primary button hover | |
Foreground | #000000 |
Background | transparent |
Border | #000000 |
Secondary button | |
---|---|
Foreground | #333333 |
Background | #CCCCCC |
Border | transparent |
Secondary button hover | |
Foreground | #333333 |
Background | hsl(0, 0%, 85%) |
Border | transparent |
Focus outline | #CCCCCC |
Link button | |
---|---|
Link color | currentColor |
Link button hover | |
Link hover color | currentColor |
Focus outline | #CCCCCC |
Implementation |
<div class="theme rtc-violet"></div>
|
RTC- roz
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Foreground | currentColor |
Background | #EF4A81 |
Accent | currentColor |
Border | transparent |
Primary button | |
---|---|
Foreground | #EF4A81 |
Background | transparent |
Border | #FFFFFF |
Primary button hover | |
Foreground | #000000 |
Background | transparent |
Border | #000000 |
Secondary button | |
---|---|
Foreground | #333333 |
Background | #CCCCCC |
Border | transparent |
Secondary button hover | |
Foreground | #333333 |
Background | hsl(0, 0%, 85%) |
Border | transparent |
Focus outline | #CCCCCC |
Link button | |
---|---|
Link color | currentColor |
Link button hover | |
Link hover color | currentColor |
Focus outline | #CCCCCC |
Implementation |
<div class="theme rtc-roz"></div>
|
RTC_Bg-Mov-text-Alb
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Foreground | #FFFFFF |
Background | #C966CD |
Accent | currentColor |
Border | transparent |
Primary button | |
---|---|
Foreground | #000000 |
Background | #FFFFFF |
Border | transparent |
Primary button hover | |
Foreground | #000000 |
Background | hsl(0, 0%, 85%) |
Border | transparent |
Secondary button | |
---|---|
Foreground | currentColor |
Background | transparent |
Border | transparent |
Secondary button hover | |
Foreground | currentColor |
Background | transparent |
Border | transparent |
Focus outline | #CCCCCC |
Link button | |
---|---|
Link color | #333333 |
Link button hover | |
Link hover color | hsl(0, 0%, 40%) |
Focus outline | #CCCCCC |
Implementation |
<div class="theme theme-rtc_bg-mov-text-alb"></div>
|
RTC-Esselte RED
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Foreground | #FFFFFF |
Background | #E42312 |
Accent | currentColor |
Border | transparent |
Primary button | |
---|---|
Foreground | #4CA8AA |
Background | #E42312 |
Border | #4CA8AA |
Primary button hover | |
Foreground | #000000 |
Background | hsl(4,86, 85%, 40%) |
Border | #000000 |
Secondary button | |
---|---|
Foreground | #333333 |
Background | #CCCCCC |
Border | transparent |
Secondary button hover | |
Foreground | #333333 |
Background | hsl(0, 0%, 85%) |
Border | transparent |
Focus outline | #CCCCCC |
Link button | |
---|---|
Link color | currentColor |
Link button hover | |
Link hover color | currentColor |
Focus outline | #CCCCCC |
Implementation |
<div class="theme rtc-red-esselte"></div>
|
RTC-LEITZ Green
This is the body text of the theme.
This is the accent color of the theme.
Base | |
---|---|
Foreground | #FFFFFF |
Background | #008D3E |
Accent | #333333 |
Border | transparent |
Primary button | |
---|---|
Foreground | #FFFFFF |
Background | #333333 |
Border | transparent |
Primary button hover | |
Foreground | #FFFFFF |
Background | hsl(0, 0%, 40%) |
Border | transparent |
Secondary button | |
---|---|
Foreground | #333333 |
Background | #CCCCCC |
Border | transparent |
Secondary button hover | |
Foreground | #333333 |
Background | hsl(0, 0%, 85%) |
Border | transparent |
Focus outline | #CCCCCC |
Link button | |
---|---|
Link color | #333333 |
Link button hover | |
Link hover color | hsl(0, 0%, 40%) |
Focus outline | #CCCCCC |
Implementation |
<div class="theme rtc-leitz-green"></div>
|