feature/IO-1113-Online-Dark-Mode - Initial Commit

client/src/components/chat-media-selector/chat-media-selector.styles.scss

@@ -5,7 +5,7 @@
     max-height: 480px;
     overflow-y: auto;
     padding: 8px;
-    background-color: #fff;
+    background-color: var(--popover-bg);
     border-radius: 8px;
   }
 }
@@ -17,7 +17,7 @@
 }
 
 .error-message {
-  color: red;
+  color: var(--error-text);
   font-size: 12px;
   text-align: center;
   margin-bottom: 8px;
@@ -25,14 +25,13 @@
 
 .no-jobs-message {
   font-size: 14px;
-  color: #888;
+  color: var(--no-jobs-text);
   text-align: center;
   padding: 8px;
 }
 
 /* Style images within gallery components */
 .media-selector-content img {
-
   object-fit: cover;
   border-radius: 4px;
   margin: 4px;
@@ -40,8 +39,8 @@
 }
 
 /* Grid layout for gallery components */
-.media-selector-content .ant-image, /* Assuming gallery components use Ant Design's Image */
-.media-selector-content .gallery-container { /* Fallback for custom gallery classes */
+.media-selector-content .ant-image,
+.media-selector-content .gallery-container {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
   gap: 4px;