Skip to content

Instantly share code, notes, and snippets.

@xslendix
Created May 19, 2023 17:13
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save xslendix/73ee8f1b32b3fa88a75040b6b1402372 to your computer and use it in GitHub Desktop.
Save xslendix/73ee8f1b32b3fa88a75040b6b1402372 to your computer and use it in GitHub Desktop.
/**
* @name Vibrant Glass
* @version 1.0
* @description Simple customizable glass theme.
* @author Kaynooo#8080
*
* @source https://github.com/Kayno0o/vibrant-glass-theme
* @invite XhPKd5x7Fz
**/
/*
__ ___ _ _ _____ _
\ \ / (_) | | | / ____| |
\ \ / / _| |__ _ __ __ _ _ __ | |_ | | __| | __ _ ___ ___
\ \/ / | | '_ \| '__/ _` | '_ \| __| | | |_ | |/ _` / __/ __|
\ / | | |_) | | | (_| | | | | |_ | |__| | | (_| \__ \__ \
\/ |_|_.__/|_| \__,_|_| |_|\__| \_____|_|\__,_|___/___/
*/
@import url("https://raw.githack.com/Kayno0o/vibrant-glass-theme/main/glass_remote.theme.css");
/*
to customize rgb color : https://www.google.com/search?q=color+picker and copy the RGB thing
to create custom gradient : https://cssgradient.io/ and copy the linear-gradient
*/
/* DEFINE MAIN VARIABLES */
.theme-dark {
/*
name of the Discord window (top left)
default : "Vibrant Glass" */
--window-name: "";
/*
color of the Discord window name
default : rgb(255, 255, 255) */
--window-name-color: rgb(255, 255, 255);
/*
opacity, but lighter
default : 0.2 */
--light-opacity: 0.2;
/*
opacity used everywhere to make this glass effect
default : 0.5 */
--opacity: 0.2;
/*
opacity, but darker
default : 0.75 */
--dark-opacity: 0.5;
/*
it's just the Discord background URL, it has to be a direct link (ending with .png, .jpg, .gif)
default : url('https://cdn.discordapp.com/attachments/696040243748536401/850445513542205531/1-IrFMpUu.png') */
--background-url: transparent;/*url('https://cdn.discordapp.com/attachments/696040243748536401/850445513542205531/1-IrFMpUu.png');*/
/*
background color used for opacity
default : 0, 0, 0 */
/*--background-color: 12, 12, 12;*/
--background-color: 0, 0, 0;
}
/* BACKGROUND */
.app-2rEoOp>.bg-h5JY_x {
background: var(--background-url) !important;
backdrop-filter: blur(5px) !important;
background-size: cover !important;
}
.userProfileOuter-2tQwNf,
.drawerSizingWrapper-1txdWG,
.menu-2TXYjN,
#app-mount {
backdrop-filter: blur(5px);
}
.content-3spvdd {
background-color: black;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment