xTr1m/RolemasterDB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update frontend typography system

Browse Source
This commit is contained in:
Frank Tovar
2026-03-21 13:09:07 +01:00
parent 26591424d0
commit d3b7819df3
3 changed files with 24 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/RolemasterDb.App/Components/App.razor
View File

@@ -8,7 +8,7 @@
<ResourcePreloader />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Domine:wght@400&family=Source%20Sans%203:wght@400;500&display=swap" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600&family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;600&display=swap" />
<link rel="stylesheet" href="@Assets["lib/bootstrap/dist/css/bootstrap.min.css"]" />
<link rel="stylesheet" href="@Assets["app.css"]" />
<link rel="stylesheet" href="@Assets["RolemasterDb.App.styles.css"]" />

28
src/RolemasterDb.App/wwwroot/app.css
View File

@@ -35,8 +35,10 @@
--info-1: #e5eef4;
--info-2: #9fb8c8;
--info-3: #4f7086;
--font-body: "Domine", Georgia, serif;
--font-heading: "Source Sans 3", "Segoe UI", sans-serif;
--font-display: "Fraunces", Georgia, serif;
--font-body: "IBM Plex Sans", "Segoe UI", sans-serif;
--font-ui: "IBM Plex Sans", "Segoe UI", sans-serif;
--font-mono: "IBM Plex Mono", Consolas, "Courier New", monospace;
/* Temporary compatibility aliases while existing page styles are migrated. */
--paper: var(--bg-canvas);
@@ -79,12 +81,16 @@ h3,
h4,
h5,
h6,
.panel-title {
font-family: var(--font-display);
font-weight: 500;
}
label,
button,
summary,
th,
.eyebrow,
.panel-title,
.detail-label,
.branch-condition,
.critical-branch-condition,
@@ -95,8 +101,8 @@ th,
.affix-badge,
.table-list-title,
.legend-label {
font-family: var(--font-heading);
font-weight: 400;
font-family: var(--font-ui);
font-weight: 500;
}
strong,
@@ -119,6 +125,12 @@ textarea {
font: inherit;
}
code,
pre,
.code-block {
font-family: var(--font-mono);
}
.dashboard-grid {
display: grid;
gap: 1.25rem;
@@ -647,7 +659,7 @@ textarea {
.table-select-trigger-title {
color: var(--ink);
font-family: var(--font-heading);
font-family: var(--font-ui);
}
.table-select-trigger-chips,
@@ -733,7 +745,7 @@ textarea {
.table-select-option-title {
color: var(--ink);
font-family: var(--font-heading);
font-family: var(--font-ui);
font-weight: 400;
white-space: nowrap;
overflow: hidden;
@@ -1290,7 +1302,7 @@ textarea {
padding: 0.9rem 1rem;
cursor: pointer;
list-style: none;
font-family: var(--font-heading);
font-family: var(--font-ui);
color: #5b4327;
}