Add dark mode

[abjugard]

Really liked your project but felt it needed a dark mode!

Where changes had to be made to the light mode theme I've kept things as close to the original as possible.

I put a toggle to the left of the upload button in the header, and it will auto-select based on the user-agents OS-level dark/light-mode choice.

[jhaals]

Hej @abjugard!

I agree that dark mode would be fantastic, really appreciate your contribution! There seems to be some minor code style issues that need addressing, make sure to run prettier --write to format the files correctly :)

[abjugard]

Ah, sorry about that, all prettified now :)

Let me know if there's anything else that needs changing!

[jhaals]

Looking good but I just realized that a test failed. Probably because the cypress selector changed slightly

[abjugard]

I may not have ran your tests before now 😅

The ModeToggle component is also a button so the cy.get('button') calls weren't specific enough anymore. Changed it to instead call cy.contains('Decrypt secret').

Maybe it should be cy.get('button').contains('Decrypt secret') instead? Chose the former because that's how you were pressing the "Encrypt Message" button.

[abjugard]

@jhaals What's going on with those Netlify pipelines? 🤔

[jhaals]

@abjugard they just require manual approval to run. Looking great now, thank you so much for this 👏