self-hosted/LibreTranslate
1
0
Fork 0
mirror of https://github.com/LibreTranslate/LibreTranslate.git synced 2024-12-18 08:27:03 +02:00
Code Issues Releases Activity

Dark theme fixes

Browse Source
This commit is contained in:
Piero Toffanin 2023-01-06 13:47:05 -05:00
parent a67db35d61
commit 0b5601981e
3 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
libretranslate/static/css/dark-theme.css
View File

@ -52,7 +52,7 @@
margin-top: 1rem; margin-top: 1rem;
} }
select { select, select#locales{
color: #fff; color: #fff;
background: #111; background: #111;
} }

10
libretranslate/static/css/main.css
View File

@ -39,13 +39,14 @@ h3.header {
position: relative; position: relative;
} }
.top-nav .locale-panel{ .top-nav .locale-panel{
position: absolute; position: absolute;
top: 64px; top: 64px;
height: 68px; height: 68px;
left: -9px; left: -9px;
padding: 0 16px; padding: 0 16px;
background: #1565c0;
width: 240px; width: 240px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
@ -73,6 +74,7 @@ h3.header {
height: 32px; height: 32px;
font-size: 14px; font-size: 14px;
background-color: #fff; background-color: #fff;
border: none;
} }
.locale-panel a{ .locale-panel a{
@ -100,7 +102,7 @@ h3.header {
} }
.locale-panel a:hover{ .locale-panel a:hover{
background-color: transparent; background-color: transparent !important;
} }
#nav-mobile .locale-panel{ #nav-mobile .locale-panel{
@ -109,6 +111,10 @@ h3.header {
padding-top: 12px; padding-top: 12px;
} }
#nav-mobile a, #nav-mobile a i.material-icons{
color: #fff;
}
#nav-mobile .locale-panel a{ #nav-mobile .locale-panel a{
padding: 0; padding: 0;
} }

4
libretranslate/templates/index.html
View File

@ -71,7 +71,7 @@
{% endif %} {% endif %}
<li class="change-language"><a class="noline" href="javascript:void(0)" title="{{ _h('Change language') }}"><i class="material-icons">language</i></a> <li class="change-language"><a class="noline" href="javascript:void(0)" title="{{ _h('Change language') }}"><i class="material-icons">language</i></a>
</li> </li>
<li class="locale-panel"> <li class="locale-panel blue darken-3">
<select id="locales" onchange="changeLocale(this)"> <select id="locales" onchange="changeLocale(this)">
{% for l in available_locales %}<option value="{{ l['code'] }}" {{ 'selected' if current_locale == l['code'] else ''}}>{{ l['name'] }}</option>{% endfor %} {% for l in available_locales %}<option value="{{ l['code'] }}" {{ 'selected' if current_locale == l['code'] else ''}}>{{ l['name'] }}</option>{% endfor %}
</select> </select>
@ -80,7 +80,7 @@
{% endset %} {% endset %}
{{ menulinks }} {{ menulinks }}
</ul> </ul>
<ul id="nav-mobile" class="sidenav"> <ul id="nav-mobile" class="sidenav blue darken-3">
{{ menulinks }} {{ menulinks }}
</ul> </ul>
<script> <script>