Themes

Take full control of all the colors

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>

RTC-white-bg-blue-buttons

This is the body text of the theme.

This is the accent color of the theme.

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>

Category slider

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 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

Link button
Link color	#123384
Link button hover
Link hover color	#DFF3FB

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>

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>

text-banner-header-ribbon

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	#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>

RTC-SliderItem1

This is the body text of the theme.

This is the accent color of the theme.

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>

RTC-SlideItem2

This is the body text of the theme.

This is the accent color of the theme.

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>

Themes

No theme

Light

Dark

Light transparent

Dark transparent

RTC-Light-blue-bg

RTC-dark-blue-bg

RTC-medium-blue-bg

RTC-white-bg-blue-buttons

light-grey-bg-blue-text

RTC-dark-blue-text-transparent-bg

Category slider

Vertical Nav Homepage

RTC-Teal

Catalog Banner

Carousel Logo

ProductCard

Product Detail Page

Newsletter

RTC Teal transparent-bg

text-banner-header-ribbon

text-header-desktop-contact

RTC-dark-blue-text-fw-bold

header-2-utilities

RTC-blue-gradient

RTC-transparent-bg-blue-gradient

footer-navigation-theme

hero-carousel-mobile

Gradient Orange

RTC-Green

RTC-DarkText

RTC-DarkBgDarkOutline

RTC-BorderLightBlue

RTC-SliderItem1

RTC-SlideItem2

RTC-CustomerCenter

RTC-SimteVerde

light-grey-bg-dark-text

RTC- Violet

RTC- roz

RTC_Bg-Mov-text-Alb

RTC-Esselte RED

RTC-LEITZ Green