85 lines
6.5 KiB
CSS
85 lines
6.5 KiB
CSS
/**
|
|
* @name BasicBackground
|
|
* @description Allows you to use a Background Image without greatly altering the basic Layout of Discord
|
|
* @author DevilBro
|
|
* @version 1.0.5
|
|
* @authorId 278543574059057154
|
|
* @invite Jx3TjNS
|
|
* @donate https://www.paypal.me/MircoWittrien
|
|
* @patreon https://www.patreon.com/MircoWittrien
|
|
* @website https://mwittrien.github.io/
|
|
* @source https://github.com/mwittrien/BetterDiscordAddons/tree/master/Themes/BasicBackground/
|
|
* @updateUrl https://mwittrien.github.io/BetterDiscordAddons/Themes/BasicBackground/BasicBackground.theme.css
|
|
*
|
|
* @var text transparencycolor_s "Transparency Color: [default] = 0, 0, 0" 0, 0, 0
|
|
* @var range transparencyalpha_s "Transparency Alpha: [default] = 0.15" [0.15, 0, 1, 0.05]
|
|
* @var range messagetransparency_s "Messages: [default] = 0.5, 0 = No Boxes" [0.5, 0, 1, 0.05]
|
|
* @var range guildchanneltransparency_s "Guilds/Channels: [default] = 0.15" [0.15, 0, 1, 0.05]
|
|
* @var range chatinputtransparency_s "Chat Input: [default] = 0" [0, 0, 1, 0.05]
|
|
* @var range memberlisttransparency_s "Memberlist: [default] = 0" [0, 0, 1, 0.05]
|
|
* @var text accentcolor_s "Accent Color: [default] = 88, 101, 242" 190, 78, 180
|
|
* @var checkbox settingsicons_s "User Settings Icons" 1
|
|
* @var text font_s "General Font" "gg sans", "Noto Sans"
|
|
* @var text textshadow_s "Text Shadow: [default] = rgba(0, 0, 0, 0)" rgba(0, 0, 0, 0)
|
|
* @var text background_s "Background: Can be an Image/Color/Gradient" url(https://mwittrien.github.io/BetterDiscordAddons/Themes/BasicBackground/_res/background.jpg)
|
|
* @var select backgroundposition_s "Background Position" ["center*", "top", "right", "bottom", "left"]
|
|
* @var select backgroundsize_s "Background Size" ["cover*", "contain", "auto"]
|
|
* @var range backgroundblur_s "Background Blur" [0, 0, 100, 1]
|
|
* @var text popout_s "Popups BG: Can be an Image/Color/Gradient" var(--background)
|
|
* @var select popoutposition_s "Popups BG Position" ["center*", "top", "right", "bottom", "left"]
|
|
* @var select popoutsize_s "Popups BG Size" ["cover*", "contain", "auto"]
|
|
* @var range popoutblur_s "Popups BG Blur" [0, 0, 100, 1]
|
|
* @var text backdrop_s "Backdrop BG: Can be an Image/Color/Gradient" rgba(0, 0, 0, 0.85)
|
|
* @var select backdropposition_s "Backdrop BG Position" ["center*", "top", "right", "bottom", "left"]
|
|
* @var select backdropsize_s "Backdrop BG Size" ["cover*", "contain", "auto"]
|
|
* @var range backdropblur_s "Backdrop BG Blur" [0, 0, 100, 1]
|
|
* @var text textbrightest_s "Text Color 1: [default] = 255, 255, 255" 255, 255, 255
|
|
* @var text textbrighter_s "Text Color 2: [default] = 222, 222, 222" 222, 222, 222
|
|
* @var text textbright_s "Text Color 3: [default] = 200, 200, 200" 200, 200, 200
|
|
* @var text textdark_s "Text Color 4: [default] = 160, 160, 160" 160, 160, 160
|
|
* @var text textdarker_s "Text Color 5: [default] = 125, 125, 125" 125, 125, 125
|
|
* @var text textdarkest_s "Text Color 6: [default] = 90, 90, 90" 90, 90, 90
|
|
*/
|
|
|
|
/* To change stuff like the colors, transparency and background image, change the variables inside the root {}, do NOT change the @import url() */
|
|
|
|
@import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/BasicBackground/BasicBackground.css);
|
|
|
|
:root {
|
|
--transparencycolor: 0, 0, 0; /* default: 0, 0, 0 */
|
|
--transparencyalpha: 0.15; /* default: 0.15 (general darkness of the app) */
|
|
--messagetransparency: 0.5; /* default: 0.5 (additional shadows behind messages, set to 0 to remove boxes) */
|
|
--guildchanneltransparency: 0.15; /* default: 0.15 (additional darkness for guild/channel list) */
|
|
--chatinputtransparency: 0.0; /* default: 0.0 (additional darkness for chat input container) */
|
|
--memberlisttransparency: 0.0; /* default: 0.0 (additional darkness for member list) */
|
|
--accentcolor: 190, 78, 180; /* default: 190, 78, 180 (RGB-format - blurple: 88, 101, 242 bd-blue: 58, 113, 193) */
|
|
|
|
--settingsicons: 1; /* Use Settings Icons in User Settings: 1 = yes, 0 = no */
|
|
--font: "gg sans", "Noto Sans"; /* font used in most places */
|
|
--textshadow: transparent; /* default: transparent (textshadow for text ontop of accentcolor nodes, ONLY accepts a color, no px) */
|
|
|
|
--background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/BasicBackground/_res/background.jpg); /* general background image */
|
|
--backgroundposition: center; /* default: center (position of background - values: [center/top/right/bottom/left]) */
|
|
--backgroundsize: cover; /* default: cover (sizefit of background - values: [cover/contain/auto]) */
|
|
--backgroundblur: 0; /* default: 0 (blur in px, only works when --background is set to an image) */
|
|
|
|
--popout: var(--background); /* default: var(--background) (change to use another background/color for modals/popouts) */
|
|
--popoutposition: var(--backgroundposition); /* default: center (position of popout - values: [center/top/right/bottom/left]) */
|
|
--popoutsize: var(--backgroundsize); /* default: cover (sizefit of popout - values: [cover/contain/auto]) */
|
|
--popoutblur: var(--backgroundblur); /* default: 0 (blur in px, only works when --popout is set to an image) */
|
|
|
|
--backdrop: rgba(0, 0, 0, 0.85); /* default: rgba(0, 0, 0, 0.85) (change to use another background/color for backdrops) */
|
|
--backdropposition: center; /* default: center (position of backdrop - values: [center/top/right/bottom/left]) */
|
|
--backdropsize: cover; /* default: cover (sizefit of backdrop - values: [cover/contain/auto]) */
|
|
--backdropblur: 0; /* default: 0 (blur in px, only works when --backdrop is set to an image) */
|
|
|
|
--textbrightest: 255, 255, 255; /* default: 255, 255, 255 (text color for the brightest texts) */
|
|
--textbrighter: 222, 222, 222; /* default: 222, 222, 222 (text color for brighter texts) */
|
|
--textbright: 200, 200, 200; /* default: 200, 200, 200 (text color for bright texts) */
|
|
--textdark: 160, 160, 160; /* default: 160, 160, 160 (text color for dark texts) */
|
|
--textdarker: 125, 125, 125; /* default: 125, 125, 125 (text color for darker texts) */
|
|
--textdarkest: 90, 90, 90; /* default: 90, 90, 90 (text color for the darkest texts) */
|
|
|
|
--version1_0_5: none; /* DO NOT CHANGE THIS VARIABLE , USED TO HIDE UPDATE NOTICE */
|
|
}
|