Suggested Use

Dark Color Theme

Bases

  • Solarized Base0: text
  • Solarized Base1: emphasis
  • Solarized Base01: de-emphasis
  • Lunarized Base02: highlight
  • Lunarized Base03: background

Accents

  • Lunarized Cyan:
    • HTML attribute values
    • CSS property values
    • strings (except in CSS)
  • Lunarized Blue:
    • HTML tags
    • CSS class selectors
    • JS function definitions and function calls
  • Lunarized Indigo:
    • CSS media query keywords
    • variable/parameter names
    • function arguments
  • Lunarized Violet:
    • string delimiters (" and ')
    • CSS strings
    • object/class/function references (custom, built-in, this, prototype, String, Array)
    • HTML id names
  • Lunarized Red:
    • programming control (if, for, switch, return)
    • other control (public, private, static)
    • CSS tag selectors
    • CSS pseudo-element and -class selectors
    • CSS at-rules (@media, @font-face)
    • Jade buffered comments
  • Lunarized Orange:
    • delimiters and operators ([], {}, +, ==, new, typeof)
    • HTML class names
  • Lunarized Yellow:
    • HTML attribute names
    • CSS property names
    • pre-defined keywords and types (var, function, int, class)
  • Lunarized Green:
    • HTML characters and entities
    • CSS numeric values with units
    • constant values (numbers, colors, booleans, null)

Light Color Theme

Bases

  • Lunarized Base00: text
  • Lunarized Base01: emphasis
  • Lunarized Base1: de-emphasis
  • Solarized Base2: highlight
  • Solarized Base3: background

Accents

  • Solarized Red:
    • programming control (if, for, switch, return)
    • other control (public, private, static)
    • CSS tag selectors
    • CSS pseudo-element and -class selectors
    • CSS at-rules (@media, @font-face)
    • Jade buffered comments
  • Solarized Orange:
    • delimiters and operators ([], {}, +, ==, new, typeof)
    • HTML class names
  • Solarized Yellow:
    • HTML attribute names
    • CSS property names
    • pre-defined keywords and types (var, function, int, class)
  • Solarized Green:
    • HTML characters and entities
    • CSS numeric values with units
    • constant values (numbers, colors, booleans, null)
  • Solarized Cyan:
    • HTML attribute values
    • CSS property values
    • strings (except in CSS)
  • Solarized Blue:
    • HTML tags
    • CSS class selectors
    • JS function definitions and function calls
  • Solarized Violet:
    • CSS media query keywords
    • variable/parameter names
    • function arguments
  • Solarized Magenta:
    • string delimiters (" and ')
    • CSS strings
    • object/class/function references (custom, built-in, this, prototype, String, Array)
    • HTML id names