diff --git a/Themes/BasicBackground/BasicBackground.css b/Themes/BasicBackground/BasicBackground.css
index 6fd9c63471..14ee698271 100644
--- a/Themes/BasicBackground/BasicBackground.css
+++ b/Themes/BasicBackground/BasicBackground.css
@@ -7,6 +7,7 @@
--daccentcolor: 190,78,180;
--dbackground: url(https://mwittrien.github.io/BetterDiscordAddons/ThemesV2/BasicBackground/background.jpg);
--dbackdrop: rgba(0,0,0,0.4);
+ --dblur: 0px;
--vtransparencycolor: var(--transparencycolor,var(--dtransparencycolor));
--vtransparencyalpha: var(--transparencyalpha,var(--dtransparencyalpha));
--vmessagetransparency: var(--messagetransparency,var(--dmessagetransparency));
@@ -15,22 +16,23 @@
--vaccentcolor: var(--accentcolor,var(--daccentcolor));
--vbackground: var(--background,var(--dbackground));
--vbackdrop: var(--backdrop,var(--dbackdrop));
+ --vbackgroundblur: var(--backgroundblur,var(--dblur));
+ --vpopoutblur: var(--popoutblur,var(--dblur));
+ --vbackdropblur: var(--backdropblur,var(--dblur));
}
-.auth-tiling-bg,
-.auth-background,
.container-16j22k,
.appMount-3VJmYg {
background: var(--vbackground) center/cover !important;
+ filter: blur(var(--vbackgroundblur)) !important;
opacity: 1 !important;
animation: none !important;
}
.wrapper-3Q5DdO {
- background: none !important;
+ background: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 3)) !important;
}
-
-.wrapper-3Q5DdO img[src*="/assets/fd91131ea693096d6be5e8aa99d18f9e.jpg"],
+.wrapper-3Q5DdO > .rightSplit-2US0xy > .image-2jyRAK,
.wrapper-3Q5DdO > .rightSplit-2US0xy + .canvas-3XuBXe {
display: none !important;
}
@@ -38,6 +40,7 @@
.uploadArea-3QgLtW,
.backdrop-1wrmKB {
background: var(--vbackdrop) center/cover !important;
+ filter: blur(var(--vbackdrop)) !important;
opacity: 1 !important;
animation: none !important;
}
@@ -46,8 +49,6 @@
.activityFeed-HeiGwL,
.lfg-3xoFkI,
.app,
-.auth-center,
-.auth-form,
.layers-3iHuyZ,
.layer-3QrUeG,
.container-2lgZY8,
@@ -97,7 +98,6 @@
.popout-3sVMXz .header-ykumBX,
.popout-3sVMXz .footer,
.popout-3sVMXz .footer-1kmXd4,
-.auth-brand,
.authBox-hW6HRx,
.date-picker-hint,
.card-7JP0BX,
@@ -739,7 +739,6 @@ img[src="/assets/bfffd518c76d3f6bc5e96eb52e4ae2cf.svg"],
.channels-Ie2l6A [class*="containerDrag"]:before,
.channels-Ie2l6A [class*="containerDrag"]:after,
.improved-1F5LIN:after,
-.auth-name:after,
.exclusive-3zP8if,
.botTagRegular-2HEhHi:not([style]),
.aka-1mqp34,
@@ -1306,7 +1305,6 @@ img[src="/assets/bfffd518c76d3f6bc5e96eb52e4ae2cf.svg"],
position: relative !important;
}
-.auth-inner,
.autocomplete-1vrmpx,
.contextMenu-HLZMGh,
.incomingCall-14zLcL,
@@ -1327,8 +1325,6 @@ img[src="/assets/bfffd518c76d3f6bc5e96eb52e4ae2cf.svg"],
box-shadow: none !important;
overflow: visible !important;
}
-.auth-inner:after,
-.auth-inner:before,
.autocomplete-1vrmpx:after,
.autocomplete-1vrmpx:before,
.contextMenu-HLZMGh:after,
@@ -1361,7 +1357,6 @@ img[src="/assets/bfffd518c76d3f6bc5e96eb52e4ae2cf.svg"],
z-index: -1;
pointer-events: none;
}
-.auth-inner:after,
.autocomplete-1vrmpx:after,
.contextMenu-HLZMGh:after,
.incomingCall-14zLcL:after,
@@ -1381,7 +1376,6 @@ img[src="/assets/bfffd518c76d3f6bc5e96eb52e4ae2cf.svg"],
left: 0;
background: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 3));
}
-.auth-inner:before,
.autocomplete-1vrmpx:before,
.contextMenu-HLZMGh:before,
.incomingCall-14zLcL:before,
@@ -1400,6 +1394,7 @@ img[src="/assets/bfffd518c76d3f6bc5e96eb52e4ae2cf.svg"],
right: -1px;
left: -1px;
background: var(--vbackground) center/cover;
+ filter: blur(var(--vpopoutblur));
background-attachment: fixed;
}
@@ -1425,6 +1420,7 @@ img[src="/assets/bfffd518c76d3f6bc5e96eb52e4ae2cf.svg"],
}
.header-39GIC8:before {
background: var(--vbackground) center/cover;
+ filter: blur(var(--vpopoutblur));
background-attachment: fixed;
}
@@ -1432,13 +1428,6 @@ img[src="/assets/bfffd518c76d3f6bc5e96eb52e4ae2cf.svg"],
border-radius: 5px !important;
}
-.auth-inner {
- position: absolute;
-}
-.auth-inner:before {
- filter: blur(3px);
-}
-
.Select-menu-outer.inChat {
top: -200px !important;
}
@@ -2211,33 +2200,6 @@ img[src="/assets/bfffd518c76d3f6bc5e96eb52e4ae2cf.svg"],
/* ----------------------- ICONS ----------------------- */
-.auth-logo {
- background: url('data:image/svg+xml; utf8, ') center/contain no-repeat !important;
-}
-.auth-logo:before {
- content: "";
- position: absolute;
- left: 30px;
- height: 168px;
- width: 168px;
- -webkit-mask-size: cover;
- -webkit-mask: url('data:image/svg+xml; utf8, ') center/contain no-repeat !important;
- background: rgb(var(--vaccentcolor)) !important;
-}
-.auth-name {
- background: transparent !important;
-}
-.auth-name:before {
- content: "";
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- width: 168px;
- -webkit-mask-size: cover;
- -webkit-mask: url('data:image/svg+xml; utf8, ') center/contain no-repeat !important;
- background: rgb(var(--vaccentcolor)) !important;
-}
img[src*="/assets/0f4d1ff76624bb45a3fee4189279ee92.svg"] {
object-position: -999px -999px;
}
@@ -2755,58 +2717,6 @@ img[src*="/assets/0f4d1ff76624bb45a3fee4189279ee92.svg"] + * + *:before {
background-color: rgb(var(--vaccentcolor)) !important;
}
-/* old */
-.loading-316uYQ {
- background: transparent !important;
-}
-.loading-316uYQ:after,
-.loading-316uYQ:before {
- content: "";
- position: absolute;
- pointer-events: none;
- top: 0;
- bottom: 0;
- right: 0;
- left: 0;
-}
-.loading-316uYQ:after {
- background: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 3));
-}
-.loading-316uYQ:before {
- background: var(--vbackground) center/cover;
- background-attachment: fixed;
-}
-.loadingBackground-2SSKv7 ~ * {
- display: none !important;
-}
-.loadingBackground-2SSKv7,
-.loadingBackground-2SSKv7:before {
- opacity: 1 !important;
- width: 150px !important;
- height: 150px !important;
- border-radius: 50% !important;
- box-shadow: inset 0 0 0 1em !important;
- animation: none !important;
- background: transparent !important;
-}
-.loadingBackground-2SSKv7 {
- position: relative !important;
- margin-top: calc(50vh - 100px);
- margin-left: 50px;
- color: rgba(var(--vtransparencycolor),0.2) !important;
-}
-.loadingBackground-2SSKv7:before {
- content: "";
- position: absolute !important;
- color: rgba(var(--vaccentcolor),1) !important;
- clip-path: polygon(0% 100%, 4% 72%, 5% 66%, 7% 64%, 10% 63%, 13% 64%, 15% 66%, 17% 70%, 50% 83%, 84% 70%, 86% 66%, 88% 64%, 91% 63%, 94% 64%, 96% 66%, 97% 72%, 100% 100%) !important;
- animation: member-loading-animation 2s infinite ease 1.5s !important;
-}
-@keyframes member-loading-animation {
- 0% {transform: rotate(0deg);}
- 100% {transform: rotate(360deg);}
-}
-
/* fix BTTV tooltips */
.tipsy {
opacity: 1 !important;
@@ -2939,6 +2849,9 @@ html, span:not(.spinner-item) {
.hidden-by-OTB ~ * .splashBackground-1FRCko:before {
display: none !important;
}
+.wrapper-3Q5DdO .settingsTitlebarOTB {
+ color: white;
+}
/* statuseverywhere */
.status-oxiHuE.typing-1KJk_j, .status.status-typing {
@@ -2991,6 +2904,7 @@ html, span:not(.spinner-item) {
border-radius: 4px !important;
z-index: 100 !important;
background: var(--vbackground) center/cover !important;
+ filter: blur(var(--vpopoutblur)) !important;
background-attachment: fixed !important;
}
.bf-toolbar > * {
@@ -3193,6 +3107,7 @@ html, span:not(.spinner-item) {
right: -1px;
left: -1px;
background: var(--vbackground) center/cover;
+ filter: blur(var(--vpopoutblur));
background-attachment: fixed;
}
.bd-modal-inner {
@@ -3220,6 +3135,7 @@ html, span:not(.spinner-item) {
}
.bd-modal-close-area {
background: var(--vbackdrop) center/cover !important;
+ filter: blur(var(--vbackdrop)) !important;
opacity: 1 !important;
animation: none !important;
}
@@ -3236,6 +3152,7 @@ html, span:not(.spinner-item) {
.bd-sidebar-region,
.bd-content-region {
background: var(--vbackground) center/cover !important;
+ filter: blur(var(--vbackgroundblur)) !important;
background-attachment: fixed !important;
}
.bd-sidebar-region .bd-settingswrap,
@@ -3388,6 +3305,7 @@ html, span:not(.spinner-item) {
right: -1px;
left: -1px;
background: var(--vbackground) center/cover;
+ filter: blur(var(--vpopoutblur));
background-attachment: fixed;
}
.vc-chrome-toggle-icon-highlight,
@@ -3418,6 +3336,7 @@ html, span:not(.spinner-item) {
right: -1px;
left: -1px;
background: var(--vbackground) center/cover;
+ filter: blur(var(--vpopoutblur));
background-attachment: fixed;
}
.vc-input__input {