Hanzo_Dev/SIB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: replace legacy Material Icons with trendy 2026 Material Symbols Rounded

Browse Source
This commit is contained in:
Johan Samudio
2026-03-04 11:33:39 -05:00
parent 5ec26970bd
commit abba5389f9
2 changed files with 32 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
frontend/src/style.css
View File

@ -19,4 +19,29 @@ body {
background-color: #0F1115;
color: white;
font-family: "Space Grotesk", sans-serif;
}
/* Modernize Iconography (2026 Trends) */
.material-icons {
font-family: 'Material Symbols Rounded' !important;
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
/* Thick Rounded Outlines - Hyper-modern & Accessible */
font-variation-settings: 'FILL' 0, 'wght' 600, 'GRAD' 0, 'opsz' 24;
}
/* Utilities for solid versions when needed */
.icon-filled {
font-variation-settings: 'FILL' 1, 'wght' 600, 'GRAD' 0, 'opsz' 24;
}