globals.css 592 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. :root {
  2. --background: #ffffff;
  3. --foreground: #171717;
  4. }
  5. @media (prefers-color-scheme: dark) {
  6. :root {
  7. --background: #0a0a0a;
  8. --foreground: #ededed;
  9. }
  10. }
  11. html,
  12. body {
  13. max-width: 100vw;
  14. overflow-x: hidden;
  15. }
  16. body {
  17. color: var(--foreground);
  18. background: var(--background);
  19. }
  20. * {
  21. box-sizing: border-box;
  22. padding: 0;
  23. margin: 0;
  24. }
  25. a {
  26. color: inherit;
  27. text-decoration: none;
  28. }
  29. .imgDark {
  30. display: none;
  31. }
  32. @media (prefers-color-scheme: dark) {
  33. html {
  34. color-scheme: dark;
  35. }
  36. .imgLight {
  37. display: none;
  38. }
  39. .imgDark {
  40. display: unset;
  41. }
  42. }