Tweak some colors

5 months ago · 8a0afe5f88
parent 1f24556a48
commit 8a0afe5f88
1 changed files with 21 additions and 2 deletions
--- a/src/style.css
+++ b/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;
+  }
 }