More explanatory text for the Modern Red / Vintage Blue switch.

This commit is contained in:
hackademix 2022-03-22 15:34:45 +01:00
parent ba1b4cf057
commit eafa04772d
2 changed files with 19 additions and 7 deletions

View File

@ -223,7 +223,17 @@ button.add {
}
#vintageTheme-opt {
padding: 0 2.2em;
background: url(/img/logo.svg) no-repeat center left, url(/img/vintage/logo.svg) no-repeat center right;
background-size: 2em auto, 2em auto;
}
label[for="opt-vintageTheme"] {
text-indent: -5000px;
padding: 0 1.2em;
}
.hc #vintageTheme-opt {
background: none;
}
.hc label[for="opt-vintageTheme"] {
display: none !important;
}

View File

@ -114,12 +114,14 @@ SPDX-License-Identifier: GPL-3.0-or-later
<input id="theme-light" type="radio" name="theme" value="light"/><label for="theme-light">__MSG_themeLight__</label>
<input id="theme-auto" type="radio" name="theme" value="auto" checked="checked"/><label for="theme-auto">__MSG_themeAuto__</label>
</span>
<span id="vintageTheme-opt" title="Vintage Blue">
<span id="vintageTheme-opt" title="Vintage Blue ON/OFF">
<label for="opt-vintageTheme" title="Modern Red">Modern Red</label>
<label class="switch">
<input type="checkbox" id="opt-vintageTheme">
<span class="slider round"></span>
<span class="inner-label">Vintage Blue</span>
<span class="inner-label">Vintage Blue On/Off</span>
</label>
<label for="opt-vintageTheme" title="Vintage Blue">Vintage Blue</label>
</span>
<span id="highContrast-opt">
<input type="checkbox" id="opt-highContrast">