bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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

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

See merge request soapbox-pub/soapbox-fe!1486
This commit is contained in:
Justin 2022-06-01 19:25:08 +00:00
commit 1d2c07f0a9
1 changed files with 1 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
app/soapbox/containers/soapbox.tsx
View file

@ -141,6 +141,7 @@ const SoapboxMount = () => {
<html lang={locale} className={classNames('h-full', { dark: darkMode })} /> <html lang={locale} className={classNames('h-full', { dark: darkMode })} />
<body className={bodyClass} /> <body className={bodyClass} />
{themeCss && <style id='theme' type='text/css'>{`:root{${themeCss}}`}</style>} {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} /> <meta name='theme-color' content={soapboxConfig.brandColor} />
</Helmet> </Helmet>
); );