Added dark mode for UI - Githubissues

NyasakiAT / NotesExtension

A handy chrome extension to quickly save portions of webpages and other stuff!

4 stars 3 forks source link

Added dark mode for UI #22

Closed theGeekyLad closed 2 years ago

theGeekyLad commented 2 years ago

This PR references #21 .

HTML

Included a toggle for dark mode

CSS

Added bulma-switch.min.css for the toggle switch
Updated styles for the toggle and placeholder text within the tags search box for matching the look in dark mode

JS

Added a global variable to check if isModeDark
Updated elements in window.onload, build_note() and build_tag() to include Bulma's classes with darker color shades on some elements
Added two methods isCacheModeDark() and setCacheMode() to wrap around localStorage's getItem() and setItem() in order to get / set dark mode status

theGeekyLad commented 2 years ago

@MarcelWalk do you think I should refine it?