Tweak some colors

src/style.css

@@ -101,9 +101,12 @@ button:focus-visible {
   box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
   cursor: pointer;
 }
-.card:hover {
+.card:hover, .card:focus {
   background-color: #2a2a2a;
 }
+.card:active {
+  background-color: #3a3a3a;
+}
 
 graph-editor {
   display: block;
@@ -232,8 +235,18 @@ th, td {
     color: #213547;
     background-color: #ffffff;
   }
+  .card {
+    background-color: #f0f0f0;
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
+  }
+  .card:hover, .card:focus {
+    background-color: #e0e0e0;
+  }
+  .card:active {
+    background-color: #d0d0d0;
+  }
   button, .button {
-    background-color: #f9f9f9;
+    background-color: #e9e9e9;
   }
   .context-menu {
     background: white;
@@ -246,4 +259,10 @@ th, td {
   .context-menu li:active {
     background-color: #e0e0e0;
   }
+  th, td {
+    border-bottom: thin solid hsla(0, 0%, 0%, .12);
+  }
+  .modal-content {
+    background-color: #f0f0f0;
+  }
 }