Style tooling surfaces within shared shell

This commit is contained in:
2026-03-21 13:22:33 +01:00
parent 8b34851010
commit a7bacbabfc
7 changed files with 47 additions and 13 deletions

View File

@@ -11,7 +11,7 @@
<span class="shell-primary-nav-label">Curation</span>
</NavLink>
<NavLink class="shell-primary-nav-link" href="tools">
<NavLink class="shell-primary-nav-link is-tools-link" href="tools">
<span class="shell-primary-nav-label">Tools</span>
</NavLink>
</div>

View File

@@ -31,6 +31,20 @@
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16);
}
.shell-primary-nav-link.is-tools-link {
color: color-mix(in srgb, var(--info-3) 42%, var(--text-secondary));
}
.shell-primary-nav-link.is-tools-link:hover {
background: color-mix(in srgb, var(--surface-tooling) 86%, transparent);
border-color: color-mix(in srgb, var(--info-2) 35%, var(--border-default));
}
.shell-primary-nav-link.is-tools-link.active {
background: color-mix(in srgb, var(--surface-tooling) 92%, var(--surface-2));
border-color: color-mix(in srgb, var(--info-2) 46%, var(--border-default));
}
.shell-primary-nav-label {
font-size: 0.92rem;
line-height: 1;