ColorPalettes
type ColorPalettes {
figJamBase: ColorPalette
figJamBaseLight: ColorPalette
}
There are currently two accessible properties on the colors object of type ColorPalettes: figJamBase and figJamBaseLight, both of type ColorPalette.
These are official FigJam colors that can be found on this Figma Learn webpage.
figJamBase:
- Black
#1E1E1E - Gray
#B3B3B3 - Red
#F24822 - Orange
#FFA629 - Yellow
#FFCD29 - Green
#14AE5C - Blue
#0D99FF - Violet
#9747FF - White
#FFFFFF
figJamBaseLight:
- Dark Gray
#757575 - Light Gray
#E6E6E6 - Light Red
#FFC7C2 - Light Orange
#FCD19C - Light Yellow
#FFE8A3 - Light Green
#AFF4C6 - Light Blue
#BDE3FF - Light Violet
#E4CCFF
Example of accessing colors on the palettes
const [color, setTextColor] = useSyncedState("theme", figma.constants.colors.figJamBase.gray)
const [colorOne, setColorOne] = useSyncedState("themeOne", figma.constants.colors.figJamBaseLight.lightRed)