feat: add dark theme support

app/components/button.module.scss

@@ -0,0 +1,45 @@
+.icon-button {
+  background-color: var(--white);
+  border-radius: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 10px;
+
+  box-shadow: var(--card-shadow);
+  cursor: pointer;
+  transition: all 0.3s ease;
+  overflow: hidden;
+  user-select: none;
+}
+
+.border {
+  border: var(--border-in-light);
+}
+
+.icon-button:hover {
+  filter: brightness(0.9) hue-rotate(0.01turn);
+}
+
+.icon-button-icon {
+  width: 16px;
+  height: 16px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+@media (prefers-color-scheme: dark) {
+  div:not(:global(.no-dark)) > .icon-button-icon {
+    filter: invert(0.5);
+  }
+
+  .icon-button:hover {
+    filter: brightness(1.2) hue-rotate(0.01turn);
+  }
+}
+
+.icon-button-text {
+  margin-left: 5px;
+  font-size: 12px;
+}