LibreTranslate/libretranslate/static/css/dark-theme.css

123 lines
2.3 KiB
CSS
Raw Normal View History

2022-05-09 12:15:18 +00:00
@media (prefers-color-scheme: dark) {
.white {
background-color: #111 !important;
color: #fff;
}
2022-05-09 12:15:18 +00:00
.blue.darken-3 {
background-color: #1E5DA6 !important;
}
/* like in btn-delete-text */
.btn-flat {
color: #666;
}
2022-05-09 12:15:18 +00:00
.btn-switch-type {
background-color: #333;
color: #5CA8FF;
}
.btn-switch-type:hover {
background-color: #444 !important;
color: #5CA8FF;
}
.btn-switch-type.active {
background-color: #3392FF !important;
color: #fff;
}
.btn-switch-type.active:hover {
background-color: #5CA8FF !important;
color: #fff;
}
.btn-switch-language {
color: #fff;
}
.language-select:after {
border: solid #fff;
border-width: 0 2px 2px 0;
}
/* like in textarea */
.card-content {
border: 1px solid #444 !important;
background-color: #222 !important;
color: #fff;
}
.file-dropzone {
background: #222;
border: 1px solid #444;
margin-top: 1rem;
}
2023-01-06 18:47:05 +00:00
select, select#locales{
2022-05-09 12:15:18 +00:00
color: #fff;
background: #111;
2022-05-09 12:15:18 +00:00
}
option {
color: #fff;
background: #222;
}
2022-05-09 12:15:18 +00:00
textarea {
border: 1px solid #444 !important;
background-color: #222 !important;
color: #fff;
}
/* like in file dropzone */
.textarea-container {
margin-top: 1rem;
}
2022-05-09 12:15:18 +00:00
.code {
border: 1px solid #444;
background: #222;
color: #fff;
}
code[class*="language-"], pre[class*="language-"] {
color: #fff;
text-shadow: 0 1px #000;
}
2022-05-09 12:15:18 +00:00
.token.atrule,
.token.attr-value,
.token.keyword {
color: #40b5e8;
}
2022-05-09 12:15:18 +00:00
.language-css .token.string,
.style .token.string,
.token.entity,
.token.operator,
.token.url {
color: #eecfab;
background: hsla(0,0%,15%,.5);
}
2022-05-09 12:15:18 +00:00
.token.attr-name,
.token.builtin,
.token.char,
.token.inserted,
.token.selector,
.token.string {
color: #acd25f;
}
2022-05-09 12:15:18 +00:00
.token.boolean,
.token.constant,
.token.deleted,
.token.number,
.token.property,
.token.symbol,
.token.tag {
color: #ff8bcc;
}
2022-05-09 12:15:18 +00:00
.token.class-name, .token.function {
color: #ff7994;
}
}