Themes

Take full control of all the colors

Black Button

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	#FFFFFF
Background	#333333
Border	#333333
Primary button hover
Foreground	#FFFFFF
Background	#E8432D
Border	#E8432D

Secondary button
Foreground	#333333
Background	#CCCCCC
Border	inherit
Secondary button hover
Foreground	#333333
Background	hsl(0, 0%, 85%)
Border	inherit
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 black-button"></div>

Header

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#FFFFFF
Background	#000000
Accent	#FF4A32
Border	transparent

Primary button
Foreground	#FFFFFF
Background	#FF4A32
Border	inherit
Primary button hover
Foreground	#FFFFFF
Background	#FF3705
Border	inherit

Secondary button
Foreground	#FFFFFF
Background	#000000
Border	#DFDFDF
Secondary button hover
Foreground	#000000
Background	#FFFFFF
Border	#DFDFDF
Focus outline	#CCCCCC

Link button
Link color	#FFFFFF
Link button hover
Link hover color	#FF4A32
Focus outline	#CCCCCC

Implementation


									<div class="theme theme-header"></div>

Base
Foreground	#FFFFFF
Background	#FF4A32
Accent	#000000
Border	transparent

Primary button
Foreground	#FFFFFF
Background	#FF4A32
Border	inherit
Primary button hover
Foreground	#FFFFFF
Background	#FF4A32
Border	inherit

Secondary button
Foreground	#FFFFFF
Background	#FF4A32
Border	inherit
Secondary button hover
Foreground	#FFFFFF
Background	#FF4A32
Border	inherit
Focus outline	#CCCCCC

Link button
Link color	#FFFFFF
Link button hover
Link hover color	#FFFFFF
Focus outline	#CCCCCC

Implementation


									<div class="theme theme-main-navigation"></div>

Footer

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#FFFFFF
Background	#000000
Accent	#FF4A32
Border	transparent

Primary button
Foreground	#FFFFFF
Background	#333333
Border	inherit
Primary button hover
Foreground	#FFFFFF
Background	hsl(0, 0%, 40%)
Border	inherit

Secondary button
Foreground	#333333
Background	#CCCCCC
Border	inherit
Secondary button hover
Foreground	#333333
Background	hsl(0, 0%, 85%)
Border	inherit
Focus outline	#CCCCCC

Link button
Link color	#FFFFFF
Link button hover
Link hover color	#FF4A32
Focus outline	#CCCCCC

Implementation


									<div class="theme main-footer"></div>

romtop-homepage-red-black

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#000000
Background	#FFFFFF
Accent	#FF4A32
Border	transparent

Primary button
Foreground	#FFFFFF
Background	#000000
Border	inherit
Primary button hover
Foreground	#000000
Background	#FF4A32
Border	inherit

Secondary button
Foreground	#333333
Background	#CCCCCC
Border	inherit
Secondary button hover
Foreground	#333333
Background	hsl(0, 0%, 85%)
Border	inherit
Focus outline	#CCCCCC

Link button
Link color	#808080
Link button hover
Link hover color	#000000
Focus outline	#CCCCCC

Implementation


									<div class="theme theme-homepage-red-black"></div>

latest-songs-black-red

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#000000
Background	#FFFFFF
Accent	#FF4A32
Border	transparent

Primary button
Foreground	#FFFFFF
Background	#333333
Border	inherit
Primary button hover
Foreground	#FFFFFF
Background	hsl(0, 0%, 40%)
Border	inherit

Secondary button
Foreground	#333333
Background	#CCCCCC
Border	inherit
Secondary button hover
Foreground	#333333
Background	hsl(0, 0%, 85%)
Border	inherit
Focus outline	#CCCCCC

Link button
Link color	#FF4A32
Link button hover
Link hover color	#000000
Focus outline	#CCCCCC

Implementation


									<div class="theme theme-latest-black-red"></div>

ultimele-stiri-red-black

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#333333
Background	#FFFFFF
Accent	#FF4A32
Border	#000000

Primary button
Foreground	#FFFFFF
Background	#FF4A32
Border	inherit
Primary button hover
Foreground	#333333
Background	#FF4A32
Border	inherit

Secondary button
Foreground	#333333
Background	#CCCCCC
Border	inherit
Secondary button hover
Foreground	#FF4A32
Background	hsl(0, 0%, 85%)
Border	inherit
Focus outline	#CCCCCC

Link button
Link color	#FF4A32
Link button hover
Link hover color	hsl(7,02, 100%, 40%)
Focus outline	#CCCCCC

Implementation


									<div class="theme theme-ultimele-stiri"></div>

interviuri

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#333333
Background	#FFFFFF
Accent	#333333
Border	#000000

Primary button
Foreground	#FF4A32
Background	#333333
Border	inherit
Primary button hover
Foreground	#FF4A32
Background	hsl(0, 0%, 40%)
Border	inherit

Secondary button
Foreground	#333333
Background	#CCCCCC
Border	inherit
Secondary button hover
Foreground	#333333
Background	hsl(0, 0%, 85%)
Border	inherit
Focus outline	#000000

Link button
Link color	#FF4A32
Link button hover
Link hover color	#000000
Focus outline	#000000

Implementation


									<div class="theme theme-interviuri"></div>

Red Button

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#FFFFFF
Background	#FFFFFF
Accent	#333333
Border	transparent

