From 065e521256d8a12bf55c0ecc801a627ad2dcab8e Mon Sep 17 00:00:00 2001 From: lazuee <91590512+lazuee@users.noreply.github.com> Date: Tue, 30 Jul 2024 15:18:23 +0000 Subject: [PATCH] =?UTF-8?q?Deploying=20to=20gh-pages=20from=20@=20lazuee/c?= =?UTF-8?q?ss-snippets@bd0c14433779a137ead89ee087b07b7198f5bf80=20?= =?UTF-8?q?=F0=9F=9A=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- discord/themes/version-two/import.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/discord/themes/version-two/import.css b/discord/themes/version-two/import.css index baf9e29..f49b035 100644 --- a/discord/themes/version-two/import.css +++ b/discord/themes/version-two/import.css @@ -1 +1 @@ -@import url("https://lazuee.github.io/css-snippets/discord/sidebar-notice/import.css");@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@200&display=swap');@import url("https://catppuccin.github.io/discord/dist/catppuccin-macchiato.theme.css");:root{--font:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,"Helvetica Neue","Segoe UI","Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",sans-serif;--font-primary:var(--font);--font-display:var(--font);--font-headline:var(--font);--font-code:'JetBrains Mono',monospace;--text-link:#5865f2}:root{--space:12px;--border-radius:1.2rem;--header:48px;--header-thumbnail:calc(135px + var(--header))}:root{--notice-margin-top:calc(57px + var(--space));--notice-margin-left:1px;--notice-background:var(--background-tertiary);--notice-height-join:160px;--notice-height-welcome:155px;--notice-height-premium:150px}body,html{font-size:14px;tab-size:4;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[class="container_a4d4d9"]{display:flex;height:100%;justify-content:space-between;width:100%;>nav{height:100%;overflow-y:visible;width:72px;>ul{--server-nav-i:1;--top-margin:calc((56px + ((56px * var(--server-nav-i)) - 56px))+var(--space));--nav-height:calc(100% - ((var(--top-margin))+((56px * 2)+(53px+(var(--space) * 2)))));height:var(--nav-height);margin-top:var(--top-margin);&:before,&:after{content:"";height:32px;pointer-events:none;position:absolute;user-select:none;width:72px;z-index:3}&:before{background:linear-gradient(180deg,color-mix(in oklab,var(--background-tertiary) 100%,transparent 0) 1%,color-mix(in oklab,var(--background-tertiary) 94.6%,transparent 5.4%) 13%,color-mix(in oklab,var(--background-tertiary) 79.5%,transparent 20.5%) 55%,color-mix(in oklab,var(--background-tertiary) 0,transparent 100%) 93%);top:0}&:after{background:linear-gradient(0,color-mix(in oklab,var(--background-tertiary) 100%,transparent 0) 1%,color-mix(in oklab,var(--background-tertiary) 94.6%,transparent 5.4%) 13%,color-mix(in oklab,var(--background-tertiary) 79.5%,transparent 20.5%) 55%,color-mix(in oklab,var(--background-tertiary) 0,transparent 100%) 93%);bottom:0}>.unreadMentionsIndicatorTop_fea3ef:before,>.unreadMentionsIndicatorBottom_fea3ef:before{background:var(--background-modifier-accent);content:"";height:1px;left:0;position:absolute;width:100%}>.unreadMentionsIndicatorTop_fea3ef:before{top:0}>.unreadMentionsIndicatorBottom_fea3ef:before{bottom:0}>.scroller_fea3ef{padding:0;&:before,&:after{content:"";display:block;left:0;position:relative;width:72px}&:before{height:24px;top:0}&:after{height:42px;bottom:0}>div:nth-child(1){top:var(--space);background:var(--background-tertiary);position:fixed;z-index:4}>div:has([aria-label="Download Apps"]){display:none}>div:has([aria-label="Explore Discoverable Servers"]){bottom:calc(53px + ((var(--space) * 2)) - 8px);background:var(--background-tertiary);background:transparent;position:fixed;z-index:4}>div:has([aria-label="Add a Server"]){padding-top:58px;bottom:calc(53px + ((var(--space) * 2) - 8px)+56px);background:var(--background-tertiary);background:transparent;position:fixed;z-index:4}>div:has(>[class="guildSeparator_d0c57e"]){>*{height:0;background:transparent}&:nth-last-child(3):not(:has([aria-label="Download Apps"]))>*{height:0}}>div[aria-label="Servers"]{position:relative}}}}>.base_a4d4d9{overflow:visible;width:calc(100% - 72px);>[class="content_a4d4d9"]{margin:var(--space) 0;position:relative;>*{border-radius:var(--border-radius);overflow:hidden}>main,>[class*="shop_"],>[class*="applicationStore_"],>[class="pageWrapper_a3a4ce"],>[class*="chat_"]{border:1px solid var(--background-modifier-accent);display:flex;margin:0 var(--space);min-width:0;>[class="content_a7d72e"]:before,>[class="tabBody_c2739c"]:before{box-shadow:none}}>[class*="chat_"]{:is(main,section)[class^=chatContent]>form,form>div[class^=submitContainer]{padding:0;&:has([class="animation_faf5ab"]):before{align-items:center;appearance:none;background:var(--bg-overlay-3,var(--channeltextarea-background));box-sizing:border-box;color:var(--channel-text-area-placeholder);content:"You must complete a few more steps before you can talk.";cursor:not-allowed;display:flex;font-size:1rem;font-weight:400;height:52px;left:0;line-height:1.375rem;overflow:hidden;padding-left:16px;pointer-events:none;position:absolute;text-overflow:ellipsis;top:0;user-select:none;white-space:nowrap;width:100%;z-index:10}>div>div[class^=channelTextArea]{margin:0 !important;>div[class^=scrollableContainer]{border-radius:0;min-height:49px;padding-top:4px}}>div{border-radius:0;margin-bottom:0}>div[class^=typing]{background-color:var(--channeltextarea-background);border-radius:8px 8px 0 0;margin-left:auto;padding-left:2px;padding-right:9px;position:absolute;right:calc(var(--custom-index-scrollbar-margin) * 2+var(--custom-index-scrollbar-width));top:-24px;width:fit-content}&::after{display:none}>div>div>div[class^=attachedBars]{min-height:unset !important;padding-bottom:4px}}div[class^=jumpToPresentBar]{background-color:var(--channeltextarea-background);border-radius:0 8px 0 0;left:0;right:unset;>button[class^=barButtonMain]{display:none;flex:0 0 auto}}}>main>section.container_fc4f04,>[class*="chat_"]>[class*="subtitleContainer_"]>[class*="title_"]{padding:0 8px;min-height:56px;border-bottom:1px solid var(--background-modifier-accent)}>.sidebar_a4d4d9{background:transparent;border:1.3px solid var(--background-modifier-accent);margin:0 0 calc(56px + var(--space)) 0;>nav,>nav>.thin_eed6a8{background:transparent}>nav{>.thin_eed6a8{&::-webkit-scrollbar{display:none}&::-webkit-scrollbar-track{background-color:var(--scrollbar-thin-track);border:2px solid var(--scrollbar-thin-track)}&::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--scrollbar-thin-thumb);border:2px solid transparent;border-radius:4px;min-height:40px}>ul{.container_c75f85:after{left:0}>.sectionDivider_c43953{margin-left:0}>li:not(:has(.typeThread_d8bfb3)) .wrapper_d8bfb3{margin:0 8px}}}&:has([class="animatedContainer_fd6364"]){>div:has([class="animatedContainer_fd6364"]){background:var(--background-tertiary);display:flex;flex-direction:column-reverse;height:var(--header-thumbnail);overflow:hidden;position:absolute;width:240px;z-index:3;>div{box-shadow:none;opacity:1 !important;pointer-events:none;transform:translateY(0) !important;>div{transform:translateY(0) scale(1) !important}}}>.thin_eed6a8>ul{>[style="height: 84px;"],>[style="height: 16px;"]{height:183px !important}}}>div:has([class*="channelNotice_"])>div{margin:16px 0 0;padding:0 16px 16px}>[class="searchBar_f0963d"]{padding:3px 16px 4px}div:not(:has([class="animatedContainer_fd6364"]))>[class="header_fd6364"]{padding:15px 16px 16px}>[class="searchBar_f0963d"],>div>[class="header_fd6364"]{border-bottom:1.3px solid var(--background-modifier-accent);box-shadow:none}}>section{>[class*="wrapper_"]>div{border-top:1px solid var(--background-modifier-accent);border-bottom:0 solid transparent}>[class*="container_"]{background:var(--background-secondary);border-radius:calc(var(--border-radius) - 4px);bottom:0;justify-content:space-between;left:calc(-72px + var(--space));position:absolute;width:calc(296px - var(--space));z-index:999}}}}>div.notice_be03aa{border-bottom:none !important;&:before{box-shadow:none !important}&:after{left:0 !important;position:absolute;width:100% !important}}&:has([class="animatedContainer_fd6364"]){--notice-margin-top:calc(183px + var(--space));&:has(.notice_dd5a33){--notice-height-add:183px;.container_fa295b:before{height:calc(var(--notice-height)+var(--notice-height-add))}.sidebar_a4d4d9>nav>.thin_eed6a8>ul{>[style="height: 84px;"],>[style="height: 16px;"]{height:calc(183px - var(--notice-height)) !important}}}}}}.accountProfilePopoutWrapper_b2ca13{left:-6px} +@import url("https://lazuee.github.io/css-snippets/discord/sidebar-notice/import.css");@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@200&display=swap');:root{--font:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,"Helvetica Neue","Segoe UI","Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",sans-serif;--font-primary:var(--font);--font-display:var(--font);--font-headline:var(--font);--font-code:'JetBrains Mono',monospace;--text-link:#5865f2}:root{--space:12px;--border-radius:1.2rem;--header:48px;--header-thumbnail:calc(135px + var(--header))}:root{--notice-margin-top:calc(57px + var(--space));--notice-margin-left:1px;--notice-background:var(--background-tertiary);--notice-height-join:160px;--notice-height-welcome:155px;--notice-height-premium:150px}body,html{font-size:14px;tab-size:4;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[class="container_a4d4d9"]{display:flex;height:100%;justify-content:space-between;width:100%;>nav{height:100%;overflow-y:visible;width:72px;>ul{--server-nav-i:1;--top-margin:calc((56px + ((56px * var(--server-nav-i)) - 56px))+var(--space));--nav-height:calc(100% - ((var(--top-margin))+((56px * 2)+(53px+(var(--space) * 2)))));height:var(--nav-height);margin-top:var(--top-margin);&:before,&:after{content:"";height:32px;pointer-events:none;position:absolute;user-select:none;width:72px;z-index:3}&:before{background:linear-gradient(180deg,color-mix(in oklab,var(--background-tertiary) 100%,transparent 0) 1%,color-mix(in oklab,var(--background-tertiary) 94.6%,transparent 5.4%) 13%,color-mix(in oklab,var(--background-tertiary) 79.5%,transparent 20.5%) 55%,color-mix(in oklab,var(--background-tertiary) 0,transparent 100%) 93%);top:0}&:after{background:linear-gradient(0,color-mix(in oklab,var(--background-tertiary) 100%,transparent 0) 1%,color-mix(in oklab,var(--background-tertiary) 94.6%,transparent 5.4%) 13%,color-mix(in oklab,var(--background-tertiary) 79.5%,transparent 20.5%) 55%,color-mix(in oklab,var(--background-tertiary) 0,transparent 100%) 93%);bottom:0}>.unreadMentionsIndicatorTop_fea3ef:before,>.unreadMentionsIndicatorBottom_fea3ef:before{background:var(--background-modifier-accent);content:"";height:1px;left:0;position:absolute;width:100%}>.unreadMentionsIndicatorTop_fea3ef:before{top:0}>.unreadMentionsIndicatorBottom_fea3ef:before{bottom:0}>.scroller_fea3ef{padding:0;&:before,&:after{content:"";display:block;left:0;position:relative;width:72px}&:before{height:24px;top:0}&:after{height:42px;bottom:0}>div:nth-child(1){top:var(--space);background:var(--background-tertiary);position:fixed;z-index:4}>div:has([aria-label="Download Apps"]){display:none}>div:has([aria-label="Explore Discoverable Servers"]){bottom:calc(53px + ((var(--space) * 2)) - 8px);background:var(--background-tertiary);background:transparent;position:fixed;z-index:4}>div:has([aria-label="Add a Server"]){padding-top:58px;bottom:calc(53px + ((var(--space) * 2) - 8px)+56px);background:var(--background-tertiary);background:transparent;position:fixed;z-index:4}>div:has(>[class="guildSeparator_d0c57e"]){>*{height:0;background:transparent}&:nth-last-child(3):not(:has([aria-label="Download Apps"]))>*{height:0}}>div[aria-label="Servers"]{position:relative}}}}>.base_a4d4d9{overflow:visible;width:calc(100% - 72px);>[class="content_a4d4d9"]{margin:var(--space) 0;position:relative;>*{border-radius:var(--border-radius);overflow:hidden}>main,>[class*="shop_"],>[class*="applicationStore_"],>[class="pageWrapper_a3a4ce"],>[class*="chat_"]{border:1px solid var(--background-modifier-accent);display:flex;margin:0 var(--space);min-width:0;>[class="content_a7d72e"]:before,>[class="tabBody_c2739c"]:before{box-shadow:none}}>[class*="chat_"]{:is(main,section)[class^=chatContent]>form,form>div[class^=submitContainer]{padding:0;&:has([class="animation_faf5ab"]):before{align-items:center;appearance:none;background:var(--bg-overlay-3,var(--channeltextarea-background));box-sizing:border-box;color:var(--channel-text-area-placeholder);content:"You must complete a few more steps before you can talk.";cursor:not-allowed;display:flex;font-size:1rem;font-weight:400;height:52px;left:0;line-height:1.375rem;overflow:hidden;padding-left:16px;pointer-events:none;position:absolute;text-overflow:ellipsis;top:0;user-select:none;white-space:nowrap;width:100%;z-index:10}>div>div[class^=channelTextArea]{margin:0 !important;>div[class^=scrollableContainer]{border-radius:0;min-height:49px;padding-top:4px}}>div{border-radius:0;margin-bottom:0}>div[class^=typing]{background-color:var(--channeltextarea-background);border-radius:8px 8px 0 0;margin-left:auto;padding-left:2px;padding-right:9px;position:absolute;right:calc(var(--custom-index-scrollbar-margin) * 2+var(--custom-index-scrollbar-width));top:-24px;width:fit-content}&::after{display:none}>div>div>div[class^=attachedBars]{min-height:unset !important;padding-bottom:4px}}div[class^=jumpToPresentBar]{background-color:var(--channeltextarea-background);border-radius:0 8px 0 0;left:0;right:unset;>button[class^=barButtonMain]{display:none;flex:0 0 auto}}}>main>section.container_fc4f04,>[class*="chat_"]>[class*="subtitleContainer_"]>[class*="title_"]{padding:0 8px;min-height:56px;border-bottom:1px solid var(--background-modifier-accent)}>.sidebar_a4d4d9{background:transparent;border:1.3px solid var(--background-modifier-accent);margin:0 0 calc(56px + var(--space)) 0;>nav,>nav>.thin_eed6a8{background:transparent}>nav{>.thin_eed6a8{&::-webkit-scrollbar{display:none}&::-webkit-scrollbar-track{background-color:var(--scrollbar-thin-track);border:2px solid var(--scrollbar-thin-track)}&::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--scrollbar-thin-thumb);border:2px solid transparent;border-radius:4px;min-height:40px}>ul{.container_c75f85:after{left:0}>.sectionDivider_c43953{margin-left:0}>li:not(:has(.typeThread_d8bfb3)) .wrapper_d8bfb3{margin:0 8px}}}&:has([class="animatedContainer_fd6364"]){>div:has([class="animatedContainer_fd6364"]){background:var(--background-tertiary);display:flex;flex-direction:column-reverse;height:var(--header-thumbnail);overflow:hidden;position:absolute;width:240px;z-index:3;>div{box-shadow:none;opacity:1 !important;pointer-events:none;transform:translateY(0) !important;>div{transform:translateY(0) scale(1) !important}}}>.thin_eed6a8>ul{>[style="height: 84px;"],>[style="height: 16px;"]{height:183px !important}}}>div:has([class*="channelNotice_"])>div{margin:16px 0 0;padding:0 16px 16px}>[class="searchBar_f0963d"]{padding:3px 16px 4px}div:not(:has([class="animatedContainer_fd6364"]))>[class="header_fd6364"]{padding:15px 16px 16px}>[class="searchBar_f0963d"],>div>[class="header_fd6364"]{border-bottom:1.3px solid var(--background-modifier-accent);box-shadow:none}}>section{>[class*="wrapper_"]>div{border-top:1px solid var(--background-modifier-accent);border-bottom:0 solid transparent}>[class*="container_"]{background:var(--background-secondary);border-radius:calc(var(--border-radius) - 4px);bottom:0;justify-content:space-between;left:calc(-72px + var(--space));position:absolute;width:calc(296px - var(--space));z-index:999}}}}>div.notice_be03aa{border-bottom:none !important;&:before{box-shadow:none !important}&:after{left:0 !important;position:absolute;width:100% !important}}&:has([class="animatedContainer_fd6364"]){--notice-margin-top:calc(183px + var(--space));&:has(.notice_dd5a33){--notice-height-add:183px;.container_fa295b:before{height:calc(var(--notice-height)+var(--notice-height-add))}.sidebar_a4d4d9>nav>.thin_eed6a8>ul{>[style="height: 84px;"],>[style="height: 16px;"]{height:calc(183px - var(--notice-height)) !important}}}}}}.accountProfilePopoutWrapper_b2ca13{left:-6px}