add 'auto' to extension icon option, fix typo

This commit is contained in:
tophf 2022-02-15 19:21:10 +03:00
parent e7b11fda16
commit 58140a56cf
4 changed files with 14 additions and 4 deletions

View File

@ -1138,6 +1138,9 @@
"message": "Options", "message": "Options",
"description": "Heading for options section on manage page." "description": "Heading for options section on manage page."
}, },
"optionsIconAuto": {
"message": "Match the Dark/Light mode automatically"
},
"optionsIconDark": { "optionsIconDark": {
"message": "Dark browser themes" "message": "Dark browser themes"
}, },

View File

@ -500,11 +500,10 @@ const dom = {};
} }
// add favicon in FF // add favicon in FF
if (FIREFOX) { if (FIREFOX) {
const iconset = ['', 'light/'][prefs.get('iconset')] || '';
for (const size of [38, 32, 19, 16]) { for (const size of [38, 32, 19, 16]) {
document.head.appendChild($create('link', { document.head.appendChild($create('link', {
rel: 'icon', rel: 'icon',
href: `/images/icon/${iconset}${size}.png`, href: `/images/icon/${size}.png`,
sizes: size + 'x' + size, sizes: size + 'x' + size,
})); }));
} }

View File

@ -120,6 +120,7 @@
'sync.enabled': 'none', 'sync.enabled': 'none',
'iconsetAuto': true,
'iconset': 0, // 0 = dark-themed icon 'iconset': 0, // 0 = dark-themed icon
// 1 = light-themed icon // 1 = light-themed icon

View File

@ -53,10 +53,10 @@
<div class="items"> <div class="items">
<div class="radio-group"> <div class="radio-group">
<label class="radio-group-item" i18n-text-append="preferSchemeDark"> <label class="radio-group-item" i18n-text-append="preferSchemeDark">
<input type="radio" value="light" name="schemeSwitcher.enabled" class="radio"> <input type="radio" value="dark" name="schemeSwitcher.enabled" class="radio">
</label> </label>
<label class="radio-group-item" i18n-text-append="preferSchemeLight"> <label class="radio-group-item" i18n-text-append="preferSchemeLight">
<input type="radio" value="dark" name="schemeSwitcher.enabled" class="radio"> <input type="radio" value="light" name="schemeSwitcher.enabled" class="radio">
</label> </label>
<label class="radio-group-item" i18n-text-append="optionsAdvancedAutoSwitchSchemeBySystem"> <label class="radio-group-item" i18n-text-append="optionsAdvancedAutoSwitchSchemeBySystem">
<input type="radio" value="system" name="schemeSwitcher.enabled" class="radio"> <input type="radio" value="system" name="schemeSwitcher.enabled" class="radio">
@ -78,6 +78,13 @@
<div class="block"> <div class="block">
<h1 i18n-text="optionsCustomizeIcon"></h1> <h1 i18n-text="optionsCustomizeIcon"></h1>
<div class="items"> <div class="items">
<label>
<span i18n-text="optionsIconAuto"></span>
<span class="onoffswitch">
<input type="checkbox" id="iconsetAuto" class="slider">
<span></span>
</span>
</label>
<label> <label>
<span i18n-text="optionsIconDark"></span> <span i18n-text="optionsIconDark"></span>
<div class="iconset"> <div class="iconset">