Jump to content

👾 Catppuccin Mocha Theme (Dark theme) (Version 1.2 out 2025-01-30)


Recommended Posts

Posted (edited)

Changelog

1.2

2025-01-30

Update to Revision 3 + Visual updates

  • Add pokemon preview background in pc
  • In battle, change colors of bar around health bars to a smoother color gradient
  • Change ability background color in battle to a more aggressive color (In order to improve visibility during semi active fossil farming with frisk)
  • Change yellow health bar in battle to a slightly more orange color for better visibility
  • Make default battle ui background slightly more transparent
  • Make notifications smaller (Smaller Transparent Notifications mod by Revz, but with semi-transparent background for better readability)
  • Change trainer card background to a flower field and improve vertical centering of trainer name background


Other

  • Change default pokemon summary background
  • Add one new login background (Doraemon world)
  • Theme raid boss bar around his health bar
  • Make raid/pvp timer more readable
  • Slightly improve visibility of pc slots for battle pokemon and those below obedience level
  • Change label backgrounds to Catppuccin dark color (semi transparent background used eg. for amulet coin, change is hardly visible though)
  • Change attack tooltip heading font color to match the one in battle screen
  • Change attack move color to the same as in battle screen in: Move Deleter, HM/TM learning and PP up dialog
  • Fix color of cuteness bar in pokemon summary

 

Old changelog

Spoiler

1.1

2024-12-26

Improvements + Update to Revision 2 (Xmas update 2024)

  • Backport new changes from revision 2 (Includes Breeding fix etc.)
  • Adjust mod folder structure to make it clearer how to unzip if needed

 

Customization

  • Include customization options for pokemon summary inside zip file
  • Allow easier customization of custom login backgrounds

 

Summary overhaul

  • Redo edges and slightly improve anti aliasing
  • Improve visibility of currently selected summary tab icon
  • Modernize backgrounds of text fields
  • Fully remove tints of pokemon backgrounds based on their typing due to new backgrounds (small typing effects like sparks on electric types remain)

 

Battle screen

  • Swap gradient direction on ally side for better visibility of health bar at yellow mid health
  • Change to text box like attack background to make the gap on bigger displays less visible

 

Other

  • Slightly improve look of trainer card
  • Slightly improve borders of pokemmo logo on login screen
  • Change font color of town name on map from catppuccin-text color to regular white
  • Change title color of tool tips to a more neutral color

 

1.0.2

Fix raid ui

  • The raid ui should now fully work and show every info like it should
  • Other: Fix title color of attack tooltips
  • Other: Small adjustments to chat colors

 

 

1.0.1

Backport new changes from Halloween 2024 update

  • Critical: Fix breeding window to include new clickable gender buttons
  • Include the few new assets
  • Fix window resizing issues
  • Other: Fix pc boxes: Make background of battle pokemon visible

Introduction

 

In short, this is a dark theme with pastel colors

 

This is a PC theme so it won't work on phones. There is a mobile version of this theme here

 

Be careful, the installation process of all themes has changed since the Halloween 2024 update, so make sure to read the new installation process down below. (Themes now go in the mods folder, not in the themes folder like before)

 

This theme is based on the open source Catppuccin Theme, which is a soothing pastel theme (Find out more here if curious: LINK). It has four different color palettes and I implemented the Mocha one, which is the darkest theme. This is no official port of the Catppuccin theme by any means

 

 

Preview pictures

Spoiler

 

summary-1.2.thumb.png.b767f98fbb357ada82b228505f56b6f0.png

(Sorry, the colors are a bit off in this picture due to compression. It looks better in game. Only this summary image is affected by this)

 

trainercard.png.3f3251099e5c663b66ed4740209ab99c.png

 

 

gtl.thumb.png.99ea8b251633c8f88d8c2698c397848b.png

 

bag.thumb.png.200e4e4d6e07286291ff29ab7c8d7ae1.png

 

pc-1.2.thumb.png.c3928cc708506ab39d475c3c5445f33f.png

 

settings-1.1.thumb.png.59238405a5d99e6b7375fced8557b264.png

 

 

Download

 

Mod-Catppuccin-Mocha-1.2.zip

 

 

How to update

Same as first installation down below, but it's recommended to first delete any older version of this theme in your mods folder (because your game can only have one version of the same theme/mod active at the same time)

 

 

First installation

