Refactor: introduce CSS variables for model type colors and update linker UI to use them

2026-05-28 15:57:04 +02:00
parent 93c5cad1d5
commit ba9ae41f1e
2 changed files with 85 additions and 42 deletions
@@ -156,4 +156,44 @@
    --ml-missing-chip-radius: 999px;
    --ml-missing-chip-height: 20px;
    --ml-missing-chip-icon-size: var(--ml-spacing-12);
+    --ml-type-chip-bg-alpha-strong: 0.155;
+    --ml-type-chip-bg-alpha: 0.12;
+    --ml-type-chip-border-alpha: 0.26;
+    --ml-type-chip-glow-alpha: 0.045;
+    --ml-type-generic-rgb: 176, 176, 176;
+    --ml-type-generic-text: #d6d6d6;
+    --ml-type-model-rgb: 179, 157, 219;
+    --ml-type-model-text: #dbcfff;
+    --ml-type-lora-rgb: 194, 255, 174;
+    --ml-type-lora-text: #d7ffcb;
+    --ml-type-style-model-rgb: 194, 255, 174;
+    --ml-type-style-model-text: #d7ffcb;
+    --ml-type-clip-rgb: 255, 213, 0;
+    --ml-type-clip-text: #ffe678;
+    --ml-type-clip-vision-rgb: 168, 218, 220;
+    --ml-type-clip-vision-text: #c7eff0;
+    --ml-type-clip-vision-output-rgb: 173, 116, 82;
+    --ml-type-clip-vision-output-text: #e8b79a;
+    --ml-type-conditioning-rgb: 255, 169, 49;
+    --ml-type-conditioning-text: #ffd08c;
+    --ml-type-controlnet-rgb: 110, 231, 183;
+    --ml-type-controlnet-text: #b1f4db;
+    --ml-type-image-rgb: 100, 181, 246;
+    --ml-type-image-text: #b9dcff;
+    --ml-type-latent-rgb: 255, 156, 249;
+    --ml-type-latent-text: #ffc8fb;
+    --ml-type-mask-rgb: 129, 199, 132;
+    --ml-type-mask-text: #bdebc0;
+    --ml-type-vae-rgb: 255, 110, 110;
+    --ml-type-vae-text: #ffb8b8;
+    --ml-type-noise-rgb: 176, 176, 176;
+    --ml-type-noise-text: #d6d6d6;
+    --ml-type-sampler-rgb: 236, 180, 180;
+    --ml-type-sampler-text: #f2cccc;
+    --ml-type-sigmas-rgb: 205, 255, 205;
+    --ml-type-sigmas-text: #dcffdc;
+    --ml-type-guider-rgb: 102, 255, 255;
+    --ml-type-guider-text: #c7ffff;
+    --ml-type-taesd-rgb: 220, 194, 116;
+    --ml-type-taesd-text: #efd991;
 }