Problem
The theme toggle button (index.html line 173) is an unstyled browser-default button that visually clashes with the portfolio aesthetic. It is positioned via an inline <style> block and uses a text label instead of an icon.
Suggested Fix
- Replace with a sun/moon icon toggle using Font Awesome (
fa-sun / fa-moon)
- Apply the
.highlight.btn class for consistent theming
- Move the inline
<style> positioning into ui.scss
- Optionally animate the icon swap on toggle
Problem
The theme toggle button (
index.htmlline 173) is an unstyled browser-default button that visually clashes with the portfolio aesthetic. It is positioned via an inline<style>block and uses a text label instead of an icon.Suggested Fix
fa-sun/fa-moon).highlight.btnclass for consistent theming<style>positioning intoui.scss