From abba5389f90d715061e71d8f3e5fca579ed429e7 Mon Sep 17 00:00:00 2001
From: Hanzo_dev <2002samudiojohan@gmail.com>
Date: Wed, 4 Mar 2026 11:33:39 -0500
Subject: [PATCH] style: replace legacy Material Icons with trendy 2026
Material Symbols Rounded
---
frontend/index.html | 11 +++++++----
frontend/src/style.css | 25 +++++++++++++++++++++++++
2 files changed, 32 insertions(+), 4 deletions(-)
diff --git a/frontend/index.html b/frontend/index.html
index 8bea024..a1abd4c 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -4,12 +4,15 @@
-
+
-
+
@@ -23,8 +26,8 @@
diff --git a/frontend/src/style.css b/frontend/src/style.css
index 893811c..755945e 100644
--- a/frontend/src/style.css
+++ b/frontend/src/style.css
@@ -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;
}
\ No newline at end of file