Add widget styles for options/popup dark theme

This commit is contained in:
hensm
2020-02-17 00:57:04 +00:00
parent ae82679a8f
commit 1323682a67
6 changed files with 135 additions and 41 deletions

View File

@@ -4,6 +4,7 @@
<meta charset="utf-8">
<link rel="stylesheet" href="../photon-colors.css">
<link rel="stylesheet" href="../dark-widgets.css" media="(prefers-color-scheme: dark)">
<link rel="stylesheet" href="styles/index.css">
<script src="bundle.js" defer></script>

View File

@@ -324,16 +324,18 @@ class OptionsApp extends Component<{}, OptionsAppState> {
{ _("optionsReceiverSelectorType") }
</div>
<div className="option__control">
<select name="receiverSelectorType"
value={ this.state.options?.receiverSelectorType }
onChange={ this.handleReceiverSelectorTypeChange }>
<option value={ ReceiverSelectorType.Popup }>
{ _("optionsReceiverSelectorTypeBrowser") }
</option>
<option value={ ReceiverSelectorType.Native }>
{ _("optionsReceiverSelectorTypeNative") }
</option>
</select>
<div className="select-wrapper">
<select name="receiverSelectorType"
value={ this.state.options?.receiverSelectorType }
onChange={ this.handleReceiverSelectorTypeChange }>
<option value={ ReceiverSelectorType.Popup }>
{ _("optionsReceiverSelectorTypeBrowser") }
</option>
<option value={ ReceiverSelectorType.Native }>
{ _("optionsReceiverSelectorTypeNative") }
</option>
</select>
</div>
</div>
</label> }