Making a custom theme
Learn how to make custom textures for a theme.
Last updated
Learn how to make custom textures for a theme.
Last updated
Let's create a theme that will support 3 text lines, with fancy borders like so:
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
or on GitHub here.
Since we want 3 lines, we'll use the default-three-lines.png
.
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!
Now what's left is to configure the theme.
Save the modified template texture into
plugins/Tooltips/pack/assets/tooltips/textures/tooltips/custom
as
custom.png
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: