Skip to content

SMAPI web dark mode implementation#1014

Open
achen2304 wants to merge 1 commit intoPathoschild:developfrom
achen2304:dark-mode
Open

SMAPI web dark mode implementation#1014
achen2304 wants to merge 1 commit intoPathoschild:developfrom
achen2304:dark-mode

Conversation

@achen2304
Copy link
Copy Markdown

@achen2304 achen2304 commented Apr 27, 2026

a dark mode implementation from issue #785. Saw it was assigned already but figured I'd pick it up since it's been pretty long since it's been updated at all.

overview of files changed:
src/SMAPI.Web/Views/Shared/_Layout.cshtml - added script that loads theme based off of system/local storage & theme picker
src/SMAPI.Web/wwwroot/Content/css/main.css - migrated all colors from the other css files here and created dark theme colors
src/SMAPI.Web/wwwroot/Content/css/other_files.css - changed all primary colors to use variables from root

The colors are based off of the v2 images from the issue, but the theme colors should be pretty easily editable if you wanted to change them. Also tried to keep everything as small/simple as possible while still being functional.
Let me know if theres any questions & images are below.

@achen2304
Copy link
Copy Markdown
Author

Home/About Page

image

Mod Compatibility Page

image

Log Parser Page (example data)

image image

JSON Validator (w/ error)

image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant