Checkpoint

ui/src/styles/theme/_utilities.scss

@@ -0,0 +1,56 @@
+/* Color Utilities */
+.text-primary {
+  color: var(--app-text);
+}
+
+.text-muted {
+  color: var(--app-text-muted);
+}
+
+.text-subtle {
+  color: var(--app-text-subtle);
+}
+
+.text-code {
+  color: var(--app-text-code);
+}
+
+.text-accent-primary {
+  color: var(--app-accent-primary);
+}
+
+.text-accent-yellow {
+  color: var(--app-accent-yellow);
+}
+
+.text-success {
+  color: var(--app-status-success);
+}
+
+.text-warning {
+  color: var(--app-status-warning);
+}
+
+.text-error {
+  color: var(--app-status-error);
+}
+
+.text-info {
+  color: var(--app-status-info);
+}
+
+.bg-primary {
+  background-color: var(--app-bg);
+}
+
+.bg-elevated {
+  background-color: var(--app-bg-elevated);
+}
+
+.border-primary {
+  border-color: var(--app-border-color);
+}
+
+.border-active {
+  border-color: var(--app-border-color-active);
+}