diff --git a/Plugins/ReadAllNotificationsButton/ReadAllNotificationsButton.plugin.js b/Plugins/ReadAllNotificationsButton/ReadAllNotificationsButton.plugin.js index be2b79ac8f..c095a763cb 100644 --- a/Plugins/ReadAllNotificationsButton/ReadAllNotificationsButton.plugin.js +++ b/Plugins/ReadAllNotificationsButton/ReadAllNotificationsButton.plugin.js @@ -6,17 +6,13 @@ var ReadAllNotificationsButton = (_ => { return class ReadAllNotificationsButton { getName () {return "ReadAllNotificationsButton";} - getVersion () {return "1.5.6";} + getVersion () {return "1.5.7";} getAuthor () {return "DevilBro";} getDescription () {return "Adds a button to clear all notifications.";} constructor () { - this.changelog = { - "improved":[["Blacklist","You can now set a blacklist of servers, servers included in the blacklist will never get marked as read by the plugin"]] - }; - this.patchedModules = { after: { Guilds: "render", @@ -280,7 +276,7 @@ var ReadAllNotificationsButton = (_ => { position: "absolute", top: 14, right: 16, - zIndex: 1 + zIndex: 2001 } })); } diff --git a/Themes/BasicBackground/BasicBackground.css b/Themes/BasicBackground/BasicBackground.css index 3074cef05a..9f3f8ea2b8 100644 --- a/Themes/BasicBackground/BasicBackground.css +++ b/Themes/BasicBackground/BasicBackground.css @@ -4779,14 +4779,18 @@ body:before { .lookInverted-2D7oAl:not(.colorWhite-rEQuAQ):disabled { background: rgb(var(--fontwhite1)) !important; } -#app-mount .lookFilled-1Gx00P:not(.colorWhite-rEQuAQ).hasHover-3X1-zV:hover, -#app-mount .lookFilled-1Gx00P:not(.colorWhite-rEQuAQ).hasHover-3X1-zV:active { +.theme-light .lookFilled-1Gx00P:not(.colorWhite-rEQuAQ).hasHover-3X1-zV:hover, +.theme-dark .lookFilled-1Gx00P:not(.colorWhite-rEQuAQ).hasHover-3X1-zV:hover, +.theme-light .lookFilled-1Gx00P:not(.colorWhite-rEQuAQ).hasHover-3X1-zV:active, +.theme-dark .lookFilled-1Gx00P:not(.colorWhite-rEQuAQ).hasHover-3X1-zV:active { color: rgb(var(--fontwhite1)) !important; } -#app-mount .lookInverted-2D7oAl:not(.colorWhite-rEQuAQ).hasHover-3X1-zV:hover { +.theme-light .lookInverted-2D7oAl:not(.colorWhite-rEQuAQ).hasHover-3X1-zV:hover, +.theme-dark .lookInverted-2D7oAl:not(.colorWhite-rEQuAQ).hasHover-3X1-zV:hover { background-color: rgb(var(--fontwhite2)) !important; } -#app-mount .lookInverted-2D7oAl:not(.colorWhite-rEQuAQ).hasHover-3X1-zV:active { +.theme-light .lookInverted-2D7oAl:not(.colorWhite-rEQuAQ).hasHover-3X1-zV:active, +.theme-dark .lookInverted-2D7oAl:not(.colorWhite-rEQuAQ).hasHover-3X1-zV:active { background-color: rgb(var(--fontwhite3)) !important; } @@ -4804,11 +4808,13 @@ body:before { color: rgb(var(--vtransparencycolor)); } .lookFilled-1Gx00P.colorWhite-rEQuAQ:hover, -#app-mount .lookFilled-1Gx00P.hoverWhite-2uUmXw.hasHover-3X1-zV:hover { +.theme-light .lookFilled-1Gx00P.hoverWhite-2uUmXw.hasHover-3X1-zV:hover, +.theme-dark .lookFilled-1Gx00P.hoverWhite-2uUmXw.hasHover-3X1-zV:hover { background: rgb(var(--fontwhite1)) linear-gradient(0deg,rgba(0,0,0,.1),rgba(0,0,0,.1)) !important; } .lookFilled-1Gx00P.colorWhite-rEQuAQ:active, -#app-mount .lookFilled-1Gx00P.hoverWhite-2uUmXw.hasHover-3X1-zV:active { +.theme-light .lookFilled-1Gx00P.hoverWhite-2uUmXw.hasHover-3X1-zV:active, +.theme-dark .lookFilled-1Gx00P.hoverWhite-2uUmXw.hasHover-3X1-zV:active { background: rgb(var(--fontwhite1)) linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2)) !important; } .lookFilled-1Gx00P.colorWhite-rEQuAQ, @@ -4816,12 +4822,14 @@ body:before { background: rgb(var(--fontwhite1)); } .lookInverted-2D7oAl.colorWhite-rEQuAQ:hover, -#app-mount .lookInverted-2D7oAl.hoverWhite-2uUmXw.hasHover-3X1-zV:hover { +.theme-light .lookInverted-2D7oAl.hoverWhite-2uUmXw.hasHover-3X1-zV:hover, +.theme-dark .lookInverted-2D7oAl.hoverWhite-2uUmXw.hasHover-3X1-zV:hover { background: rgb(var(--vtransparencycolor)) linear-gradient(0deg,rgba(255,255,255,.1),rgba(255,255,255,.1)); color: rgb(var(--fontwhite2)); } .lookInverted-2D7oAl.colorWhite-rEQuAQ:active, -#app-mount .lookInverted-2D7oAl.hoverWhite-2uUmXw.hasHover-3X1-zV:active { +.theme-light .lookInverted-2D7oAl.hoverWhite-2uUmXw.hasHover-3X1-zV:active, +.theme-dark .lookInverted-2D7oAl.hoverWhite-2uUmXw.hasHover-3X1-zV:active { background: rgb(var(--vtransparencycolor)) linear-gradient(0deg,rgba(255,255,255,.2),rgba(255,255,255,.2)); color: rgb(var(--fontwhite3)); } @@ -4835,12 +4843,14 @@ body:before { color: rgb(var(--fontwhite1)); } .lookOutlined-3sRXeN.colorWhite-rEQuAQ:hover, -#app-mount .lookOutlined-3sRXeN.hoverWhite-2uUmXw.hasHover-3X1-zV:hover { +.theme-light .lookOutlined-3sRXeN.hoverWhite-2uUmXw.hasHover-3X1-zV:hover, +.theme-dark .lookOutlined-3sRXeN.hoverWhite-2uUmXw.hasHover-3X1-zV:hover { border-color: rgba(var(--fontwhite1), 0.6); color: rgb(var(--fontwhite1)); } .lookOutlined-3sRXeN.colorWhite-rEQuAQ:active, -#app-mount .lookOutlined-3sRXeN.hoverWhite-2uUmXw.hasHover-3X1-zV:hover { +.theme-light .lookOutlined-3sRXeN.hoverWhite-2uUmXw.hasHover-3X1-zV:hover, +.theme-dark .lookOutlined-3sRXeN.hoverWhite-2uUmXw.hasHover-3X1-zV:hover { background-color: rgba(var(--fontwhite1), 0.1); border-color: rgb(var(--fontwhite1)); color: rgb(var(--fontwhite1)); @@ -4857,7 +4867,8 @@ body:before { background-color: rgba(var(--fontwhite1), 0.15); } .lookGhost-2Fn_0-.colorWhite-rEQuAQ:active, -#app-mount .lookGhost-2Fn_0-.hoverWhite-2uUmXw.hasHover-3X1-zV:active { +.theme-light .lookGhost-2Fn_0-.hoverWhite-2uUmXw.hasHover-3X1-zV:active, +.theme-dark .lookGhost-2Fn_0-.hoverWhite-2uUmXw.hasHover-3X1-zV:active { background-color: rgba(var(--fontwhite1), 0.2); color: rgb(var(--fontwhite1)); } @@ -4872,7 +4883,8 @@ body:before { #app-mount .backButtonColor-1zIPlh:hover .contents-18-Yxp, #app-mount .backButtonColor-N09dXJ:hover .contents-18-Yxp, .lookLink-9FtZy-.colorWhite-rEQuAQ:hover .contents-18-Yxp, -#app-mount .lookLink-9FtZy-.hoverWhite-2uUmXw.hasHover-3X1-zV:hover .contents-18-Yxp { +.theme-light .lookLink-9FtZy-.hoverWhite-2uUmXw.hasHover-3X1-zV:hover .contents-18-Yxp, +.theme-dark .lookLink-9FtZy-.hoverWhite-2uUmXw.hasHover-3X1-zV:hover .contents-18-Yxp { color: rgb(var(--fontwhite1)); background-image: linear-gradient(0deg, transparent, transparent 1px, rgb(var(--fontwhite1)) 0, rgb(var(--fontwhite1)) 2px, transparent 0); } @@ -4884,19 +4896,23 @@ body:before { background-color: rgb(var(--vtransparencycolor)); } .lookFilled-1Gx00P.colorBlack-1jwPVL:hover, -#app-mount .lookFilled-1Gx00P.hoverBlack-3jULb8.hasHover-3X1-zV:hover { +.theme-light .lookFilled-1Gx00P.hoverBlack-3jULb8.hasHover-3X1-zV:hover, +.theme-dark .lookFilled-1Gx00P.hoverBlack-3jULb8.hasHover-3X1-zV:hover { background: rgb(var(--vtransparencycolor)) linear-gradient(0deg,rgba(255,255,255,.1),rgba(255,255,255,.1)); } .lookFilled-1Gx00P.colorBlack-1jwPVL:active, -#app-mount .lookFilled-1Gx00P.hoverBlack-3jULb8.hasHover-3X1-zV:active { +.theme-light .lookFilled-1Gx00P.hoverBlack-3jULb8.hasHover-3X1-zV:active, +.theme-dark .lookFilled-1Gx00P.hoverBlack-3jULb8.hasHover-3X1-zV:active { background: rgb(var(--vtransparencycolor)) linear-gradient(0deg,rgba(255,255,255,.2),rgba(255,255,255,.2)); } .lookFilled-1Gx00P.colorBlack-1jwPVL, .lookFilled-1Gx00P.colorBlack-1jwPVL:disabled { background: rgb(var(--vtransparencycolor)); } -#app-mount .lookInverted-2D7oAl.hoverBlack-3jULb8.hasHover-3X1-zV:hover, -#app-mount .lookInverted-2D7oAl.hoverBlack-3jULb8.hasHover-3X1-zV:active { +.theme-light .lookInverted-2D7oAl.hoverBlack-3jULb8.hasHover-3X1-zV:hover, +.theme-dark .lookInverted-2D7oAl.hoverBlack-3jULb8.hasHover-3X1-zV:hover, +.theme-light .lookInverted-2D7oAl.hoverBlack-3jULb8.hasHover-3X1-zV:active, +.theme-dark .lookInverted-2D7oAl.hoverBlack-3jULb8.hasHover-3X1-zV:active { color: rgb(var(--vtransparencycolor)); } .lookInverted-2D7oAl.colorBlack-1jwPVL, @@ -4904,12 +4920,14 @@ body:before { color: rgb(var(--vtransparencycolor)); } .lookOutlined-3sRXeN.colorBlack-1jwPVL:hover, -#app-mount .lookOutlined-3sRXeN.hoverBlack-3jULb8.hasHover-3X1-zV:hover { +.theme-light .lookOutlined-3sRXeN.hoverBlack-3jULb8.hasHover-3X1-zV:hover, +.theme-dark .lookOutlined-3sRXeN.hoverBlack-3jULb8.hasHover-3X1-zV:hover { border-color: rgba(var(--vtransparencycolor), 0.6); color: rgb(var(--vtransparencycolor)); } .lookOutlined-3sRXeN.colorBlack-1jwPVL:active, -#app-mount .lookOutlined-3sRXeN.hoverBlack-3jULb8.hasHover-3X1-zV:active { +.theme-light .lookOutlined-3sRXeN.hoverBlack-3jULb8.hasHover-3X1-zV:active, +.theme-dark .lookOutlined-3sRXeN.hoverBlack-3jULb8.hasHover-3X1-zV:active { background-color: rgba(var(--vtransparencycolor), 0.1); border-color: rgb(var(--vtransparencycolor)); color: rgb(var(--vtransparencycolor)); @@ -4919,7 +4937,8 @@ body:before { border-color: rgba(var(--vtransparencycolor), 0.3); } .lookGhost-2Fn_0-.colorBlack-1jwPVL:active, -#app-mount .lookGhost-2Fn_0-.hoverBlack-3jULb8.hasHover-3X1-zV:active { +.theme-light .lookGhost-2Fn_0-.hoverBlack-3jULb8.hasHover-3X1-zV:active, +.theme-dark .lookGhost-2Fn_0-.hoverBlack-3jULb8.hasHover-3X1-zV:active { background-color: rgba(var(--vtransparencycolor), 0.2); color: rgb(var(--vtransparencycolor)); } @@ -4931,169 +4950,253 @@ body:before { color: rgb(var(--vtransparencycolor)); } .lookLink-9FtZy-.colorBlack-1jwPVL:hover .contents-18-Yxp, -#app-mount .lookLink-9FtZy-.hoverBlack-3jULb8.hasHover-3X1-zV:hover .contents-18-Yxp { +.theme-light .lookLink-9FtZy-.hoverBlack-3jULb8.hasHover-3X1-zV:hover .contents-18-Yxp, +.theme-dark .lookLink-9FtZy-.hoverBlack-3jULb8.hasHover-3X1-zV:hover .contents-18-Yxp { background-image: linear-gradient(0deg, transparent, transparent 1px, rgb(var(--vtransparencycolor)) 0, rgb(var(--vtransparencycolor)) 2px, transparent 0); color: rgb(var(--vtransparencycolor)); } -#app-mount .lookInverted-2D7oAl.colorGrey-2DXtkV .spinnerItem-3GlVyU, -#app-mount .lookOutlined-3sRXeN.colorGrey-2DXtkV .spinnerItem-3GlVyU, -#app-mount .lookGhost-2Fn_0-.colorGrey-2DXtkV .spinnerItem-3GlVyU, -#app-mount .lookLink-9FtZy-.colorGrey-2DXtkV .spinnerItem-3GlVyU, -#app-mount .lookInverted-2D7oAl.colorPrimary-3b3xI6 .spinnerItem-3GlVyU, -#app-mount .lookOutlined-3sRXeN.colorPrimary-3b3xI6 .spinnerItem-3GlVyU, -#app-mount .lookGhost-2Fn_0-.colorPrimary-3b3xI6 .spinnerItem-3GlVyU, -#app-mount .lookLink-9FtZy-.colorPrimary-3b3xI6 .spinnerItem-3GlVyU { +.theme-light .lookInverted-2D7oAl.colorGrey-2DXtkV .spinnerItem-3GlVyU, +.theme-dark .lookInverted-2D7oAl.colorGrey-2DXtkV .spinnerItem-3GlVyU, +.theme-light .lookOutlined-3sRXeN.colorGrey-2DXtkV .spinnerItem-3GlVyU, +.theme-dark .lookOutlined-3sRXeN.colorGrey-2DXtkV .spinnerItem-3GlVyU, +.theme-light .lookGhost-2Fn_0-.colorGrey-2DXtkV .spinnerItem-3GlVyU, +.theme-dark .lookGhost-2Fn_0-.colorGrey-2DXtkV .spinnerItem-3GlVyU, +.theme-light .lookLink-9FtZy-.colorGrey-2DXtkV .spinnerItem-3GlVyU, +.theme-dark .lookLink-9FtZy-.colorGrey-2DXtkV .spinnerItem-3GlVyU, +.theme-light .lookInverted-2D7oAl.colorPrimary-3b3xI6 .spinnerItem-3GlVyU, +.theme-dark .lookInverted-2D7oAl.colorPrimary-3b3xI6 .spinnerItem-3GlVyU, +.theme-light .lookOutlined-3sRXeN.colorPrimary-3b3xI6 .spinnerItem-3GlVyU, +.theme-dark .lookOutlined-3sRXeN.colorPrimary-3b3xI6 .spinnerItem-3GlVyU, +.theme-light .lookGhost-2Fn_0-.colorPrimary-3b3xI6 .spinnerItem-3GlVyU, +.theme-dark .lookGhost-2Fn_0-.colorPrimary-3b3xI6 .spinnerItem-3GlVyU, +.theme-light .lookLink-9FtZy-.colorPrimary-3b3xI6 .spinnerItem-3GlVyU, +.theme-dark .lookLink-9FtZy-.colorPrimary-3b3xI6 .spinnerItem-3GlVyU { background-color: rgb(var(--fontwhite4)); } .buttonColor-1agP3J:hover, -#app-mount .lookFilled-1Gx00P.colorGrey-2DXtkV:hover, -#app-mount .lookFilled-1Gx00P.hoverGrey-2CBXu0.hasHover-3X1-zV:hover, -#app-mount .lookFilled-1Gx00P.colorPrimary-3b3xI6:hover, -#app-mount .lookFilled-1Gx00P.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover { +.theme-light .lookFilled-1Gx00P.colorGrey-2DXtkV:hover, +.theme-dark .lookFilled-1Gx00P.colorGrey-2DXtkV:hover, +.theme-light .lookFilled-1Gx00P.hoverGrey-2CBXu0.hasHover-3X1-zV:hover, +.theme-dark .lookFilled-1Gx00P.hoverGrey-2CBXu0.hasHover-3X1-zV:hover, +.theme-light .lookFilled-1Gx00P.colorPrimary-3b3xI6:hover, +.theme-dark .lookFilled-1Gx00P.colorPrimary-3b3xI6:hover, +.theme-light .lookFilled-1Gx00P.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover, +.theme-dark .lookFilled-1Gx00P.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover { background: rgb(var(--fontwhite4)) linear-gradient(0deg,rgba(0,0,0,.1),rgba(0,0,0,.1)); } .buttonColor-1agP3J:active, -#app-mount .lookFilled-1Gx00P.colorGrey-2DXtkV:active, -#app-mount .lookFilled-1Gx00P.hoverGrey-2CBXu0.hasHover-3X1-zV:active, -#app-mount .lookFilled-1Gx00P.colorPrimary-3b3xI6:active, -#app-mount .lookFilled-1Gx00P.hoverPrimary-2D1j2r.hasHover-3X1-zV:active { +.theme-light .lookFilled-1Gx00P.colorGrey-2DXtkV:active, +.theme-dark .lookFilled-1Gx00P.colorGrey-2DXtkV:active, +.theme-light .lookFilled-1Gx00P.hoverGrey-2CBXu0.hasHover-3X1-zV:active, +.theme-dark .lookFilled-1Gx00P.hoverGrey-2CBXu0.hasHover-3X1-zV:active, +.theme-light .lookFilled-1Gx00P.colorPrimary-3b3xI6:active, +.theme-dark .lookFilled-1Gx00P.colorPrimary-3b3xI6:active, +.theme-light .lookFilled-1Gx00P.hoverPrimary-2D1j2r.hasHover-3X1-zV:active, +.theme-dark .lookFilled-1Gx00P.hoverPrimary-2D1j2r.hasHover-3X1-zV:active { background: rgb(var(--fontwhite4)) linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2)); } .buttonColor-1agP3J, -#app-mount .lookFilled-1Gx00P.colorGrey-2DXtkV, -#app-mount .lookFilled-1Gx00P.colorGrey-2DXtkV:disabled, -#app-mount .lookFilled-1Gx00P.colorPrimary-3b3xI6, -#app-mount .lookFilled-1Gx00P.colorPrimary-3b3xI6:disabled { +.theme-light .lookFilled-1Gx00P.colorGrey-2DXtkV, +.theme-dark .lookFilled-1Gx00P.colorGrey-2DXtkV, +.theme-light .lookFilled-1Gx00P.colorGrey-2DXtkV:disabled, +.theme-dark .lookFilled-1Gx00P.colorGrey-2DXtkV:disabled, +.theme-light .lookFilled-1Gx00P.colorPrimary-3b3xI6, +.theme-dark .lookFilled-1Gx00P.colorPrimary-3b3xI6, +.theme-light .lookFilled-1Gx00P.colorPrimary-3b3xI6:disabled, +.theme-dark .lookFilled-1Gx00P.colorPrimary-3b3xI6:disabled { background: rgb(var(--fontwhite4)); } -#app-mount .lookInverted-2D7oAl.hoverGrey-2CBXu0.hasHover-3X1-zV:hover, -#app-mount .lookInverted-2D7oAl.hoverGrey-2CBXu0.hasHover-3X1-zV:active, -#app-mount .lookInverted-2D7oAl.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover, -#app-mount .lookInverted-2D7oAl.hoverPrimary-2D1j2r.hasHover-3X1-zV:active { +.theme-light .lookInverted-2D7oAl.hoverGrey-2CBXu0.hasHover-3X1-zV:hover, +.theme-dark .lookInverted-2D7oAl.hoverGrey-2CBXu0.hasHover-3X1-zV:hover, +.theme-light .lookInverted-2D7oAl.hoverGrey-2CBXu0.hasHover-3X1-zV:active, +.theme-dark .lookInverted-2D7oAl.hoverGrey-2CBXu0.hasHover-3X1-zV:active, +.theme-light .lookInverted-2D7oAl.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover, +.theme-dark .lookInverted-2D7oAl.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover, +.theme-light .lookInverted-2D7oAl.hoverPrimary-2D1j2r.hasHover-3X1-zV:active, +.theme-dark .lookInverted-2D7oAl.hoverPrimary-2D1j2r.hasHover-3X1-zV:active { color: rgb(var(--fontwhite4)); } -#app-mount .lookInverted-2D7oAl.colorGrey-2DXtkV, -#app-mount .lookInverted-2D7oAl.colorGrey-2DXtkV:disabled, -#app-mount .lookInverted-2D7oAl.colorPrimary-3b3xI6, -#app-mount .lookInverted-2D7oAl.colorPrimary-3b3xI6:disabled { +.theme-light .lookInverted-2D7oAl.colorGrey-2DXtkV, +.theme-dark .lookInverted-2D7oAl.colorGrey-2DXtkV, +.theme-light .lookInverted-2D7oAl.colorGrey-2DXtkV:disabled, +.theme-dark .lookInverted-2D7oAl.colorGrey-2DXtkV:disabled, +.theme-light .lookInverted-2D7oAl.colorPrimary-3b3xI6, +.theme-dark .lookInverted-2D7oAl.colorPrimary-3b3xI6, +.theme-light .lookInverted-2D7oAl.colorPrimary-3b3xI6:disabled, +.theme-dark .lookInverted-2D7oAl.colorPrimary-3b3xI6:disabled { color: rgb(var(--fontwhite4)); } -#app-mount .lookOutlined-3sRXeN.colorGrey-2DXtkV:hover, -#app-mount .lookOutlined-3sRXeN.hoverGrey-2CBXu0.hasHover-3X1-zV:hover, -#app-mount .lookOutlined-3sRXeN.colorPrimary-3b3xI6:hover, -#app-mount .lookOutlined-3sRXeN.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover { +.theme-light .lookOutlined-3sRXeN.colorGrey-2DXtkV:hover, +.theme-dark .lookOutlined-3sRXeN.colorGrey-2DXtkV:hover, +.theme-light .lookOutlined-3sRXeN.hoverGrey-2CBXu0.hasHover-3X1-zV:hover, +.theme-dark .lookOutlined-3sRXeN.hoverGrey-2CBXu0.hasHover-3X1-zV:hover, +.theme-light .lookOutlined-3sRXeN.colorPrimary-3b3xI6:hover, +.theme-dark .lookOutlined-3sRXeN.colorPrimary-3b3xI6:hover, +.theme-light .lookOutlined-3sRXeN.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover, +.theme-dark .lookOutlined-3sRXeN.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover { border-color: rgba(var(--fontwhite4), 0.6); color: rgb(var(--fontwhite4)); } -#app-mount .lookOutlined-3sRXeN.colorGrey-2DXtkV:active, -#app-mount .lookOutlined-3sRXeN.hoverGrey-2CBXu0.hasHover-3X1-zV:active, -#app-mount .lookOutlined-3sRXeN.colorPrimary-3b3xI6:active, -#app-mount .lookOutlined-3sRXeN.hoverPrimary-2D1j2r.hasHover-3X1-zV:active { +.theme-light .lookOutlined-3sRXeN.colorGrey-2DXtkV:active, +.theme-dark .lookOutlined-3sRXeN.colorGrey-2DXtkV:active, +.theme-light .lookOutlined-3sRXeN.hoverGrey-2CBXu0.hasHover-3X1-zV:active, +.theme-dark .lookOutlined-3sRXeN.hoverGrey-2CBXu0.hasHover-3X1-zV:active, +.theme-light .lookOutlined-3sRXeN.colorPrimary-3b3xI6:active, +.theme-dark .lookOutlined-3sRXeN.colorPrimary-3b3xI6:active, +.theme-light .lookOutlined-3sRXeN.hoverPrimary-2D1j2r.hasHover-3X1-zV:active, +.theme-dark .lookOutlined-3sRXeN.hoverPrimary-2D1j2r.hasHover-3X1-zV:active { background-color: rgba(var(--fontwhite4), 0.1); border-color: rgb(var(--fontwhite4)); color: rgb(var(--fontwhite4)); } -#app-mount .lookOutlined-3sRXeN.colorGrey-2DXtkV, -#app-mount .lookOutlined-3sRXeN.colorGrey-2DXtkV:disabled, -#app-mount .lookOutlined-3sRXeN.colorPrimary-3b3xI6, -#app-mount .lookOutlined-3sRXeN.colorPrimary-3b3xI6:disabled { +.theme-light .lookOutlined-3sRXeN.colorGrey-2DXtkV, +.theme-dark .lookOutlined-3sRXeN.colorGrey-2DXtkV, +.theme-light .lookOutlined-3sRXeN.colorGrey-2DXtkV:disabled, +.theme-dark .lookOutlined-3sRXeN.colorGrey-2DXtkV:disabled, +.theme-light .lookOutlined-3sRXeN.colorPrimary-3b3xI6, +.theme-dark .lookOutlined-3sRXeN.colorPrimary-3b3xI6, +.theme-light .lookOutlined-3sRXeN.colorPrimary-3b3xI6:disabled, +.theme-dark .lookOutlined-3sRXeN.colorPrimary-3b3xI6:disabled { border-color: rgba(var(--fontwhite4), 0.3); color: rgb(var(--fontwhite4)); } -#app-mount .lookGhost-2Fn_0-.colorGrey-2DXtkV:active, -#app-mount .lookGhost-2Fn_0-.hoverGrey-2CBXu0.hasHover-3X1-zV:active, -#app-mount .lookGhost-2Fn_0-.colorPrimary-3b3xI6:active, -#app-mount .lookGhost-2Fn_0-.hoverPrimary-2D1j2r.hasHover-3X1-zV:active { +.theme-light .lookGhost-2Fn_0-.colorGrey-2DXtkV:active, +.theme-dark .lookGhost-2Fn_0-.colorGrey-2DXtkV:active, +.theme-light .lookGhost-2Fn_0-.hoverGrey-2CBXu0.hasHover-3X1-zV:active, +.theme-dark .lookGhost-2Fn_0-.hoverGrey-2CBXu0.hasHover-3X1-zV:active, +.theme-light .lookGhost-2Fn_0-.colorPrimary-3b3xI6:active, +.theme-dark .lookGhost-2Fn_0-.colorPrimary-3b3xI6:active, +.theme-light .lookGhost-2Fn_0-.hoverPrimary-2D1j2r.hasHover-3X1-zV:active, +.theme-dark .lookGhost-2Fn_0-.hoverPrimary-2D1j2r.hasHover-3X1-zV:active { background-color: rgba(var(--fontwhite4), 0.2); } -#app-mount .lookGhost-2Fn_0-.colorGrey-2DXtkV, -#app-mount .lookGhost-2Fn_0-.colorGrey-2DXtkV:disabled, -#app-mount .lookGhost-2Fn_0-.colorPrimary-3b3xI6, -#app-mount .lookGhost-2Fn_0-.colorPrimary-3b3xI6:disabled { +.theme-light .lookGhost-2Fn_0-.colorGrey-2DXtkV, +.theme-dark .lookGhost-2Fn_0-.colorGrey-2DXtkV, +.theme-light .lookGhost-2Fn_0-.colorGrey-2DXtkV:disabled, +.theme-dark .lookGhost-2Fn_0-.colorGrey-2DXtkV:disabled, +.theme-light .lookGhost-2Fn_0-.colorPrimary-3b3xI6, +.theme-dark .lookGhost-2Fn_0-.colorPrimary-3b3xI6, +.theme-light .lookGhost-2Fn_0-.colorPrimary-3b3xI6:disabled, +.theme-dark .lookGhost-2Fn_0-.colorPrimary-3b3xI6:disabled { background-color: rgba(var(--fontwhite4), 0.1); color: rgb(var(--fontwhite4)); } -#app-mount .lookLink-9FtZy-.colorGrey-2DXtkV, -#app-mount .lookLink-9FtZy-.colorPrimary-3b3xI6 { +.theme-light .lookLink-9FtZy-.colorGrey-2DXtkV, +.theme-dark .lookLink-9FtZy-.colorGrey-2DXtkV, +.theme-light .lookLink-9FtZy-.colorPrimary-3b3xI6, +.theme-dark .lookLink-9FtZy-.colorPrimary-3b3xI6 { color: rgb(var(--fontwhite4)); } -#app-mount .lookLink-9FtZy-.colorGrey-2DXtkV:hover .contents-18-Yxp, -#app-mount .lookLink-9FtZy-.hoverGrey-2CBXu0.hasHover-3X1-zV:hover .contents-18-Yxp, -#app-mount .lookLink-9FtZy-.colorPrimary-3b3xI6:hover .contents-18-Yxp, -#app-mount .lookLink-9FtZy-.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover .contents-18-Yxp { +.theme-light .lookLink-9FtZy-.colorGrey-2DXtkV:hover .contents-18-Yxp, +.theme-dark .lookLink-9FtZy-.colorGrey-2DXtkV:hover .contents-18-Yxp, +.theme-light .lookLink-9FtZy-.hoverGrey-2CBXu0.hasHover-3X1-zV:hover .contents-18-Yxp, +.theme-dark .lookLink-9FtZy-.hoverGrey-2CBXu0.hasHover-3X1-zV:hover .contents-18-Yxp, +.theme-light .lookLink-9FtZy-.colorPrimary-3b3xI6:hover .contents-18-Yxp, +.theme-dark .lookLink-9FtZy-.colorPrimary-3b3xI6:hover .contents-18-Yxp, +.theme-light .lookLink-9FtZy-.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover .contents-18-Yxp, +.theme-dark .lookLink-9FtZy-.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover .contents-18-Yxp { color: rgb(var(--fontwhite4)); background-image: linear-gradient(0deg, transparent, transparent 1px, rgb(var(--fontwhite4)) 0, rgb(var(--fontwhite4)) 2px, transparent 0); } -#app-mount .lookInverted-2D7oAl.colorTransparent-1ewNp9 .spinnerItem-3GlVyU { +.theme-light .lookInverted-2D7oAl.colorTransparent-1ewNp9 .spinnerItem-3GlVyU, +.theme-dark .lookInverted-2D7oAl.colorTransparent-1ewNp9 .spinnerItem-3GlVyU { background-color: rgba(var(--fontwhite1), 0.1); } -#app-mount .lookOutlined-3sRXeN.colorTransparent-1ewNp9 .spinnerItem-3GlVyU, -#app-mount .lookGhost-2Fn_0-.colorTransparent-1ewNp9 .spinnerItem-3GlVyU, -#app-mount .lookLink-9FtZy-.colorTransparent-1ewNp9 .spinnerItem-3GlVyU { +.theme-light .lookOutlined-3sRXeN.colorTransparent-1ewNp9 .spinnerItem-3GlVyU, +.theme-dark .lookOutlined-3sRXeN.colorTransparent-1ewNp9 .spinnerItem-3GlVyU, +.theme-light .lookGhost-2Fn_0-.colorTransparent-1ewNp9 .spinnerItem-3GlVyU, +.theme-dark .lookGhost-2Fn_0-.colorTransparent-1ewNp9 .spinnerItem-3GlVyU, +.theme-light .lookLink-9FtZy-.colorTransparent-1ewNp9 .spinnerItem-3GlVyU, +.theme-dark .lookLink-9FtZy-.colorTransparent-1ewNp9 .spinnerItem-3GlVyU { background-color: rgb(var(--fontwhite2)); } -#app-mount .lookFilled-1Gx00P.colorTransparent-1ewNp9:hover, -#app-mount .lookFilled-1Gx00P.hoverTransparent-2Lz5CN.hasHover-3X1-zV:hover { +.theme-light .lookFilled-1Gx00P.colorTransparent-1ewNp9:hover, +.theme-dark .lookFilled-1Gx00P.colorTransparent-1ewNp9:hover, +.theme-light .lookFilled-1Gx00P.hoverTransparent-2Lz5CN.hasHover-3X1-zV:hover, +.theme-dark .lookFilled-1Gx00P.hoverTransparent-2Lz5CN.hasHover-3X1-zV:hover { background-color: rgba(var(--fontwhite1), 0.05); color: rgb(var(--fontwhite1)); } -#app-mount .lookFilled-1Gx00P.colorTransparent-1ewNp9:active, -#app-mount .lookFilled-1Gx00P.hoverTransparent-2Lz5CN.hasHover-3X1-zV:active { +.theme-light .lookFilled-1Gx00P.colorTransparent-1ewNp9:active, +.theme-dark .lookFilled-1Gx00P.colorTransparent-1ewNp9:active, +.theme-light .lookFilled-1Gx00P.hoverTransparent-2Lz5CN.hasHover-3X1-zV:active, +.theme-dark .lookFilled-1Gx00P.hoverTransparent-2Lz5CN.hasHover-3X1-zV:active { background-color: rgba(var(--fontwhite1), 0.01); color: rgb(var(--fontwhite1)); } -#app-mount .lookFilled-1Gx00P.colorTransparent-1ewNp9, -#app-mount .lookFilled-1Gx00P.colorTransparent-1ewNp9:disabled { +.theme-light .lookFilled-1Gx00P.colorTransparent-1ewNp9, +.theme-dark .lookFilled-1Gx00P.colorTransparent-1ewNp9, +.theme-light .lookFilled-1Gx00P.colorTransparent-1ewNp9:disabled, +.theme-dark .lookFilled-1Gx00P.colorTransparent-1ewNp9:disabled { background-color: rgba(var(--fontwhite1), 0.1); } -#app-mount .lookInverted-2D7oAl.colorTransparent-1ewNp9:hover, -#app-mount .lookInverted-2D7oAl.hoverTransparent-2Lz5CN.hasHover-3X1-zV:hover { +.theme-light .lookInverted-2D7oAl.colorTransparent-1ewNp9:hover, +.theme-dark .lookInverted-2D7oAl.colorTransparent-1ewNp9:hover, +.theme-light .lookInverted-2D7oAl.hoverTransparent-2Lz5CN.hasHover-3X1-zV:hover, +.theme-dark .lookInverted-2D7oAl.hoverTransparent-2Lz5CN.hasHover-3X1-zV:hover { background-color: rgba(var(--fontwhite1), 0.05); color: rgba(var(--fontwhite1), 0.1); } -#app-mount .lookInverted-2D7oAl.colorTransparent-1ewNp9:active, -#app-mount .lookInverted-2D7oAl.hoverTransparent-2Lz5CN.hasHover-3X1-zV:active { +.theme-light .lookInverted-2D7oAl.colorTransparent-1ewNp9:active, +.theme-dark .lookInverted-2D7oAl.colorTransparent-1ewNp9:active, +.theme-light .lookInverted-2D7oAl.hoverTransparent-2Lz5CN.hasHover-3X1-zV:active, +.theme-dark .lookInverted-2D7oAl.hoverTransparent-2Lz5CN.hasHover-3X1-zV:active { background-color: rgba(var(--fontwhite1), 0.1); color: rgba(var(--fontwhite1), 0.1); } -#app-mount .lookInverted-2D7oAl.colorTransparent-1ewNp9, -#app-mount .lookInverted-2D7oAl.colorTransparent-1ewNp9:disabled { +.theme-light .lookInverted-2D7oAl.colorTransparent-1ewNp9, +.theme-dark .lookInverted-2D7oAl.colorTransparent-1ewNp9, +.theme-light .lookInverted-2D7oAl.colorTransparent-1ewNp9:disabled, +.theme-dark .lookInverted-2D7oAl.colorTransparent-1ewNp9:disabled { background-color: rgb(var(--fontwhite1)); color: rgba(var(--fontwhite1), 0.1); } -#app-mount .lookOutlined-3sRXeN.colorTransparent-1ewNp9:hover, -#app-mount .lookOutlined-3sRXeN.hoverTransparent-2Lz5CN.hasHover-3X1-zV:hover { +.theme-light .lookOutlined-3sRXeN.colorTransparent-1ewNp9:hover, +.theme-dark .lookOutlined-3sRXeN.colorTransparent-1ewNp9:hover, +.theme-light .lookOutlined-3sRXeN.hoverTransparent-2Lz5CN.hasHover-3X1-zV:hover, +.theme-dark .lookOutlined-3sRXeN.hoverTransparent-2Lz5CN.hasHover-3X1-zV:hover { border-color: rgba(var(--fontwhite2), 0.6); color: rgb(var(--fontwhite2)); } -#app-mount .lookOutlined-3sRXeN.colorTransparent-1ewNp9:active, -#app-mount .lookOutlined-3sRXeN.hoverTransparent-2Lz5CN.hasHover-3X1-zV:active { +.theme-light .lookOutlined-3sRXeN.colorTransparent-1ewNp9:active, +.theme-dark .lookOutlined-3sRXeN.colorTransparent-1ewNp9:active, +.theme-light .lookOutlined-3sRXeN.hoverTransparent-2Lz5CN.hasHover-3X1-zV:active, +.theme-dark .lookOutlined-3sRXeN.hoverTransparent-2Lz5CN.hasHover-3X1-zV:active { background-color: rgba(var(--fontwhite2), 0.1); border-color: rgb(var(--fontwhite2)); color: rgb(var(--fontwhite2)); } -#app-mount .lookOutlined-3sRXeN.colorTransparent-1ewNp9, -#app-mount .lookOutlined-3sRXeN.colorTransparent-1ewNp9:disabled { +.theme-light .lookOutlined-3sRXeN.colorTransparent-1ewNp9, +.theme-dark .lookOutlined-3sRXeN.colorTransparent-1ewNp9, +.theme-light .lookOutlined-3sRXeN.colorTransparent-1ewNp9:disabled, +.theme-dark .lookOutlined-3sRXeN.colorTransparent-1ewNp9:disabled { border-color: rgba(var(--fontwhite2), 0.3); color: rgb(var(--fontwhite2)); } -#app-mount .lookGhost-2Fn_0-.colorTransparent-1ewNp9:active, -#app-mount .lookGhost-2Fn_0-.hoverTransparent-2Lz5CN.hasHover-3X1-zV:active { +.theme-light .lookGhost-2Fn_0-.colorTransparent-1ewNp9:active, +.theme-dark .lookGhost-2Fn_0-.colorTransparent-1ewNp9:active, +.theme-light .lookGhost-2Fn_0-.hoverTransparent-2Lz5CN.hasHover-3X1-zV:active, +.theme-dark .lookGhost-2Fn_0-.hoverTransparent-2Lz5CN.hasHover-3X1-zV:active { background-color: rgba(var(--fontwhite2), 0.2); color: rgb(var(--fontwhite2)); } -#app-mount .lookGhost-2Fn_0-.colorTransparent-1ewNp9, -#app-mount .lookGhost-2Fn_0-.colorTransparent-1ewNp9:disabled { +.theme-light .lookGhost-2Fn_0-.colorTransparent-1ewNp9, +.theme-dark .lookGhost-2Fn_0-.colorTransparent-1ewNp9, +.theme-light .lookGhost-2Fn_0-.colorTransparent-1ewNp9:disabled, +.theme-dark .lookGhost-2Fn_0-.colorTransparent-1ewNp9:disabled { background-color: rgba(var(--fontwhite2), 0.1); color: rgb(var(--fontwhite2)); } -#app-mount .lookLink-9FtZy-.colorTransparent-1ewNp9 { +.theme-light .lookLink-9FtZy-.colorTransparent-1ewNp9, +.theme-dark .lookLink-9FtZy-.colorTransparent-1ewNp9 { color: rgb(var(--fontwhite2)); } -#app-mount .lookLink-9FtZy-.colorTransparent-1ewNp9:hover .contents-18-Yxp, -#app-mount .lookLink-9FtZy-.hoverTransparent-2Lz5CN.hasHover-3X1-zV:hover .contents-18-Yxp { +.theme-light .lookLink-9FtZy-.colorTransparent-1ewNp9:hover .contents-18-Yxp, +.theme-dark .lookLink-9FtZy-.colorTransparent-1ewNp9:hover .contents-18-Yxp, +.theme-light .lookLink-9FtZy-.hoverTransparent-2Lz5CN.hasHover-3X1-zV:hover .contents-18-Yxp, +.theme-dark .lookLink-9FtZy-.hoverTransparent-2Lz5CN.hasHover-3X1-zV:hover .contents-18-Yxp { background-image: linear-gradient(0deg, transparent, transparent 1px, rgb(var(--fontwhite2)) 0, rgb(var(--fontwhite2)) 2px, transparent 0); color: rgb(var(--fontwhite2)); }