style: update font sizes, weights, and letter-spacing for improved readability and consistency across various components

Entire-Checkpoint: e6dee91f3aee
This commit is contained in:
4gray committed 2026-03-26 08:12:50 +01:00
1 parent cd4121f798
commit 251b922659
26 files changed
+115 -93

No files matched your search

@@ -66,14 +66,15 @@
}
.empty-title {
font-size: 14px;
font-weight: 500;
font-size: 1.05rem;
font-weight: 520;
letter-spacing: -0.01em;
margin: 0 0 8px;
}
.empty-hint {
font-size: 12px;
opacity: 0.7;
font-size: 0.85rem;
opacity: 0.65;
margin: 0;
max-width: 260px;
}
@@ -19,9 +19,9 @@
overflow-y: auto;
overflow-x: hidden;
scrollbar-width: none;
--rail-link-color: var(--mat-sys-on-surface-variant);
--rail-link-hover-color: var(--mat-sys-on-surface);
--rail-link-hover-bg: var(--mat-sys-surface-container);
--rail-link-color: color-mix(in srgb, var(--app-on-surface) 65%, transparent);
--rail-link-hover-color: var(--app-on-surface);
--rail-link-hover-bg: var(--app-hover-overlay);
--rail-link-active-bg: var(--app-selection-surface);
--rail-link-active-bg-strong: var(--app-selection-surface-strong);
--rail-link-active-color: var(--app-selection-color);
@@ -127,8 +127,8 @@
padding: 5px 2px;
margin: 4px 0;
border-radius: 14px;
background: color-mix(in srgb, var(--mat-sys-on-surface) 3%, transparent);
border: 1px solid color-mix(in srgb, var(--mat-sys-on-surface) 4%, transparent);
background: color-mix(in srgb, var(--app-on-surface) 3%, transparent);
border: 1px solid color-mix(in srgb, var(--app-on-surface) 4%, transparent);
position: relative;
animation: region-enter 0.25s ease-out both;
@@ -195,7 +195,7 @@
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--mat-sys-on-surface-variant);
color: color-mix(in srgb, var(--app-on-surface) 65%, transparent);
app-region: no-drag;
mat-icon {
@@ -205,8 +205,8 @@
}
&:hover:not(.is-active) {
background: var(--app-selection-surface);
color: var(--mat-sys-on-surface);
background: var(--app-hover-overlay);
color: var(--app-on-surface);
}
&.is-active::after {
@@ -96,6 +96,7 @@
font-size: 0.72rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.04em;
letter-spacing: 0.08em;
color: var(--mat-sys-on-surface-variant);
opacity: 0.6;
}
@@ -23,7 +23,8 @@
.sources-title {
margin: 0;
font-size: 1.2rem;
font-weight: 600;
font-weight: 650;
letter-spacing: -0.02em;
}
.sources-subtitle {