accessible-colors-system.css

/* Based on https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/color/ */

:root {
 --blue: rgb(0,64,221);
 --brown: rgb(127,101,69);
 --gray: rgb(108,108,112);
 --gray2: rgb(142,142,147);
 --gray3: rgb(174,174,178);
 --gray4: rgb(188,188,192);
 --gray5: rgb(216,216,220);
 --gray6: rgb(235,235,240);
 --green: rgb(36,138,61);
 --indigo: rgb(54,52,163);
 --orange: rgb(201,52,0);
 --pink: rgb(211,15,69);
 --purple: rgb(137,68,171);
 --red: rgb(215,0,21);
 --teal: rgb(0,113,164);
 --yellow: rgb(160,90,0);
}

@media (prefers-color-scheme: dark){
 :root {
  --blue: rgb(64,156,255);
  --brown: rgb(181,148,105);
  --gray: rgb(174,174,178);
  --gray2: rgb(124,124,128);
  --gray3: rgb(84,84,86);
  --gray4: rgb(68,68,70);
  --gray5: rgb(54,54,56);
  --gray6: rgb(36,36,38);
  --green: rgb(48,219,91);
  --indigo: rgb(125,122,255);
  --orange: rgb(255,179,64);
  --pink: rgb(255,100,130);
  --purple: rgb(218,143,255);
  --red: rgb(255,105,97);
  --teal: rgb(112,215,255);
  --yellow: rgb(255,212,38);
 }
}