Note: You can put the Theme Mod in your pokemmo mods folder as a zip or as an unzipped folder. If you don't want to customize this theme, then you don't need to unzip.

 

  1. Download the theme Zip file
  2. Paste the Zip file into your Pokemmo mods folder (e.g. ...\pokemmo\data\mods\PASTE IN HERE.zip)
  3. (Optional: If you intend to customize this theme, then extract the zip file. Then make sure that inside your pokemmo mods folder you have the extracted mod folder like "Mod-Catppuccin-Mocha-x.x". Then delete the zip file so the mod won't show up twice later in game)
  4. Launch Pokemmo
  5. Don't login yet. Click the button on the right "Mod management"
  6. Find and activate the theme mod by ticking it with the check mark
  7. Click the "Save" button and the game will prompt you to restart for changes to apply
  8. After restarting the game, you can select your new theme (like before the update): Go to "Settings" -> "Interface" -> In "Theme" select your new theme

 

Your new theme should now be applied!

 

 

 

Optional: How to change login background

Spoiler

Background file to replace: ...\pokemmo\data\mods\Mod-Catppuccin-Mocha-x.x\Theme-Catppuccin-Mocha\res\background.png

 

  • The default background.png is a fully transparent image that shows the default Zekrom animation due to its transparency.
  • Replace background.png with your desired image. Only .png's work (you can easily convert other image formats with image editing programs to .png though).
  • Tip: Instead of deleting the previous background.png, you can rename it to eg. background2.png etc. The game will only load the background.png as its background image and ignore files that are named differently

 

  • Your background.png can have lower resolution than your screen. Your background.png will always get stretched to fit your screen (So keep aspect ratio of background.png close to your monitor's aspect ratio).
  • Keep in mind that there has to be a background.png inside the res folder, else the Catppuccin theme will crash and the game will use the default theme instead.
  • So if you want to change back to the default login Zekrom animation, you have to replace background.png back with the transparent png. The transparent png and some sample 4k 16:9 backgrounds can be found inside the /res/backgrounds folder.

 

 

Optional: How to change pokemon summary images

Spoiler

Preview pictures

Spoiler

 

image.thumb.png.3a29ee21f1a1e3b2a8d10edcb282bfbe.png

 

(The first one is the default one)

Original credits of the pixel art backgrounds go to Pokemon Rejuvenation!

 

How to customize

 

Summary file to replace: ...\pokemmo\data\mods\Mod-Catppuccin-Mocha-x.x\Theme-Catppuccin-Mocha\res\monster-info.png

 

  • Replace monster-info.png with another image from the rejuvenated-cards folder. (...\pokemmo\data\mods\Mod-Catppuccin-Mocha-x.x\Theme-Catppuccin-Mocha\res\rejuvenated-cards)
  • Tip: Instead of deleting the previous monster-info.png, you can rename it to eg. monster-info2.png etc. The game will only load the monster-info.png as the pokemon summary and ignore files that are named differently
  • Keep in mind that there has to be a monster-info.png inside the res folder, else the Catppuccin theme will crash and the game will use the default theme instead.

 

Optional: How to change battle UI background at the bottom

Spoiler

Preview pictures

Spoiler

Fully transparent (no background)

fully-transparent.thumb.png.70df138ac7745cbce7975c2f8b69e391.png

 

 

 

Default-border options:

 

Default transparent (The default one)

default.thumb.png.da11b0de3362537eba52ee42e9d700ed.png

 

More transparent

image.thumb.png.8a579fb8ba4cd2eea4006846e7156ae2.png

 

Solid

image.thumb.png.92b3aacf04dc890bd04a07361ac03181.png

 

 

 

No-border options:

Default transparent

image.thumb.png.926b3831bd1d9e9d7616e8f587b63b42.png

 

More transparent

image.thumb.png.889e48c14aa6ff942b14f72d332da8f2.png

 

Solid

image.thumb.png.ac1b61ac9ab17eb87c6a3b297c068e03.png

How to customize

 

Image file to replace: ...\pokemmo\data\mods\Mod-Catppuccin-Mocha-x.x\Theme-Catppuccin-Mocha\res\battle-hud.png

 

  • Replace battle-hud.png with another image from the battle-hud-background-customizations folder. (...\pokemmo\data\mods\Mod-Catppuccin-Mocha-x.x\Theme-Catppuccin-Mocha\res\battle-hud-background-customizations)
  • Tip: Instead of deleting the previous battle-hud.png, you can rename it to eg. battle-hud2.png etc. The game will only load the battle-hud.png as the battle UI background and ignore files that are named differently
  • Keep in mind that there has to be a battle-hud.png inside the res folder, else the Catppuccin theme will crash and the game will use the default theme instead.

 

 

Credits

  • Huge thanks to @tunacore for implementing the summary backgrounds 🤗
  • Big thanks to the Catppuccin team for creating the Catppuccin theme with its lovely color palette 🎨
  • Another big thank you to the Pokemmo devs for making it possible to customize the UI of this game 💖

 

 

battle-1.2.png

Edited by Wusiala
Release update 1.2
  • Wusiala changed the title to [GUI] 👾 Catppuccin Mocha Theme (Dark theme) (Working Halloween 2024)
  • Wusiala changed the title to [GUI] 👾 Catppuccin Mocha Theme (Dark theme) (Version 1.0.2 out 2024-11-06)
Posted (edited)
12 hours ago, CatchesBigBalls said:

helllo I love the theme so much but it doesnt seem to worrk with the gillian counter. Any idea why?

Thanks for letting me know. I'll try to fix it

 

Edit: It seems that all custom themes stopped working on the current latest version of GEC. I even tried to use an unedited default theme loaded as a mod with GEC and it threw that same error message of battle fonts missing and it refused to count encounters. The pokemmo devs changed some things regarding themes so it's hard to say if Gilan has to adjust much of his code or not. Let's patiently wait for an update (Using the default theme with GEC still seems to works btw)

Edited by Wusiala
Posted
4 hours ago, Wusiala said:

Thanks for letting me know. I'll try to fix it

 

Edit: It seems that all custom themes stopped working on the current latest version of GEC. I even tried to use an unedited default theme loaded as a mod with GEC and it threw that same error message of battle fonts missing and it refused to count encounters. The pokemmo devs changed some things regarding themes so it's hard to say if Gilan has to adjust much of his code or not. Let's patiently wait for an update (Using the default theme with GEC still seems to works btw)

okay thank you for checking for me! I appreciate it and i think imma still use the theme lol

  • 2 weeks later...
Posted
On 11/18/2024 at 8:12 PM, MasterH3r0 said:

everybody are transparent, how back to normal?

In the chat window, there is a lock icon. Click the lock icon so it's a closed lock in order to make the background show no transparency. If the lock is open, then it does show semi  transparency

image.png.e41d233d740f0f9d45bba51882ce815a.png

 

 

 

Also, you can set the chat transparency further in this game like this:

 

1step.png.e018eed29c7387624d87594ad1e54e5a.png

 

2step.thumb.png.0e3e414e9df3a97c43ea20c5b1439c39.png

(100 means no transparency, 0 means full transparency)

 

Posted (edited)

yo, i've tried to modify the theme.xml in the files and added a row below with "<include filename="AC/1.0_Scaling.xml"/>"to ensure compatibility with archetype, but now the theme won't apply at all; this was recommended to do under the compatibility issues as a temporary fix but now the theme just isn't there at all. to modify it, i just unzipped, edited and zipped it back and loaded it. any idea what the issue is?

nvm - fixed, it works

 

Edited by JetxLore
  • Teddiursa changed the title to 👾 Catppuccin Mocha Theme (Dark theme) (Version 1.0.2 out 2024-11-06)
Posted (edited)

I've edited the Pokemon summary window backgrounds to incorporate @Smooge's Rejuvenated theme's Pokemon Cards!

 

Preview screenshot

Here is an example of the "snowy mountain" card in-game:

Spoiler

card-preview.png.437a0b93ef275f1bb512f26a9f47b16d.png

 

I think it looks pretty sick 😉

Download

rejuvenated-cards.zip

no-overlay.zip (Optional)

Installation

Follow these installation steps:

1. Extract rejuvenated-cards.zip file into ...\PokeMMO\data\mods\Catppuccin-Mocha\Catppuccin-Mocha\res\rejuvenated-cards\

2. Move into the rejuvenated-cards folder and pick your favorite.

3. Move the selected image out of rejuvenated-cards and up into the res folder. Rename the image to monster-info.png

4. Open PokeMMO and enjoy!

Removing Typing Color Overlay (Optional)

Follow these steps to remove the typing overlay mentioned in my comment below:

1. Make sure the ...\PokeMMO\data\mods\Catppuccin-Mocha\Catppuccin-Mocha\res\monster-info.png is the file installed with the theme by default. I've provided a backup file in the rejuvenated-cards.zip file.

2. Rename your favorite rejuvenated-cards image to mi.card.png and move it to ...\PokeMMO\data\mods\Catppuccin-Mocha\Catppuccin-Mocha\res

2. Extract and replace no-overlay.zip\gfx.xml file into ...\PokeMMO\data\mods\Catppuccin-Mocha\Catppuccin-Mocha

3. Extract and replace no-overlay.zip\monster-frame.xml file into ...\PokeMMO\data\mods\Catppuccin-Mocha\Catppuccin-Mocha\ui

4. Pokemon summary windows will no longer have a colored overlay. Enjoy!

Edited by tunacore
Instructions for removing overlay
Posted
2 hours ago, tunacore said:

I've edited the Pokemon summary window backgrounds to incorporate @Smooge's Rejuvenated theme's Pokemon Cards!

 

Preview screenshot

Here is an example of the "snowy mountain" card in-game:

  Reveal hidden contents

image.png?ex=6748d08a&is=67477f0a&hm=3dbf8fbe68acb710c4745bdd2c13dda65979b74a24cf05355f21e7440d703197&=

 

I think it looks pretty sick 😉

Download

rejuvenated-cards.zip

Installation

Follow these installation steps:

1. Extract .zip file into ...\Program Files\PokeMMO\data\mods\Catppuccin-Mocha\Catppuccin-Mocha\res\rejuvenated-cards\

2. Move into the rejuvenated-cards folder and pick your favorite.

3. Move the selected image out of rejuvenated-cards and up into the res folder. Rename the image to monster-info.png

4. Open PokeMMO and enjoy!

Thank you for sharing this. Great idea to put those backgrounds only in the small window. That looks amazing with this theme! I was trying to think of ways on how to make this theme look less boring and this is great!

Posted
1 minute ago, Wusiala said:

I was trying to think of ways on how to make this theme look less boring and this is great!

I love how "boring" the theme is! It stays faithful to the default theme but is a refreshing upgrade. 

Posted

Hey quick question, does anyone know how to change the Pokemon's typing tint overlay?

 

image.png.26b31cd6c4804ec8b25f94a456ec3e22.png

 

I'm not satisfied with the normal typing overlay; I think it looks too yellow/orange and want to make it whiter.

Posted
On 11/28/2024 at 4:16 AM, tunacore said:

Hey quick question, does anyone know how to change the Pokemon's typing tint overlay?

 

image.png.26b31cd6c4804ec8b25f94a456ec3e22.png

 

I'm not satisfied with the normal typing overlay; I think it looks too yellow/orange and want to make it whiter.

I'll probably remove the tints in future versions since they seem redundant and kinda overtuned on some typings, at least with these backgrounds. I also didn't find a way to change the tints other than fully removing them.

 

Understanding how mi-frame-grid magically summons the tints is way above my pay grade

  • 2 weeks later...
Posted
1 hour ago, HilawNaPuto said:

Will there be a mobile version of the theme??

I'm planning on making a mobile version. But at the moment, I'm even struggling to find time to do my gym reruns 😅

So I think I'll do a mobile version, but the release of it would be in a month at the very earliest

Posted
On 11/27/2024 at 12:36 PM, tunacore said:

Removing Typing Color Overlay (Optional)

Follow these steps to remove the typing overlay mentioned in my comment below:

1. Make sure the ...\PokeMMO\data\mods\Catppuccin-Mocha\Catppuccin-Mocha\res\monster-info.png is the file installed with the theme by default. I've provided a backup file in the rejuvenated-cards.zip file.

2. Rename your favorite rejuvenated-cards image to mi.card.png and move it to ...\PokeMMO\data\mods\Catppuccin-Mocha\Catppuccin-Mocha\res

2. Extract and replace no-overlay.zip\gfx.xml file into ...\PokeMMO\data\mods\Catppuccin-Mocha\Catppuccin-Mocha

3. Extract and replace no-overlay.zip\monster-frame.xml file into ...\PokeMMO\data\mods\Catppuccin-Mocha\Catppuccin-Mocha\ui

4. Pokemon summary windows will no longer have a colored overlay. Enjoy!

I have removed the typing color overlay here.

  • 2 weeks later...
  • Wusiala changed the title to 👾 Catppuccin Mocha Theme (Dark theme) (Version 1.1 out 2024-12-26)
Posted
14 hours ago, ZTetriminos said:

Please update for the xmas 2024 revision when you're able to; this is my favourite theme! Thank you for all your work!

Thanks for the kind words!

 

I just released the update. I was in the midst of making bigger adjustments to the theme so it took longer than normal for me to update. I hope you guys like the new changes!

Posted (edited)

I finally found the perfect theme for me! Very beautiful work of you, thank you for sharing. I'm looking forward for the mobile version 🙂

Edited by Voeux
Posted
11 hours ago, HilawNaPuto said:

Are there info or updates for mobile version of theme?? I love this theme

I'm making good progress with the mobile version but it will still take a few weeks until release I think. I'll make a new post in client customization for the mobile version for less confusion

  • 5 weeks later...
Posted

Hi! PokeMMO client is telling me this theme is outdated. Is this because of the LNY update or am I doing something wrong?

  • Wusiala changed the title to 👾 Catppuccin Mocha Theme (Dark theme) (Version 1.2 out 2025-01-30)
Posted
6 hours ago, rubunny said:

Hi! PokeMMO client is telling me this theme is outdated. Is this because of the LNY update or am I doing something wrong?

Correct, you did nothing wrong. I just released an updated version and also the mobile version of this theme. Enjoy!

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...

Important Information

By using this site, you agree to our Terms of Use and Privacy Policy.