themes

Snippets

reminder that some may not work.

in use

• Chat Related Toasts At Top v2

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

• Members Hide Unless Hover

  hide the members list until you hover on it

• 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

• Image Zoom Spyglass Lens

  Turns the Image Zoom plugin from Vencord into a spyglass, with an optional zoom animation

Variables

Turns the Image Zoom plugin from Vencord into a spyglass, with an optional zoom animation

Variables

  /* set to 0 to disable animation */
  :root {
    --vcizl-animate-duration: 1s
  }

Jump to message

not used

• Refreshed 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 {
    /* 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;
  }
  

• midnight island chat status 📦

  turns the x is typing and slowmode is enabled into their separate pills that hover over the chat bat. May not work with non-midnight themes.

• 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

• 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

• 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.

_Footnotes:

1. If a snippet doesn’t have a url, refer to the message.
2. If a snippet has 📦, it means that I no longer use the snippet.

This site is open source. Improve this page.