[gephi-lite] fix dark theme

Author: sim51

packages/gephi-lite/src/styles/_data-table.scss

@@ -42,6 +42,7 @@ $table-editable-columns-cell-hover-bg: color-mix(
         display: flex;
         font-weight: $font-weight-base;
         position: relative;
+        color: var(--gl-body-color);
 
         border-width: 0;
         border-right-width: var(--bs-border-width);

packages/gephi-lite/src/styles/gl/_base.scss

@@ -101,3 +101,10 @@ blockquote {
     var(--gl-body-color) $gl-sys-proportion-component-hover-color-mix
   );
 }
+
+a:not(.gl-btn) {
+  color: var(--gl-body-color) !important;
+  &:hover {
+    color: rgba(var(--gl-body-color-rgb), 0.9) !important;
+  }
+}

packages/gephi-lite/src/styles/gl/_variables.scss

@@ -201,8 +201,8 @@ $colors-dark: (
   "component-border-color": $gl-sys-color-dark-component-border,
   // Table
   "table-border-color": $gl-sys-color-dark-bg-highest,
-  "table-column-cell-editable-bg": $gl-sys-color-dark-bg-highest,
-  "table-column-cell-non-editable-bg": $gl-sys-color-bg-highest,
+  "table-column-cell-editable-bg": $gl-sys-color-dark-bg-higher,
+  "table-column-cell-non-editable-bg": $gl-sys-color-dark-bg-higher,
   "table-column-header-editable-bg": $gl-sys-color-dark-bg-higher,
   "table-column-header-non-editable-bg": $gl-sys-color-dark-bg-high,
   //Shadows

packages/gephi-lite/src/views/graphPage/GraphRendering.tsx

@@ -65,15 +65,15 @@ const InteractionsController: FC = () => {
   const { isFullScreen, toggle } = useFullScreen();
   const sigma = useSigmaAtom();
 
-  const btnClassName = "gl-btn gl-btn-icon gl-btn-outline bg-white";
+  const btnClassName = "gl-btn gl-btn-icon gl-btn-outline bg-body";
   const zoomOptions = { duration: 200, factor: 1.5 };
 
   return (
     <div className="position-absolute d-flex flex-column sigma-controls gl-gap-1" style={{ right: 10, bottom: 10 }}>
       {GRAPH_SELECTION_MODES.map((mode) => (
         <button
           key={mode}
-          className={cx("gl-btn gl-btn-icon", mode === graphSelectionMode ? "gl-btn-fill" : "gl-btn-outline bg-white")}
+          className={cx("gl-btn gl-btn-icon", mode === graphSelectionMode ? "gl-btn-fill" : "gl-btn-outline bg-body")}
           onClick={() => setMode(mode)}
           title={t(`selection.${mode}`)}
         >