Upgrading to theme mixin for auto variant

This commit is contained in:
James Barnsley
2020-05-05 16:50:07 +12:00
parent 67fc8c4ee0
commit 3c407e4220
35 changed files with 450 additions and 135 deletions

View File

@ -184,12 +184,25 @@ class Settings extends React.Component {
Theme
</div>
<div className="input">
<label>
<input
type="radio"
name="theme"
value="auto"
checked={ui.theme === 'auto'}
onChange={(e) => uiActions.set({ theme: e.target.value })}
/>
<span className="label tooltip">
Auto
<span className="tooltip__content">Detects your browser or OS preference</span>
</span>
</label>
<label>
<input
type="radio"
name="theme"
value="dark"
checked={ui.theme == 'dark'}
checked={ui.theme === 'dark'}
onChange={(e) => uiActions.set({ theme: e.target.value })}
/>
<span className="label">Dark</span>
@ -199,7 +212,7 @@ class Settings extends React.Component {
type="radio"
name="theme"
value="light"
checked={ui.theme == 'light'}
checked={ui.theme === 'light'}
onChange={(e) => uiActions.set({ theme: e.target.value })}
/>
<span className="label">Light</span>