DevToolsColors

DevTools color scheme optimized for debugging and state inspection.

Color choices are designed for:

  • Clear differentiation between added, modified, and removed states

  • High contrast syntax highlighting for JSON values

  • Reduced eye strain during long debugging sessions

  • Consistent visual hierarchy

Color system:

  • Primary (Blue): Keys, links, interactive elements

  • Secondary (Orange): String values

  • Tertiary (Purple): Boolean values, special types

  • Error (Red): Removed items, errors

  • Custom diff colors: Added (green), Modified (yellow)

Properties

Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard