new

styles/controls.css

@@ -0,0 +1,36 @@
+
+
+#control {
+  padding: 4px;
+  background-color: var(--surface);
+}
+
+#control.invert {
+  background-color: var(--surface);
+  border-radius: 12px;
+}
+
+#button-volume,
+#button-mic,
+#button-brightness {
+  color: var(--surface-bright);
+  border: 3px solid var(--primary);
+}
+
+#button-volume.muted,
+#button-mic.muted {
+  color: var(--surface-bright);
+  border: 3px solid var(--outline);
+}
+
+#vol-label,
+#mic-label,
+#brightness-label {
+  font-size: 16px;
+}
+
+#vol-label.muted,
+#mic-label.muted {
+  color: var(--outline);
+}
+