Documentation: Configuration Overview

| a| b|
|-|-|
|<img width="595" height="291" alt="Image" src="https://github.com/user-attachments/assets/a5196cfe-4d2e-4803-88d5-dc8f3e67f6a8" /> | <img width="556" height="433" alt="Image" src="https://github.com/user-attachments/assets/409b6d9f-4817-4dbf-9cea-8c294d976f4a" /> |

> [This mod](https://github.com/slprime/ChromaticTooltipsCompat/releases) is required for mods with their own tooltip renderer to work correctly. It covers all mods found in the GTNH modpack. Integration with other mods is worth adding there

# Resourcepack
`path: assets\chromatictooltips\tooltip.json`

## Tooltip Style:
```json
{
    "style": {
        "margin": 2,
        "padding": 4,

        "offsetMain": 6,
        "offsetCross": -18,

        "decorators": [{
            "type": "background",
            "color": "0xF0100010",
            "corner": false
        },{
            "type": "border",
            "color": ["0x505000ff", "0x5028007F"],
            "margin": 1
        }],

        "font": {
            "paragraph": 6
        },

        "sectionSpacing": 4
    }
}
```

You can use the style key for a single tooltip, or styles for a list of tooltips in different contexts.

### `Offset*`, `Margin`, `Padding`
```json
    "offset": {
        "main": 6,
        "cross": - 18
    },
    "offsetMain": 6,
    "offsetCross":  -18,

    "margin": {
        "left": 4,
        "right": 3,
        "top": 2,
        "bottom": 1
    },
    "margin": [2, 3, 1, 4],
    "marginLeft": 4,
    "marginRight": 3,
    "marginTop": 2,
    "marginBottom": 1,
```
`padding` same as `margin`

<img width="700" height="471" alt="Image" src="https://github.com/user-attachments/assets/7fdbb77b-eb46-4228-adf0-0318c0eb6144" />

Blue - margin
Green - padding
Indingo - offsetCross
Orange - offsetMain

### `sectionSpacing`

<img width="700" height="471" alt="Image" src="https://github.com/user-attachments/assets/af21bb08-78af-4131-8e87-22d7d8d6af40" />

### `Font`
```json
{
  "fontShadow": true,
  "fontParagrath": "<int>",
  "fontColors": {
    "gold": ["0xFFFFD700", "0xFFB8860B"]
  }
}
```
alias
```json
{
    "font": {
        "shadow": true,
        "paragrath": "<int>",
        "colors": {
            "gold": ["0xFFFFD700", "0xFFB8860B"]
        }
    }
}
```
#### `paragrath`
indent height for an empty line

#### `shadow`
| on | off |
|-|-|
| <img width="704" height="474" alt="Image" src="https://github.com/user-attachments/assets/c4efea1c-dd2b-4761-848a-124371539689" /> | <img width="706" height="474" alt="Image" src="https://github.com/user-attachments/assets/5e6ca73e-f0d7-4581-9109-c38655ea752d" /> |

#### `colors`
you can rewrite default minecraft font colors
`black`, `dark_blue`, `dark_green`, `dark_aqua`, `dark_red`, `dark_purple`, `gold`, `gray`, `dark_gray`, `blue`, `green`, `aqua`, `red`, `light_purple`, `yellow`, `white`

| a | b |
|-|-|
| <img width="706" height="474" alt="Image" src="https://github.com/user-attachments/assets/c9490eaa-416a-4c1a-8d2d-5f240914c3d5" /> | <img width="705" height="474" alt="Image" src="https://github.com/user-attachments/assets/79107608-49a3-45ca-8545-4c26d629af0e" />|

## Main Sections
```json
"header": {},
"hr": {},
"body": {},
"footer": {},
"navigation": {}
```

<img width="700" height="471" alt="Image" src="https://github.com/user-attachments/assets/0f5bfd92-3846-4185-9dd9-167e7f9b28c1" />

`navigation` section shown after footer if content don't fit in screen

#### Each section contains the following parameters:
```json
{
  "margin": "<TooltipSpacing>",
  "padding": "<TooltipSpacing>",

  "font": "<TooltipFontContext>",
  "decorators": [ "<TooltipDecorator>" ],
  "transform": "<TooltipTransform>",

  "alignInline": "left|center|right",
  "alignBlock": "top|center|bottom",
  "minWidth": "<int>",
  "minHeight": "<int>",

  "spacing": "<int>",
  "sectionSpacing": "<int>"
}
```

### Default Sections
```json
{
    "sections": {
        "title": {},
        "keyboard-modifier": {},
        "stats:icons": {},
        "stacksize": {},
        "hotkeys": {},
        "itemInfo": {},
        "enchantments": {},
        "stats": {},
        "oreDictionary": {},
        "contextInfo": {},
        "modInfo": {}
    }
}
```
They have the same parameters as the main sections, as well as some of their own
```json
{
  "order": "<int>",
   "place": "header" | "body" | "footer",
   "mode": ["none", "ctrl", "shift", "alt"]
}
```

## Decorator
You can use `decorator` key for single, or `decorators` for list
### `border`
```json
{
    "type": "border",
    "color": "0xAARRGGBB" | ["left-top-color", "right-top-color", "right-bottom-color", "left-bottom-color"],
    "thickness": 1,
    "corner": true
}
```

| default | thickness 2 | corner false |
|-|-|-|
| <img width="707" height="475" alt="Image" src="https://github.com/user-attachments/assets/f21417ed-13ae-4fc8-b159-51e1aa167325" /> | <img width="704" height="475" alt="Image" src="https://github.com/user-attachments/assets/375173ee-f1fe-4327-a39a-1710f665038d" /> | <img width="706" height="475" alt="Image" src="https://github.com/user-attachments/assets/14a4affa-f2cd-4647-a5eb-402d3d904ed6" /> |

## `background`
```json
{
    "type": "background",
    "color": "0xAARRGGBB" | ["left-top-color", "right-top-color", "right-bottom-color", "left-bottom-color"],
    "thickness": 1,
    "corner": true
}
```
### `gradient-horizontal` and `gradient-vertical`
Draws a rectangle with a gradient from one color to another. The number of colors is unlimited. If you set single color, it converted to 
`[TRANSPARENT, color60Int, colorInt, color60Int, TRANSPARENT]`
```json
{
    "type": "gradient-horizontal" | "gradient-vertical",
    "color": "0xAARRGGBB" | ["0xAARRGGBB", "0xAARRGGBB", ...],
    "thickness": 1,
    "corner": true
}
```
| a | b |
|-|-|
| <img width="706" height="477" alt="Image" src="https://github.com/user-attachments/assets/8b485bfc-ec5e-4bae-947b-6d8a2d251986" /> | <img width="706" height="476" alt="Image" src="https://github.com/user-attachments/assets/8b4f529a-3c1b-4b53-a92f-5cfb8feae84d" /> |

### `item`
```json
{
    "type": "item"
}
```
| icon | icon with border & background |
|-|-|
| <img width="749" height="477" alt="Image" src="https://github.com/user-attachments/assets/f5b216f5-1e6c-4a54-a758-53e6f65ba8d3" /> | <img width="750" height="479" alt="Image" src="https://github.com/user-attachments/assets/20b36091-4424-4914-a2e6-1f8081bcc98c" /> |

Example
```json
"header": {
    "paddingLeft": 29,
    "minHeight": 25,
    "alignBlock": "center",
    "sectionSpacing": 2,
    "decorators": [
        {
            "_name": "background",
            "type": "background",
            "color": "$param:iconColor",
            "corner": true,
            "margin": 1,
            "width": 23,
            "height": 23
        },
        {
            "_name": "border",
            "type": "border",
            "color": "$param:iconBorderColor",
            "corner": false,
            "thickness": 1,
            "width": 25,
            "height": 25
        },
        {
            "_name": "stack icon",
            "type": "item",
            "margin": 1,
            "width": 23,
            "height": 23
        }
    ]
},
```

### Texture
(read readme file for details)

https://github.com/user-attachments/assets/fed14e95-6166-4034-8c98-2bdea93a81b6

### Transform
```json
{
  "duration": 600,
  "function": "easeInOut",
  "originInline": "center",
  "originBlock": "center",
  "keyframes": [
    { "progress": 0, "scale": 0.9 },
    { "progress": 100, "scale": 1.0 }
  ]
}
```

![Image](https://github.com/user-attachments/assets/9c83feb7-075f-425e-a185-227162ed6792)


## Filters/Contexts
You can create tooltip for different contexts. By default used default context if don't exists target context. If need show tooltip for some itemStack use context "item" and add "filter" for it. without "filter" this tooltip apply for every items
```json
{
    "styles": [{
        "context": "default"
    }, {
        "context": "item",
        "filter": "..."
    }]
}
```
#### Filter rules:
> 
>  * parts:
>  * modname:itemid          - identify: matches any part of the target, so minecraft:lava matches minecraft:lava_bucket
>  * $orename                - ore dictionary: matches any part of the target, so $ingot matches ingotIron, ingotGold, etc.
>  * tag.color=red           - tag
>  * rarity:common           - rarity
>  * 0 or 0-12               - damage
>  *
>  * modifiers:
>  * ! - logical not. exclude items that match the following expression (!minecraft:portal)
>  * r/.../ - standard java regex (r/^m\w{6}ft$/ = minecraft)
>  * , - logical or in token (minecraft:potion 16384-16462,!16386)
>  * | - logical or multi-item search (wrench|hammer)
>  *
>  *
>  * example: minecraft:potion 16384-16462,!16386 | $oreiron | tag.color=red
Examples: https://github.com/GTNewHorizons/GT-New-Horizons-Modpack/blob/master/config/NEI/collapsibleitems.cfg


# Settings
## Controls
<img width="1244" height="300" alt="Image" src="https://github.com/user-attachments/assets/48221133-53df-404f-ac65-3d2fb37346cc" />
## General Configuration

<img width="1244" height="374" alt="Image" src="https://github.com/user-attachments/assets/561c6836-b80a-42ee-baea-b6af9c2d2fc8" />

`maxWidth` - force tooltip max width
`scaleFactor` - use custom scale for tooltips
`tooltipBlacklistLines` - you can hide some lines in tooltips
`tooltipShowUpDelay` - delay before showing tooltip
`transformEnabled` - force disabled transformation it tooltip resourcepack

## Enricher Configuration

<img width="1314" height="645" alt="Image" src="https://github.com/user-attachments/assets/0af06dba-9c4f-4cd6-8d45-e9037cbb20dc" />

## Stack Amount  Configuration

<img width="1412" height="349" alt="Image" src="https://github.com/user-attachments/assets/6a0e1d79-df4e-48ff-9e7d-dccdaaa5c231" />

<img width="1385" height="185" alt="Image" src="https://github.com/user-attachments/assets/a19b87f6-ab62-434e-8697-ffec655e7bc4" />

# Examples:

https://github.com/user-attachments/assets/c712b04d-a919-485e-a0fe-4cbbb4d99604

<img width="734" height="485" alt="Image" src="https://github.com/user-attachments/assets/d127a25f-064f-4bcb-aefa-3af742d3fee2" />

ResourcePack: [experemental-tooltips.zip](https://github.com/user-attachments/files/24570732/experemental-tooltips.zip)

<img width="710" height="473" alt="Image" src="https://github.com/user-attachments/assets/2a5a5643-639d-4df2-8460-09d4d84d722a" />

ResourcePack: [chromatic-tooltips-simple.zip](https://github.com/user-attachments/files/24547029/chromatic-tooltips-simple.zip)

<img width="759" height="474" alt="Image" src="https://github.com/user-attachments/assets/4197024c-95d1-4f11-ae04-2dc3c7587cd1" />

ResourcePack: [chromatic-tooltips-icon.zip](https://github.com/user-attachments/files/24547031/chromatic-tooltips-icon.zip)

<img width="778" height="475" alt="Image" src="https://github.com/user-attachments/assets/80157b47-1ce5-4f32-a23f-9d41291c7262" />

ResourcePack: [black-tooltips-icon.zip](https://github.com/user-attachments/files/24547071/black-tooltips-icon.zip)

<img width="705" height="475" alt="Image" src="https://github.com/user-attachments/assets/fe565bf2-559d-4e12-8cd1-4658cbba68b0" />

ResourcePack: [black-tooltips-simple.zip](https://github.com/user-attachments/files/24547091/black-tooltips-simple.zip)

<img width="774" height="475" alt="Image" src="https://github.com/user-attachments/assets/1c96489e-2db4-475b-b746-8e2b3f2377ae" />

ResourcePack: [blue-tooltips-icon.zip](https://github.com/user-attachments/files/24547096/blue-tooltips-icon.zip)

<img width="709" height="475" alt="Image" src="https://github.com/user-attachments/assets/b9ad0d67-92e4-442f-b63c-ed5aafbad490" />

ResourcePack: [tooltip-blue-simple.zip](https://github.com/user-attachments/files/24547097/tooltip-blue-simple.zip)

<img width="847" height="479" alt="Image" src="https://github.com/user-attachments/assets/5ba074aa-420c-41ce-b531-4f3dddd5fc45" />

ResourcePack: [gregtech-tooltips-icon.zip](https://github.com/user-attachments/files/24591320/gregtech-tooltips-icon.zip)

<img width="753" height="477" alt="Image" src="https://github.com/user-attachments/assets/48835efd-6f26-40ec-81f9-8bd8964cf7da" />

ResourcePack: [gregtech-tooltips-simple.zip](https://github.com/user-attachments/files/24572133/gregtech-tooltips-simple.zip)

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Documentation: Configuration Overview #1

Resourcepack

Tooltip Style:

`Offset*`, `Margin`, `Padding`

`sectionSpacing`

`Font`

`paragrath`

`shadow`

`colors`

Main Sections

Each section contains the following parameters:

Default Sections

Decorator

`border`

`background`

`gradient-horizontal` and `gradient-vertical`

`item`

Texture

Transform

Filters/Contexts

Filter rules:

Settings

Controls

Enricher Configuration

Stack Amount Configuration

Examples:

Metadata

Assignees

Labels

Projects

Milestone

Relationships

Development

Documentation: Configuration Overview #1

Description

Resourcepack

Tooltip Style:

Offset*, Margin, Padding

sectionSpacing

Font

paragrath

shadow

colors

Main Sections

Each section contains the following parameters:

Default Sections

Decorator

border

background

gradient-horizontal and gradient-vertical

item

Texture

Transform

Filters/Contexts

Filter rules:

Settings

Controls

Enricher Configuration

Stack Amount Configuration

Examples:

Metadata

Metadata

Assignees

Labels

Projects

Milestone

Relationships

Development

Issue actions

`Offset*`, `Margin`, `Padding`

`sectionSpacing`

`Font`

`paragrath`

`shadow`

`colors`

`border`

`background`

`gradient-horizontal` and `gradient-vertical`

`item`