Farm theme?

[salarconb]

Please describe your idea. Add a farm theme.

Describe how the idea would be helpful My chickens feel out of place in the available locations. They would love a farm to feel more at home.

Additional context I'm thinking of something like Harvest Moon

[secondtruth]

I made some pixel art farm pictures using DALL-E 3. They could be used as background images or inspiration.

.

[MrGeorgeK55]

what i did to get custom themes: go to your extensions folder C:\Users\Your User\ .vscode\extensions\tonybaloney.vscode-pets

Modify the file /media/main-bundle.js and /out/panel/main.js

add this in function calculateFloor(size, theme) {

                          case "farm" /* Theme.farm */:
                            switch (size) {
                                case "small" /* PetSize.small */:
                                    return 60;
                                case "medium" /* PetSize.medium */:
                                    return 80;
                                case "large" /* PetSize.large */:
                                    return 120;
                                case "nano" /* PetSize.nano */:
                                default:
                                    return 45;
                            }
                            

in /out/common/types.js and /dist/web/extension-web.js add this inside exports.ALL_THEMES = [

"farm" like this: exports.ALL_THEMES = ["none" /* Theme.none */, "forest" /* Theme.forest */, "castle" /* Theme.castle */, "beach" /* Theme.beach */, "farm" /* Theme.farm */, "graveyard" /* Theme.graveyard */];

in package.json add the option

"vscode-pets.theme": {
						"type": "string",
						"enum": [
							"none",
							"forest",
							"castle",
							"beach",
							"farm"

							
						],

finnaly add a folder in /media/backrounds/ named the same as the theme and add the files named: i copied the beach images and edited them using the same canvas size (replace dark with light or add another set if you are using another theme)

background-dark-large.png background-dark-medium.png background-dark-nano.png background-dark-small.png background-dark.png

result: