brush picker!

static/base.css

@@ -9,6 +9,7 @@
     --color-panel-border: rgba(0, 0, 0, 20%);
     --color-panel-background: #fff;
     --color-shaded-background: rgba(0, 0, 0, 5%);
+    --color-active-background: rgba(0, 0, 0, 10%);
 
     --dialog-backdrop: rgba(255, 255, 255, 0.5);
 
@@ -53,10 +54,28 @@ textarea {
 /* Buttons */
 
 button {
+    color: var(--color-text);
+
     border: 1px solid var(--color-panel-border);
     border-radius: 9999px;
     padding: 0.5rem 1.5rem;
-    background-color: var(--color-panel-background);
+    background: none;
+
+    &:hover:not(:disabled) {
+        background-color: var(--color-shaded-background);
+    }
+
+    &:active:not(:disabled) {
+        background-color: var(--color-active-background);
+    }
+
+    &:disabled {
+        opacity: 50%;
+    }
+}
+
+button.destructive {
+    color: var(--color-error);
 }
 
 button.icon {