apply borderless view in dark mode

marimo-team · Feb 7, 2025 · e362178 · e362178
1 parent e40879e
commit e362178
Showing 1 changed file with 16 additions and 8 deletions.
diff --git a/frontend/src/css/app/Cell.css b/frontend/src/css/app/Cell.css
@@ -202,14 +202,7 @@
 
   /* Borderless styles for Cell */
   &.borderless {
-    border-color: transparent;
-    box-shadow: none;
-
-    /* Apply the original styles */
-    &:hover {
-      border: 1px solid var(--gray-4);
-      @apply shadow-smSolid shadow-shade;
-    }
+    @apply borderless-common;
   }
 
   /* -------------------------- Shoulders/Buttons ---------------------------- */
@@ -233,8 +226,23 @@
   @apply bg-background;
 }
 
+.borderless-common {
+  border-color: transparent;
+  box-shadow: none;
+
+  /* Apply the original styles */
+  &:hover {
+    border: 1px solid var(--gray-4);
+    @apply shadow-smSolid shadow-shade;
+  }
+}
+
 .dark .Cell {
   @apply border-border;
+
+  &.borderless {
+    @apply borderless-common;
+  }
 }
 
 #App.disconnected {