Feature/dark mode UI v2

[Astisme]

Describe your changes

Complete overhaul to implement dark mode on every page.
This inlcudes the following:

• Ability to switch to light/dark mode from within the popup

• Ability to switch to light/dark mode from the options page

• Ability to pick between default and accent mode form within the options page

• Synchronization of theme & accent between any inspector page and any other inspector page (including popup)

• Load of page with the latest theme and accent (fast-theme.js)

• New styling for inspector button (need inspector.css in the manifest) when theme != light && accent != default

While I was working on CSS,

• Found some duplicated entries which I've deleted for easier code readability
• Stumbled upon a fix for images on the export page to work both on Chrome and Firefox

While I was trying to test on Firefox,

• Fixed the error which was coming up with links.js not being recognized as a module (removed from the manifest and renamed to links.mjs)
• Updated the readme.md with the newest command for the sf cli.
• Found an issue with deploying the Account Settings for relating Accounts and Contacts (this needs fixing)

Issue ticket number and link

Issue #64

Checklist before requesting a review

• I have read and understand the Contributions section
• Target branch is releaseCandidate and not master
• I have performed a self-review of my code
• I ran the unit tests and my PR does not break any tests
• I documented the changes I've made on the CHANGES.md and followed actual conventions
• I added a new section on how-to.md (optional)

[Astisme]

merged and checked

[Astisme]

@tprouvot I think I've found an issue currently on the live version (which is breaking the test-framework)

This picture comes from the Dev Ed org I've set up to test my changes but it's from the live version of the extension.
Could you please take a look at this when you get a chance?

[tprouvot]

Hi @Astisme ,
Yes I remember this one, I'll definitely take a look

[Astisme]

ok, that's all.
feel free to comment

[tprouvot]

Hi @Astisme,
Thanks for the updates, I have few remarks:

• I prefer that the theme of reloaded stays in default mode and let users decide if they want to switch to dark theme or not
• The option 'Match Theme to MacOS Appearance' does not work when disabling the option
• We still have lots of UI difference with the existing version (you can install beta version and keep the local version to compare UI)

Popup, lots of differences in REST Explore page, Event Monitor, Field Creator

[Astisme]

Can you expand on this?

I prefer that the theme of reloaded stays in default mode and let users decide if they want to switch to dark theme or not.

Do you mean that a user who wants dark mode, should switch to it for every new session?
Or did you get the black version when testing it again?
If it's the ladder, I believe it's due to your localstorage. I have not changed the default theme from when you install/update the extension.

[Astisme]

What do you expect to happen when disabling the option?

The option 'Match Theme to MacOS Appearance' does not work when disabling the option

At the moment, it should stop to follow your browser's theme appearance.

What is happening to you?

I do not have a Mac to test this on, unfortunately.

[Astisme]

Sorry for these

lots of differences in REST Explore page, Event Monitor, Field Creator

I've rushed them last minute since they weren't available before.

[Astisme]

follow-system.online-video-cutter.com.mp4