Merge pull request #2923 from shubhamkumar9199/fix/dark-theme-issue-in-notes

WEB-516:Fix update notes section styling for dark theme
2025-12-22 15:11:09 -05:00
parent 5c934da5b9 0accdc0737
commit e819010a2b
1 changed files with 46 additions and 0 deletions
@@ -282,4 +282,50 @@ body.dark-theme {
  .select-row:hover {
    background-color: rgb(255 255 255 / 8%) !important;
  }
+
+  // Notes section dark theme styling
+  mifosx-entity-notes-tab {
+    .tab-container {
+      h3 {
+        color: white;
+      }
+    }
+
+    .note-card {
+      background-color: #303135;
+      border-color: #424242;
+      color: white;
+
+      &:hover {
+        box-shadow: 0 4px 8px rgb(0 0 0 / 30%);
+        border-color: #555;
+      }
+    }
+
+    .note-content {
+      color: white;
+    }
+
+    .note-footer {
+      border-top-color: #424242;
+    }
+
+    .note-meta {
+      color: rgb(255 255 255 / 70%);
+    }
+
+    .created-by {
+      color: #0098ff;
+    }
+
+    .created-date {
+      color: rgb(255 255 255 / 60%);
+    }
+
+    .empty-state {
+      background-color: #303135;
+      color: rgb(255 255 255 / 70%);
+      border-color: #424242;
+    }
+  }
 }