Merge branch 'chore/font-audit-text-tokens' into 'main'

chore(theme): font audit — arbitrary px → semantic tokens (1/6 Stage 3.x)

See merge request 2-6/2-6-4/terravault/ordinis!135
This commit is contained in:
Александр Зимин
2026-05-12 12:09:53 +00:00
4 changed files with 6 additions and 6 deletions
@@ -207,7 +207,7 @@ function SidebarContent({
</g> </g>
</svg> </svg>
{!collapsed && ( {!collapsed && (
<span className="font-display text-[15px] font-semibold leading-none tracking-[0.22em] text-ink inline-flex items-baseline gap-1.5"> <span className="font-display text-title-md leading-none tracking-[0.22em] text-ink inline-flex items-baseline gap-1.5">
ORDINIS ORDINIS
<span className="text-mute font-normal tracking-[0.32em] text-[0.78em]">MDM</span> <span className="text-mute font-normal tracking-[0.32em] text-[0.78em]">MDM</span>
</span> </span>
@@ -65,11 +65,11 @@ const NeighborCard = ({
}`} }`}
aria-hidden="true" aria-hidden="true"
/> />
<h4 className="font-sans text-[14px] font-semibold text-accent truncate group-hover:underline"> <h4 className="font-sans text-body font-semibold text-accent truncate group-hover:underline">
{dict.displayName ?? dict.name} {dict.displayName ?? dict.name}
</h4> </h4>
</div> </div>
<div className="mt-0.5 font-mono text-[10px] text-mute truncate"> <div className="mt-0.5 text-mono text-mute truncate">
{dict.name} {dict.name}
</div> </div>
</Link> </Link>
@@ -177,7 +177,7 @@ export function DictionaryHubView({ detail }: { detail: DictionaryDetail }) {
{detail.name} {detail.name}
</div> </div>
{detail.description && ( {detail.description && (
<p className="text-[13px] text-ink mt-3 leading-relaxed"> <p className="text-body text-ink mt-3 leading-relaxed">
{detail.description} {detail.description}
</p> </p>
)} )}
@@ -1870,7 +1870,7 @@ function JsonTabContent({ detail }: { detail: { schemaJson: import('@/api/client
* bg-surface-2 который user feedback'нул как «желтый кремовый». * bg-surface-2 который user feedback'нул как «желтый кремовый».
* Highlight token colors (text-accent/green/pink/warn) работают на * Highlight token colors (text-accent/green/pink/warn) работают на
* тёмном фоне OK благодаря accessible contrast. */} * тёмном фоне OK благодаря accessible contrast. */}
<pre className="rounded-lg border border-[#3d3863] bg-[#0c0a23] p-4 overflow-x-auto text-[12px] font-mono text-[#f0eaff] whitespace-pre"> <pre className="rounded-lg border border-[#3d3863] bg-[#0c0a23] p-4 overflow-x-auto text-cell font-mono text-[#f0eaff] whitespace-pre">
<code dangerouslySetInnerHTML={{ __html: highlightJson(json) }} /> <code dangerouslySetInnerHTML={{ __html: highlightJson(json) }} />
</pre> </pre>
</div> </div>
+1 -1
View File
@@ -38,7 +38,7 @@ export const Alert = React.forwardRef<HTMLDivElement, AlertProps>(
<div className="flex items-start justify-between gap-3"> <div className="flex items-start justify-between gap-3">
<div className="min-w-0 flex-1"> <div className="min-w-0 flex-1">
{title && <div className="font-medium mb-0.5">{title}</div>} {title && <div className="font-medium mb-0.5">{title}</div>}
<div className="text-ink-2 text-[13px] leading-snug">{children}</div> <div className="text-ink-2 text-body leading-snug">{children}</div>
</div> </div>
{action && <div className="shrink-0 flex items-center gap-2">{action}</div>} {action && <div className="shrink-0 flex items-center gap-2">{action}</div>}
</div> </div>