style.css

/* ===========================================
   LIGHT MODE (default)
   Using darker brand colors for contrast on light backgrounds
   =========================================== */
:root {
  /* Code block background and text */
  --mint-color-text: #1A181D;          /* Dark Grey */
  --mint-color-background: #FAFAFB;    /* Light Grey */

  /* Token colors - Light Mode */
  --mint-token-keyword: #5B39F5;       /* Brand Purple */
  --mint-token-string: #183408;        /* Dark Green */
  --mint-token-function: #2518B5;      /* Dark Purple */
  --mint-token-comment: #8B8990;       /* Medium Grey */
  --mint-token-constant: #3465C8;      /* Blue */
  --mint-token-parameter: #F85931;     /* Vermillion */
  --mint-token-punctuation: #3E3A46;   /* Brand Grey */
}

/* ===========================================
   DARK MODE
   Using brighter brand colors for contrast on dark backgrounds
   =========================================== */
.dark {
  /* Code block background and text */
  --mint-color-text: #ECEBEC;          /* Bright Grey */
  --mint-color-background: #152D5E;    /* Dark Blue */

  /* Token colors - Dark Mode */
  --mint-token-keyword: #9D88F9;       /* Bright Purple */
  --mint-token-string: #A7EC80;        /* Bright Green */
  --mint-token-function: #DED7FD;      /* Light Purple */
  --mint-token-comment: #D8D8DA;       /* Grey */
  --mint-token-constant: #CBDCFD;      /* Light Blue */
  --mint-token-parameter: #F6D86B;     /* Bright Yellow */
  --mint-token-punctuation: #FAFAFB;   /* Light Grey */
}