From 1b662ad39fcb6f7060f965a345dc0938383afb42 Mon Sep 17 00:00:00 2001
From: Ivan <8611739+IRBorisov@users.noreply.github.com>
Date: Mon, 9 Sep 2024 20:38:43 +0300
Subject: [PATCH] B: Fix placeholder styling

---
 rsconcept/frontend/src/styling/styles.css | 40 +++++++++++++++--------
 1 file changed, 26 insertions(+), 14 deletions(-)

diff --git a/rsconcept/frontend/src/styling/styles.css b/rsconcept/frontend/src/styling/styles.css
index dcdc3760..96887332 100644
--- a/rsconcept/frontend/src/styling/styles.css
+++ b/rsconcept/frontend/src/styling/styles.css
@@ -49,17 +49,40 @@
     }
   }
 
-  :is(.clr-app, .clr-footer, .cc-modal-backdrop, .clr-btn-nav, .clr-input:disabled) {
+  :is(.clr-app, .clr-btn-nav) {
     background-color: var(--cl-bg-100);
     .dark & {
       background-color: var(--cd-bg-100);
     }
   }
 
-  :is(.clr-input) {
+  .clr-footer {
+    color: var(--cl-fg-60);
+    background-color: var(--cl-bg-100);
+    .dark & {
+      color: var(--cd-fg-60);
+      background-color: var(--cd-bg-100);
+    }
+  }
+
+  .cc-modal-backdrop {
+    opacity: 0.5;
+    background-color: var(--cl-bg-100);
+    .dark & {
+      background-color: var(--cd-bg-100);
+    }
+  }
+
+  .clr-input {
     background-color: var(--cl-bg-120);
+    &:disabled {
+      background-color: var(--cl-bg-100);
+    }
     .dark & {
       background-color: var(--cd-bg-120);
+      &:disabled {
+        background-color: var(--cd-bg-100);
+      }
     }
   }
 
@@ -126,13 +149,6 @@
     }
   }
 
-  .clr-footer {
-    color: var(--cl-fg-60);
-    .dark & {
-      color: var(--cd-fg-60);
-    }
-  }
-
   :is(.clr-text-controls, .clr-btn-nav, .clr-btn-clear) {
     color: var(--cl-fg-80);
     &:disabled {
@@ -153,7 +169,7 @@
     }
   }
 
-  :is(.clr-text-default, input:disabled, textarea:disabled) {
+  :is(.clr-text-default, input:disabled:not(::placeholder), textarea:disabled:not(::placeholder)) {
     opacity: 1;
     -webkit-text-fill-color: var(--cl-fg-100);
     color: var(--cl-fg-100);
@@ -210,10 +226,6 @@
     backdrop-filter: blur(2px);
   }
 
-  .cc-modal-backdrop {
-    opacity: 0.5;
-  }
-
   .cc-label {
     @apply text-sm font-medium cursor-default select-text whitespace-nowrap;
   }