root.css 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. :root {
  2. --m:1.067em;
  3. --s:.666em;
  4. --unit:1em;
  5. --xl:1.138em;
  6. --xxl:3.138em;
  7. }
  8. @media(prefers-color-scheme: dark) {
  9. :root {
  10. --accent:#5ddbcf;
  11. --background-card:#0e0e0f;
  12. --background-checkerboard:repeating-conic-gradient(#ffffff66 0 90deg,#ffffff33 0 180deg) 0 0/40px 40px round;
  13. --background-hard:#0e0e0f;
  14. --border:#26262c;
  15. --foreground:#eff0f1;
  16. --gradient:linear-gradient(5deg,var(--border) -33%,transparent 66%)!important;
  17. --gradient-backwards:linear-gradient(-5deg,var(--border) -33%,transparent 66%)!important;
  18. --shadow:0 5px 20px -10px rgba(255,255,255,.1)!important;
  19. --shadow-inset-accent:inset 0 0 0 2px var(--accent);
  20. }
  21. }
  22. @media(prefers-color-scheme: light) {
  23. :root {
  24. --accent:#a22430;
  25. --background-card:#f0f0f0;
  26. --background-checkerboard:repeating-conic-gradient(#ffffff66 0 90deg,#ffffff33 0 180deg) 0 0/40px 40px round;
  27. --background-hard:#ebebeb;
  28. --border:#c2c2c2;
  29. --foreground:#09090d;
  30. --gradient:linear-gradient(10deg,var(--background-hard) 0,transparent)!important;
  31. --gradient-backwards:linear-gradient(290deg,var(--background-hard) 0,var(--background-card) 100%)!important;
  32. --shadow:0 5px 20px -10px rgba(0,0,0,.1)!important;
  33. --shadow-inset-accent:inset 0 0 0 2px var(--accent);
  34. }
  35. }