fix: inherit color to support light and dark theme

CoCreate-app · Jun 8, 2024 · c5f8719 · c5f8719
1 parent e84dafc
commit c5f8719
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/index.css b/src/index.css
@@ -26,6 +26,7 @@ floating-label *,
   background-color: transparent;
   font-size: 16px;
   line-height: 1.5;
+  color: inherit;
   /*color: rgba(0, 0, 0, 0.87);*/
   /*z-index: 5;*/
 }
@@ -34,6 +35,10 @@ floating-label *,
   display: block;
 }
 
+.floating-label::placeholder {
+    color: inherit;
+}
+
 .floating-label.active::placeholder{
   opacity: 0; 
 }
@@ -50,7 +55,7 @@ input.floating-label[type="date"],input.floating-label[type="time"],input.floati
     height:40px;
 }
 input.floating-label.active[type="date"],input.floating-label.active[type="time"],input.floating-label.active[type="datetime-local"],input.floating-label.active[type="week"],input.floating-label.active[type="month"],select.floating-label.active{
- color: rgba(0, 0, 0, 0.87); 
+ color: inherit; 
 }
 select.floating-label[multiple]{
   height:auto;
@@ -70,7 +75,7 @@ input[type='color'] {
   height: 100%;
   text-align: left;
   pointer-events: none;
-  border-color: rgba(0, 0, 0, 0.24);
+  border-color: inherit;
 }
 
 .floating-label_leading,