# Installation

On this page, you will find all the dependencies needed and the installation steps for this config.

## 🔗 Dependencies

* [**TAB** Plugin](https://www.spigotmc.org/resources/tab-1-5-1-20-4.57806/) **-** Free
* [**PlaceholderAPI** Plugin](https://www.spigotmc.org/resources/placeholderapi.6245/) - Free

*(Expansions: Player, Server,* [*Javascript*](https://api.extendedclip.com/expansions/javascript/) *and LocalTime)*

## ⚙️Installation

* Navigate to your Server's plugins folder.
* Install the dependencies.
* Start your server so that the new plugins that have been installed so they can generate their folders. (this is optional if you already have the plugins installed)
* Replace your current TAB **config.yml** with the one provided in the .zip file.
* Reload the TAB plugin -> <mark style="color:blue;">**/tab reload**</mark>
* Upload the Javascript PlaceholderAPI expansion pack. You can download it [**here**](https://api.extendedclip.com/expansions/javascript/).
* After you upload the Javascript expansion please upload the provided Javascript folder from the .zip file to the PlaceholderAPI expansions folder (<mark style="color:blue;">/plugins/PlaceholderAPI/expansions</mark>)
* Join the server and run the following commands:
  * /papi ecloud download Player
  * /papi ecloud download Server
  * /papi ecloud download LocalTime
* After you run those commands reload the PlaceholderAPI plugin -> **/papi reload**
* After you have done all of this you can enjoy the config!

## 🛑Extra

You are wondering where are all the color options? Here are all the primary and secondary hex colors respectively used in the configuration!

<table data-full-width="false"><thead><tr><th align="center">Color</th><th align="center">Primary Color</th><th align="center">Secondary Color</th></tr></thead><tbody><tr><td align="center">Blue</td><td align="center">&#x26;#6CBFFF</td><td align="center">&#x26;#6AE2FF</td></tr><tr><td align="center">Green</td><td align="center">&#x26;#00CC99</td><td align="center">&#x26;#ACE1AF</td></tr><tr><td align="center">Light Orange</td><td align="center">&#x26;#FCA300</td><td align="center">&#x26;#FAD17F</td></tr><tr><td align="center">Orange</td><td align="center">&#x26;#FF670B</td><td align="center">&#x26;#FF8E20</td></tr><tr><td align="center">Red</td><td align="center">&#x26;#D82433</td><td align="center">&#x26;#FF4155</td></tr><tr><td align="center">Violet</td><td align="center">&#x26;#C77DFF</td><td align="center">&#x26;#DDA5FF</td></tr><tr><td align="center">Yellow</td><td align="center">&#x26;#ECB620</td><td align="center">&#x26;#FFFF00</td></tr></tbody></table>

You can change the color of the dynamic line by using **%javascript\_tabline\_\<color>%**. Also if you want to override the player count, you can use **%javascript\_tabline\_\<color>\_\<integer>%**.

Here are all the valid \<color> arguments (non-case-sensitive):

* White
* LightGray
* Gray
* Black
* Blue
* Green
* LightOrange
* Orange
* Red
* Violet
* Yellow

{% hint style="info" %}
You can change the color of the dynamic line by using %javascript\_tabline\_\<color>%. For example, if you use %javascript\_tabline\_red% the TAB configuration will be red.
{% endhint %}

#### Do you want to create your own colors in <mark style="color:blue;">tabline.js</mark>?

Step 1 -> If you want to do this you will need to create a new array variable like such:

```
  var newColor = ["0", "1", "2", "3"]
```

* 0 -> line when the server has 20 or less players
* 1 -> line when the server has 40 or less players
* 2 -> line when the server has 60 or less players
* 3 -> line when the server has 80 or less players

Step 2 ->  After you created the new array variable you will need to add the **newColor** to the **getLine** function (by default is at line **22).**

```
  case "newcolor": return newColor[index]
```

{% hint style="warning" %}
Be sure the text after case ("newcolor") is lowercase or else it won't function properly.
{% endhint %}

Here are the lines used in the default config without color:

```
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯
```


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://wiki.diekieboy.com/premade-configurations/en-tab-configuration-usd1-99/installation.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
