Border on Dark Mode images/screenshots (#1733)

* Add Dark Mode screenshots in introduction - except login page

* Add Dark Mode screenshots for Media Library intro + Redo some Light Mode screenshots

* Add Dark Mode screenshot for ML - Adding assets

* Add Dark Mode screenshot for ML - Manage assets

* Add Dark Mode screenshots for ML - Organizing assets + Redo some Light Mode screenshots

* Add Dark Mode screenshot in Plugins introduction

* Add Dark Mode screenshots in Users and Permissions settings configuration

* Add Dark Mode screenshots for Audit logs in Settings

* Add Dark Mode screenshot for Overview + Custom logo settings interface

* Add Dark Mode screenshots in API token settings

* Add Dark Mode screenshot in i18n settings

* Add Dark Mode screenshot in Media Library settings

* Add Dark Mode screenshots in Transfer Tokens settings

* Add Dark Mode screenshot in SSO settings

* Add Dark Mode screenshot for Review Workflows settings

* Add Dark Mode screenshot for Marketplace

* Add Dark Mode screenshots for Users & Permissions + Fix mistake

* Add special borders to Dark Mode images

---------

Co-authored-by: Mégane Lacheny <[email protected]>
Co-authored-by: Pierre Wizla <[email protected]>

Author: 3 people

docusaurus/src/scss/__index.scss

@@ -26,6 +26,7 @@
 @import 'details.scss';
 @import 'footer.scss';
 @import 'grid.scss';
+@import 'images.scss';
 @import 'markdown.scss';
 @import 'medium-zoom.scss';
 @import 'navbar.scss';

docusaurus/src/scss/images.scss

@@ -0,0 +1,7 @@
+/** General: Images */
+
+/** Dark Mode images border */
+.theme-doc-markdown.markdown [class*="themedImage--dark"] {
+  border: 0.125rem solid var(--strapi-neutral-200);
+  border-radius: 0.25rem;
+}