Color #1

0001-01-01

Color #1 Background

box box-border bg-color-1

   

This text has a link example inside and also shows  the tint color  which may be easier to see in bold text.

More Tests Secondary Button

White box

This is text and here is a link

Button  Secondary

Black box

This is text and here is a link

Button  Secondary

Color #1 Shades

Color #1 Lightest Background

box box-border bg-lightest-color-1

   

This text has a link example inside and also shows  the tint color  which may be easier to see in bold text.

Primary Button Secondary Button

Nested color box

This text has a link and  the tint color  too.

Button  Secondary

Lighten

   
text tint link

Darken

   
text tint link

Color #1 Lighter Background

box box-border bg-lighter-color-1

   

This text has a link example inside and also shows  the tint color  which may be easier to see in bold text.

Primary Button Secondary Button

Nested color box

This text has a link and  the tint color  too.

Button  Secondary

Lighten

   
text tint link

Darken

   
text tint link

Color #1 Light Background

box box-border bg-light-color-1

   

This text has a link example inside and also shows  the tint color  which may be easier to see in bold text.

Primary Button Secondary Button

Nested color box

This text has a link and  the tint color  too.

Button  Secondary

Lighten

   
text tint link

Darken

   
text tint link

Color #1 Mid-Light Background

box box-border bg-mid-light-color-1

   

This text has a link example inside and also shows  the tint color  which may be easier to see in bold text.

Primary Button Secondary Button

Nested color box

This text has a link and  the tint color  too.

Button  Secondary

Lighten

   
text tint link

Darken

   
text tint link

Color #1 Mid Background

box box-border bg-mid-color-1

   

This text has a link example inside and also shows  the tint color  which may be easier to see in bold text.

Primary Button Secondary Button

Nested color box

This text has a link and  the tint color  too.

Button  Secondary

Lighten

   
text tint link

Darken

   
text tint link

Color #1 Mid-Dark Background

box box-border bg-mid-dark-color-1

   

This text has a link example inside and also shows  the tint color  which may be easier to see in bold text.

Primary Button Secondary Button

Nested color box

This text has a link and  the tint color  too.

Button  Secondary

Lighten

   
text tint link

Darken

   
text tint link

Color #1 Dark Background

box box-border bg-dark-color-1

   

This text has a link example inside and also shows  the tint color  which may be easier to see in bold text.

Primary Button Secondary Button

Nested color box

This text has a link and  the tint color  too.

Button  Secondary

Lighten

   
text tint link

Darken

   
text tint link

Color #1 Darker Background

box box-border bg-darker-color-1

   

This text has a link example inside and also shows  the tint color  which may be easier to see in bold text.

Primary Button Secondary Button

Nested color box

This text has a link and  the tint color  too.

Button  Secondary

Lighten

   
text tint link

Darken

   
text tint link

Color #1 Darkest Background

box box-border bg-darkest-color-1

   

This text has a link example inside and also shows  the tint color  which may be easier to see in bold text.

Primary Button Secondary Button

Nested color box

This text has a link and  the tint color  too.

Button  Secondary

Lighten

   
text tint link

Darken

   
text tint link