diff --git a/AGENTS.md b/AGENTS.md index 9493ef3..6127f1b 100644 --- a/AGENTS.md +++ b/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. diff --git a/plugin.json b/plugin.json index 13b5592..18840f6 100644 --- a/plugin.json +++ b/plugin.json @@ -17,8 +17,6 @@ "../client/account/theme.js": "../nodebb-theme-harmony/public/settings.js" }, "staticDirs": { - "cinzel": "node_modules/@fontsource/cinzel/files", - "jost": "node_modules/@fontsource/jost/files", - "ibm-plex-mono": "node_modules/@fontsource/ibm-plex-mono/files" + "fonts": "public/fonts" } } diff --git a/public/fonts/cinzel/cinzel-latin-600-normal.woff2 b/public/fonts/cinzel/cinzel-latin-600-normal.woff2 new file mode 100644 index 0000000..a4b5e1b Binary files /dev/null and b/public/fonts/cinzel/cinzel-latin-600-normal.woff2 differ diff --git a/public/fonts/ibm-plex-mono/ibm-plex-mono-latin-400-normal.woff2 b/public/fonts/ibm-plex-mono/ibm-plex-mono-latin-400-normal.woff2 new file mode 100644 index 0000000..0804aaf Binary files /dev/null and b/public/fonts/ibm-plex-mono/ibm-plex-mono-latin-400-normal.woff2 differ diff --git a/public/fonts/ibm-plex-mono/ibm-plex-mono-latin-500-normal.woff2 b/public/fonts/ibm-plex-mono/ibm-plex-mono-latin-500-normal.woff2 new file mode 100644 index 0000000..090f82f Binary files /dev/null and b/public/fonts/ibm-plex-mono/ibm-plex-mono-latin-500-normal.woff2 differ diff --git a/public/fonts/jost/jost-latin-400-italic.woff2 b/public/fonts/jost/jost-latin-400-italic.woff2 new file mode 100644 index 0000000..1539de1 Binary files /dev/null and b/public/fonts/jost/jost-latin-400-italic.woff2 differ diff --git a/public/fonts/jost/jost-latin-400-normal.woff2 b/public/fonts/jost/jost-latin-400-normal.woff2 new file mode 100644 index 0000000..a93b79d Binary files /dev/null and b/public/fonts/jost/jost-latin-400-normal.woff2 differ diff --git a/public/fonts/jost/jost-latin-600-normal.woff2 b/public/fonts/jost/jost-latin-600-normal.woff2 new file mode 100644 index 0000000..d083772 Binary files /dev/null and b/public/fonts/jost/jost-latin-600-normal.woff2 differ diff --git a/scss/westgate/_controls.scss b/scss/westgate/_controls.scss index fb62de9..9c8814c 100644 --- a/scss/westgate/_controls.scss +++ b/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, diff --git a/scss/westgate/_tokens.scss b/scss/westgate/_tokens.scss index 6d41754..965c49e 100644 --- a/scss/westgate/_tokens.scss +++ b/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 {