From e1f0bccb810f963dab1852ae1febc889db786e45 Mon Sep 17 00:00:00 2001
From: Sabe Jones <sabe@habitica.com>
Date: Tue, 20 Feb 2024 17:58:27 -0600
Subject: [PATCH] fix(backgrounds): fix missing icon and some canvases

---
 habitica-images                               |   2 +-
 .../assets/css/sprites/spritesmith-main.css   | 141 ++++++++++++++++--
 2 files changed, 130 insertions(+), 13 deletions(-)

diff --git a/habitica-images b/habitica-images
index e6d883bc2e..e2ce955c24 160000
--- a/habitica-images
+++ b/habitica-images
@@ -1 +1 @@
-Subproject commit e6d883bc2e87b9fa5d41df413b1a1abf738277d4
+Subproject commit e2ce955c24f9ab2d26174014ad6721bed65380bc
diff --git a/website/client/src/assets/css/sprites/spritesmith-main.css b/website/client/src/assets/css/sprites/spritesmith-main.css
index da2c79d1e4..410e236446 100644
--- a/website/client/src/assets/css/sprites/spritesmith-main.css
+++ b/website/client/src/assets/css/sprites/spritesmith-main.css
@@ -343,6 +343,11 @@
   width: 60px;
   height: 64px;
 }
+.achievement-rodentRuler2x {
+  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/achievement-rodentRuler2x.png');
+  width: 68px;
+  height: 68px;
+}
 .achievement-rosyOutlook2x {
   background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/achievement-rosyOutlook2x.png');
   width: 64px;
@@ -955,6 +960,11 @@
   width: 141px;
   height: 147px;
 }
+.background_dog_park {
+  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/background_dog_park.png');
+  width: 141px;
+  height: 147px;
+}
 .background_dojo {
   background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/background_dojo.png');
   width: 141px;
@@ -1087,6 +1097,17 @@
   width: 60px;
   height: 60px;
 }
+.background_flowering_forest {
+  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/background_flowering_forest.png');
+  width: 141px;
+  height: 147px;
+}
+.customize-option.background_flowering_forest {
+  background-position: -25px -15px;
+  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/background_flowering_forest.png');
+  width: 60px;
+  height: 60px;
+}
 .background_flowering_prairie {
   background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/background_flowering_prairie.png');
   width: 141px;
@@ -1799,6 +1820,11 @@
   width: 141px;
   height: 147px;
 }
+.background_rainy_rainforest {
+  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/background_rainy_rainforest.png');
+  width: 141px;
+  height: 147px;
+}
 .background_red {
   background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/background_red.png');
   width: 141px;
@@ -2628,8 +2654,8 @@
 }
 .icon_background_cemetery_gate {
   background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/icon_background_cemetery_gate.png');
-  width: 60px;
-  height: 60px;
+  width: 68px;
+  height: 68px;
 }
 .icon_background_champions_colosseum {
   background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/icon_background_champions_colosseum.png');
@@ -2688,8 +2714,8 @@
 }
 .icon_background_covered_bridge_in_autumn {
   background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/icon_background_covered_bridge_in_autumn.png');
-  width: 60px;
-  height: 60px;
+  width: 68px;
+  height: 68px;
 }
 .icon_background_cozy_barn {
   background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/icon_background_cozy_barn.png');
@@ -2708,13 +2734,13 @@
 }
 .icon_background_crater_lake {
   background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/icon_background_crater_lake.png');
-  width: 60px;
-  height: 60px;
+  width: 68px;
+  height: 68px;
 }
 .icon_background_creepy_castle {
   background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/icon_background_creepy_castle.png');
-  width: 60px;
-  height: 60px;
+  width: 68px;
+  height: 68px;
 }
 .icon_background_crescent_moon {
   background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/icon_background_crescent_moon.png');
@@ -2791,6 +2817,11 @@
   width: 68px;
   height: 68px;
 }
+.icon_background_dog_park {
+  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/icon_background_dog_park.png');
+  width: 68px;
+  height: 68px;
+}
 .icon_background_dojo {
   background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/icon_background_dojo.png');
   width: 68px;
@@ -2923,6 +2954,17 @@
   width: 60px;
   height: 60px;
 }
+.icon_background_flowering_forest {
+  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/icon_background_flowering_forest.png');
+  width: 68px;
+  height: 68px;
+}
+.customize-option.icon_background_flowering_forest {
+  background-position: -25px -15px;
+  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/icon_background_flowering_forest.png');
+  width: 60px;
+  height: 60px;
+}
 .icon_background_flowering_prairie {
   background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/icon_background_flowering_prairie.png');
   width: 68px;
@@ -2985,8 +3027,8 @@
   width: 68px;
   height: 68px;
 }
-.icon_background_flying_over_the_ocean {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/icon_background_flying_over_the_ocean.png');
+.icon_background_flying_over_tropical_islands {
+  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/icon_background_flying_over_tropical_islands.png');
   width: 68px;
   height: 68px;
 }
@@ -3635,6 +3677,11 @@
   width: 68px;
   height: 68px;
 }
