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

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

View file

@ -121,11 +121,12 @@ h3.header {
display: block; display: block;
} }
.locale-panel select{ .locale-panel select {
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;