Add 'color-scheme' CSS prop for better browser rendering

2022-06-01 14:27:04 -04:00 · 2022-06-01 14:27:04 -04:00 · bca5a2988d
commit bca5a2988d
--- a/app/soapbox/containers/soapbox.tsx
+++ b/app/soapbox/containers/soapbox.tsx
@ -141,6 +141,7 @@ const SoapboxMount = () => {
      <html lang={locale} className={classNames('h-full', { dark: darkMode })} />
      <body className={bodyClass} />
      {themeCss && <style id='theme' type='text/css'>{`:root{${themeCss}}`}</style>}
+      {darkMode && <style type='text/css'>{':root { color-scheme: dark; }'}</style>}
      <meta name='theme-color' content={soapboxConfig.brandColor} />
    </Helmet>
  );