Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Experimental dark mode #606

Merged
merged 8 commits into from
Oct 2, 2024
Merged

Experimental dark mode #606

merged 8 commits into from
Oct 2, 2024

Conversation

jenspav
Copy link
Collaborator

@jenspav jenspav commented Sep 11, 2024

Also switches to structurizr as the default exporter.

Supersedes #528

@jenspav jenspav mentioned this pull request Sep 11, 2024
README.md Outdated Show resolved Hide resolved
README.md Outdated
| `generatr.site.externalTag` | Software systems containing this tag will be considered external | | |
| `generatr.site.nestGroups` | Will show software systems in the left side navigator in collapsable groups | `false` | `true` |
| `generatr.site.cdn` | Specifies the CDN base location for fetching NPM packages for browser runtime dependencies. Defaults to jsDelivr, but can be changed to e.g. an on-premise location. | `https://cdn.jsdelivr.net/npm` | `https://cdn.my-company/npm` |
| `generatr.site.darkMode` | Experimental: will show a dark mode menu item to switch between light and dark mode on the website. If turned off, the site will be shown in light mode and this menu item will not be shown. | `false` | `true` |
Copy link
Collaborator Author

@jenspav jenspav Sep 11, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We could make this a three-state option: forced light theme, forced dark theme, auto (based on browser or user choice)

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Also add notes that colors for site and diagrams should be adjusted to any of those choices.

@jenspav jenspav force-pushed the dark-mode branch 3 times, most recently from 6051417 to 9ce8587 Compare September 11, 2024 14:46
@jenspav jenspav marked this pull request as ready for review September 11, 2024 15:11
@jenspav
Copy link
Collaborator Author

jenspav commented Sep 11, 2024

Ready to play. Note that the gray background in the light theme is gone. I think this fits, but taste may differ.

jenspav and others added 7 commits October 1, 2024 09:21
Co-authored-by: LunarN0va <rubie157789@gmail.com>
Co-authored-by: LunarN0va <rubie157789@gmail.com>
Also move static styling to styles.css.
Plays slightly better with the dark theme,
Copy link
Collaborator

@dirkgroot dirkgroot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks really nice! Definitely good enough for an experimental feature. One minor remark:

The standard link color could use some more contrast with the background color:
image

Works better for the dark theme.
@jenspav
Copy link
Collaborator Author

jenspav commented Oct 2, 2024

Looks really nice! Definitely good enough for an experimental feature. One minor remark:

The standard link color could use some more contrast with the background color

As discussed, lets go for bolder tab header for now.

@jenspav jenspav merged commit 95cd18a into avisi-cloud:main Oct 2, 2024
2 checks passed
@jenspav jenspav deleted the dark-mode branch October 2, 2024 06:54
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.

2 participants