# Role-like badges

<figure><img src="https://1672665082-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPdE0SgtxYDzaE02bQzko%2Fuploads%2FxxUR685ryDGb4TtOCIwh%2Fimage.png?alt=media&#x26;token=892fed03-cf14-4c90-b1a0-86ff5350a718" alt=""><figcaption><p>an example made by me with some extra shine effect</p></figcaption></figure>

{% hint style="info" %}
Name: Role Badges\
From: Discord 😐\
Difficulty: <img src="https://1672665082-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPdE0SgtxYDzaE02bQzko%2Fuploads%2F7hrwqAmFXpHJs965gCpn%2Fbadge(3).png?alt=media&#x26;token=3a04dfaf-df9b-4ead-a9e2-ef925bb49a8f" alt="" data-size="line">
{% endhint %}

{% hint style="warning" %}
This could technically be applied to badges, but i dont see a purpose.
{% endhint %}

## Step 1: Colors

Open the Background color picker and put in the color hex `232428`. Please also put in your text now.

<figure><img src="https://1672665082-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPdE0SgtxYDzaE02bQzko%2Fuploads%2F42sxxNNu1MQdEUAZ6vMi%2Fimage.png?alt=media&#x26;token=d80bcc66-79c1-47a3-b1a9-bbb4e1d9eb98" alt=""><figcaption></figcaption></figure>

## Step 2: Icon

Press the icon and search up `circle` and click on the first result. now click on the icon color and set it to the color you want your role to be. I'll go with a red.

<figure><img src="https://1672665082-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPdE0SgtxYDzaE02bQzko%2Fuploads%2F98WJ8C0ZHitfTSdxVLOw%2Fimage.png?alt=media&#x26;token=5758b186-d1e4-4838-8ddf-46b699c9eeb1" alt=""><figcaption></figcaption></figure>

## Step 3: Finishing Touches

Open the <img src="https://1672665082-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPdE0SgtxYDzaE02bQzko%2Fuploads%2FlIwa1Y507KkmaC2Vy6TK%2Fdiscotools-xyz-icon(1).png?alt=media&#x26;token=b0fcf60e-f29d-464a-a87f-f3ade604275b" alt="" data-size="line">`Advanced` tab and set `rounded` to `07`. For the font set it to `Lato` with either `Bold` or `Semibold.`

<figure><img src="https://1672665082-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPdE0SgtxYDzaE02bQzko%2Fuploads%2FVhEJD3wVXVueE0udYwFr%2Fimage.png?alt=media&#x26;token=f70485d9-c91a-4dad-b80c-2d5e725ff705" alt=""><figcaption></figcaption></figure>

## Done! 🎉

time for a comparison.

{% tabs %}
{% tab title="Discord" %}

<figure><img src="https://1672665082-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPdE0SgtxYDzaE02bQzko%2Fuploads%2FmZqi9qxK3rmT3h3pclFK%2Fimage.png?alt=media&#x26;token=ecee6854-9c0c-4785-87ee-cf4ab976e63b" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Ours" %}

<figure><img src="https://1672665082-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPdE0SgtxYDzaE02bQzko%2Fuploads%2FImfmrsPUQJ3EeUrqtZ6c%2Fimage.png?alt=media&#x26;token=ab03e98f-e949-40d2-a1c7-e828bd79c969" alt="" width="375"><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}


---

# 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://blade0.gitbook.io/discotools/b/role-like-badges.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.