Problem/Motivation
Install the theme and go to the appearance tab. You can see the theme, currently, it is showing the Claro theme screenshot. You need to update the animal shelter image here.

Done Tasks
IMO it'll be better to have the same screenshot for the theme as that of its project page. To maintain a sweet aspect ratio of 4:3 its not possible to have all the sections depicted on the screenshot, so we can go about with the Banner and Services section respectively.
I've already upscaled the images:


Remaining tasks
1. Stitch both the images respectively the Banner and Services section.
2. Resize the whole image at 588 X 438 dimension.
3. Maintaining a sweet aspect ratio of 4:3
4. File size should be reasonable,under 200KB max!
| Comment | File | Size | Author |
|---|---|---|---|
| #15 | Screenshot from 2024-11-07 13-31-44.png | 184.85 KB | sourojeetpaul |
| #13 | screenshot.png | 143.16 KB | manojsaha |
| #11 | services-upscale.png | 178.43 KB | sourojeetpaul |
| #11 | banner-upscale.png | 367 KB | sourojeetpaul |
| #8 | Screenshot 2024-05-07 143431.png | 143.5 KB | yashaswi18 |
Issue fork animal_shelter-3421034
Show commands
Start within a Git clone of the project using the version control instructions.
Or, if you do not have SSH keys set up on git.drupalcode.org:
Comments
Comment #2
nitin shrivastava commentedThe screen shot and the theme description have been updated in the patch please test.
Comment #3
nitin shrivastava commentedComment #4
tanuja bohra commented@Nitin shrivastava , verified #2 patch and the screenshot of the theme showing broken.
Comment #5
sourojeetpaul commentedYes, the screenshot seems to be broken actually.
Working on it and raising an MR for the same!
Comment #7
sourojeetpaul commentedHi, I've updated the info.yml by updating the screenshot reference over there and raised an MR for the same. Please have a look:

https://git.drupalcode.org/project/animal_shelter/-/merge_requests/15
The screenshot depicts how it looks on the homepage when the theme is set as default theme. Also in my instance I've implemented a caraousel as a block and placed it on the banner region that's why it looks like this, you can customize it according to your choice as well. I thought it might give a good reference to the visual appearance of the theme. This is how it looks on the appearance page now:
Comment #8
yashaswi18 commentedHello, I applied the MR!15 and verified, I can now see the image for the theme in the appearance tab. Attaching the screenshot.
Comment #9
vivek panicker commentedAs the issue has already been tested by @Yashaswi18 and things are fine, updating the issue state to RTBC.
Comment #10
sourojeetpaul commentedI think the screenshot can be improved further to showcase the functionality in a more vivid and attractive way! We can go about with the screenshot which is being used on the project page itself.
I'll ask my design team to come up with a nice screenshot for this one before shipping in! IMO stitching the banner and services section into a single image which will confirm to Drupal Theme screenshots dimensions and maintaining a reasonable file size will be a good point to start off!
I was working on it initially when I had very little design knowledge, and now after working on a plethora of PB logo issues, this seems a bit off, hence moving it back to NW :)
Comment #11
sourojeetpaul commentedComment #12
manojsaha commentedI am picking up
Comment #13
manojsaha commentedI've made the suggested changes. Please a have a look..
Comment #14
sourojeetpaul commentedHi @manojsaha,
Thanks for promptly acting on it! The changes look good and ready to ship in. I'm updating the MR :)
Comment #15
sourojeetpaul commentedComment #17
sourojeetpaul commentedThank you all for your active participation on the issue. It'll be added on the new release :)