dark mode accommodations

5 years ago · 50e729318c
1 changed files with 15 additions and 0 deletions
--- a/web/styles/chat.scss
+++ b/web/styles/chat.scss
@ -10,6 +10,11 @@
				@@ -10,6 +10,11 @@
    .ant-table-cell {
      color: rgba(0,0,0,.25)
    }
+    @media (prefers-color-scheme: dark) {
+      .ant-table-cell {
+        color: rgba(255,255,255,.25)
+      }
+    }
  }
  .ant-table-cell {
    font-size: 12px;
@ -55,6 +60,11 @@
				@@ -55,6 +60,11 @@
      .label {
        color: #000;
      }
+      @media (prefers-color-scheme: dark) {
+        .label {
+          color: #fff;
+        }
+      }
    }

    .label {
@ -104,4 +114,9 @@
				@@ -104,4 +114,9 @@
  .ant-btn-text:hover {
    background-color: rgba(0,0,0,.1)
  }
+  @media (prefers-color-scheme: dark) {
+    .ant-btn-text:hover {
+      background-color: rgba(255,255,255,.3)
+    }
+  }
 }