Add option to enable/disable dark mode

[mdubus]

fixes: #341

What's wrong ?

If a user has his preferences set to dark mode, but the website using docs-searchbar don't have support for dark mode, the website will appear in light mode except for the searchbar, which will appear in dark mode.

What's inside this PR

This PR adds an option enableDarkMode to allow users enable dark mode on the searchbar. It is set to false by default.

How to test

To switch between dark and light mode, go to System Preferences in your mac and then General.

To run the project: yarn && yarn playground and go to http://localhost:1234/

You can also try the searchbar with the option layout: simple if you want to !

Light mode

Just run the project, and switch between light & dark mode in your system preferences.

Dark mode

Go to the project, and add enableDarkMode: true to the playground you want to use.
Example in playgrounds/html/index.html :

Screenshots

Light mode:

Dark mode with enableDarkMode set to true:

Dark mode without enableDarkMode:

• dark background kept to show that the dark mode is enabled in user's system preferences
• show that even in dark mode, the searchbar is displayed in light mode if enableDarkMode isn't set

[bidoubiwa]

bors try

[bors]

try

Merge conflict.

[bidoubiwa]

LGTM 🔥

[bidoubiwa]

bors try

[bors]

try

Build succeeded:

• linter-check
• Tests (Node.js 12)
• Tests (Node.js 14)

[bidoubiwa]

bors try

[bors]

try

Build succeeded:

• Tests (Node.js 12)
• linter-check
• Tests (Node.js 14)

[bidoubiwa]

bors merge

[bors]

Build succeeded:

• linter-check
• Tests (Node.js 12)
• Tests (Node.js 14)