stuff
This commit is contained in:
parent
fe01d871a7
commit
0980ed13f5
|
@ -10,6 +10,35 @@
|
|||
* @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() */
|
||||
|
@ -17,39 +46,39 @@
|
|||
@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) */
|
||||
--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) */
|
||||
|
||||
--font: "gg sans", "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; /* font used in most places */
|
||||
--textshadow: transparent; /* default: transparent (textshadow for text ontop of accentcolor nodes, ONLY accepts a color, no px) */
|
||||
--settingsicons: 1; /* Use Settings Icons in User Settings: 1 = yes, 0 = no */
|
||||
--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: unset; /* default: unset (blur in px, only works when --background is set to an image) */
|
||||
--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: unset (blur in px, only works when --popout 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: unset; /* default: unset (blur in px, only works when --backdrop 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) */
|
||||
--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 */
|
||||
--version1_0_5: none; /* DO NOT CHANGE THIS VARIABLE , USED TO HIDE UPDATE NOTICE */
|
||||
}
|
||||
|
|
|
@ -3438,6 +3438,25 @@ html .bd-settings-group.collapsible .bd-settings-title::after {
|
|||
background-color: currentColor;
|
||||
}
|
||||
|
||||
.bd-select {
|
||||
border: 1px solid transparent;
|
||||
padding: 8px 8px 8px 12px;
|
||||
cursor: pointer;
|
||||
box-sizing: border-box;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr auto;
|
||||
align-items: center;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.bd-slider-input {
|
||||
background-color: var(--background-accent);
|
||||
}
|
||||
.bd-slider-input[type="range"]::-webkit-slider-thumb {
|
||||
background-color: #fff;
|
||||
border-color: var(--background-accent);
|
||||
}
|
||||
|
||||
.bd-tab-item.selected:hover {
|
||||
background-color: var(--background-modifier-selected);
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue