BasicBackground
Allows you to use a Background Image without greatly altering the basic Layout of Discord
583
Live preview
Full Discord interface with this theme applied — powered by ThemePreview.
Screenshot
1
/**2
* @name BasicBackground3
* @description Allows you to use a Background Image without greatly altering the basic Layout of Discord4
* @author DevilBro5
* @version 1.0.56
* @authorId 2785435740590571547
* @invite Jx3TjNS8
* @donate https://www.paypal.me/MircoWittrien9
* @patreon https://www.patreon.com/MircoWittrien10
* @website https://mwittrien.github.io/11
* @source https://github.com/mwittrien/BetterDiscordAddons/tree/master/Themes/BasicBackground/12
* @updateUrl https://mwittrien.github.io/BetterDiscordAddons/Themes/BasicBackground/BasicBackground.theme.css13
* 14
* @var text transparencycolor_s "Transparency Color: [default] = 0, 0, 0" 0, 0, 015
* @var range transparencyalpha_s "Transparency Alpha: [default] = 0.15" [0.15, 0, 1, 0.05]16
* @var text bordercolor_s "Border Color: [default] = 0, 0, 0" 0, 0, 017
* @var range messagetransparency_s "Messages: [default] = 0.5, 0 = No Boxes" [0.5, 0, 1, 0.05]18
* @var range guildchanneltransparency_s "Guilds/Channels: [default] = 0.15" [0.15, 0, 1, 0.05]19
* @var range chatinputtransparency_s "Chat Input: [default] = 0" [0, 0, 1, 0.05]20
* @var range memberlisttransparency_s "Memberlist: [default] = 0" [0, 0, 1, 0.05]21
* @var text accentcolor_s "Accent Color: [default] = 88, 101, 242" 190, 78, 18022
* @var checkbox settingsicons_s "User Settings Icons" 123
* @var text font_s "General Font" "gg sans", "Noto Sans"24
* @var text textshadow_s "Text Shadow: [default] = rgba(0, 0, 0, 0)" rgba(0, 0, 0, 0)25
* @var text background_s "Background: Can be an Image/Color/Gradient" url(https://mwittrien.github.io/BetterDiscordAddons/Themes/BasicBackground/_res/background.jpg)26
* @var select backgroundposition_s "Background Position" ["center*", "top", "right", "bottom", "left"]27
* @var select backgroundsize_s "Background Size" ["cover*", "contain", "auto"]28
* @var range backgroundblur_s "Background Blur" [0, 0, 100, 1]29
* @var text popout_s "Popups BG: Can be an Image/Color/Gradient" var(--background)30
* @var select popoutposition_s "Popups BG Position" ["center*", "top", "right", "bottom", "left"]31
* @var select popoutsize_s "Popups BG Size" ["cover*", "contain", "auto"]32
* @var range popoutblur_s "Popups BG Blur" [0, 0, 100, 1]33
* @var text backdrop_s "Backdrop BG: Can be an Image/Color/Gradient" rgba(0, 0, 0, 0.85)34
* @var select backdropposition_s "Backdrop BG Position" ["center*", "top", "right", "bottom", "left"]35
* @var select backdropsize_s "Backdrop BG Size" ["cover*", "contain", "auto"]36
* @var range backdropblur_s "Backdrop BG Blur" [0, 0, 100, 1]37
* @var text textbrightest_s "Text Color 1: [default] = 255, 255, 255" 255, 255, 25538
* @var text textbrighter_s "Text Color 2: [default] = 222, 222, 222" 222, 222, 22239
* @var text textbright_s "Text Color 3: [default] = 200, 200, 200" 200, 200, 20040
* @var text textdark_s "Text Color 4: [default] = 160, 160, 160" 160, 160, 16041
* @var text textdarker_s "Text Color 5: [default] = 125, 125, 125" 125, 125, 12542
* @var text textdarkest_s "Text Color 6: [default] = 90, 90, 90" 90, 90, 9043
*/44
45
/* To change stuff like the colors, transparency and background image, change the variables inside the root {}, do NOT change the @import url() */46
47
@import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/BasicBackground/BasicBackground.css);48
49
:root {50
--transparencycolor: 0, 0, 0; /* default: 0, 0, 0 */51
--transparencyalpha: 0.15; /* default: 0.15 (general darkness of the app) */52
--bordercolor: 0, 0, 0; /* default: 0, 0, 0 (color of most borders/dividers) */53
--messagetransparency: 0.5; /* default: 0.5 (additional shadows behind messages, set to 0 to remove boxes) */54
--guildchanneltransparency: 0.15; /* default: 0.15 (additional darkness for guild/channel list) */55
--chatinputtransparency: 0.0; /* default: 0.0 (additional darkness for chat input container) */56
--memberlisttransparency: 0.0; /* default: 0.0 (additional darkness for member list) */57
--accentcolor: 190, 78, 180; /* default: 190, 78, 180 (RGB-format - blurple: 88, 101, 242 bd-blue: 58, 113, 193) */58
59
--settingsicons: 1; /* Use Settings Icons in User Settings: 1 = yes, 0 = no */60
--font: ";gg sans";, ";Noto Sans";; /* font used in most places */61
--textshadow: transparent; /* default: transparent (textshadow for text ontop of accentcolor nodes, ONLY accepts a color, no px) */62
63
--background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/BasicBackground/_res/background.jpg); /* general background image */64
--backgroundposition: center; /* default: center (position of background - values: [center/top/right/bottom/left]) */65
--backgroundsize: cover; /* default: cover (sizefit of background - values: [cover/contain/auto]) */66
--backgroundblur: 0; /* default: 0 (blur in px, only works when --background is set to an image) */67
68
--popout: var(--background); /* default: var(--background) (change to use another background/color for modals/popouts) */69
--popoutposition: var(--backgroundposition); /* default: center (position of popout - values: [center/top/right/bottom/left]) */70
--popoutsize: var(--backgroundsize); /* default: cover (sizefit of popout - values: [cover/contain/auto]) */71
--popoutblur: var(--backgroundblur); /* default: 0 (blur in px, only works when --popout is set to an image) */72
73
--backdrop: rgba(0, 0, 0, 0.85); /* default: rgba(0, 0, 0, 0.85) (change to use another background/color for backdrops) */74
--backdropposition: center; /* default: center (position of backdrop - values: [center/top/right/bottom/left]) */75
--backdropsize: cover; /* default: cover (sizefit of backdrop - values: [cover/contain/auto]) */76
--backdropblur: 0; /* default: 0 (blur in px, only works when --backdrop is set to an image) */77
78
--textbrightest: 255, 255, 255; /* default: 255, 255, 255 (text color for the brightest texts) */79
--textbrighter: 222, 222, 222; /* default: 222, 222, 222 (text color for brighter texts) */80
--textbright: 200, 200, 200; /* default: 200, 200, 200 (text color for bright texts) */81
--textdark: 160, 160, 160; /* default: 160, 160, 160 (text color for dark texts) */82
--textdarker: 125, 125, 125; /* default: 125, 125, 125 (text color for darker texts) */83
--textdarkest: 90, 90, 90; /* default: 90, 90, 90 (text color for the darkest texts) */84
85
--version1_0_5: none; /* DO NOT CHANGE THIS VARIABLE , USED TO HIDE UPDATE NOTICE */86
}87