fix a few colors

diff --git a/src/assets/css/themes/_variables.darkly-pureblack.scss b/src/assets/css/themes/_variables.darkly-pureblack.scss
index f73f2535f7621ebe1d2414bdf7e69a8a6ded915c..816118efd9963c58eff0ce389c4ade881dc8b3b7 100644 (file)
--- a/src/assets/css/themes/_variables.darkly-pureblack.scss
+++ b/src/assets/css/themes/_variables.darkly-pureblack.scss
@@ -38,7 +38,7 @@ $h1-font-size: 3rem;
 $h2-font-size: 2.5rem;
 $h3-font-size: 2rem;
 
-$card-cap-bg: $gray-800;
+$card-cap-bg: $gray-900;
 $card-bg: $gray-900;
 $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-border-color transparent;
 
-$input-bg: $gray-800;
+$input-bg: $gray-900;
 $input-color: $white;
-$input-disabled-bg: darken($gray-900, 10%);
-$input-border-color: $gray-700;
+$input-disabled-bg: darken($gray-900, 20%);
+$input-border-color: $gray-800;
 $input-group-addon-color: $gray-800;
 $input-group-addon-bg: $gray-800;
 

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