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

Dark mode toggle #108

Open
wants to merge 10 commits into
base: master
Choose a base branch
from
Open

Dark mode toggle #108

wants to merge 10 commits into from

Conversation

amnuts
Copy link
Owner

@amnuts amnuts commented Oct 30, 2023

Adds a dark mode toggle switch, cleans up a few elements and css, and updates dev-dependencies for building the interface.

  • Updated all package dependencies
  • Moved the opcache-gui class to the main body of the page
  • Revamping the css and jsx
  • Updated compile-scss command for latest sass version
  • Revisited top navigation icons
  • Fixed issue with tab positioning
  • Fixed sizing issues with svgs in footer
  • Cleaned up header nav on small screens
  • Small footer tweak
  • Added toggle switch

* Moved SVG icons into the JSX so that they're no longer background images
* Added "dark" colours - still need tweaking, but this is a start
* Updated rules to use CSS variables throughout rather than sass variable directly
* Used slightly different svg icons
* Changed animation for both
@amnuts amnuts mentioned this pull request Oct 30, 2023
@amnuts amnuts marked this pull request as ready for review October 31, 2023 11:19
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant