theming

1 files changed, 18 insertions, 14 deletions

diff --git a/src/client/util/reportManager/ReportManager.scss b/src/client/util/reportManager/ReportManager.scss
index 81af41cb0..f1ae6c387 100644
--- a/src/client/util/reportManager/ReportManager.scss
+++ b/src/client/util/reportManager/ReportManager.scss
@@ -2,8 +2,8 @@
 
 // header
 
-$text-gray: #64748b;
-$outline-gray: #cbd5e1;
+$text-gray: #555555;
+$outline-gray: #9c9c9c;
 
 .report-header {
     display: flex;
@@ -41,14 +41,14 @@ $outline-gray: #cbd5e1;
     display: flex;
     flex-direction: column;
     gap: 16px;
-    background-color: #ffffff;
+    // background-color: #ffffff;
     text-align: left;
     position: relative;
 
     .report-label {
         font-size: 14px;
         font-weight: 400;
-        color: $text-gray;
+        // color: $text-gray;
     }
 
     .report-section {
@@ -61,6 +61,7 @@ $outline-gray: #cbd5e1;
         height: 80px;
         padding: 8px;
         resize: vertical;
+        background: transparent;
         // resize: none;
     }
 
@@ -69,10 +70,12 @@ $outline-gray: #cbd5e1;
         flex-direction: column;
         align-items: stretch;
         gap: 16px;
+        background-color: transparent;
 
         .report-select {
             padding: 8px;
             border-color: $outline-gray;
+            background-color: transparent;
 
             .report-opt {
                 padding: 8px;
@@ -88,6 +91,7 @@ $outline-gray: #cbd5e1;
     padding: 8px;
     padding-left: 0;
     transition: all 0.2s ease;
+    background: transparent;
 
     &:hover {
         border-bottom-color: $text-gray;
@@ -118,7 +122,7 @@ $outline-gray: #cbd5e1;
         display: flex;
         flex-direction: column;
         gap: 16px;
-        background-color: #ffffff;
+        // background-color: #ffffff;
         text-align: left;
         position: relative;
 
@@ -153,7 +157,7 @@ $outline-gray: #cbd5e1;
 .issue-card {
     cursor: pointer;
     padding: 16px;
-    background-color: #ffffff;
+    // background-color: #ffffff;
     border: 1px solid $outline-gray;
     transition: all 0.1s ease;
     display: flex;
@@ -173,7 +177,7 @@ $outline-gray: #cbd5e1;
         cursor: pointer;
         font-size: 14px;
         font-weight: 400;
-        color: $text-gray;
+        // color: $text-gray;
         padding: 0;
         margin: 0;
     }
@@ -206,14 +210,14 @@ $outline-gray: #cbd5e1;
 .dropzone {
     padding: 2rem;
     border-radius: 0.5rem;
-    border: 2px dashed #f1f5f9;
+    border: 2px dashed $outline-gray;
 
     .dropzone-instructions {
         display: flex;
         flex-direction: column;
         align-items: center;
         gap: 16px;
-        color: $text-gray;
+        // color: $text-gray;
 
         p {
             text-align: center;
@@ -226,7 +230,7 @@ $outline-gray: #cbd5e1;
     margin: 0;
     padding: 0;
     font-size: 14px;
-    color: $text-gray;
+    // color: $text-gray;
     width: 100%;
     overflow-x: auto;
     list-style-type: none;
@@ -251,13 +255,13 @@ $outline-gray: #cbd5e1;
     display: flex;
     flex-direction: column;
     gap: 16px;
-    background-color: #ffffff;
+    // background-color: #ffffff;
     text-align: left;
     position: relative;
     overflow: auto;
 
     .issue-label {
-        color: $text-gray;
+        // color: $text-gray;
 
         .issue-link {
             cursor: pointer;
@@ -273,12 +277,12 @@ $outline-gray: #cbd5e1;
 
     .issue-date {
         font-size: 14px;
-        color: $text-gray;
+        // color: $text-gray;
     }
 
     .issue-content {
         font-size: 14px;
-        color: $text-gray;
+        // color: $text-gray;
     }
 }