Making a custom theme

Learn how to make custom textures for a theme.

Let's create a theme that will support 3 text lines, with fancy borders like so:

1. Find the template texture

First, open up your pixel art software. I personally recommend Aseprite, but Photoshop or other programs can also be used with proper configuration. Important thing is, that it should be good for pixel art.

Next, find the default tooltip textures. They're located in:

  • plugins/Tooltips/pack/assets/tooltips/textures/tooltips/default

Since we want 3 lines, we'll use the default-three-lines.png.

2. Editing the texture

Note that a theme texture is split into 3 equal parts:

  • LEFT

  • MIDDLE

  • RIGHT

Which means that if your texture is 12 in width, each part will be 4 pixels:

(AS SUCH, YOUR WIDTH HAS TO ALWAYS BE A MULTIPLE OF 3)

Now to make it our own, let's stretch it out so we have some room to work with (setting canvas width to 12)

Now expanding the texture itself:

Change the corners to your liking:

And change the color:

Now our texture is done!

3. Configuration

Now what's left is to configure the theme.

1. Add texture to plugin

Save the modified template texture into plugins/Tooltips/pack/assets/tooltips/textures/tooltips/custom as custom.png

2. Configure theme

Go into any theme .yml file (or create your own) inside plugins/Tooltips/themes. I will use plugins/Tooltips/themes/custom.yml.

Now, copy the configuration of the template from here. Since we used default-three-line as the template, we'll also take default-three-line configuration:

Paste it into your theme file:

Now edit the ID to your liking (don't leave it as default-three-line, because that already exists).

Edit the path to match the path where you put the texture. We put it into

  • .../assets/tooltips/textures/tooltips/custom/custom.png

So the path is

  • tooltips:tooltips/custom/custom.png

And lastly, edit the height to 19, because we changed the width. If not changed, it will look like this:

Here's the complete configuration:

Once done, update your resource pack and test the theme with

  • /tt sendtheme [PLAYER] custom Text

Download the texture done in this page here:

Last updated