LemmyNet/lemmy-ui
2
0
Fork 0
mirror of https://github.com/LemmyNet/lemmy-ui.git synced 2024-11-26 06:11:15 +00:00
Code Issues Projects Releases Wiki Activity

fix a few colors

Browse source
This commit is contained in:
Alec Armbruster 2023-06-27 11:30:32 -04:00
parent 6d92c07c89
commit 63337848ed
No known key found for this signature in database
GPG key ID: 52BC7C84E960FD1B
2 changed files with 13 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/assets/css/themes/_variables.darkly-pureblack.scss
View file

@ -38,7 +38,7 @@ $h1-font-size: 3rem;
$h2-font-size: 2.5rem; $h2-font-size: 2.5rem;
$h3-font-size: 2rem; $h3-font-size: 2rem;
$card-cap-bg: $gray-800; $card-cap-bg: $gray-900;
$card-bg: $gray-900; $card-bg: $gray-900;
$card-color: $gray-300; $card-color: $gray-300;
@ -62,10 +62,10 @@ $nav-tabs-link-active-color: $white;
$nav-tabs-link-active-border-color: $nav-tabs-border-color $nav-tabs-link-active-border-color: $nav-tabs-border-color
$nav-tabs-border-color transparent; $nav-tabs-border-color transparent;
$input-bg: $gray-800; $input-bg: $gray-900;
$input-color: $white; $input-color: $white;
$input-disabled-bg: darken($gray-900, 10%); $input-disabled-bg: darken($gray-900, 20%);
$input-border-color: $gray-700; $input-border-color: $gray-800;
$input-group-addon-color: $gray-800; $input-group-addon-color: $gray-800;
$input-group-addon-bg: $gray-800; $input-group-addon-bg: $gray-800;

18
src/assets/css/themes/darkly-pureblack.css
View file

@ -2086,9 +2086,9 @@ progress {
font-weight: 400; font-weight: 400;
line-height: 1.5; line-height: 1.5;
color: #f3f3f3; color: #f3f3f3;
background-color: #202020; background-color: #111;
background-clip: padding-box; background-clip: padding-box;
border: var(--bs-border-width) solid #333; border: var(--bs-border-width) solid #202020;
appearance: none; appearance: none;
border-radius: var(--bs-border-radius); border-radius: var(--bs-border-radius);
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
@ -2106,7 +2106,7 @@ progress {
} }
.form-control:focus { .form-control:focus {
color: #f3f3f3; color: #f3f3f3;
background-color: #202020; background-color: #111;
border-color: #80dec6; border-color: #80dec6;
outline: 0; outline: 0;
box-shadow: 0 0 0 0.25rem rgba(0, 188, 140, 0.25); box-shadow: 0 0 0 0.25rem rgba(0, 188, 140, 0.25);
@ -2236,12 +2236,12 @@ textarea.form-control-lg {
font-weight: 400; font-weight: 400;
line-height: 1.5; line-height: 1.5;
color: #f3f3f3; color: #f3f3f3;
background-color: #202020; background-color: #111;
background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none); background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: right 0.75rem center; background-position: right 0.75rem center;
background-size: 16px 12px; background-size: 16px 12px;
border: var(--bs-border-width) solid #333; border: var(--bs-border-width) solid #202020;
border-radius: var(--bs-border-radius); border-radius: var(--bs-border-radius);
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
appearance: none; appearance: none;
@ -2311,7 +2311,7 @@ textarea.form-control-lg {
} }
.form-check-input { .form-check-input {
--bs-form-check-bg: #202020; --bs-form-check-bg: #111;
width: 1em; width: 1em;
height: 1em; height: 1em;
margin-top: 0.25em; margin-top: 0.25em;
@ -2569,7 +2569,7 @@ textarea.form-control-lg {
z-index: -1; z-index: -1;
height: 1.5em; height: 1.5em;
content: ""; content: "";
background-color: #202020; background-color: #111;
border-radius: var(--bs-border-radius); border-radius: var(--bs-border-radius);
} }
.form-floating > .form-control:-webkit-autofill ~ label { .form-floating > .form-control:-webkit-autofill ~ label {
@ -2625,7 +2625,7 @@ textarea.form-control-lg {
text-align: center; text-align: center;
white-space: nowrap; white-space: nowrap;
background-color: #202020; background-color: #202020;
border: var(--bs-border-width) solid #333; border: var(--bs-border-width) solid #202020;
border-radius: var(--bs-border-radius); border-radius: var(--bs-border-radius);
} }
@ -4272,7 +4272,7 @@ textarea.form-control-lg {
--bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width))); --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
--bs-card-cap-padding-y: 0.5rem; --bs-card-cap-padding-y: 0.5rem;
--bs-card-cap-padding-x: 1rem; --bs-card-cap-padding-x: 1rem;
--bs-card-cap-bg: #202020; --bs-card-cap-bg: #111;
--bs-card-cap-color: ; --bs-card-cap-color: ;
--bs-card-height: ; --bs-card-height: ;
--bs-card-color: #dee2e6; --bs-card-color: #dee2e6;