Initial commit

popup/css/popup.css

@@ -0,0 +1,57 @@
+html, body {
+  font-family: sans;
+  margin: 0;
+  padding: 0;
+}
+
+.popup {
+  --color-bg: #eeeeee;
+  --color-text: #333333;
+  --color-accent: #666666;
+
+  --step: 8px;
+}
+
+@media (prefers-color-scheme: dark) {
+  .popup {
+    --color-bg: darkgray;
+    --color-text: white;
+    --color-accent: blue;
+  }
+}
+
+/* Controls */
+
+*:focus-visible {
+  outline-color: var(--color-accent);
+  outline-offset: 2px;
+  outline-style: solid;
+  outline-width: 1px;
+}
+
+/* Button */
+
+button {
+  background: var(--color-bg);
+
+  border-radius: 0;
+  border: 1px solid var(--color-text);
+
+  color: var(--color-text);
+
+  cursor: pointer;
+  font: inherit;
+
+  padding: var(--step);
+}
+
+button:active {
+  border-color: var(--color-accent);
+  color: var(--color-accent);
+}
+
+/* Link */
+
+a {
+  color: var(--color-accent);
+}