root.css 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637
  1. :root {
  2. --smaller: .6rem;
  3. --default: 1rem;
  4. --small: 1.3rem;
  5. --medium: 1.62rem;
  6. --big: 3rem;
  7. }
  8. @media(prefers-color-scheme:dark) {
  9. :root {
  10. --foreground: #f0f6f6;
  11. --background-hard: #141216;
  12. --background-card: #131217;
  13. --border: #201f25;
  14. --accent: #5ddbcf;
  15. --shadow: 0px 5px 20px -10px rgba(255,255,255,0.1) !important;
  16. --shadow-inset-accent: inset 0 0 0 2px var(--accent);
  17. --background-checkerboard: repeating-conic-gradient(#ffffff66 0 90deg,#ffffff33 0 180deg) 0 0/40px 40px round;
  18. --gradient: linear-gradient(10deg,var(--border) 0,transparent 90%) !important;
  19. --gradient-backwards: linear-gradient(290deg,var(--border) 0,var(--background-card) 100%) !important;
  20. }
  21. }
  22. @media(prefers-color-scheme:light) {
  23. :root {
  24. --foreground: #09090d;
  25. --background-hard: #ebebeb;
  26. --background-card: #f0f0f0;
  27. --border: #d5d5d5;
  28. --accent: #a22430;
  29. --shadow: 0px 25px 42px -10px rgba(0,0,0,0.1) !important;
  30. --shadow-inset-accent: inset 0 0 0 2px var(--accent);
  31. --background-checkerboard: repeating-conic-gradient(#ffffff66 0 90deg,#ffffff33 0 180deg) 0 0/40px 40px round;
  32. --gradient: linear-gradient(10deg,var(--background-hard) 0,transparent 60%) !important;
  33. --gradient-backwards: linear-gradient(290deg,var(--background-hard) 0,var(--background-card) 100%) !important;
  34. }
  35. }