MaterialSB provides color constants that map to MaterializeCSS color classes. Colors can be used for backgrounds, text, and component styling.

Base Colors

These constants represent the base Material Design color palette:

Constant	Color	Preview
#Color_Red	red	Red
#Color_Pink	pink	Pink
#Color_Purple	purple	Purple
#Color_DeepPurple	deep-purple	Deep Purple
#Color_Indigo	indigo	Indigo
#Color_Blue	blue	Blue
#Color_LightBlue	light-blue	Light Blue
#Color_Cyan	cyan	Cyan
#Color_Teal	teal	Teal
#Color_Green	green	Green
#Color_LightGreen	light-green	Light Green
#Color_Lime	lime	Lime
#Color_Yellow	yellow	Yellow
#Color_Amber	amber	Amber
#Color_Orange	orange	Orange
#Color_DeepOrange	deep-orange	Deep Orange
#Color_Brown	brown	Brown
#Color_Grey	grey	Grey
#Color_BlueGrey	blue-grey	Blue Grey
#Color_Black	black	Black
#Color_White	white	White
#Color_Transparent	transparent	Transparent

Color Modifiers

Append these modifiers to base colors to adjust lightness or saturation:

Modifier	Effect
#Color_Lighten_1 to #Color_Lighten_5	Progressively lighter shades (5 is lightest)
#Color_Darken_1 to #Color_Darken_4	Progressively darker shades (4 is darkest)
#Color_Accent_1 to #Color_Accent_4	Accent/vibrant variants

Text Color Modifier

To apply a color to text instead of background, append #Color_Text:

Modifier	Usage
#Color_Text	Converts background color to text color (appends "-text" to class)

Usage Examples

; Basic color usage
MaterialSB::Append(MaterialSB::Paragraph("Red text", MaterialSB::#Color_Red))

; Color with modifier
MaterialSB::Append(MaterialSB::Header("Light blue header", 4, MaterialSB::#Color_Blue + MaterialSB::#Color_Lighten_2))

; Dark variant
MaterialSB::Toast("Error occurred!", 4000, MaterialSB::#Toast_Default, MaterialSB::#Color_Red + MaterialSB::#Color_Darken_2)

; Accent color
MaterialSB::AddClass(myElement, MaterialSB::#Color_Pink + MaterialSB::#Color_Accent_2)

; Text color (for use with AddClass on elements)
MaterialSB::AddClass(myElement, MaterialSB::#Color_Teal + MaterialSB::#Color_Text)

Example with Variations

Procedure Main(Success)
  If Success
    MaterialSB::Row(MaterialSB::#Grid_Container)
      MaterialSB::Col(12)
        ; Show color variations
        MaterialSB::Append(MaterialSB::Header("Blue Variations", 4))
        
        MaterialSB::Append(MaterialSB::Paragraph("Lighten 5", MaterialSB::#Color_Blue + MaterialSB::#Color_Lighten_5))
        MaterialSB::Append(MaterialSB::Paragraph("Lighten 3", MaterialSB::#Color_Blue + MaterialSB::#Color_Lighten_3))
        MaterialSB::Append(MaterialSB::Paragraph("Base Blue", MaterialSB::#Color_Blue))
        MaterialSB::Append(MaterialSB::Paragraph("Darken 2", MaterialSB::#Color_Blue + MaterialSB::#Color_Darken_2))
        MaterialSB::Append(MaterialSB::Paragraph("Darken 4", MaterialSB::#Color_Blue + MaterialSB::#Color_Darken_4))
        MaterialSB::Append(MaterialSB::Paragraph("Accent 2", MaterialSB::#Color_Blue + MaterialSB::#Color_Accent_2))
        
      MaterialSB::CloseCurrentParent()
    MaterialSB::CloseCurrentParent()
  EndIf
EndProcedure

MaterialSB::Download(@Main())

See Also

Paragraph(), Header(), Toast(), AddClass()