themes

Snippets

• Seamless Chat Bar 🗝

  Moves Someone is typing, Cooldown is active, You are viewing older messages and Replying to someone such that they are seamless with the message bar

  Jump to message

  Variables

    :root {
      /* Use if your theme overwrites the color like Nocturnal
      --channeltextarea-background: var(--backgroundColor01);*/
      /* set to 0px if no applauncher */
      --scb-applauncher-padding: -52px; /* default = -52px */
      /* border radius of bar */
      --scb-border-radius: 8px; /* default = 8px */
        }
  

• Refreshed Seamless Chat Bar 🔃

  ^ but for Visual Refresh

  Jump to message

  Variables

    :root {
      /* change padding of the bar */
      --rscb-chat-box-padding: 8px; /* default is 8px for alignment */
    }
  

• Chat Related Alerts at Top 🔃

  Moves the x number of new messages and You are viewing old messages to the top and make them seamless with each other (down to the button style)

  Variables

    :root {
      /* Set to 1 if you want them to float  *\
      |*      Recommended while using        *|
      \*      Midnight/Rounded Themes        */
      --craat-popout: 0; /* Default = 0 */
      /* Change the border radius *\
      \*      for the alerts      */
      --craat-border-radius: 16px; /* default: 16px */
    }
  

  Jump to message

• HSL x Better Folders 🔃

  Fixes Horizontal Server List breaking the extra sidebar of Better Folders

  Use my HSL Version instead

• Pin a server 🗝

  Allows you to pin any server of your choice to replace the pinned Discovery icon. The server must not be in a folder

  Jump to message

• Client Theme for Visual Refresh 🔃

  Adds the compatibility for Client Theme to work on Visual Refresh (may change if Discord fixes the variables)

  Jump to message

  This snippet will be archived after the fix has been merged.

• No Favourite Channel Icon 🗝

  Removes the channel icons from channels while using Favorites v2

  Jump to message

_Footnotes:

1. If a snippet doesn’t have a url, refer to the message.
2. If a snippet has 🔃, it means it works for Visual Refresh
3. If a snippet has 🗝️, it means it works on pre-refresh

This site is open source. Improve this page.