rename 'auto' to 'system'

slorber · slorber · commit f25124ee75ec · 2025-03-13T18:51:49.000+01:00
diff --git a/packages/docusaurus-theme-classic/src/inlineScripts.ts b/packages/docusaurus-theme-classic/src/inlineScripts.ts
@@ -45,7 +45,7 @@ export function getThemeInlineScript({
     }
     var initialTheme = getQueryStringTheme() || getStoredTheme();
     document.documentElement.setAttribute('data-theme', initialTheme || (respectPrefersColorScheme ? getSystemColorMode() : defaultMode));
-    document.documentElement.setAttribute('data-theme-choice', initialTheme || (respectPrefersColorScheme ? 'auto' : defaultMode));
+    document.documentElement.setAttribute('data-theme-choice', initialTheme || (respectPrefersColorScheme ? 'system' : defaultMode));
   })();`;
 }
 
diff --git a/packages/docusaurus-theme-classic/src/theme/ColorModeToggle/styles.module.css b/packages/docusaurus-theme-classic/src/theme/ColorModeToggle/styles.module.css
@@ -29,7 +29,7 @@
   display: none;
 }
 
-[data-theme-choice='auto'] .systemToggleIcon,
+[data-theme-choice='system'] .systemToggleIcon,
 [data-theme-choice='light'] .lightToggleIcon,
 [data-theme-choice='dark'] .darkToggleIcon {
   display: initial;

Original file line number	Diff line number	Diff line change
`@@ -45,7 +45,7 @@ export function getThemeInlineScript({`
`45`	`45`	`}`
`46`	`46`	`var initialTheme = getQueryStringTheme() \|\| getStoredTheme();`
`47`	`47`	`document.documentElement.setAttribute('data-theme', initialTheme \|\| (respectPrefersColorScheme ? getSystemColorMode() : defaultMode));`
`48`		`- document.documentElement.setAttribute('data-theme-choice', initialTheme \|\| (respectPrefersColorScheme ? 'auto' : defaultMode));`
	`48`	`+ document.documentElement.setAttribute('data-theme-choice', initialTheme \|\| (respectPrefersColorScheme ? 'system' : defaultMode));`
`49`	`49`	})();`;
`50`	`50`	`}`
`51`	`51`
Original file line number	Diff line number	Diff line change
`@@ -29,7 +29,7 @@`
`29`	`29`	`display: none;`
`30`	`30`	`}`
`31`	`31`
`32`		`-[data-theme-choice='auto'] .systemToggleIcon,`
	`32`	`+[data-theme-choice='system'] .systemToggleIcon,`
`33`	`33`	`[data-theme-choice='light'] .lightToggleIcon,`
`34`	`34`	`[data-theme-choice='dark'] .darkToggleIcon {`
`35`	`35`	`display: initial;`