fix(site): soften cluster header hover and selected highlight

This commit is contained in:
Meysam Parvizi
2026-10-10 04:38:48 +02:00
parent 3150cc358d
commit da88157952
+8 -13
View File
@@ -277,17 +277,12 @@
.header-bg {
fill: transparent;
stroke: transparent;
stroke-width: 2;
transition: fill 0.15s;
}
.box.header.target:hover .header-bg {
fill: color-mix(in srgb, var(--accent) 16%, transparent);
}
.box.header.lit .header-bg {
fill: color-mix(in srgb, var(--accent) 9%, transparent);
.box.header.target:hover .header-bg,
.box.header.selected .header-bg {
fill: color-mix(in srgb, var(--accent) 14%, transparent);
}
.group-tag.target:hover .tag-bg {
@@ -300,17 +295,17 @@
stroke-width: 3;
}
.box.header.selected .header-bg {
stroke: var(--text);
}
.box.target:focus-visible .box-bg,
.box.header.target:focus-visible .header-bg,
.group-tag.target:focus-visible .tag-bg {
stroke: var(--accent);
stroke-width: 3.5;
}
.box.header.target:focus-visible .header-bg {
stroke: var(--accent);
stroke-width: 2;
}
.layer-boxes .box {
transition: opacity 0.2s;
}