Font Fixes

AGENTS.md

@@ -98,10 +98,15 @@ Statuses:
 
 Complete the following:
 
-- [x] Make a pass through widgets so they match the theme aesthetic. Ensure compatibility is preserved for different container types (card, alert, etc) and style those elements accordingly in a fitting way.
+- [ ] Draft a design for icons and avatars to look a little more "ornate", like literal signet rings, maybe with some subtle dark steel or faded gold bordering.
 
 ## Future Tasks
 
 Tasks to be considered in the future, not implemented immediately. Keep them in scope when making decisions.
 
 - [ ] Consider a light mode/dark mode toggle while retaining core theme, preferably without adding a Skin
+
+- [ ] Remove the lines on the left side of the categories page underneath the categories this also exists for subcategories on the "category" page.
+- [ ] Un-bold "topics" and "posts" and make the color lines replace the black line drived from category background color to either use the foreground color of the icon, or an ornate gilding like the icons (image 2)
+- [ ] Consider making the category names a bit smoother; it looks like it's not anti-aliased. (image 3)
+- [ ] Mobile website doesn't use the correct fonts.

plugin.json

@@ -17,8 +17,6 @@
     "../client/account/theme.js": "../nodebb-theme-harmony/public/settings.js"
   },
   "staticDirs": {
-    "cinzel": "node_modules/@fontsource/cinzel/files",
+    "fonts": "public/fonts"
-    "jost": "node_modules/@fontsource/jost/files",
-    "ibm-plex-mono": "node_modules/@fontsource/ibm-plex-mono/files"
   }
 }

scss/westgate/_controls.scss

@@ -347,6 +347,19 @@ textarea[component="topic/quickreply/text"]::placeholder {
 	border-radius: 6px;
 }
 
+[component="sidebar/left"] .nav-link.active,
+[component="sidebar/left"] .nav-link[aria-current="page"],
+[component="sidebar/right"] .nav-link.active,
+[component="sidebar/right"] .nav-link[aria-current="page"],
+.bottombar-nav .nav-link.active,
+.bottombar-nav .nav-link[aria-current="page"] {
+	background: rgba(194, 163, 90, 0.1) !important;
+	color: var(--wg-text) !important;
+	box-shadow:
+		inset 0 0 0 1px rgba(194, 163, 90, 0.12),
+		inset 0 1px 0 rgba(255, 244, 221, 0.035);
+}
+
 [component="sidebar/left"] .nav-link:hover,
 [component="sidebar/left"] .nav-link:focus,
 [component="sidebar/right"] .nav-link:hover,

scss/westgate/_tokens.scss

@@ -3,7 +3,7 @@
 	font-style: normal;
 	font-weight: 600;
 	font-display: swap;
-	src: url("./plugins/nodebb-theme-westgate/cinzel/cinzel-latin-600-normal.woff2") format("woff2");
+	src: url("./plugins/nodebb-theme-westgate/fonts/cinzel/cinzel-latin-600-normal.woff2") format("woff2");
 }
 
 @font-face {
@@ -11,7 +11,7 @@
 	font-style: normal;
 	font-weight: 400;
 	font-display: swap;
-	src: url("./plugins/nodebb-theme-westgate/jost/jost-latin-400-normal.woff2") format("woff2");
+	src: url("./plugins/nodebb-theme-westgate/fonts/jost/jost-latin-400-normal.woff2") format("woff2");
 }
 
 @font-face {
@@ -19,7 +19,7 @@
 	font-style: normal;
 	font-weight: 600;
 	font-display: swap;
-	src: url("./plugins/nodebb-theme-westgate/jost/jost-latin-600-normal.woff2") format("woff2");
+	src: url("./plugins/nodebb-theme-westgate/fonts/jost/jost-latin-600-normal.woff2") format("woff2");
 }
 
 @font-face {
@@ -27,7 +27,7 @@
 	font-style: italic;
 	font-weight: 400;
 	font-display: swap;
-	src: url("./plugins/nodebb-theme-westgate/jost/jost-latin-400-italic.woff2") format("woff2");
+	src: url("./plugins/nodebb-theme-westgate/fonts/jost/jost-latin-400-italic.woff2") format("woff2");
 }
 
 @font-face {
@@ -35,7 +35,7 @@
 	font-style: normal;
 	font-weight: 400;
 	font-display: swap;
-	src: url("./plugins/nodebb-theme-westgate/ibm-plex-mono/ibm-plex-mono-latin-400-normal.woff2") format("woff2");
+	src: url("./plugins/nodebb-theme-westgate/fonts/ibm-plex-mono/ibm-plex-mono-latin-400-normal.woff2") format("woff2");
 }
 
 @font-face {
@@ -43,7 +43,7 @@
 	font-style: normal;
 	font-weight: 500;
 	font-display: swap;
-	src: url("./plugins/nodebb-theme-westgate/ibm-plex-mono/ibm-plex-mono-latin-500-normal.woff2") format("woff2");
+	src: url("./plugins/nodebb-theme-westgate/fonts/ibm-plex-mono/ibm-plex-mono-latin-500-normal.woff2") format("woff2");
 }
 
 :root {