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

Merge pull request #457 from SethFalco/fix-dark-theme

Browse Source 
fix(css): fix issues visual issues with dark theme
This commit is contained in:
Piero Toffanin 2023-07-08 10:05:51 +02:00 committed by GitHub
commit 9052265d5b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -125,7 +125,8 @@ h3.header {
display: block; display: block;
height: 32px; height: 32px;
font-size: 14px; font-size: 14px;
background-color: #fff; color: var(--fg-color);
background-color: var(--pri-bg-color);
border: none; border: none;
} }
@ -362,6 +363,7 @@ select {
.textarea-container textarea { .textarea-container textarea {
font-size: 1.25rem; font-size: 1.25rem;
resize: none; resize: none;
color: var(--fg-color);
background: var(--sec-bg-color); background: var(--sec-bg-color);
border: 1px solid var(--border-color); border: 1px solid var(--border-color);
padding: 1rem 2rem 1rem 1.5rem; padding: 1rem 2rem 1rem 1.5rem;
@ -430,6 +432,14 @@ code[class*="language-"], pre[class*="language-"] {
align-items: center; align-items: center;
} }
.card-content {
background-color: var(--pri-bg-color);
}
.card-stacked {
background-color: var(--sec-bg-color)
}
@media (min-width: 280px) { @media (min-width: 280px) {
.btn-text { .btn-text {
display: inline; display: inline;