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
Image - medium size, rounded corners img-medium img-rounded
Image - small size img-small
Image - extra small size, circle with and without border img-xsmall img-circle img-border