Skip to content

Commit 86be681

Browse files
guguclaude
andcommitted
feat(frontend): use IBM Plex Mono font for data tables
Replace Noto Sans with IBM Plex Mono in the table view for better data readability using a monospace typeface. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
1 parent cc130ea commit 86be681

4 files changed

Lines changed: 15 additions & 0 deletions

File tree

frontend/angular.json

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -33,6 +33,8 @@
3333
"node_modules/@fontsource/noto-sans/300.css",
3434
"node_modules/@fontsource/noto-sans/400.css",
3535
"node_modules/@fontsource/noto-sans/500.css",
36+
"node_modules/@fontsource/ibm-plex-mono/400.css",
37+
"node_modules/@fontsource/ibm-plex-mono/500.css",
3638
"node_modules/@material-symbols/font-400/outlined.css",
3739
"src/custom-theme.scss",
3840
"src/styles.scss"

frontend/package.json

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -26,6 +26,7 @@
2626
"@angular/platform-browser-dynamic": "~20.3.16",
2727
"@angular/router": "~20.3.16",
2828
"@brumeilde/ngx-theme": "^1.2.1",
29+
"@fontsource/ibm-plex-mono": "^5.2.7",
2930
"@fontsource/noto-sans": "^5.2.10",
3031
"@jsonurl/jsonurl": "^1.1.8",
3132
"@material-symbols/font-400": "^0.40.2",

frontend/src/app/components/dashboard/db-table-view/db-table-view.component.css

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -315,6 +315,10 @@
315315
.db-table {
316316
display: grid;
317317
width: 100%;
318+
font-family: "IBM Plex Mono", monospace;
319+
--mat-table-header-headline-font: "IBM Plex Mono", monospace;
320+
--mat-table-row-item-label-text-font: "IBM Plex Mono", monospace;
321+
--mat-table-footer-supporting-text-font: "IBM Plex Mono", monospace;
318322
}
319323

320324
@media (width <= 600px) {

frontend/yarn.lock

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2750,6 +2750,13 @@ __metadata:
27502750
languageName: node
27512751
linkType: hard
27522752

2753+
"@fontsource/ibm-plex-mono@npm:^5.2.7":
2754+
version: 5.2.7
2755+
resolution: "@fontsource/ibm-plex-mono@npm:5.2.7"
2756+
checksum: e9f3c3825cebc5f4829cc4f48c7fba9f8c18fb837338ec9b81bab778bd3e69a4e632580df5647831ca3fd782ff7baecd0e2d38585d9a3a6c6db1eb45102afe19
2757+
languageName: node
2758+
linkType: hard
2759+
27532760
"@fontsource/noto-sans@npm:^5.2.10":
27542761
version: 5.2.10
27552762
resolution: "@fontsource/noto-sans@npm:5.2.10"
@@ -12046,6 +12053,7 @@ __metadata:
1204612053
"@angular/platform-browser-dynamic": ~20.3.16
1204712054
"@angular/router": ~20.3.16
1204812055
"@brumeilde/ngx-theme": ^1.2.1
12056+
"@fontsource/ibm-plex-mono": ^5.2.7
1204912057
"@fontsource/noto-sans": ^5.2.10
1205012058
"@jsonurl/jsonurl": ^1.1.8
1205112059
"@material-symbols/font-400": ^0.40.2

0 commit comments

Comments
 (0)