diff --git a/Themes/BasicBackground/BasicBackground.css b/Themes/BasicBackground/BasicBackground.css index 8438f66720..3f2c39fec7 100644 --- a/Themes/BasicBackground/BasicBackground.css +++ b/Themes/BasicBackground/BasicBackground.css @@ -114,7 +114,8 @@ 12. REACTIONSMODAL 13. GUILDTEMPLATEMODAL 14. GUILDWELCOMEMODAL - 15. SCREENSHAREMODAL + 15. GUILDRULESMODAL + 16. SCREENSHAREMODAL 14. POPOUTS 1. CONTEXTMENU 2. USERPOPOUT @@ -2846,6 +2847,82 @@ body::before { background-color: rgba(var(--vtransparencycolor), 0.3); } +.exampleContainer-3ekFIr { /* communitysettings rules example */ + background-color: rgba(var(--vtransparencycolor), 0.3); +} +#app-mount .exampleModal-2oh58d { /* communitysettings rules examplemodal */ + background-color: transparent; + box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3); + position: relative; + border-radius: 5px; +} +.exampleModal-2oh58d > * { + z-index: 1; +} +.exampleModal-2oh58d::before { + content: ""; + position: absolute; + top: 0; + bottom: 0; + right: 0; + left: 0; + background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize); + filter: blur(var(--vpopoutblur)); + width: unset; + height: unset; + border-radius: 5px; + pointer-events: none; +} +.exampleModal-2oh58d::after { + content: ""; + position: absolute; + top: 0; + bottom: 0; + right: 0; + left: 0; + background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2)); + width: unset; + height: unset; + border-radius: 5px; + pointer-events: none; +} +.guildSidebar-339BqP { /* communitysettings rules example sidebar */ + background-color: rgba(var(--vtransparencycolor), 0.4); +} +.content-BMIBeK { /* communitysettings rules example inner */ + background-color: rgba(var(--vtransparencycolor), 0.2); +} +#app-mount .footer-1JuRYY { /* communitysettings rules example footer */ + background: transparent; +} +.exampleTextSingleLine-1kvErc { /* communitysettings rules example line */ + background-color: rgba(var(--fontwhite1), 0.2); +} + +.enableContainer-2DIT9Q { /* communitysettings rules enablecontainer */ + background-color: rgba(var(--vtransparencycolor), 0.3); +} +.icon-1CGepy { /* communitysettings rules category icon */ + background-color: rgba(var(--vtransparencycolor), 0.2); +} +.settingsFormItem-103g1I { /* communitysettings rules form */ + background-color: rgba(var(--vtransparencycolor), 0.2); +} +.editButton-1MavoF { /* communitysettings rules editbutton */ + background-color: rgba(var(--vtransparencycolor), 0.4); +} +.editButton-1MavoF:hover { + background-color: rgba(var(--vtransparencycolor), 0.6); +} +.formFieldWrapper-malor5, +.settingsFormFieldWrapper-3Y77Pr { /* communitysettings rules form field */ + background-color: rgba(var(--vtransparencycolor), 0.2); + border-color: rgba(var(--vtransparencycolor), 0.2); +} +.termsRow-2dS5nm { /* communitysettings rules termsrow */ + border-color: rgba(var(--fontwhite3), 0.2); +} + .exampleContainer-25sB-A { /* communitysettings welcome examplecontainer */ background-color: rgba(var(--vtransparencycolor), 0.3); } @@ -2866,7 +2943,6 @@ body::before { right: 0; left: 0; background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize); - background-attachment: fixed; filter: blur(var(--vpopoutblur)); width: unset; height: unset; @@ -4109,7 +4185,16 @@ body::before { background-color: rgba(var(--vtransparencycolor), 0.4); } -/* ---- 13.15. SCREENSHAREMODAL ---- */ +/* ---- 13.15. GUILDRULESMODAL ---- */ + +.guildSidebar-2OCzWB { /* modal sidebar */ + background-color: rgba(var(--vtransparencycolor), 0.4); +} +.modal-f02hVt { /* modal inner */ + background-color: rgba(var(--vtransparencycolor), 0.2); +} + +/* ---- 13.16. SCREENSHAREMODAL ---- */ #app-mount .sourceThumbnail-27dolk { /* modal preview tiles */ background-color: rgba(var(--vtransparencycolor), 0.4); @@ -6842,10 +6927,14 @@ img[src="/assets/e8b66317ab0dc9ba3bf8d41a4f3ec914.png"] { /* videosettings opus .bodyText-3yi6Dj { color: rgb(var(--fontwhite1)); } +#app-mount .tooltip-3oByQd, +#app-mount .tooltip-1_vJJI, #app-mount .tooltip-2QfLtc { box-shadow: 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3); color: rgb(var(--fontwhite1)); } +#app-mount .tooltip-3oByQd, +#app-mount .tooltip-1_vJJI, #app-mount .tooltipGrey-1hnvTt, #app-mount .tooltipBlack-PPG47z { background-color: rgb(var(--vaccentcolor)); @@ -6855,6 +6944,10 @@ img[src="/assets/e8b66317ab0dc9ba3bf8d41a4f3ec914.png"] { /* videosettings opus #app-mount .tooltipBlack-PPG47z .tooltipPointer-3ZfirK { border-top-color: rgb(var(--vaccentcolor)); } +#app-mount .tooltipPointer-22Q7m0, +#app-mount .tooltipPointer-1awMxk { + border-right-color: rgb(var(--vaccentcolor)); +} .emptyUser-7txhlW { background: rgba(var(--vtransparencycolor), 0.5); } diff --git a/Themes/BlurpleRecolor/BlurpleRecolor.css b/Themes/BlurpleRecolor/BlurpleRecolor.css index 4551b2e398..c6b8aa369c 100644 --- a/Themes/BlurpleRecolor/BlurpleRecolor.css +++ b/Themes/BlurpleRecolor/BlurpleRecolor.css @@ -780,6 +780,10 @@ fill: rgb(var(--vaccentcolor)); } +.fakeButton-kGEmb3 { /* communitysettings rules example fake */ + background-color: rgb(var(--vaccentcolor)); +} + /* ~~~~ 10. MODALS ~~~~ */ @@ -1618,6 +1622,12 @@ img[src*="/assets/0f4d1ff76624bb45a3fee4189279ee92.svg"] + * + *::before { .button-3Ijpww:hover { /* role notice button */ background: #000000 linear-gradient(90deg, rgba(var(--vaccentcolor), 0.7), rgba(var(--vaccentcolor), 0.7)); } +.notice-3uyY6c { /* rules notice */ + background: #000000 linear-gradient(90deg, rgba(var(--vaccentcolor), 0.5), rgba(var(--vaccentcolor), 0.5)); +} +.button-gP4R86:hover { /* rules notice button */ + background: #000000 linear-gradient(90deg, rgba(var(--vaccentcolor), 0.7), rgba(var(--vaccentcolor), 0.7)); +} /* ---- 12.8. TOOLTIPS ---- */ diff --git a/Themes/DiscordRecolor/DiscordRecolor.css b/Themes/DiscordRecolor/DiscordRecolor.css index 82b12bcf87..8d0106d813 100644 --- a/Themes/DiscordRecolor/DiscordRecolor.css +++ b/Themes/DiscordRecolor/DiscordRecolor.css @@ -231,6 +231,8 @@ svg [fill="#4F545C"] { box-shadow: 0 0 0 1px rgba(var(--vbackgroundtertiary),.6),0 2px 10px 0 rgba(0,0,0,.2); } +#app-mount .tooltip-3oByQd, +#app-mount .tooltip-1_vJJI, #app-mount .tooltipBlack-PPG47z, #app-mount .tooltipGrey-1hnvTt { background-color: var(--background-floating); @@ -240,6 +242,10 @@ svg [fill="#4F545C"] { #app-mount .tooltipGrey-1hnvTt .tooltipPointer-3ZfirK { border-top-color: var(--background-floating); } +#app-mount .tooltipPointer-22Q7m0, +#app-mount .tooltipPointer-1awMxk { + border-right-color: var(--background-floating); +} #app-mount .bubble-3qRl2J { background-color: var(--background-floating);