LemmyNet
/
lemmy-ui
mirror of https://github.com/LemmyNet/lemmy-ui.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Fixing an issue with browser theme.

This commit is contained in:
Dessalines 2020-10-26 19:52:50 -05:00
parent 397db2f1db
commit dcb52b5c47
1 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/shared/components/theme.tsx
View File

@ -9,33 +9,33 @@ interface Props {
export class Theme extends Component<Props> {
render() {
const { user } = this.props;
const userTheme = user && user.theme && (
<link
rel="stylesheet"
type="text/css"
href={`/static/assets/css/themes/${user.theme}.min.css`}
/>
);
const hasUserTheme = user && user.theme !== 'browser';
return (
<Helmet>
{userTheme ?? (
<>
{hasUserTheme ? (
<link
rel="stylesheet"
type="text/css"
href={`/static/assets/css/themes/${user.theme}.min.css`}
/>
) : (
[
<link
rel="stylesheet"
type="text/css"
href="/static/assets/css/themes/litely.min.css"
id="default-light"
media="(prefers-color-scheme: light)"
/>
/>,
<link
rel="stylesheet"
type="text/css"
href="/static/assets/css/themes/darkly.min.css"
id="default-dark"
media="(prefers-color-scheme: no-preference), (prefers-color-scheme: dark)"
/>
</>
/>,
]
)}
</Helmet>
);