> ## Documentation Index
> Fetch the complete documentation index at: https://guides.a35hie.me/llms.txt
> Use this file to discover all available pages before exploring further.

# Discord Mods

> Prettify Discord!

<Note>You will need a Discord client mod to use these styles. Check out [Vencord](https://vencord.dev).</Note>
<Warning>I am not connected to or affiliated with personally to Discord or Vencord. Use client mods at your own risk.</Warning>

## Installation

[<button class="borderedButton">Skip to Themes</button>](#themes)

<Steps>
  <Step title="Install Vencord">
    <Frame>
      <img src="https://vencord.dev/assets/cute-logo.avif" alt="Vencord Image" />
    </Frame>

    Go to Vencord's website and follow instructions to install it.
    [<button class="borderedButton">Vencord</button>](https://vencord.dev/)
  </Step>

  <Step title="Choose your Themes">
    In the list below, find themes you like.
    Alternatively, you can simply install all.
    Copy all themes' URLs that you want to install.

    Simply copy this to install all:

    ```css All Themes theme={null}
    https://dmods.a35hie.me/Big-GIF-Emoji-Sticker-Picker.css
    https://dmods.a35hie.me/DemureifyNonTransparent.css
    https://dmods.a35hie.me/Transparency.css
    https://dmods.a35hie.me/SemiOpaqueMain.css
    https://dmods.a35hie.me/SystemFonts.css
    https://dmods.a35hie.me/MoreRoundedCorners-Important.css
    https://dmods.a35hie.me/BlurredHeaders.css
    ```
  </Step>

  <Step title="Install Themes">
    Go to your Discord settings, go to "Themes" under the "Vencord" section, and click "Online Themes" on the top.
    Paste in all your theme URLs into the Online Themes textbox like so:

    <Frame>
      <img src="https://mintcdn.com/asboy2035/ZHbfNTGMh_DOJBu6/images/OnlineThemesTextbox.png?fit=max&auto=format&n=ZHbfNTGMh_DOJBu6&q=85&s=0e1df33e3e3676c77d01f1e61a2120bd" alt="Online Themes Textbox" width="1528" height="968" data-path="images/OnlineThemesTextbox.png" />
    </Frame>
  </Step>

  <Step title="Allow Domain">
    Before themes are applied, any non-GitHub/Imgur links will be disallowed.
    Simply go to Settings → Themes and click allow on all the domains.

    <Frame>
      <img src="https://mintcdn.com/asboy2035/ZHbfNTGMh_DOJBu6/images/OnlineThemesDomainError.png?fit=max&auto=format&n=ZHbfNTGMh_DOJBu6&q=85&s=d8295094a9a8ca0d8b534c46199d3e2a" alt="Online Themes Domain Error" width="1534" height="728" data-path="images/OnlineThemesDomainError.png" />
    </Frame>
  </Step>
</Steps>

***

## Themes

List of themes available for install.
[<button class="borderedButton">Installation Instructions</button>](#installation)

### Transparency

<Frame>
  ![Transparency](https://cdn.jsdelivr.net/gh/a35hie/Discord-Mods@main/screenshots/transparency.png)
</Frame>

This theme provides transparency to the Discord UI.
Also, be sure to check out Semi-transparent main that is designed to improve this theme.
<Note>You can get translucency on macOS with [Vencord](https://vencord.dev).</Note>

```
https://dmods.a35hie.me/Transparency.css
```

### Beeg GIF Picker

<Frame>
  ![Beeg GIF Picker](https://cdn.jsdelivr.net/gh/a35hie/Discord-Mods@main/screenshots/beegGif.png)
</Frame>

Makes your GIF/Emoji/Stickers picker take up most of the screen.

```
https://dmods.a35hie.me/Big-GIF-Emoji-Sticker-Picker.css
```

### More Rounded Corners

<Frame>
  ![More Rounded Corners](https://cdn.jsdelivr.net/gh/a35hie/Discord-Mods@main/screenshots/MoreRoundedCorners.png)
</Frame>

Gives some elements more rounded corners.

```
https://dmods.a35hie.me/MoreRoundedCorners.css
```

### Use System Fonts

<Frame>
  ![System Fonts](https://cdn.jsdelivr.net/gh/a35hie/Discord-Mods@main/screenshots/systemFonts.png)
</Frame>

Use your platform's system font instead of Discord's.

```
https://dmods.a35hie.me/SystemFonts.css
```

### Semi-Opaque Main

<Frame>
  ![Semi-Opaque Main](https://cdn.jsdelivr.net/gh/a35hie/Discord-Mods@main/screenshots/semiOpaqueMain.png)
</Frame>

[**Designed for Transparency.**](#transparency)
Makes the main content slightly darker to contrast the transparent outer level.

```
https://dmods.a35hie.me/SemiOpaqueMain.css
```
