/* public/loader.css */ /* This styles the #root div *before* React loads. We use it to center the loader. */ /* This selector targets the #root element *after* React has loaded and added the .dark class to the element. */ .dark #root { background-color: #1e1e2f; /* Your dark theme background */ } /* The spinner animation */ .loader-spinner { width: 48px; height: 48px; border: 5px solid #2563eb; /* Your light theme link color */ border-bottom-color: transparent; border-radius: 50%; display: inline-block; box-sizing: border-box; animation: rotation 1s linear infinite; } /* A dark-mode specific color for the spinner */ .dark .loader-spinner { border: 5px solid #60a5fa; /* Your dark theme link color */ border-bottom-color: transparent; } @keyframes rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }