Radish alpha
r
rad:z4V1sjrXqjvFdnCUbxPFqd5p4DtH5
Radicle web interface
Radicle
Git
Add `prefers-color-scheme` query for theme fallback
Merged did:key:z6MkkfM3...sVz5 opened 2 years ago
2 files changed +3 -1 cee200e6 91866f62
modified playwright.config.ts
@@ -16,6 +16,7 @@ const config: PlaywrightTestConfig = {
  reporter: "list",
  globalSetup: "./tests/support/globalSetup",
  use: {
+
    colorScheme: "dark",
    actionTimeout: 5000,
    baseURL: "http://localhost:3001",
    trace: "retain-on-failure",
modified src/lib/appearance.ts
@@ -30,10 +30,11 @@ function loadCodeFont(): CodeFont {
}

function loadTheme(): Theme {
+
  const { matches } = window.matchMedia("(prefers-color-scheme: dark)");
  const storedTheme = window.localStorage.getItem("theme");

  if (storedTheme === null) {
-
    return "dark";
+
    return matches ? "dark" : "light";
  } else {
    return storedTheme as Theme;
  }