// WARNING! This skin, in light theme, may not provide optimal contrast for readability // and might not be suitable for users with certain types of visual impairment. // Furthermore, low contrast will affect your Google Lighthouse rating. // For more information on web accessibility: https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html :root { --primary-color: #ee59d2; // Contrast ratio: 3:1. Not very accessible. } [data-theme='dark'] { --primary-color: #f49ee9; // Contrast ratio: 9.87:1. Accessible. }