+.icon_background_rainy_rainforest {
+  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/icon_background_rainy_rainforest.png');
+  width: 68px;
+  height: 68px;
+}
 .icon_background_red {
   background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/icon_background_red.png');
   width: 68px;
@@ -3652,8 +3699,8 @@
 }
 .icon_background_rime_ice {
   background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/icon_background_rime_ice.png');
-  width: 60px;
-  height: 60px;
+  width: 68px;
+  height: 68px;
 }
 .icon_background_river_of_lava {
   background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/icon_background_river_of_lava.png');
@@ -18925,6 +18972,11 @@
   width: 114px;
   height: 90px;
 }
+.broad_armor_armoire_hattersSuit {
+  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/broad_armor_armoire_hattersSuit.png');
+  width: 114px;
+  height: 90px;
+}
 .broad_armor_armoire_heraldsTunic {
   background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/broad_armor_armoire_heraldsTunic.png');
   width: 114px;
@@ -19460,6 +19512,11 @@
   width: 114px;
   height: 87px;
 }
+.head_armoire_hattersTopHat {
+  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/head_armoire_hattersTopHat.png');
+  width: 114px;
+  height: 90px;
+}
 .head_armoire_heraldsCap {
   background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/head_armoire_heraldsCap.png');
   width: 114px;
@@ -19840,6 +19897,11 @@
   width: 90px;
   height: 90px;
 }
+.shield_armoire_hattersPocketWatch {
+  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/shield_armoire_hattersPocketWatch.png');
+  width: 114px;
+  height: 90px;
+}
 .shield_armoire_heraldsMessageScroll {
   background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/shield_armoire_heraldsMessageScroll.png');
   width: 114px;
@@ -20295,6 +20357,11 @@
   width: 68px;
   height: 68px;
 }
+.shop_armor_armoire_hattersSuit {
+  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/shop_armor_armoire_hattersSuit.png');
+  width: 68px;
+  height: 68px;
+}
 .shop_armor_armoire_heraldsTunic {
   background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/shop_armor_armoire_heraldsTunic.png');
   width: 68px;
@@ -20890,6 +20957,11 @@
   width: 68px;
   height: 68px;
 }
+.shop_head_armoire_hattersTopHat {
+  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/shop_head_armoire_hattersTopHat.png');
+  width: 68px;
+  height: 68px;
+}
 .shop_head_armoire_heraldsCap {
   background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/shop_head_armoire_heraldsCap.png');
   width: 68px;
@@ -21270,6 +21342,11 @@
   width: 68px;
   height: 68px;
 }
+.shop_shield_armoire_hattersPocketWatch {
+  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/shop_shield_armoire_hattersPocketWatch.png');
+  width: 68px;
+  height: 68px;
+}
 .shop_shield_armoire_heraldsMessageScroll {
   background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/shop_shield_armoire_heraldsMessageScroll.png');
   width: 68px;
@@ -21715,6 +21792,11 @@
   width: 68px;
   height: 68px;
 }
+.shop_weapon_armoire_hattersShears {
+  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/shop_weapon_armoire_hattersShears.png');
+  width: 68px;
+  height: 68px;
+}
 .shop_weapon_armoire_heraldsBuisine {
   background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/shop_weapon_armoire_heraldsBuisine.png');
   width: 68px;
@@ -22215,6 +22297,11 @@
   width: 114px;
   height: 90px;
 }
+.slim_armor_armoire_hattersSuit {
+  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/slim_armor_armoire_hattersSuit.png');
+  width: 114px;
+  height: 90px;
+}
 .slim_armor_armoire_heraldsTunic {
   background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/slim_armor_armoire_heraldsTunic.png');
   width: 114px;
@@ -22700,6 +22787,11 @@
   width: 114px;
   height: 90px;
 }
+.weapon_armoire_hattersShears {
+  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/weapon_armoire_hattersShears.png');
+  width: 114px;
+  height: 90px;
+}
 .weapon_armoire_heraldsBuisine {
   background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/weapon_armoire_heraldsBuisine.png');
   width: 114px;
@@ -29115,6 +29207,31 @@
   width: 68px;
   height: 68px;
 }
+.head_mystery_202403 {
+  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/head_mystery_202403.png');
+  width: 114px;
+  height: 90px;
+}
+.shop_head_mystery_202403 {
+  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/shop_head_mystery_202403.png');
+  width: 68px;
+  height: 68px;
+}
+.shop_set_mystery_202403 {
+  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/shop_set_mystery_202403.png');
+  width: 68px;
+  height: 68px;
+}
+.shop_weapon_mystery_202403 {
+  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/shop_weapon_mystery_202403.png');
+  width: 68px;
+  height: 68px;
+}
+.weapon_mystery_202403 {
+  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/weapon_mystery_202403.png');
+  width: 114px;
+  height: 90px;
+}
 .broad_armor_mystery_301404 {
   background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/broad_armor_mystery_301404.png');
   width: 90px;