1. Home
  2. Color System
  3. Lime Palette

Lime Color Page

CardsButtons

Lime Background Color

Lime Color

.bg-lime

#CDDC39

Lime Lighten 1#D4E157

.bg-lime.bg-lighten-1

Lime Lighten 2#DCE775

.bg-lime.bg-lighten-2

Lime Lighten 3#E6EE9C

.bg-lime.bg-lighten-3

Lime Lighten 4#F0F4C3

.bg-lime.bg-lighten-4

Lime Darken 1#C0CA33

.bg-lime.bg-darken-1

Lime Darken 2#AFB42B

.bg-lime.bg-darken-2

Lime Darken 3#9E9D24

.bg-lime.bg-darken-3

Lime Darken 4#827717

.bg-lime.bg-darken-4

Lime Accent 1#F4FF81

.bg-lime.bg-accent-1

Lime Accent 2#EEFF41

.bg-lime.bg-accent-2

Lime Accent 3#C6FF00

.bg-lime.bg-accent-3

Lime Accent 4#AEEA00

.bg-lime.bg-accent-4

Lime Palette Classes

Lime color palette contains 13 colors: 1 main lime color and 4 lighten colors, 4 darken colors and 4 Accent colors. All colors works perfectly with any bootstrap components, form components or any robust controls, that makes Robust very effective, flexible and configurable.

Please note: You can use .bg-lime and .btn-lime as main colors, but if you want to use lighten, darken or accent colors, use bg-* bg-lighten-NUMBER for lighten color, bg-* bg-darken-NUMBER for darken color and bg-* bg-accent-NUMBER for accent colors.

Class Description
.bg-lime Lime Class for background color.
.bg-lime
.bg-lighten-*		 For lighten lime background color, this two classes needed. Here *: 1,2,3,4 lighten lime color options.
.bg-lime
.bg-darken-*		 For darken lime background color, this two classes needed. Here *: 1,2,3,4 darken lime color options.
.bg-lime
.bg-accent-*		 For accent lime background color, this two classes needed. Here *: 1,2,3,4 accent lime color options.

Lime Border Color

Lime Color

.border-lime

#CDDC39

Lime Lighten 1#D4E157

.border-lime.border-lighten-1

Lime Lighten 2#DCE775

.border-lime.border-lighten-2

Lime Lighten 3#E6EE9C

.border-lime.border-lighten-3

Lime Lighten 4#F0F4C3

.border-lime.border-lighten-4

Lime Darken 1#C0CA33

.border-lime.border-darken-1

Lime Darken 2#AFB42B

.border-lime.border-darken-2

Lime Darken 3#9E9D24

.border-lime.border-darken-3

Lime Darken 4#827717

.border-lime.border-darken-4

Lime Accent 1#F4FF81

.border-lime.border-accent-1

Lime Accent 2#EEFF41

.border-lime.border-accent-2

Lime Accent 3#C6FF00

.border-lime.border-accent-3

Lime Accent 4#AEEA00

.border-lime.border-accent-4

Lime Border Classes

Class Description
.border-lime Lime Class for background color.
.border-lime
.border-lighten-*		 For lighten lime background color, this two classes needed. Here *: 1,2,3,4 lighten lime color options.
.border-top-lime
.border-top-lighten-*		 For lighten lime top border. Use this classes if you need to highlight only top border.
.border-bottom-lime
.border-bottom-lighten-*		 For lighten lime bottom border. Use this classes if you need to highlight only bottom border.
.border-right-lime
.border-right-lighten-*		 For lighten lime right border. Use this classes if you need to highlight only right border.
.border-left-lime
.border-left-lighten-*		 For lighten lime left border. Use this classes if you need to highlight only left border.
.border-lime
.border-darken-*		 For darken lime background color, this two classes needed. Here *: 1,2,3,4 darken lime color options.
.border-top-lime
.border-top-darken-*		 For darken lime top border. Use this classes if you need to highlight only top border.
.border-bottom-lime
.border-bottom-darken-*		 For darken lime bottom border. Use this classes if you need to highlight only bottom border.
.border-right-lime
.border-right-darken-*		 For darken lime right border. Use this classes if you need to highlight only right border.
.border-left-lime
.border-left-darken-*		 For darken lime left border. Use this classes if you need to highlight only left border.
.border-lime
.border-accent-*		 For accent lime background color, this two classes needed. Here *: 1,2,3,4 accent lime color options.
.border-top-lime
.border-top-accent-*		 For accent lime top border. Use this classes if you need to highlight only top border.
.border-bottom-lime
.border-bottom-accent-*		 For accent lime bottom border. Use this classes if you need to highlight only bottom border.
.border-right-lime
.border-right-accent-*		 For accent lime right border. Use this classes if you need to highlight only right border.
.border-left-lime
.border-left-accent-*		 For accent lime left border. Use this classes if you need to highlight only left border.

Lime Text Color

Lime Color

.lime

#CDDC39

Lime Lighten 1#D4E157

.lime.lighten-1

Lime Lighten 2#DCE775

.lime.lighten-2

Lime Lighten 3#E6EE9C

.lime.lighten-3

Lime Lighten 4#F0F4C3

.lime.lighten-4

Lime Darken 1#C0CA33

.lime.darken-1

Lime Darken 2#AFB42B

.lime.darken-2

Lime Darken 3#9E9D24

.lime.darken-3

Lime Darken 4#827717

.lime.darken-4

Lime Accent 1#F4FF81

.lime.accent-1

Lime Accent 2#EEFF41

.lime.accent-2

Lime Accent 3#C6FF00

.lime.accent-3

Lime Accent 4#AEEA00

.lime.accent-4

Lime Text Classes

Class Description
.lime Class for Lime Text color.
.lime
.lighten-*		 For lighten lime text color, this two classes needed. Here *: 1,2,3,4 for lighten lime color options.
.lime
.darken-*		 For darken lime text color, this two classes needed. Here *: 1,2,3,4 for darken lime color options.
.lime
.accent-*		 For accent lime text color, this two classes needed. Here *: 1,2,3,4 for accent lime color options.