> For the complete documentation index, see [llms.txt](https://wiki.diekieboy.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wiki.diekieboy.com/premade-configurations/en-tab-configuration-usd1-99/installation.md).

# 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:

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