themes

Snippets

reminder that some may not work. i dont use the v1 snippets and the non-visual refresh snippets do not work

• 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 */
    /* Whether you want the chat to clip typing status *\
    \*   thorough the bar when someone starts typing   */
    --rscb-clip-chat-through-typing-bar: 0;
    /* use a fixed upload button if your *\
    \*      find it not aligned          */
    --rscb-use-fixed-attach-button: 0;
  }
  

• 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

• ChatRelatedToastsAtTopv2

  Improves the original Chat Related Alerts at Top snippet by reducing the :has selector usage as much as possible

• midnight island chat status

  turns the x is typing and slowmode is enabled into their seperate pills that hover over the chat bat

• MembersHideUnlessHover

  hide the members list until you hover on it

• Blurry Backdrop 🔃

  Make backdrops formed from full screen elements be blurry

  Variables

  :root {
    /* The blur radius, can be *\
    \*   any types of length   */
    --blrbg-blur-by: 2px;
    /* how dim you want the bg *\
    \*   aside from the blur   */
    --blrbg-dimmness: 25;
  }
  

  Jump to message

• Blurry Settings Modal 🔃

  Makes the.rabbit.disabler’s ‘Make Settings a window’ snippet have the settings and options background be transparent (i mean literally every element except toggles and buttons :3)

  Variables

  :root {
    /* The blur radius, can be *\
    \*   any types of length   */
    --blrsm-blur-by: 5px;
    /* how dim you want the bg *\
    \*   aside from the blur   */
    --blrsm-dimmness: 25;
  }
  

  Jump to message

• Blurry Quick Switcher 🔃

  Makes Quick Switcher have a blurry background. What more did you expect.

  Jump to message

• Bordered Embeds 🔃

  Adds borders to embeded contents, like webhooks and previews. Need I say more?

  Variables

  :root {
    /* Border width for the embeds */
    --wh-border-width: 4px;
    /* Background opacity. The higher it is, the more of the border color seeps through */
    --wh-background-opacity: 0%;
    /* Default background color. Relative color is used for those who use transparent themes */
    --wh-default-background: hsl(from var(--background-surface-high) h s l / 100%);
    /* Whether to keep the Suppress Embed button shown, or hide when not hovered on */
    --wh-always-show-suppress-embed-button: 0
  }
  

  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.