Built In Themes - AndrewRedican/react-json-editor-ajrm GitHub Wiki

About Colors

  • The component's color palette can be specified using two properties: theme and colors.
  • The theme property is used to select a specific built-in theme by providing the corresponding name to it.
  • The colors property gives you the abbility to specify each of the colors in the color pallete. In other words, you can control the colors used for each type of token (ie. string, number, etc..) and background. Any colors assigned using the colors property have precedence over the built-in theme colors, thus theme colors are overrided.
  • If no theme property is provided, the default colors used for this component correspond to dark_vscode_tribute.

dark_vscode_tribute

Type Color
default #D4D4D4
background #1E1E1E
background_warning #1E1E1E
string #CE8453
number #B5CE9F
colon #49B8F7
keys #9CDCFE
keys_whiteSpace #AF74A5
primitive #6392C6

light_mitsuketa_tribute

Type Color
default #D4D4D4
background #FCFDFD
background_warning #FEECEB
string #FA7921
number #70CE35
colon #49B8F7
keys #59A5D8
keys_whiteSpace #835FB6
primitive #386FA4

Other Resources

About Description
Coolors Useful if you'd like to come up with your own color palette.
Color Palettes Nice collection of color palettes.
Hexadecimal to Decimal Learn how to calculate hex values to percentages.