app.css 1011 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. /* HTML styles for the splash screen */
  2. .avalonia-splash {
  3. position: absolute;
  4. height: 100%;
  5. width: 100%;
  6. background: white;
  7. font-family: 'Outfit', sans-serif;
  8. justify-content: center;
  9. align-items: center;
  10. display: flex;
  11. pointer-events: none;
  12. }
  13. /* Light theme styles */
  14. @media (prefers-color-scheme: light) {
  15. .avalonia-splash {
  16. background: white;
  17. }
  18. .avalonia-splash h2 {
  19. color: #1b2a4e;
  20. }
  21. .avalonia-splash a {
  22. color: #0D6EFD;
  23. }
  24. }
  25. @media (prefers-color-scheme: dark) {
  26. .avalonia-splash {
  27. background: #1b2a4e;
  28. }
  29. .avalonia-splash h2 {
  30. color: white;
  31. }
  32. .avalonia-splash a {
  33. color: white;
  34. }
  35. }
  36. .avalonia-splash h2 {
  37. font-weight: 400;
  38. font-size: 1.5rem;
  39. }
  40. .avalonia-splash a {
  41. text-decoration: none;
  42. font-size: 2.5rem;
  43. display: block;
  44. }
  45. .avalonia-splash.splash-close {
  46. transition: opacity 200ms, display 200ms;
  47. display: none;
  48. opacity: 0;
  49. }