Merge branch 'set-color-scheme-css' into 'develop'

Add 'color-scheme' CSS prop for better browser rendering See merge request soapbox-pub/soapbox-fe!1486
2022-06-01 19:25:08 +00:00 · 2022-06-01 19:25:08 +00:00 · 1d2c07f0a9
commit 1d2c07f0a9
--- 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>
  );