Update showcase images in Chrome Web Store and other stores

[mybearworld]

For exmaple, the demonstration of the dark mode has light zoom icons, which are now dark.

[Samq64]

demo-3.png also needs to be updated and although the settings page style hasn't really changed, the number of addons and options has, so we should probbably update that one too.

[Hans5958]

These images are copies of the images on the webstore. Ideally I would prefer to wait for the web store images to be updated, instead of doing it from here first.

cc @WorldLanguages

[WorldLanguages]

Oh, didn't notice this was referring to the extension stores screenshots.

Traditionally I am in charge of maintaining those screenshots. This time I think we can create an issue/discussion on the ScratchAddons/ScratchAddons repository and collectively decide what to feature in those 5 screenshots. What do you think? Chrome Web Store is very strict with the image sizes: 1280x800 or 640x400 pixels

[Hans5958]

We can do that. We can also keep this issue as a reminder to sync the website images.

[Samq64]

Instead of just re-taking the same screenshots how about we try somthing a little different?

• Combine the dark and light settings page screenshots into one with a diagonal line through it.
• A screenshot showcasing all of the Scratch 2.0 addons.
• A dark mode screenshot on a profile with addons like Scratch 2 to Scratch 3 and the profile banner enabled.
• A screenshot with as many editor addons as possible so it's clear Scratch Addons isn't just a bunch of themes.
• Maybe a forum screenshot?

And I think the popup should be shown in almost all those screenshots.

[WorldLanguages]

Combine the dark and light settings page screenshots into one with a diagonal line through it.

Creative idea. I could also see us doing this on the Scratch website/editor screenshots to represent that the dark modes (and all extension features) are togglable and customizable.

[WorldLanguages]

@Samq64 Wanna create an issue on ScratchAddons/ScratchAddons? We will probably get more attention there.

[Hans5958]

Folks, I have transferred this to ScratchAdons/ScratchAddons as the discussion has been tangent enough to warrant a transfer. Another issue on website-v2 will be made to synchronize it, preferably no later after the images have been updated.

[Samq64]

I also mentioned on Discord that I would like the repo README to have one or two screenshots.

[WorldLanguages]

Repo README proposal #6387 suggests adding a screenshot to the README.md file on this repo.

Edit: our repository README now has a screenshot! So does scratchaddons.com, but it's a different one.

[Hans5958]

FYI, @Secret-chest has made some on https://github.com/ScratchAddons/ScratchAddons/issues/4811#issue-1305537638. It is quite outdated but a nice style still.

[WorldLanguages]

At some point we should decide whether we want to consider the complexity of sending screenshots for translation, or if we want to create universal screenshots that don't have lots of English text.

[Hans5958]

I mean we can write a script to adjust the font size to fit it, if we want to.

[WorldLanguages]

I'm also not sure if the store provides a way to automate the upload of images or if I have to do it manually :P

[Hans5958]

We rarely change the base showcase images, and we can sync it in the pace on the extension store description. Generating the translated images would be as simple as running a script (I hope).

[Secret-chest]

DO NOT USE THE SVGs I MADE!

I have learned about Inkscape's flow text feature which makes automatic linebreaks. If you still want to use those images I will redo them to use flow text.

[Secret-chest]

Also, if we would ever show customisable addons, we should also show other things besides the presets, like the Oceanic dark theme I use, to reflect customisation.