Design System - Dark Theme

A bridge between design and technology

Color Pallets

default #22b2da
success #22da93
warning #f0d43a
danger #f23557
light #eee
dark #0c1425
gradient success
gradient warning

Typography

This is header1.

This is header2.

This is header3.

This is header4.

This is header3 with class name card-title.

This is paragraph.

This is a link to Shecodes inside a paragraph.

This is a paragraph with em tag.

This is a paragraph with strong tag.

This is a paragraph
separated by br tag.

Buttons

They are default button.

This button is used when this option is not encouraged.

These buttons are to warn users that this option contains a risk which is not be able to reverse once processed.

Example

Proceed to checkout

Cancel Membership

By clicking the button your account will be terminated permanently.

Images

dog

Image - medium size, rounded corners
img-medium img-rounded

dog

Image - small size
img-small

dog dog

Image - extra small size, circle with and without border
img-xsmall img-circle img-border