From f69b89dcbd8d850943ef23cda6be7442465d2a46 Mon Sep 17 00:00:00 2001
From: Ivan Gabriele <ivan.gabriele@protonmail.com>
Date: Mon, 26 Feb 2024 11:11:39 +0100
Subject: [PATCH] style: remove Rsuite table classes from rsuite-override.css

---
 src/assets/stylesheets/rsuite-override.css | 100 ---------------------
 src/fields/MultiSelect.tsx                 |   4 +-
 2 files changed, 2 insertions(+), 102 deletions(-)

diff --git a/src/assets/stylesheets/rsuite-override.css b/src/assets/stylesheets/rsuite-override.css
index 205c428d4..83a10111a 100644
--- a/src/assets/stylesheets/rsuite-override.css
+++ b/src/assets/stylesheets/rsuite-override.css
@@ -156,23 +156,11 @@
   z-index: 99;
 }
 
-.rs-table:not(.rs-table-column-resizing) .rs-table-cell-header .rs-table-cell:hover ~ .rs-table-column-resize-spanner,
-.rs-table:not(.rs-table-column-resizing) .rs-table-column-resize-spanner:hover {
-  background-color: var(--slateGray);
-}
-
-.rs-table-column-resize-spanner::before {
-  border-color: transparent var(--slateGray) transparent transparent;
-}
 
 .rs-modal-body {
   padding: 20px 25px 0 25px !important;
 }
 
-.rs-table-body-info {
-  font-size: 13px;
-  color: var(--slateGray);
-}
 
 .rs-modal-full .rs-modal-dialog {
   width: 100%;
@@ -204,58 +192,7 @@
   font-weight: normal;
 }
 
-.rs-table-cell-header,
-.rs-table-cell[role='columnheader'],
-.rs-table-cell-header:focus,
-.rs-table-cell[role='columnheader']:focus,
-.rs-table-cell-header:hover,
-.rs-table-cell[role='columnheader']:hover {
-  background: var(--gainsboro);
-  color: white;
-}
-
-.rs-table-hover .rs-table-row-header:hover .rs-table-cell-group,
-.rs-table-hover .rs-table-row-header:hover .rs-table-cell {
-  background: var(--gainsboro);
-}
-
-.rs-table-cell[role='columnheader'] > .rs-table-cell-content {
-  color: var(--slateGray);
-}
-
-.rs-table-cell {
-  border: 1px solid #e0e0e0;
-}
-
-.rs-table-cell-content {
-  font-size: 13px;
-  font-weight: 500;
-  color: var(--gunMetal);
-  text-align: left;
-}
-
-.rs-table-cell-content > input {
-  border: none;
-  width: inherit;
-  background: none;
-  padding-left: 15px;
-  font-size: 13px;
-  font-weight: normal;
-  color: var(--gunMetal);
-}
-
-.rs-table-scrollbar-handle,
-.rs-table-scrollbar-handle:hover,
-.rs-table-scrollbar-handle:focus {
-  position: absolute;
-  background-color: #575757;
-  border-radius: 4px;
-}
 
-.rs-table-cell-content > .rs-checkbox {
-  margin-top: -10px;
-  margin-left: -10px;
-}
 
 .rs-modal-header-close {
   background: unset;
@@ -265,43 +202,6 @@
   color: var(--gainsboro) !important;
 }
 
-.rs-table-cell-header .rs-table-cell-content {
-  padding: 10px 7px;
-}
-
-.rs-table-cell-header-icon-sort {
-  color: var(--slateGray);
-  line-height: 1.66666667;
-  position: absolute;
-  right: 9px;
-  top: 10px;
-}
-
-.rs-table-cell-header-icon-sort-asc::after {
-  color: var(--slateGray);
-}
-
-.rs-table-cell-header-icon-sort-desc::after {
-  color: var(--slateGray);
-}
-
-.rs-table-hover .rs-table-row:not(.rs-table-row-header):hover,
-.rs-table-hover .rs-table-row:hover .rs-table-cell-group,
-.rs-table-hover .rs-table-row:hover .rs-table-cell {
-  background: var(--blue-yonder-25) !important;
-}
-
-.rs-table-cell,
-.rs-table-cell-group,
-.rs-table-row {
-  -webkit-transition: background-color 0.1s linear !important;
-  transition: background-color 0.1s linear !important;
-}
-
-.rs-table-row-expanded {
-  height: 100px !important;
-  background: white !important;
-}
 
 .rs-plaintext {
   font-size: 13px !important;
diff --git a/src/fields/MultiSelect.tsx b/src/fields/MultiSelect.tsx
index 81b3c71b7..2a927c482 100644
--- a/src/fields/MultiSelect.tsx
+++ b/src/fields/MultiSelect.tsx
@@ -189,13 +189,13 @@ const Box = styled(StyledRsuitePickerBox)`
       /* Selected tags */
       > [role='listbox'] {
         > [role='option'] {
-          background-color: ${p => (p.$isLight ? p.theme.color.white : p.theme.color.gainsboro)};
+          background-color: ${p => (p.$isLight ? p.theme.color.gainsboro : p.theme.color.white)};
           font-size: 11px;
           line-height: 1.3636; // = 15px
           margin: 5px 0 0 5px;
 
           > .rs-tag-icon-close {
-            border-left: solid 1px ${p => (p.$isLight ? p.theme.color.gainsboro : p.theme.color.white)};
+            border-left: solid 1px ${p => (p.$isLight ? p.theme.color.white : p.theme.color.gainsboro)};
             bottom: 1px;
             padding: 3px 4px 3px 4px;