Primary button
Foreground	#FFFFFF
Background	#FF4A32
Border	inherit
Primary button hover
Foreground	#FFFFFF
Background	#D63E2A
Border	inherit

Secondary button
Foreground	#333333
Background	#CCCCCC
Border	inherit
Secondary button hover
Foreground	#333333
Background	hsl(0, 0%, 85%)
Border	inherit
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-red-button"></div>

RomTop Page

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#000000
Background	#FFFFFF
Accent	#FF4A32
Border	transparent

Primary button
Foreground	#FFFFFF
Background	#000000
Border	inherit
Primary button hover
Foreground	#000000
Background	#FF4A32
Border	inherit

Secondary button
Foreground	#333333
Background	#CCCCCC
Border	inherit
Secondary button hover
Foreground	#333333
Background	hsl(0, 0%, 85%)
Border	inherit
Focus outline	#C93A27

Link button
Link color	#FF4A32
Link button hover
Link hover color	hsl(7,02, 100%, 40%)
Focus outline	#C93A27

Implementation


									<div class="theme theme-romtop-page"></div>

Base
Foreground	#333333
Background	#FFFFFF
Accent	#333333
Border	transparent

Primary button
Foreground	#FFFFFF
Background	#FF4A32
Border	inherit
Primary button hover
Foreground	#FFFFFF
Background	#D63E2A
Border	inherit

Secondary button
Foreground	#333333
Background	#CCCCCC
Border	inherit
Secondary button hover
Foreground	#333333
Background	hsl(0, 0%, 85%)
Border	inherit
Focus outline	#CCCCCC

Link button
Link color	#FF4A32
Link button hover
Link hover color	#B33423
Focus outline	#CCCCCC

Implementation


									<div class="theme theme-newsletter"></div>

Player Theme

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#000000
Background	#FFFFFF
Accent	#000000
Border	transparent

Primary button
Foreground	#FFFFFF
Background	#000000
Border	inherit
Primary button hover
Foreground	#FFFFFF
Background	#FF4A32
Border	inherit

Secondary button
Foreground	#FFFFFF
Background	#CCCCCC
Border	inherit
Secondary button hover
Foreground	#FFFFFF
Background	hsl(0, 0%, 85%)
Border	inherit
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 player-theme"></div>

body player theme

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#FFFFFF
Background	#000000
Accent	#FF4A32
Border	transparent

Primary button
Foreground	#FFFFFF
Background	#FF4A32
Border	inherit
Primary button hover
Foreground	#FFFFFF
Background	#CF3C29
Border	inherit

Secondary button
Foreground	#333333
Background	#CCCCCC
Border	inherit
Secondary button hover
Foreground	#333333
Background	hsl(0, 0%, 85%)
Border	inherit
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 body-player-theme"></div>

Arhiva RomTop

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	#FFFFFF
Background	#333333
Border	inherit
Primary button hover
Foreground	#FFFFFF
Background	hsl(0, 0%, 40%)
Border	inherit

Secondary button
Foreground	#91FF50
Background	#CCCCCC
Border	inherit
Secondary button hover
Foreground	#91FF50
Background	hsl(0, 0%, 85%)
Border	inherit
Focus outline	#CCCCCC

Link button
Link color	#333333
Link button hover
Link hover color	#FF4A32
Focus outline	#CCCCCC

Implementation


									<div class="theme arhiva-romtop-links"></div>

Sustine RadioTrib

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	#FF4A32
Border	inherit
Primary button hover
Foreground	#F5F5F5
Background	hsl(7,02, 100%, 40%)
Border	inherit

Secondary button
Foreground	#333333
Background	#CCCCCC
Border	inherit
Secondary button hover
Foreground	#333333
Background	hsl(0, 0%, 85%)
Border	inherit
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 sustine-radiotrib"></div>

autentificare-button

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	#000000
Border	#000000
Primary button hover
Foreground	#FF4A32
Background	#000000
Border	#000000

Secondary button
Foreground	#333333
Background	#CCCCCC
Border	inherit
Secondary button hover
Foreground	#333333
Background	hsl(0, 0%, 85%)
Border	inherit
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 autentificare-theme-header"></div>

Surface Red

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#FFFFFF
Background	#FF4A32
Accent	#FFFFFF
Border	transparent

Primary button
Foreground	#FFFFFF
Background	#000000
Border	inherit
Primary button hover
Foreground	#FFFFFF
Background	#000000
Border	inherit

Secondary button
Foreground	#333333
Background	#CCCCCC
Border	inherit
Secondary button hover
Foreground	#333333
Background	hsl(0, 0%, 85%)
Border	inherit
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-surface-red"></div>

Surface Antracite

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#FFFFFF
Background	#0E0E0E
Accent	#FF4A32
Border	transparent

Primary button
Foreground	#FFFFFF
Background	#FF4A32
Border	#FF4A32
Primary button hover
Foreground	#FFFFFF
Background	#FF4A32
Border	#FF4A32

Secondary button
Foreground	#333333
Background	#CCCCCC
Border	inherit
Secondary button hover
Foreground	#333333
Background	hsl(0, 0%, 85%)
Border	inherit
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-surface-antracite"></div>

Themes

Black Button

Header

Main Navigation

Footer

romtop-homepage-red-black

latest-songs-black-red

ultimele-stiri-red-black

interviuri

Red Button

RomTop Page

Newsletter Paragraph

Player Theme

body player theme

Arhiva RomTop

Sustine RadioTrib

autentificare-button

Surface Red

Surface Antracite