src/styles/radix/dark.css
/* Generated by https://www.radix-ui.com/colors/custom */
.dark, .dark-theme {
  --red-1: #000;
  --red-2: #1b0b0c;
  --red-3: #3e040f;
  --red-4: #580010;
  --red-5: #6b0018;
  --red-6: #7f0524;
  --red-7: #9a1a33;
  --red-8: #c82244;
  --red-9: #be123c;
  --red-10: #a02137;
  --red-11: #cb2546;
  --red-12: #ffcdce;

  --red-a1: #00000000;
  --red-a2: #ff68721b;
  --red-a3: #ff113e3e;
  --red-a4: #ff002f58;
  --red-a5: #ff003a6b;
  --red-a6: #ff0b497f;
  --red-a7: #ff2b559a;
  --red-a8: #ff2b57c8;
  --red-a9: #ff1851be;
  --red-a10: #ff3558a0;
  --red-a11: #cb2546;
  --red-a12: #ffcdce;

  --red-contrast: #fff;
  --red-surface: #36161880;
  --red-indicator: #be123c;
  --red-track: #be123c;
}

.dark, .dark-theme {
  --gray-1: #000;
  --gray-2: #121212;
  --gray-3: #1f1f1f;
  --gray-4: #282828;
  --gray-5: #303030;
  --gray-6: #3a3a3a;
  --gray-7: #484848;
  --gray-8: #606060;
  --gray-9: #6e6e6e;
  --gray-10: #7c7c7c;
  --gray-11: #b4b4b4;
  --gray-12: #eee;

  --gray-a1: #00000000;
  --gray-a2: #ffffff12;
  --gray-a3: #ffffff1f;
  --gray-a4: #ffffff28;
  --gray-a5: #ffffff30;
  --gray-a6: #ffffff3a;
  --gray-a7: #ffffff48;
  --gray-a8: #ffffff60;
  --gray-a9: #ffffff6e;
  --gray-a10: #ffffff7c;
  --gray-a11: #ffffffb4;
  --gray-a12: #ffffffee;

  --gray-contrast: #FFFFFF;
  --gray-surface: rgba(0, 0, 0, 0.05);
  --gray-indicator: #6e6e6e;
  --gray-track: #6e6e6e;
}

.dark, .dark-theme, :is(.dark, .dark-theme) :where(.radix-themes:not(.light, .light-theme)) {
  --color-background: #222;
}
