131 lines
6.2 KiB
CSS
131 lines
6.2 KiB
CSS
/**
|
|
* @name Frosted Glass
|
|
* @author Gibbu#1211
|
|
* @version 2.2.0
|
|
* @description Display your picture of choice with adjustable blur and brightness. Dark theme is required.
|
|
* @invite ZHthyCw
|
|
* @authorId 174868361040232448
|
|
* @source https://github.com/DiscordStyles/FrostedGlass
|
|
* @website https://gibbu.me/
|
|
*/
|
|
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
|
|
@import url('https://discordstyles.github.io/FrostedGlass/dist/FrostedGlass.css');
|
|
|
|
/* Old Windows titlebar - remove this @import if you wish to use default titlebar */
|
|
@import url("https://gibbu.github.io/BetterDiscord-Themes/addons/windows-titlebar.css");
|
|
|
|
@import url(//dablulite.github.io/css-snippets/SuperUserArea/import.css);
|
|
|
|
:root {
|
|
/*
|
|
* Background image variables
|
|
*/
|
|
--background-image: url("https://cdn.seaswimmer.cc/u/o856V4.jpg"); /* Main background image | URL MUST BE A DIRECT LINK (ending in .jpg, .jpeg, .png, .gif) */
|
|
--background-image-blur: 0px; /* Blur intensity of --background-image | Must end in px | DEFAULT: 5px */
|
|
--background-image-size: cover; /* Size of the background image | DEFAUT: cover | OPTIONS: cover, contain */
|
|
--background-image-position: center; /* Position of background image | DEAFULT: center | OPTIONS: top, right, bottom, left, center */
|
|
|
|
/*
|
|
* User Popout variables
|
|
* This will only affect the user profile (when clicking on a member in the members list)
|
|
*/
|
|
--popout-image: var(--background-image); /* Background image for popouts and modals | URL MUST BE A DIRECT LINK (ending in .jpg, .jpeg, .png, .gif) */
|
|
--popout-image-blur: 0px; /* Blur intensity of --popout-image | Must end in px | DEFAULT: 5px */
|
|
--popout-image-size: cover; /* Size of the popout/modal image | DEFAUT: cover | OPTIONS: cover, contain */
|
|
--popout-image-position: center; /* Position of popout/modal image | DEAFULT: center | OPTIONS: top, right, bottom, left, center */
|
|
|
|
/*
|
|
* Modal & Popout variables
|
|
*/
|
|
--overlay-image: var(--background-image); /* Background image for popouts and modals | URL MUST BE A DIRECT LINK (ending in .jpg, .jpeg, .png, .gif) */
|
|
--overlay-image-blur: var(--background-image-blur); /* Blur intensity of --overlay-image | Must end in px | DEFAULT: 5px */
|
|
--overlay-image-size: var(--background-image-size); /* Size of the popout/modal image | DEFAUT: cover | OPTIONS: cover, contain */
|
|
--overlay-image-position: var(--background-image-position); /* Position of popout/modal image | DEAFULT: center | OPTIONS: top, right, bottom, left, center */
|
|
|
|
/*
|
|
* Home image variables
|
|
*/
|
|
--home-button-image: url("https://discordstyles.github.io/FrostedGlass/discord.svg"); /* Home button image | URL MUST BE A DIRECT LINK (ending in .jpg, .jpeg, .png, .gif) */
|
|
--home-button-size: 60%; /* Size of the home button image | DEFAUT: cover */
|
|
--home-button-position: center; /* Position of home button image | DEAFULT: center */
|
|
|
|
/*
|
|
* Brightness variables
|
|
*/
|
|
--serverlist-brightness: 0.2; /* Brightness for serverlist | 0 - 1 (decimals allowed) | DEFAULT: 0.8 */
|
|
--left-brightness: 0.4; /* Channels and DM list brightness | 0 - 1 (decimals allowed) | DEFAULT: 0.8 */
|
|
--middle-brightness: 0.5; /* Chat brightness | 0 - 1 (decimals allowed) | DEFAULT: 0.6 */
|
|
--right-brightness: 0; /* Members and Now Playing brightness | 0 - 1 (decimals allowed) | DEFAULT: 0 */
|
|
--overlay-brightness: 0.75; /* Brightness for popouts and modals | 0 - 1 (decimals allowed) | DEFAULT: 0.75 */
|
|
|
|
/*
|
|
* Gradient variables
|
|
*/
|
|
--gradient-primary: 103, 58, 183; /* DEFAULT: 103,58,183 */
|
|
--gradient-secondary: 63, 81, 181; /* DEFAULT: 63,81,181 */
|
|
--gradient-direction: 320deg; /* DEFAULT: 320deg */
|
|
|
|
/*
|
|
* Tint variables
|
|
*/
|
|
--tint-colour: 255, 51, 159; /* Colour of tint | DEAFULT: 255,51,159 */
|
|
--tint-brightness: 0; /* Brightness of --tint-colour | 0 - 1 (decimals allowed) | DEFAULT: 0 */
|
|
|
|
/*
|
|
* Other variables
|
|
*/
|
|
--window-padding: 10px; /* Spacing around the Discord window | DEFAULT: 20px */
|
|
--window-roundness: 20px; /* Roundness of Discord | DEFAULT: 10px */
|
|
--scrollbar-colour: 255, 255, 255, 5%; /* DEFAULT: 255, 255, 255, 5% */
|
|
--link-colour: #00b0f4; /* DEFAULT: #00b0f4 */
|
|
|
|
/*
|
|
* Visit https://fonts.google.com and select one to your liking.
|
|
* Now just follow this tutorial: https://imgur.com/a/CNbw7xC
|
|
*/
|
|
--font: "roboto";
|
|
|
|
/*
|
|
* ~~DO NOT TOUCH~~
|
|
* Removing this will display an annoying update banner.
|
|
*/
|
|
--update-notice-1: none;
|
|
}
|
|
|
|
/* Custom CSS */
|
|
/* Add danger colours to dangerous user actions */
|
|
#user-context-close-dm, #user-context-remove-friend, #user-context-block { color: var(--status-danger) }
|
|
#user-context-close-dm:active, #user-context-remove-friend:active, #user-context-block:active {
|
|
background-color: var(--red-500)!important;
|
|
color: var(--white-500)!important;
|
|
}
|
|
#user-context-close-dm[class*="focused-"], #user-context-remove-friend[class*="focused-"], #user-context-block[class*="focused-"] {
|
|
background-color: var(--button-danger-background);
|
|
color: var(--white-500);
|
|
}
|
|
@import url(//raw.githubusercontent.com/coolesding/shiggycord/v2/Files/Radialstatus.css);
|
|
:root {
|
|
--rs-online-color: #43b581; /* default: #43b581 */
|
|
--rs-idle-color: #faa61a; /* default: #faa61a */
|
|
--rs-dnd-color: #f04747; /* default: #f04747 */
|
|
--rs-offline-color: #636b75; /* default: #636b75 */
|
|
--rs-streaming-color: #643da7; /* default: #643da7 */
|
|
--rs-bot-color: #5865f2; /* default: #5865f2 */
|
|
--rs-spacer-color: transparent; /* default: transparent*/
|
|
--rs-show-platformindicators: none; /* default: none */
|
|
--rs-small-size: 0.85; /* default: 0.85 */
|
|
--rs-small-roundness: 100%; /* default: 100% */
|
|
--rs-small-thickness: 2.5px; /* default: 2.5px */
|
|
--rs-small-glow: 0px; /* default: 0px */
|
|
--rs-small-spacing: 4px; /* default: 4px */
|
|
--rs-medium-size: 1; /* default: 1 */
|
|
--rs-medium-roundness: 100%; /* default: 100% */
|
|
--rs-medium-thickness: 2.5px; /* default: 2.5px */
|
|
--rs-medium-glow: 0px; /* default: 0px */
|
|
--rs-medium-spacing: 4px; /* default: 4px */
|
|
--rs-large-size: 1; /* default: 1 */
|
|
--rs-large-roundness: 100%; /* default: 100% */
|
|
--rs-large-thickness: 2.5px; /* default: 2.5px */
|
|
--rs-large-glow: 0px; /* default: 0px */
|
|
--rs-large-spacing: 4px; /* default: 4px */
|
|
}
|