RamBase Guidelines

RamBase offers a full color palette for each theme available in the solution. The colors are suited to work harmoniously with colors defined across themes too. There is a set of colors for each theme, and these should be used to assure that colors are always optimized to follow the selected theme.

Background colors

A background class can be used to highlight or differentiate content.When using the background CSS classes, only the property background is set.

Background	CSS class	Preview
Dark	.dark_bg
Light	.light_bg

Notification colors

Colors used when showing notification. These color will change based on theme, and you should NOT assume that the color will be the same.When using the notification CSS classes, the properties background-color and color is set.

Notification	CSS class	Preview
Information	.rb-info
Success	.rb-success
Warning	.rb-warning
Error	.rb-error

General colors

Colors used to distinguish elements. These color will change based on theme, and you should NOT assume that the color will be the same.When using the status CSS classes, the properties background-color and color is set.

Color	Background class	Text class	Preview
Green	green	green-text
Red	red	red-text
Orange	orange	orange-text
Blue	blue	blue-text
Yellow	yellow	yellow-text
Purple	purple	purple-text
Lightmaroon	lightmaroon	lightmaroon-text
Lightpurple	lightpurple	lightpurple-text
Lightgreen	lightgreen	lightgreen-text
Moodyblue	moodyblue	moodyblue-text

Status colors

Many of the RamBase objects is presented with a status. The status usually describes where in the flow it is.When using the status CSS class, the properties background-color, color and border is set.

Status	CSS class	Preview
Status 0	.status0
Status 1	.status1
Status 2	.status2
Status 3	.status3
Status 4	.status4
Status 5	.status5
Status 6	.status6
Status 7	.status7
Status 8	.status8
Status 9	.status9
Status D	.statusD