diff --git a/assets/connections/moviemaker.png b/assets/connections/moviemaker.png new file mode 100644 index 0000000..6e44c63 Binary files /dev/null and b/assets/connections/moviemaker.png differ diff --git a/assets/discord/home.png b/assets/discord/home.png new file mode 100644 index 0000000..e5d65a1 Binary files /dev/null and b/assets/discord/home.png differ diff --git a/assets/friends/friendslist.png b/assets/friends/friendslist.png new file mode 100644 index 0000000..f623bee Binary files /dev/null and b/assets/friends/friendslist.png differ diff --git a/assets/friends/friendslistdark.png b/assets/friends/friendslistdark.png new file mode 100644 index 0000000..234fa70 Binary files /dev/null and b/assets/friends/friendslistdark.png differ diff --git a/assets/friends/newpawn.png b/assets/friends/newpawn.png new file mode 100644 index 0000000..da5f4db Binary files /dev/null and b/assets/friends/newpawn.png differ diff --git a/assets/general/Back.png b/assets/general/Back.png new file mode 100644 index 0000000..b95ad62 Binary files /dev/null and b/assets/general/Back.png differ diff --git a/assets/general/Signup_msnlogo.gif b/assets/general/Signup_msnlogo.gif deleted file mode 100644 index d402ef6..0000000 Binary files a/assets/general/Signup_msnlogo.gif and /dev/null differ diff --git a/assets/general/nitro.png b/assets/general/nitro.png new file mode 100644 index 0000000..b7bfb45 Binary files /dev/null and b/assets/general/nitro.png differ diff --git a/assets/general/threads.png b/assets/general/threads.png new file mode 100644 index 0000000..df6366a Binary files /dev/null and b/assets/general/threads.png differ diff --git a/assets/general/tts.png b/assets/general/tts.png new file mode 100644 index 0000000..8281e93 Binary files /dev/null and b/assets/general/tts.png differ diff --git a/default.css b/default.css new file mode 100644 index 0000000..f24619a --- /dev/null +++ b/default.css @@ -0,0 +1,249 @@ +:root { + --theme-border: #446097; + --theme-gradient: rgba(254, 254, 254, 1) 0%, var(--theme-lighter) 100%; + --theme-button: inset -10px -10px 14px -5px var(--theme-light), + inset 10px 10px 14px -10px var(--theme-lightest); + --theme-hover: rgba(212, 221, 252, 0.25); + + --theme-white: #f6faff; + --theme-lightest: #f6f7fa; + --theme-lighter: #cdd9ee; + --theme-light: #8297c2; + --theme-accent: #5590ff; + --theme-dark: #446097; + --theme-darker: #2e3a5f; + --theme-darkest: #1e2a4f; + } + + /* -=-=- WINDOWS TITLEBAR -=-=- */ + div.typeWindows__5fa63 { + /* background: url(http://www.netscape-communications.com/wp-content/uploads/2021/07/topbarmsn9.png); */ + background: linear-gradient(0deg, var(--theme-white) 0%, var(--theme-lightest) 50%, var(--theme-lighter) 100%); + height: 24px; + } + + .theme-light .container__4bde3 { + background: linear-gradient(180deg, var(--theme-gradient)); + } + + .container__11d72.themed_b152d4, + .header__104ca, + .searchBar_e4ea2a, + .theme-light .tutorialContainer__890ea { + /* background: url(http://www.netscape-communications.com/wp-content/uploads/2021/07/middlebar.png); */ + background: linear-gradient(0deg, var(--theme-lightest) 0%, var(--theme-lighter) 45%, var(--theme-lightest) 45%, var(--theme-white) 99%); + background-repeat: repeat-x; + background-size: contain; + } + + /* embedded/ item cards */ + + .theme-light .itemCard__1f162, + .connectionHeader__3c82d { + border: 1px solid var(--theme-border); + background: linear-gradient( + 0deg, + var(--theme-lightest) 0%, + #e9eef4 35%, + #ebf0fa 65%, + var(--theme-white) 90%, + var(--theme-lighter) 100% + ); + } + + .theme-light .body__83069 > .section_efc22d { + background: linear-gradient( + 0deg, + var(--theme-white) 0%, + var(--theme-lighter) 100% + ); + margin: -8px -16px -16px; + border-radius: 8px; + } + + .connectionOptionsWrapper_abe849 { + background: linear-gradient( + 0deg, + #ecf1f7 0%, + var(--theme-lighter) 100% + ); + border: 1px solid var(--theme-border); + margin-top: -1px; + border-radius: 0px 0px 6px 6px; + } + + /* hover on message */ + .scrollerInner__059a5 > li:hover, + .scrollerInner__059a5 > li.selected-3s45Ha { + background-color: var(--theme-hover); + } + + /* active now */ + .theme-light .container_b2ce9c, + .theme-light .members__9f47b, + .theme-light .scroller__00e7e { + background: url(https://numoder.github.io/dsn10-theme/themes/backgrounds/default.png), + linear-gradient( + 0deg, + var(--theme-lighter) 0%, + var(--theme-lightest) 65%, + var(--theme-white) 100% + ); + background-repeat: no-repeat; + background-attachment: fixed; + background-position: right bottom; + } + + .theme-light .scroller__00e7e { + background-size: 360px; + margin-left: 0px; + } + + .section_efc22d { + padding: 4px; + } + + .activitySectionAssets_ea2444 .borderRadius0_b7b155 { + border-radius: 4px; + } + + /* server without picture */ + .theme-light div.childWrapper__01b9c.acronym_cd4809 { + background: #f3f3fd !important; + border: 1px solid var(--theme-border); + box-shadow: inset -10px -10px 14px -5px var(--theme-light), + inset 10px 10px 14px -10px var(--theme-white); + color: black; + border-radius: 50%; + height: 46px !important; + } + + .theme-light .wrapper_d281dd .acronym_cd4809:hover, + .theme-light .wrapper_d281dd.selected_f5ec8e > .acronym_cd4809 { + background-color: var(--theme-white); + border-radius: 25%; + color: var(--theme-border); + box-shadow: #7ebbc4 6px inset; + transition: 0.25s; + } + + .message__80c10.selected_fd9051 { + background: var(--theme-lightest) !important; + } + + .message__80c10.selected_fd9051.mentioned__58017 { + } + + .mentioned__58017:hover{ + background: var(--background-mentioned) !important; + } + + /* -=-=- UNTHEMED PROFILE -=-=- */ + + /* inner */ + .theme-light .userProfileOuterUnthemed__48723 > .userPopoutInner_f545a3, + .theme-light .userProfileOuterUnthemed__48723 > .userProfileInnerThemedNonPremium__3d0a6, + .theme-light .userProfileOuterUnthemed__48723 > .userPanelInner_eddf4c { + background: linear-gradient( + 0deg, + rgba(205, 218, 240, 1) 0%, + rgba(235, 240, 250, 1) 65%, + rgb(255, 255, 255) 100% + ); + } + + .theme-light .userProfileOuterUnthemed__48723 > .userPopoutInner_f545a3 > .userPopoutOverlayBackground_d8afa4, + .theme-light .userProfileInnerThemedNonPremium__3d0a6 > .userProfileModalOverlayBackground__52d65, + .theme-light .userProfileOuterUnthemed__48723 > .userPanelInner_eddf4c > .none__51a8f > .userPanelOverlayBackground__34fc8 { + background: rgba(255, 255, 255, 0.75); + border: 1px solid var(--theme-border); + } + + .userPanelOverlayBackground__34fc8 > .divider__2bbbc{ + background-color: #dfe0e0 !important; + } + + /* server role */ + .theme-light .membersGroup__85843 { + background: linear-gradient(180deg, #cfdbeb, #fdfeff); + } + + .theme-light .wrapper__0ed4a > .container_d667ff, + .theme-light .vc-addon-card, + div.attachment_f3cf2c, + .theme-light .grid_c7c4e6, + div.messageAttachment_b97504 > div.wrapperAudio__555ce { + background-color: #f3f3fd; + border: 1px solid var(--light-msn-border); + box-shadow: inset -10px -10px 14px -5px #8297c2, + inset 12.5px 12.5px 14px -10px white; + border-radius: 5px; + background-size: contain; + } + + /* button colorbrand default */ + .button_afdfd9.colorBrand_b2253e:not( + .button__4f306, + .lookBlank__7ca0a, + .actionButtons_b58cbb > button, + .actionButtons_b58cbb > div > button + ), + .tabBar__73938[role="tablist"] > div:not(:last-child), + .button_afdfd9.colorBrandNew_fd170a { + background: linear-gradient( + 0deg, + #d6dbef 0%, + #ffffff 100% + ) !important; + color: #848bbc !important; + border-radius: 0 !important; + } + + .tabBar__73938[role="tablist"] > div:not(:last-child){ + border-radius: 3px !important; + } + + + /* button colorbrand onclick */ + .button_afdfd9.colorBrand_b2253e:not( + .button__4f306, + .lookBlank__7ca0a, + .actionButtons_b58cbb > button, + .actionButtons_b58cbb > div > button + ):active, + .button_afdfd9.colorBrandNew_fd170a:not(:disabled):active { + background: linear-gradient( + 0deg, + #ffffff 0%, + #d6dbef 100% + ) !important; + } + + /* voicecall box */ + .theme-light .activityPanel__22355, + .theme-light .container_d667ff, + .panels__58331 > div { + background-color: #f3f3fd; + border: 1px solid var(--theme-border); + box-shadow: inset -10px -10px 14px -5px #8297c2, + inset 10px 10px 14px -10px white; + border-radius: 0px !important; + background-size: contain; + margin: 0px 0px -2px 0px; + } + + .theme-light .panels__58331 > div { + background: var(--theme-lighter) !important; + } + + .scrollerInner__059a5 > .container_b03b4b { + background: linear-gradient( + 0deg, + transparent 15%, + #5590ff40 100% + ); + margin: 0px; + /* border: 1px solid #d2dbfc; */ + border-radius: 0px; + padding: 15px; + } \ No newline at end of file diff --git a/dsn10-friends.css b/dsn10-friends.css index 2ef0476..9165783 100644 --- a/dsn10-friends.css +++ b/dsn10-friends.css @@ -1,10 +1,101 @@ -.subtext__1a662 > .activity__24558 > .text__1dddb, .subText_ed6eed > .activity_a8c37a > .activityText__84949, .activityText__47ec1, .linkBottom_bac113 > div, .statusDiv_a4cf67 > div{ +/* friends list */ + +.peopleListItem_d14722, +.peopleListItem_d14722:hover, +.peopleListItem_d14722:active, +.peopleListItem_d14722.active__6b8ff { + margin: 0px; + border-radius: 0px; + padding: 0px; + border-top: none; +} + +.peopleListItem_d14722:focus { + outline: 1px dotted var(--text-primary); + outline-offset: -4px; +} + +.peopleColumn__51df3 > .searchBar_ff8800 { + background-color: #ecf0f5; + border-top: 1px solid #d6dcf2; + padding: 20px; + margin: 0px; + order: 3; +} + +.searchBar_ff8800 > div.inner__999f6 { + background: white; + border: 1px solid #8396c3; +} + +.actionButton__23182.highlight__5b64b { + background-color: transparent; +} + +.peopleListItem_d14722:hover, +.peopleListItem_d14722:hover > .actions_c08157, +.actions_c08157 > div:hover, +.messageRequestItem__3b951:hover { + background-color: hsla(217, 100%, 50%, 0.125); + box-shadow: inset 1px 1px 0px 0px rgba(79, 107, 160, 0.5), + inset -1px -1px 0px 0px rgba(174, 186, 223, 0.5); + border-radius: 0; +} + +.peopleListItem_d14722:active, +.peopleListItem_d14722:active > .actions_c08157, +.actions_c08157 > div:active, +.messageRequestItem__3b951:active { + background-color: hsla(217, 100%, 71%, 0.125); + box-shadow: inset -1px -1px 0px 0px rgba(79, 107, 160, 1), + inset 1px 1px 0px 0px rgba(174, 186, 223, 1); + border-radius: 0; +} + +.listItemContents__7c940 { + margin-left: 15px; +} + +.actions_c08157 { + margin-right: 15px; +} + +.colorWarning__216d2 { + border-radius: 0; + border: 1px solid white; + font-family: var(--font-small) !important; + font-size: var(--font-small-size) !important; + background: linear-gradient( + 0deg, + rgba(255, 219, 173, 1) 3%, + rgba(246, 185, 0, 1) 50%, + rgba(255, 209, 15, 1) 50%, + rgba(255, 251, 193, 1) 100% + ); + padding: 5px; +} + +/* light explorer */ + +/* dark explorer */ + +.linkBottom_bac113 > div, +.statusDiv_a4cf67 > div, +.optionName__81070, +span.tipSubtext_d3460f, +.messageContent__21e69, +.repliedTextPreview__90311 { font-family: var(--font-small); - font-size: 11px !important; -} + font-size: var(--font-small-size); +} + +.activityText__47ec1 > strong { + font-family: var(--font-code); + font-size: 12px !important; +} .theme-light .tabBody_b3d268 { - background: linear-gradient(180deg,#fcfcfe,#f4f3ee); + background: linear-gradient(180deg, #fcfcfe, #f4f3ee); padding: 0px; border: 1px solid #919b9c; } \ No newline at end of file diff --git a/dsn10-general.css b/dsn10-general.css index 26418eb..4e0e928 100644 --- a/dsn10-general.css +++ b/dsn10-general.css @@ -1,172 +1,219 @@ :root { /* general */ - --text-primary: #000; - --accent-color: #0042a5; + --accent-color: #316ac5; --accent-color-selected: #317df7; --background-color: #5a7edc; --background-modifier-selected: transparent; - - - /* tooltip */ + /* tooltip */ --tooltip-background: #ffffe1; --tooltip-border: #000; - --menu-border: #aca899; + --menu-border: #808080; - --login-background: url(https://numoder.github.io/dsn10-theme/assets/src/starfield.jpg) center/cover; - - /* profile */ - --profile-background: #768eca; - --profile-font-color: rgb(255, 255, 255); - --profile-border: whitesmoke; - --avatar-profile-border-color: black; + --login-background: url(https://numoder.github.io/dsn10-theme/assets/src/starfield.jpg) + center/cover; /* fonts */ --font-header: "Trebuchet MS"; --font-body: "Tahoma"; - --font-small: "Pixelated MS Sans Serif",Arial; /* options: Windows / W95FA / Pixelated MS Sans Serif */ - + --font-small: "MS Sans Serif", Arial; /* for a more accurate WinXP look, try these options: Windows / W95FA / MS Sans Serif */ + --font-small-size: 11px; /* default: 11px */ + --font-primary: "Tahoma", bold; - --font-headline: var(--font-body); + --font-headline: var(--font-body); --font-code: "Perfect DOS VGA 437 Win"; + --font-settings: "Verdana"; --font-display: var(--font-primary); - --explorer-background: linear-gradient(120deg, rgba(255,255,255,1) 0%, rgba(240,231,202,1) 100%); - --explorer-box-shadow: inset 1px 1px 0px 0px rgba(245,243,238,1), inset -1px -1px 0px 0px #d1cebe; + --explorer-light-background: linear-gradient( + 120deg, + rgba(255, 255, 255, 1) 0%, + rgba(240, 231, 202, 1) 100% + ); + --explorer-light-box-shadow: inset 1px 1px 0px 0px #f5f3ee, + inset -1px -1px 0px 0px #d1cebe; + + --explorer-dark-background: #383838; + --explorer-dark-box-shadow: inset 1px 1px 0px 0px rgba(136, 136, 136, 1), + inset -1px -1px 0px 0px rgba(40, 40, 40, 1); /* mentioned */ /* --mention-foreground: rgb(75, 210, 0); */ /* --mention-background: rgba(0, 255, 0, 0.2); */ - --background-mentioned: linear-gradient(to right, rgb(182, 244, 146), rgba(51, 139, 147, 0)); - - /* settings */ - --light-settings-background: #E6EAD8; - --light-settings-sidebar-background: linear-gradient(0deg, rgba(98,119,215,1) 0%, rgba(130,162,211,1) 100%); - --dark-settings-background: linear-gradient(0deg, rgba(96,119,218,1) 0%, rgba(108,122,198,1) 100%); ; - --dark-settings-sidebar-background: linear-gradient(0deg, rgba(98,119,215,1) 0%, rgba(130,162,211,1) 100%); - --background-modifier-hover: #d2dbfc; - --light-channel-background:linear-gradient(to top, #5868a8, #5868a8, #5868a8, #5868a8, #ffffff); - - - /* video player */ - --video-player-border: 1px solid #acacac; + --background-mentioned: linear-gradient( + 120deg, + rgba(94, 255, 59, 0.5) 3%, + rgba(255, 255, 255, 0) 35%, + rgba(255, 255, 255, 0) 75%, + rgba(255, 243, 153, 0.1) 100% + ); + + /* other */ + --2001-beige: #efebdf; + + --luna-box-shadow: inset -1px -1px #00138c, inset 1px 1px #0831d9, + inset -2px -2px #001ea0, inset 2px 2px #166aee, inset -3px -3px #003bda, + inset 3px 3px #0855dd; + + --light-settings-sidebar-background: linear-gradient( + 0deg, + rgba(98, 119, 215, 1) 0%, + rgba(130, 162, 211, 1) 100% + ); + --dark-settings-background: linear-gradient( + 0deg, + rgba(96, 119, 218, 1) 0%, + rgba(108, 122, 198, 1) 100% + ); + --dark-settings-sidebar-background: linear-gradient( + 0deg, + rgba(98, 119, 215, 1) 0%, + rgba(130, 162, 211, 1) 100% + ); + --light-channel-background: linear-gradient( + to top, + #5868a8, + #5868a8, + #5868a8, + #5868a8, + #ffffff + ); +} + +.theme-light { + --text-primary: #222; +} + +.theme-dark { + --text-primary: #fff; } @font-face { - font-family: "Pixelated MS Sans Serif"; - src: url(https://ucarecdn.com/a40684b6-a473-40ed-95dc-e3fc082c7ae9/) format("woff"); - src: url(https://ucarecdn.com/852c45fe-9f5c-4b69-88e5-9b79fc8a93f3/) format("woff2"); + font-family: "MS Sans Serif"; + src: url(https://ucarecdn.com/a40684b6-a473-40ed-95dc-e3fc082c7ae9/) + format("woff"); + src: url(https://ucarecdn.com/852c45fe-9f5c-4b69-88e5-9b79fc8a93f3/) + format("woff2"); font-weight: 400; font-style: normal; } @font-face { - font-family: "Pixelated MS Sans Serif", bold; - src: url(https://ucarecdn.com/e5f8c7e0-88a5-4a82-a795-a214497e36ff/) format("woff"); - src: url(https://ucarecdn.com/764ec4de-2b2b-4f09-bbe2-0bc7ea00672d/) format("woff2"); + font-family: "MS Sans Serif", bold; + src: url(https://ucarecdn.com/e5f8c7e0-88a5-4a82-a795-a214497e36ff/) + format("woff"); + src: url(https://ucarecdn.com/764ec4de-2b2b-4f09-bbe2-0bc7ea00672d/) + format("woff2"); font-weight: 700; font-style: normal; } @font-face { font-family: "Perfect DOS VGA 437 Win"; - src: url(https://ucarecdn.com/64f63cfc-b692-42b5-9415-d99ad77c0aca/) format("woff"); - src: url(https://ucarecdn.com/1520e58c-8d6b-4f22-8e11-ce19216a73d5/) format("woff2"); + src: url(https://ucarecdn.com/64f63cfc-b692-42b5-9415-d99ad77c0aca/) + format("woff"); + src: url(https://ucarecdn.com/1520e58c-8d6b-4f22-8e11-ce19216a73d5/) + format("woff2"); font-weight: 400; font-style: normal; + letter-spacing: -1.25px; } @font-face { font-family: "Trebuchet MS"; - src: url(https://ucarecdn.com/57ff7c47-b87a-4837-b005-d18074a9df35/trebuc.woff) format("woff"); + src: url(https://ucarecdn.com/57ff7c47-b87a-4837-b005-d18074a9df35/trebuc.woff) + format("woff"); font-weight: 500; font-style: normal; } @font-face { font-family: "Windows"; - src: url(https://ucarecdn.com/8c2a9bdc-3ec6-4572-951c-e8e7977df6b4/) format("woff"); - src: url(https://ucarecdn.com/ec122055-7e36-4fba-afd6-1b57591ba610/) format("woff2"); + src: url(https://ucarecdn.com/8c2a9bdc-3ec6-4572-951c-e8e7977df6b4/) + format("woff"); + src: url(https://ucarecdn.com/ec122055-7e36-4fba-afd6-1b57591ba610/) + format("woff2"); font-weight: 400; font-style: normal; } @font-face { font-family: "W95FA"; - src: url(https://ucarecdn.com/c147af51-bedb-4e94-bf88-c7264513fe7f/w95fa.woff) format("woff"); - src: url(https://ucarecdn.com/db4e09fe-bfcd-4e4e-85be-46d41edcbdee/w95fa.woff2) format("woff2"); + src: url(https://ucarecdn.com/c147af51-bedb-4e94-bf88-c7264513fe7f/w95fa.woff) + format("woff"); + src: url(https://ucarecdn.com/db4e09fe-bfcd-4e4e-85be-46d41edcbdee/w95fa.woff2) + format("woff2"); font-weight: 400; font-style: normal; } -@font-face{ +@font-face { font-family: "Franklin Gothic ATF Med"; - src: url(https://ucarecdn.com/2ab09811-4df1-4cfa-bdb2-777548e3694c/) format("woff"); - src: url(https://ucarecdn.com/a1c741af-477e-4384-8884-0af7c930dd17/) format("woff2"); + src: url(https://ucarecdn.com/2ab09811-4df1-4cfa-bdb2-777548e3694c/) + format("woff"); + src: url(https://ucarecdn.com/a1c741af-477e-4384-8884-0af7c930dd17/) + format("woff2"); font-weight: 400; font-style: normal; } -@font-face{ +@font-face { font-family: "Tahoma"; - src: url(https://ucarecdn.com/8de1e10e-3685-4bbd-8577-1d2d237d4cbe/); + src: url(https://ucarecdn.com/9e88f417-d6ca-4670-ac58-60f94308ac93/) + format("woff"); font-weight: 400; font-style: normal; } +foreignObject, +[id=":r4r:"] { + mask: none !important; +} -/* login vc */ -.characterBackground__2820f{ - background: var(--login-background); - background-position: center; +.folderIconWrapper__72239, +.footer-31IekZ, +.footer__06f4b, +.footer__89240, +.form-25Aujy .submitButton__6a7c5, +.forumPost__0c88c, +.friend__05c43, +.friendRequestsButton_f19806, +.gameIcon__90c32, +.gameNameInput_e25dd8 { + border-radius: 0; } -.characterBackground__2820f .artwork__8fc92 { - display: none; +.blobContainer__5ee50 { + padding-left: 4px; + padding-top: 4px; + margin-right: 4px; } -.activitySectionAssets_ea2444 .largeImageMask__4012f, -.assetsLargeMaskStreamPreview__741af, -.assetsLargeMaskUserPopout__82136, -.assetsLargeMaskUserPopoutV2_a90d5f, -.assetsLargeMaskVoiceChannel__82080, -.assetWrapperMasked__20115, -.inspectedIndicator_f00108, -.loadingIndicator__6b1b4, -.mask-2Me5HY rect, -.partyMember__8c6e6, -.voiceSectionGuildImage_ca8a0f, -.voiceSectionNoGuildImageWrapper__2cbb8, -.iconActiveMedium_d5475f, -foreignObject[mask*="url(#"] { - mask: none; - -webkit-mask: none; - border-radius: 0px; +.selected__98d51, +.blobContainer__5ee50:active { + background-color: var(--accent-color); } -foreignObject { - mask: url(#51a46dbd-9321-4c68-a258-ca20a54b6140); - x: 0; - y: 0; - width: 48; - height: 48; +.guildSeparator_dcb3cc { + background-color: transparent; + margin: 0px; } -foreignObject { - display: block; - overflow: hidden; +/* login vc */ +.characterBackground__2820f { + background: var(--login-background); + background-position: center; } -* { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: antialiased; +.characterBackground__2820f .artwork__8fc92 { + display: none; } -/* -=-=- WINDOWS TITLEBAR -=-=- */ -.typeWindows__5fa63 { - background: url(http://www.netscape-communications.com/wp-content/uploads/2021/07/topbarmsn9.png); - background-size: cover; - height: 24px; +div.wordmarkWindows__05c46 { + background: url(https://numoder.github.io/dsn10-theme/assets/general/Signup_msnlogo.gif) + no-repeat left; + background-size: contain; + margin-top: 1px; } .bg__12180 { @@ -182,53 +229,42 @@ foreignObject { .winButtonClose__73489, .winButtonMinMax__72f36, .winButton__88672 { - width: 19px; - height: 20px; - margin-top: 5px; + width: 11px; + height: 13px; + margin-top: 6px; } /* Exit button */ .winButtonClose__73489 { - content: url(https://numoder.github.io/dsn10-theme/assets/windows/close1.png); - transition: 0.2s; + content: url(https://numoder.github.io/dsn10-theme/assets/windows/close.png); margin-right: 5px; } -.winButtonClose__73489:hover { - content: url(https://numoder.github.io/dsn10-theme/assets/windows/close2.png); - background: transparent; - transition: 0.2s; -} - -.winButtonClose__73489:active { - filter: contrast(0.5); -} /* Maximize button */ .winButtonMinMax__72f36 { - content: url(https://numoder.github.io/dsn10-theme/assets/windows/maximize1.png); - transition: 0.2s; -} -.winButtonMinMax__72f36:hover { - content: url(https://numoder.github.io/dsn10-theme/assets/windows/maximize2.png); - background: transparent; - transition: 0.2s; + content: url(https://numoder.github.io/dsn10-theme/assets/windows/maximize.png); + margin-right: 2px; } /* Minimize button */ .winButtonMinMax__72f36.winButton__88672:nth-child(4) { -content: url(https://numoder.github.io/dsn10-theme/assets/windows/minimize1.png); -background: transparent; -transition: 0.2s; + content: url(https://numoder.github.io/dsn10-theme/assets/windows/minimize.png); } +.winButtonClose__73489:hover, +.winButtonMinMax__72f36:hover, .winButtonMinMax__72f36.winButton__88672:nth-child(4):hover { -content: url(https://numoder.github.io/dsn10-theme/assets/windows/minimize2.png); -background: transparent; -transition: 0.2s; + background-color: #f2f5fb; + box-shadow: inset 1px 1px 0px 0px #788db7, inset -1px -1px 0px 0px #b9c4e4; + border-radius: 0; } - -.winButton__88672:active{ - filter: contrast(1.25); +.winButtonClose__73489:active, +.winButtonMinMax__72f36:active, +.winButtonMinMax__72f36.winButton__88672:nth-child(4):active { + background-color: #f2f5fb; + box-shadow: inset -1px -1px 0px 0px rgb(79 107 160), + inset 1px 1px 0px 0px rgb(174 186 223); + border-radius: 0; } .withFrame__485f4 { @@ -246,23 +282,22 @@ transition: 0.2s; transition: 1s; } -.wrapper_d281dd[aria-label="Direct Messages"] .childWrapper__01b9c:active { - transform: scale(1.2); - transition: 0.5s; -} - /* active */ .childWrapper__01b9c:active { filter: contrast(1.5); } - -.iconSpacing__59128[aria-label="Muted"] { +.iconSpacing__59128[aria-label="Muted"], +.status__42e87:first-child { content: url(https://numoder.github.io/dsn10-theme/assets/user-area/Microphone2.png); - filter: contrast(0.7); + /* filter: contrast(0.7); */ width: 20px; } +.status__42e87:last-child { + content: url(https://numoder.github.io/dsn10-theme/assets/general/Settings.png); +} + .iconSpacing__59128[aria-label="Deafened"] { content: url(https://numoder.github.io/dsn10-theme/assets/user-area/Volume2.png); filter: contrast(0.7); @@ -290,11 +325,39 @@ div.avatarStack__6604a.img.avatar__991e2 { height: 24px; } -.avatar-3FKimL { - border-radius: 0%; - margin-top: 0px; - margin-bottom: 0px; +.wrapper_edb6e0.avatar__8986c { + width: 40px !important; + height: 40px !important; + background-position: center; + border: 1px solid var(--theme-border); + border-radius: 0px !important; +} + +.theme-light .voiceSectionAssets_d7306c, +.voiceSectionGuildImage_ca8a0f { + border-radius: 0px !important; + mask: none !important; +} +.partyMembers_fff980 > div > div > svg { + border-radius: 50% !important; +} + +.voiceSectionDetails_b9919a > div:last-child { + font-size: var(--font-small-size); + font-family: var(--font-small); +} + +.avatar__8986c > svg > foreignObject { + width: 40px !important; + height: 40px !important; + background-size: cover; + background-position: center; +} + +rect.pointerEvents__33f6a { + top: 40px; + left: 40px; } .listDefault-2F-w65 .avatarContainer-3FF_Km { @@ -307,6 +370,13 @@ div.avatarStack__6604a.img.avatar__991e2 { color: white; } +.nickname__3d1d7, +.container_b6b15b > div > .defaultColor__37d78, +.overlayTitle_a9f7c6 { + font-family: var(--font-code) !important; + letter-spacing: -1.25px; +} + /* MIDDLE */ .base-2jDfDU { left: 0px; @@ -317,27 +387,12 @@ div.avatarStack__6604a.img.avatar__991e2 { color: #fff; } -.notice-2HEN-u { - font-size: 14px; - line-height: 33px; - border-radius: 0px 0 0; -} - -.container__11d72.themed_b152d4, -.header__104ca, -.searchBar_e4ea2a { - background: url(http://www.netscape-communications.com/wp-content/uploads/2021/07/middlebar.png); - border-right: #ffffff88 1px solid; - background-repeat: repeat-x; - background-size: contain; -} - .containerDefault__23a29 > .wrapper__9c483 { color: white; } -.mainContent_a0b319 > h3 > div { - color: black; +.mainContent_a0b319 > h3 > div { + color: var(--text-primary); } .nowPlayingColumn_f5023f { @@ -359,12 +414,22 @@ div.avatarStack__6604a.img.avatar__991e2 { .barBase-3xxDXu { left: 0px; right: 0px; - opacity: .95; + opacity: 0.95; } .theme-light .children__32014:after { - background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), to(var(--background-primary))); - background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, var(--background-primary)); + background: -webkit-gradient( + linear, + left top, + right top, + from(hsla(0, 0%, 100%, 0)), + to(var(--background-primary)) + ); + background: linear-gradient( + 90deg, + hsla(0, 0%, 100%, 0) 0, + var(--background-primary) + ); display: none; } @@ -393,6 +458,8 @@ div.avatarStack__6604a.img.avatar__991e2 { .theme-light .compact__54ecc .timestamp-p1Df1m, .theme-light .cozy_f5c119 .timestamp_cdbd93 { color: #6878b8; + font-family: var(--font-small); + font-size: 11px; } /* @ on hover */ @@ -405,63 +472,30 @@ div.avatarStack__6604a.img.avatar__991e2 { width: 3.25rem; } -.username_d30d99 { - font-size: 12px; - font-weight: 500 !important; - line-height: 1.375rem; - color: #616161; - text-transform: uppercase; -} - .imageWrapper_fd6587 { - border-radius: 0px; - border: solid 1px white; - border-bottom: 2px solid #fbfbfb; - border-top: 1px solid #d6d6d6; - border-left: 2px solid #e0e0e0; - box-shadow: 0px 0px 3px black; -} - -.messageContent__21e69, .repliedTextPreview__90311 { - font-family: var(--font-small); - font-size: 11px; -} - -.message__80c10.systemMessage__6e6a4{ - background-color: var(--light-settings-background); - border: 1px solid #003399; - margin: 2px; + border-radius: 0px !important; + box-shadow: 0px 0px 4px black; } - .message__80c10.systemMessage__6e6a4 > .contents_f41bb2 > .markup_a7e664 { - font-family: var(--font-header) !important; - } - -.group-spacing-16 .groupStart__56db5{ +.group-spacing-16 .groupStart__56db5 { margin-top: 1rem; } - .scrollerInner__059a5 > li:hover, .scrollerInner__059a5 > li.selected-3s45Ha { - background-color: var(--background-modifier-hover); - } - - .markup_a7e664 { - font-weight: 400; - font-size: 11px; - } +.markup_a7e664 { + /* font-weight: 400; */ + font-size: 11px !important; +} -.theme-light .markup_a7e664{ - color: #000; +.theme-light .markup_a7e664 { + color: #404040; } .theme-dark .markup_a7e664 { color: white; - } /* Contacts*/ -.membersWrap-3NUR2t { - min-width: 196px; +.container_b2ce9c { border-left: 1px solid #80808063; border-right: 1px solid #80808063; } @@ -483,37 +517,71 @@ div.avatarStack__6604a.img.avatar__991e2 { /* member list */ .theme-light .container__4f20e { - background: linear-gradient(90deg, rgba(229,236,242,1) 0%, rgba(221,226,246,1) 50%, rgba(207,219,245,1) 80%, rgba(204,216,240,1) 100%); - margin-right: 8px; border-right: 1px solid #00000029; border-radius: 0px; + margin-right: 0px; } .theme-light .container__4f20e:hover, .theme-light .container__4f20e.selected__9800b { - background: linear-gradient(90deg, rgba(252,254,255,1) 0%, rgba(208,218,255,1) 50%, rgba(182,205,255,1) 75%, rgba(137,174,255,1) 100%); - transition: 0.2s; + background: linear-gradient( + 90deg, + rgba(252, 254, 255, 1) 0%, + rgba(208, 218, 255, 1) 50%, + rgba(182, 205, 255, 1) 75%, + rgba(137, 174, 255, 1) 100% + ); border-radius: 0px; - } /* member groups */ -.membersGroup__85843 { +.theme-light .membersGroup__85843 { padding: 6px 7px 0px 6px; height: 27px; color: var(--accent-color); font-size: 14px; - text-shadow: 0px 0px 0px #00000080; box-shadow: 0px 1px #ffffff7d; background: linear-gradient(180deg, #cfdbeb, #fdfeff); border: 1px solid #0000004a; border-bottom: 1px solid #0000004a; - margin-right: 8px; +} + +.theme-light .autocomplete_df266d { +} + +/* dark member list */ +.theme-dark .container_b2ce9c { + background: linear-gradient( + 90deg, + rgba(150, 157, 196, 1) 0%, + rgba(81, 83, 155, 1) 2.5%, + rgba(130, 154, 220, 1) 97.5%, + rgba(237, 242, 255, 1) 100% + ); +} + +.theme-dark .member_aa4760 { + background: transparent; +} + +.theme-dark .membersGroup__85843 { + padding: 6px 7px 0px 6px; + height: 27px; + box-shadow: 0px 1px whitesmoke; + font-family: var(--font-code); + text-transform: initial; + font-weight: 500; + color: white; +} + +.theme-dark .activity__3cbac { + color: whitesmoke; } .member_aa4760 { margin-left: 2px; + margin-right: -3px; } .name__16feb { @@ -528,13 +596,11 @@ div.avatarStack__6604a.img.avatar__991e2 { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; - color: black; - + color: var(--text-primary); } -img.avatar__08316.clickable_d866f1 { - border-radius: 0%; - /* opacity: 0; */ +img.avatar__08316 { + border-radius: 0; } .activity-2EQDZv { @@ -556,26 +622,14 @@ img.avatar__08316.clickable_d866f1 { display: none; } -.mask-1FEkla { - /*status*/ - pointer-events: none; - position: relative; - display: block; - height: 26px; - width: 26px; - bottom: 5px; - right: 0px; - border-radius: 50%; -} - /* .avatar-6qzftW { - width: 30px; - height: 30px; - margin-right: 0px; - background: url(http://www.netscape-communications.com/wp-content/uploads/2021/07/contactold2.png); - background-size: contain; - background-repeat: no-repeat; -} */ + width: 30px; + height: 30px; + margin-right: 0px; + background: url(http://www.netscape-communications.com/wp-content/uploads/2021/07/contactold2.png); + background-size: contain; + background-repeat: no-repeat; + } */ .offline_c1fd80 { opacity: 1; @@ -597,14 +651,6 @@ img.avatar__08316.clickable_d866f1 { height: 35px !important; } -.theme-light .nameTag__0e320 > .panelTitleContainer__7a748 > .text-sm-normal_e612c7{ - color: var(--profile-font-color); - font-family: var(--font-display); -} -.hoverRoll__041cb{ - color: var(--profile-font-color); -} - /* profile picture */ .avatar_f8541f { background: linear-gradient(-45deg, #001933, #0063cc, #44a4ff); @@ -630,13 +676,6 @@ img.avatar__08316 { line-height: 13px; } -.button-12Fmur { - width: 26px; - height: 26px; - border-radius: 3px; - color: #fbfbfb; -} - .clickable-ZD7xvu .icon-2xnN2Y { color: #ffffff; } @@ -646,8 +685,6 @@ img.avatar__08316 { height: 19px; } - - .iconContainer__3f9b0 { display: none; } @@ -660,9 +697,25 @@ div.iconContainer__3f9b0[aria-label="Voice icon"] { height: 25px; } +.ttsPreviewWrapper_f01ef1 > button > .contents_fb6220 > .flex_f5fbb7 > svg { + background: url(https://cdn.discordapp.com/attachments/1180332254615052288/1210648660463976538/speech.png?ex=65eb536d&is=65d8de6d&hm=ab1eeac7b0ed5d83bae857e268eabdce7869e8001b02bc1694b57d2a2efa058a&); + color: transparent; + background-size: 18px; + background-repeat: no-repeat; + background-position: center; +} + /* connected to voice channel */ -div.modeConnected__1c02e > div > a > div.linkTop_eaa673 > div.iconContainer__3f9b0[aria-label="Voice icon"], -div.modeSelected__487d6 > div > a > div.linkTop_eaa673 > div.iconContainer__3f9b0[aria-label="Voice icon"]{ +div.modeConnected__1c02e + > div + > a + > div.linkTop_eaa673 + > div.iconContainer__3f9b0[aria-label="Voice icon"], +div.modeSelected__487d6 + > div + > a + > div.linkTop_eaa673 + > div.iconContainer__3f9b0[aria-label="Voice icon"] { content: url(https://numoder.github.io/dsn10-theme/assets/general/volume2.png); } @@ -670,7 +723,7 @@ div.modeSelected__487d6 > div > a > div.linkTop_eaa673 > div.iconContainer__3f9b display: block; content: url(https://numoder.github.io/dsn10-theme/assets/general/lockvoice.png); height: 25px !important; - filter: saturate(10)hue-rotate(-50deg); + filter: saturate(1.25) hue-rotate(175deg); } .base-21yXnu { @@ -686,6 +739,11 @@ div.modeSelected__487d6 > div > a > div.linkTop_eaa673 > div.iconContainer__3f9b margin-top: -8px; } +.chat__52833.threadSidebarOpen_fa231d, +.container_def45c { + border-radius: 0px; +} + .channelTextArea-1VQBuV.ZZ { border-radius: 0px; border: 1px solid #80808073; @@ -699,7 +757,6 @@ div.modeSelected__487d6 > div > a > div.linkTop_eaa673 > div.iconContainer__3f9b background-color: #71717100; border-radius: 0px; background: linear-gradient(45deg, #8995d4, transparent, transparent); - ; } .button-2fCJ0o { @@ -709,7 +766,6 @@ div.modeSelected__487d6 > div > a > div.linkTop_eaa673 > div.iconContainer__3f9b .icon-1d5zch { width: 24px; height: 24px; - } .typing-2J1mQU { @@ -723,18 +779,39 @@ div.modeSelected__487d6 > div > a > div.linkTop_eaa673 > div.iconContainer__3f9b padding-left: 0px; padding-right: 0px; margin-top: -8px; +} + +.theme-light .form__13a2c { background: linear-gradient(0deg, #ffffff, #737373); + margin-right: -1px; + margin-left: -1px; +} + +.theme-dark .form__13a2c { + background: linear-gradient(0deg, darkgray, #4f5053 35%); +} + +.channelTextArea__56a36 { } /* border radius for chatbox */ -.scrollableContainer__33e06 { +.theme-light .scrollableContainer__33e06 { + background: #2267cb; + color: #fff; + background-color: #fff; + border-radius: 0px; + padding: 3px 4px; +} + +.theme-dark .scrollableContainer__33e06 { + background-color: #dadbda; border-radius: 0px; border: 1px solid #80808073; } .fontSize12Padding-1aH21p { /*text chat */ - box-shadow: inset 1Px 1px 3px #00000047; + box-shadow: inset 1px 1px 3px #00000047; padding-bottom: 4px; padding-top: 6px; border-radius: 4px; @@ -749,52 +826,86 @@ div.name__8d1ec { .markup_a7e664 .inline, code.inline { - background: lightgray; font-family: var(--font-code); - color: black; - border-radius: 0px; - box-shadow: inset 1px 1px 1px #0000004d; + font-size: 12px; } .theme-dark .shiki-table { background: black; - color: black; + color: var(--text-primary); border-radius: 0px; box-shadow: inset 1px 1px 1px #0000004d; } - .theme-light .shiki-table { - background: white; - color: black; - border-radius: 0px; - box-shadow: inset 1px 1px 1px #0000004d; - } +.theme-light .shiki-table { + background: white; + color: var(--text-primary); + border-radius: 0px; + box-shadow: inset 1px 1px 1px #0000004d; +} /* video chat person box */ .overlayContainer__83159 { - box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset; margin: 0px; } -div.background__3b30f:not(img){ - background: url('https://numoder.github.io/dsn10-theme/assets/general/volume.png'), linear-gradient(45deg, #8995d4, transparent, transparent); +div.background__3b30f:not(img) { + background: linear-gradient(45deg, #8995d4, transparent, transparent); background-position: bottom left; background-repeat: no-repeat; filter: contrast(1.2); } -.privateChannelsHeaderContainer_ddcec6 { - padding-top: 12.5px; +.overlayContainer__83159 { + box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, + rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, + rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, + rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, + rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px; + z-index: 2; +} + +.border_d9a17b.speaking__9b95a, +.border_e782de.speaking__1dd69 { + box-shadow: inset 0 0 0 3px var(--theme-border), + inset 0 0 0 4px var(--black-500); + border-radius: 0% !important; +} + +.avatarSpeaking_c95053, +.avatarSpeaking__61fb1, +.voiceAvatar__54cc1 { + box-shadow: inset 0 0 0 2px var(--theme-border), + inset 0 0 0 3px var(--black-500); + border-radius: 0% !important; + z-index: 2; +} + +.wrapper_edb6e0.avatarWrapper__76c62 > svg { + box-shadow: rgba(0, 0, 0, 0.56) 0px 5px 70px 4px; + border-radius: 50% !important; +} + +.avatarWrapper_f77579 { + border-radius: 0%; } .channelTextArea__56a36 { border-radius: 0px; } -.platform-win .sidebar_ded4b5, .container__7712a { +.platform-win .sidebar_ded4b5, +.container__7712a { border-radius: 0px 0 0; } -.controlSection_daa0d5>div>div>div>section>div>div.children__32014>div.iconWrapper_af9215 { +.controlSection_daa0d5 + > div + > div + > div + > section + > div + > div.children__32014 + > div.iconWrapper_af9215 { content: url(https://numoder.github.io/dsn10-theme/assets/general/volume.png); } @@ -804,6 +915,15 @@ div.wrapper__5848b { border-radius: 3px; } +.wrapper__0be4c.ringingOutgoing_a69e6a:after { + border-radius: 0px; + border-color: var(--theme-accent); +} +.theme-dark .wrapper__0be4c.ringingOutgoing_a69e6a:after { + border-radius: 0px; + border-color: var(--accent-color); +} + .total_c01838 { background: linear-gradient(to right, #8499ee, #6878b8); color: whitesmoke; @@ -818,13 +938,28 @@ div.wrapper__5848b { border-right-color: #8499ee; } -/* embedded */ -div.grid_c7c4e6 { - background-color: #f3f3fd; - border: 1px solid #506b9a; - box-shadow: inset -10px -10px 14px -5px #8297c2, inset 12.5px 12.5px 14px -10px white; +.emptyCard_f82dde { + background-image: url(https://cdn.discordapp.com/attachments/1179087942552133685/1210650745808887908/notactive.png?ex=65eb555e&is=65d8e05e&hm=137925c5cc49ef0be9443f48136729e3d98d08c49e705c3ad2cac0826b4e3102&) !important; + background-size: cover; + height: 155px; + border-radius: 0px; + border: 1px solid var(--background-color); + background-position: center; +} + +.grid_c7c4e6 { border-radius: 0px 5px 5px 0px; - background-size: contain; +} + +.headerFull_c60f77 > .wrapper_edb6e0.headerAvatar__27d08, +.wrapper_edb6e0.headerAvatar__27d08 { + border: 1px solid var(--accent-color); + border-radius: 5px; +} + +.body__83069, +.body__83069.inset__0bfb { + margin-top: 20px; } article.embedWrapper_c143d9 { @@ -832,16 +967,34 @@ article.embedWrapper_c143d9 { border-left: 10px solid; } +.info__40462 { + font-size: var(--font-small-size); +} + /* font changes */ -.theme-light .username_d30d99 { +.username_d30d99, +.username__81ee6, +.username_d30d99, +.username_a5a631 { font-family: var(--font-code); - font-size: 14px; - text-transform: lowercase; + font-size: 16px; + font-weight: 500 !important; + line-height: 1.375rem; + color: #616161; + letter-spacing: -1.25px; +} + +.username__81ee6 { + font-size: 15px; } +.inner_ab95dc > div > a > div { + font-family: var(--font-small) !important; + font-size: var(--font-small-size); +} -div.inner_ab95dc>div>div>div>button>div { +div.inner_ab95dc > div > div > div > button > div { font-family: var(--font-headline); } @@ -850,18 +1003,39 @@ div.inner_ab95dc>div>div>div>button>div { background: var(--background-mentioned); } +.mentioned__58017:before { + background-color: green !important; +} + /* Menu font */ -.menu_dc52c6, .header__9f6dc { - font-family: var(--font-small); - font-size: 11px; +.menu_dc52c6, +.header__9f6dc, +.label__73cb9, +.subtext__1a662 > .activity__24558 > .text__1dddb, +.layout__59abc > .content_f767b8 > .subText_ed6eed > div, +.activityText__47ec1, +.activityText__84949, +.subtext__623a0l, +.userInfo__18240 > .text__923ee > .subtext__1a662 > .text__1dddb { + font-family: var(--font-small) !important; + font-size: var(--font-small-size); border-radius: 0px; } -.label__73cb9{ - font-size: 11px; +.discriminator_aef524, +.infoSpacing_d7e11c.globalName__1b245 { + font-family: var(--font-small) !important; + font-size: var(--font-small-size); + margin-top: -3px; + margin-left: 10px; } -div.containerWithMargin__7d380, .progressBarContainer__82ad7 { +.discriminator_aef524:before, +.infoSpacing_d7e11c.globalName__1b245:before { + content: "@"; +} + +div.containerWithMargin__7d380 { background: white; box-shadow: inset 1px 1px 1px #0000004d; border-radius: var(--radius-xs); @@ -869,7 +1043,11 @@ div.containerWithMargin__7d380, .progressBarContainer__82ad7 { } /* server progress bar */ -.progressBarContainer__9b571, .progressBar__2cbc2{ +.progressBarContainer__9b571, +.progressBar__2cbc2, +.progress__2cc1d, +.micTest__30846 > .wrapper__61220 .container__6d33c { + background: transparent; background-color: #fff; box-sizing: border-box; height: 14px; @@ -880,216 +1058,284 @@ div.containerWithMargin__7d380, .progressBarContainer__82ad7 { overflow: hidden; } -.progressBar_db0972, .container__4f639:hover .progressBar_db0972, .progressBar__47525, div.progressBar__47525.small_f53288.animating_affaf1 { - background: repeating-linear-gradient(to right,#fff 0px, #fff 2px, transparent 2px, transparent 10px), - linear-gradient(to bottom, #acedad 0%,#7be47d 14%, #4cda50 28%, #2ed330 42%,#42d845 57%, #76e275 71%, #8fe791 85%, #ffffff 100%) !; +.notches__065e9 { + visibility: hidden; +} + +.container__6d33c > .progress__2cc1d { + margin-top: -1px; + background: white; + border-radius: 0; +} + +.micTest__30846 > div { + margin-top: 7px; + margin-left: 20px; +} + +.progressBar_db0972, +.container__4f639:hover .progressBar_db0972, +.progressBar__47525, +div.progressBar__47525.small_f53288.animating_affaf1, +.micTest__30846 > .wrapper__61220 > .container__6d33c { + background: repeating-linear-gradient( + to right, + #fff 0px, + #fff 2px, + transparent 2px, + transparent 10px + ), + linear-gradient( + to bottom, + #acedad 0%, + #7be47d 14%, + #4cda50 28%, + #2ed330 42%, + #42d845 57%, + #76e275 71%, + #8fe791 85%, + #ffffff 100% + ); height: 10px; box-shadow: inset 0px 0px 1px 0px rgba(104, 104, 104, 1); } - -.layout_bb8e67 .wrapper_edb6e0:has(rect[width="10"][height="15"][x="22"][y="17"]):before { -pointer-events: none; -content: ""; -position: absolute; -bottom: -3px; -left: 20px; -width: 16px; -height: 16px; -display: block; -background-image: url(https://numoder.github.io/dsn10-theme/assets/status/phone.png); -background-position: 2px 2px; -background-repeat: no-repeat; -z-index: 2; +.layout_bb8e67 + .wrapper_edb6e0:has(rect[width="10"][height="15"][x="22"][y="17"]):before { + pointer-events: none; + content: ""; + position: absolute; + bottom: -3px; + left: 20px; + width: 16px; + height: 16px; + display: block; + background-image: url(https://numoder.github.io/dsn10-theme/assets/status/phone.png); + background-position: 2px 2px; + background-repeat: no-repeat; + z-index: 2; } -.separator__18122{ -border-bottom: 1px solid var(--menu-border); +.separator__18122 { + border-bottom: 1px solid var(--menu-border); } +.item__183e8 { + border-radius: 0px; + padding-bottom: 0px; + padding-top: 0px; +} -.item__183e8{ -border-radius: 0px; -padding-bottom: 0px; -padding-top: 0px; +.labelContainer_bc2861 > .hintContainer__79e5e { + font-size: var(--font-small-size); } /* svg.icon_f09dde{ -px !important; -} */ + px !important; + } */ -.scroller__750f5[style="overflow: hidden scroll; padding-right: 0px;"]{ -overflow: visible; -padding: 2px; -margin-left: 4px; +.scroller__750f5[style="overflow: hidden scroll; padding-right: 0px;"] { + overflow: visible; + padding: 2px; + margin-left: 4px; } /* tooltips / balloons */ .tooltip__01384 { -box-shadow: none; + box-shadow: none; } -.theme-light .tooltip__01384 .tooltipContent__79a2d, .visuallyHidden__5b0fb, .reactionTooltip__9384a, .wrapper_daf1cf > .root__46d4f { -box-shadow: inset 0 0 0 1px #000 !important; -background: var(--tooltip-background) !important; -color: var(--text-primary) !important; -font-family: var(--font-small) !important; -font-size: 11px; -padding: 3px 5px; -border-radius: 5px; +span.tooltipContainer__4c678 > div, +.theme-dark .tooltipGrey_a35fcf, +.theme-light .tooltipGrey_a35fcf { + color: var(--text-primary) !important; + font-size: var(--font-small-size); + font-family: var(--font-small); } -.theme-light .tooltip__01384 .tooltipContent__79a2d .guildNameText__16f3c { -color: var(--text-primary); +.theme-light .tooltip__01384 .tooltipContent__79a2d, +.visuallyHidden__5b0fb, +.reactionTooltip__9384a, +.wrapper_daf1cf > .root__46d4f { + box-shadow: inset 0 0 0 1px #000 !important; + background: var(--tooltip-background) !important; + color: var(--text-primary) !important; + font-family: var(--font-small) !important; + font-size: var(--font-small-size) !important; + padding: 3px 5px; + border-radius: 5px; +} + +.theme-light .tooltip__01384 .tooltipContent__79a2d .guildNameText__16f3c, +.tooltipContent__79a2d { + color: var(--text-primary); } .theme-light .tooltip__01384 .tooltipPointer_a79354 { -display: none; + display: none; } -/* general white boxes / context menu */ -.theme-light div.menu_dc52c6, div.buttonsInner_bca8fa, .popoutContainer__7b9a3, .reaction_fef95b, .container__03857, .root_a28985, .wrapper_c727b6, .noiseCancellationPopout__06ec4{ -border: 1px solid var(--menu-border); -color: var(--text-primary); -border-radius: 0px; +.scroller__3d071 .tutorialContainer__890ea { + position: fixed; + top: 24px; + z-index: 9; } -.theme-light .channelNotice__8f7b2{ -background-color: white; -border: 1px solid var(--menu-border); -color: var(--text-primary); -border-radius: 0px; +.scroller__3d071 .pill__6b31b.wrapper__3670f, +.scroller__3d071 .pill__66ac8.wrapper__3670f { + overflow: visible; } -.theme-light div.menu_dc52c6{ -box-shadow: 5px 6px 5px rgba(0, 0, 0, 0.5); +.scroller__3d071 { + padding-top: 48px !important; } -div.streamPreviewWrapper__0890e{ - background-color: white; +/* general white boxes / context menu */ +.theme-light div.menu_dc52c6, +.theme-light .buttonsInner_bca8fa, +.theme-light .popoutContainer__7b9a3, +.theme-light .reaction_fef95b, +.theme-light .container__03857, +.theme-light .wrapper_c727b6, +.theme-light .noiseCancellationPopout__06ec4 { + background: white !important; border: 1px solid var(--menu-border); color: var(--text-primary); - padding-left: 0px; + border-radius: 0px; } -.colorDefault__0b482.focused__27621, .button_d553e5:hover{ -background-color: var(--accent-color); -color: white; +.theme-light .reaction_fef95b:hover { + background: linear-gradient( + 0deg, + rgba(150, 172, 241, 0.504566210045662) 3%, + rgba(225, 230, 255, 0.504566210045662) 100% + ) !important; +} +.theme-light .reaction_fef95b:active { + border-color: var(--accent-color); } -.privateChannels__93473 > .searchBar_e4ea2a > button.searchBarComponent__22760, .peopleColumn__51df3 > .searchBar_ff8800 > .inner__999f6{ -border: 1px solid #7f9db9; -border-radius: 0px; -font-family: var(--font-small); -background-color: white; +.theme-light .reaction_fef95b.reactionMe__98f57 { + background: linear-gradient( + 0deg, + rgba(142, 187, 255, 0.5) 3%, + rgba(218, 238, 255, 0.5) 100% + ) !important; + border-color: var(--accent-color); } -.peopleColumn__51df3 > .searchBar_ff8800 { - height: 25px !important; +.reaction_fef95b { + background: var(--brand-experiment-160) !important; } -.searchBar_ff8800 > .inner__999f6 > div, .searchBar_ff8800 > .inner__999f6 input{ -padding-top: 0px; -padding-bottom: 12px; +.theme-light .channelNotice__8f7b2 { + background-color: white; + border: 1px solid var(--menu-border); + color: var(--text-primary); + border-radius: 0px; } -.peopleColumn__51df3 { - background: var(--explorer-background); +.theme-light div.menu_dc52c6 { + box-shadow: 5px 6px 5px rgba(0, 0, 0, 0.5); } -.theme-dark .defaultColor_d757c2{ - color: #d6dff5; + +div.streamPreviewWrapper__0890e { + background-color: white; + border: 1px solid var(--menu-border); + color: var(--text-primary); + padding-left: 0px; } -.peopleColumn__51df3 > .searchBar_ff8800:before{ - background: #efefe6; - box-shadow: var(--explorer-box-shadow); - content: "Address"; - font-family: var(--font-small); - font-size: 11px; - border-radius: 0px !important; - width: 45px; - padding-top: 8px; - padding-left: 10px; -} -.peopleColumn__51df3 > .searchBar_ff8800:after{ - background: #eee9d5; - box-shadow: var(--explorer-box-shadow); - content: "Go"; - font-family: var(--font-small); - font-size: 11px; - border-radius: 0px !important; - width: 23px; - padding-top: 8px; - padding-left: 28px; - background-image: url(https://cdn.discordapp.com/attachments/1189324560168923228/1194857515092037772/Go.png?ex=65b1e0c6&is=659f6bc6&hm=3a750afd16f82211a575e546ac89861d9fbbaaff140c804c2c32aeb713f80f7c&); - background-size: 22.5px; - background-repeat: no-repeat; - background-position: center left; + +.colorDefault__0b482.focused__27621, +.button_d553e5:hover { + background-color: var(--accent-color); + color: white; } -.searchBar_ff8800{ - margin: 0px 0px; - border-bottom: 1px solid black; +.focusLock__10aa5 > div > div:not(.profileEffects_fd33f6) { + background: var(--2001-beige); } -.button_d553e5{ -padding: 1px; +.button_d553e5 { + padding: 1px; } -.emojiItem_b15dee{ +.emojiContainer__4a804 > img { + down: 10px; +} + +.theme-light .emojiItem_b15dee { background-color: white; - box-shadow: var(--explorer-box-shadow); + box-shadow: var(--explorer-light-box-shadow); border-radius: 0px; } +.wrapper__2e846 > .customItem__7173b { + padding: 0; +} + +.wrapper__2e846 > .customItem__7173b > div { + border-radius: 0; +} + +.wrapper__2e846 > .customItem__7173b:hover > div { + background: var(--accent-color); +} + /* emojis picker */ -.contentWrapper__321ed{ - background: var(--explorer-background); - box-shadow: var(--explorer-box-shadow); +.contentWrapper__321ed { border: 1px solid #003399; color: var(--text-primary); - border-radius: 0px; -} -.categoryList__5dbc1 > .scroller_e89578, .wrapper_cd625e > .scroller_e89578 { - background: var(--light-settings-sidebar-background); - margin-top: 2px; - border-radius: 0px; + border-radius: 0px; } -.container_aab957 > .header_f7f1f3{ - background: var(--explorer-background); +.wrapper__66cd5.isBurstReactionPicker__63df0 { + box-shadow: inset -1px -1px #0a0a0a, inset 1px 1px #dfdfdf, + inset -2px -2px grey, inset 2px 2px #fff; + border-top-left-radius: 8px; + border-top-right-radius: 8px; + padding: 0 0 3px; + border-radius: 0 !important; } -.categorySection_f44c2f > .wrapper__7a35f.header_c3c744, .listItems__699d1 > div > .wrapper__7a35f { - background: var(--explorer-background); - box-shadow: var(--explorer-box-shadow); +.categoryList__5dbc1 > .scroller_e89578, +.wrapper_cd625e > .scroller_e89578 { + background: var(--light-settings-sidebar-background); + margin-top: 2px; + border-radius: 0px; } -.header_f71767 > .wrapper__87791 > .container_e4c233, .header__55964 > .searchBar__8f956, .header_f7f1f3 > .flex_f5fbb7 > .searchBar__3b162, .searchBar__8f956 { +.header_f71767 > .wrapper__87791 > .container_e4c233, +.header__55964 > .searchBar__8f956, +.header_f7f1f3 > .flex_f5fbb7 > .searchBar__3b162, +.searchBar__8f956 { background-color: white; border: 1px solid #7f9db9; border-radius: 0px; } +.flex_f5fbb7.horizontal__992f6.justifyStart__42744.alignStretch_e239ef.noWrap__5c413 { +} + input { - font-size: 11px !important; - font-family: var(--font-small) !important; + font-family: var(--font-body) !important; } -.standardStickerShortcut__5254d, .unicodeShortcut__1dd6b, .inspector__993e1 { -background: var(--explorer-background); -box-shadow: var(--explorer-box-shadow); -color: var(--text-primary); +.standardStickerShortcut__5254d, +.unicodeShortcut__1dd6b, +.inspector__993e1 { + color: var(--text-primary); } -svg.caret_ce50ce{ -display: inline-block; -width: 30px; -height: 30px; -content: ▸; +svg.caret_ce50ce { + display: inline-block; + width: 30px; + height: 30px; + content: ▸; } /* sort friends by status buttons */ -.topPill__0cdf1 .item__48dda{ +.topPill__0cdf1 .item__48dda { margin: 0px; } @@ -1097,28 +1343,26 @@ content: ▸; display: inline-block; } -div.tabBar__73938{ +div.tabBar__73938, +.topPill__0cdf1[role="tablist"] { margin-bottom: -35px !important; padding-bottom: 7px; +} +.topPill__0cdf1[role="tablist"] { + padding-bottom: 10px; } -.container__11d72{ +.container__11d72 { padding-bottom: 0px !important; } -.tabBar__73938 > div, .navList__9f792 > button { - padding: 14px; - clear: both; - background: linear-gradient(180deg,#fff,#fafaf9 26%,#f0f0ea 95%,#ecebe5); - border: 1px solid #888; - position: relative; - z-index: 2; - margin-bottom: 9px; +.tabBar__35f81 { + gap: 0px; } .navList__9f792 > button { - font-family: var(--font-small); + font-family: var(--font-body); font-size: 15px; padding: 0px 14px 2px 14px; margin-top: 12px; @@ -1126,7 +1370,10 @@ div.tabBar__73938{ z-index: 0; } -.tabBar__73938[role="tablist"], .navList__9f792[role="tablist"]{ +.tabBar__35f81[role="tablist"], +.tabBar__73938[role="tablist"], +.navList__9f792[role="tablist"], +.topPill__0cdf1[role="tablist"] { position: relative; margin: 0 0 -2px; text-indent: 0; @@ -1136,94 +1383,417 @@ div.tabBar__73938{ font-family: var(--font-small); } -.tabBar__73938[role="tablist"] > div, .navList__9f792[role="tablist"] > button { - border-top-left-radius: 3px; - border-top-right-radius: 3px; - z-index: 1; - display: block; - color: #222 !important; - text-decoration: none; - min-width: unset; - font-size: 11px; +.tabBar__35f81[role="tablist"] > div, +.tabBar__73938[role="tablist"] > div, +.navList__9f792[role="tablist"] > button, +.topPill__0cdf1[role="tablist"] > div { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + z-index: 1; + display: block; + color: var(--text-primary) !important; + text-decoration: none; + min-width: unset; + font-size: var(--font-small-size); } -.tabBar__73938[role="tablist"] > .item_e4ca95:hover, .navList__9f792 > button[role="tab"]:hover{ - box-shadow: unset; - border-top: 1px solid #e68b2c; - box-shadow: inset 0 2px #ffc73c; + +.tabBar__35f81[role="tablist"] > .tabBarItem_b56b35:hover, +.tabBar__73938[role="tablist"] > .item_e4ca95:hover, +.navList__9f792 > button[role="tab"]:hover, +.topPill__0cdf1[role="tablist"] > div:hover { + box-shadow: unset; + border-top: 1px solid #e68b2c; + box-shadow: inset 0 2px #ffc73c; } -.tabBar__73938[role="tablist"] > .item_e4ca95:active, .navList__9f792[role="tablist"] > button:active{ - background: linear-gradient(180deg,#cdcac3,#e3e3db 8%,#e5e5de 94%,#f2f2f1); +.tabBar__35f81[role="tablist"] > .tabBarItem_b56b35:active, +.tabBar__73938[role="tablist"] > .item_e4ca95:active, +.navList__9f792[role="tablist"] > button:active, +.topPill__0cdf1[role="tablist"] > div:active { + background: linear-gradient( + 180deg, + #cdcac3, + #e3e3db 8%, + #e5e5de 94%, + #f2f2f1 + ); background-color: transparent; box-shadow: unset; border-top: 1px solid #e68b2c; box-shadow: inset 0 2px #ffc73c; } -.tabBar__73938[role="tablist"] > .item_e4ca95:focus, .navList__9f792[role="tablist"] > button:focus{ -outline: 1px dotted #222; -outline-offset: -4px; +.tabBar__35f81[role="tablist"] > .tabBarItem_b56b35:focus, +.tabBar__73938[role="tablist"] > .item_e4ca95:focus, +.navList__9f792[role="tablist"] > button:focus, +.topPill__0cdf1[role="tablist"] > div:focus { + outline: 1px dotted var(--text-primary); + outline-offset: -4px; } -.tabBar__73938[role="tablist"] > .item_e4ca95[aria-selected="true"], .navList__9f792[role="tablist"] > button.navButtonActive__735cb{ -background-color: #fcfcfe !important; -border-color: #919b9c; +.tabBar__35f81[role="tablist"] > .tabBarItem_b56b35.selected__5711d, +.tabBar__73938[role="tablist"] > .item_e4ca95[aria-selected="true"], +.navList__9f792[role="tablist"] > button.navButtonActive__735cb, +.topPill__0cdf1[role="tablist"] > div.selected__5711d { + background-color: #fcfcfe; + border-color: #919b9c; border-top-color: rgb(145, 155, 156); border-bottom-color: rgb(145, 155, 156); -margin-right: -1px; -border-bottom: 1px solid transparent; -border-top: 1px solid #e68b2c; -box-shadow: inset 0 2px #ffc73c; + margin-right: -1px; + border-bottom: 1px solid transparent; + border-top: 1px solid #e68b2c; + box-shadow: inset 0 2px #ffc73c; } -.tabBar__73938[role="tablist"] > .item_e4ca95:last-child{ - background: linear-gradient(0deg, rgba(0,136,93,1) 0%, rgba(125,242,131,1) 100%); - color: white !important; +.tabBar__35f81[role="tablist"] > .tabBarItem_b56b35, +.tabBar__73938 > div, +.navList__9f792 > button, +.topPill__0cdf1 > div { + /* padding: 14px; */ + clear: both; + background: linear-gradient(180deg, #fff, #fafaf9 26%, #f0f0ea 95%, #ecebe5); + border: 1px solid #888; + position: relative; + z-index: 2; + margin-bottom: 9px; +} + +.tabBar__35f81[role="tablist"] > .tabBarItem_b56b35 { + background: linear-gradient( + var(--profile-gradient-primary-color), + var(--profile-gradient-secondary-color) + ); + padding: 2px 8px; + margin-bottom: 0px; + height: min-content; + color: var(--text-normal) !important; + border: 1px solid var(--profile-body-divider-color); +} + +.tabBar__35f81[role="tablist"] > .tabBarItem_b56b35:active { + background: linear-gradient( + var(--profile-gradient-primary-color) 50%, + var(--profile-gradient-secondary-color) 100% + ); } /* live button */ -.live_b195a5{ -background: linear-gradient(125deg, rgba(255,106,106,1) 0%, rgba(181,0,0,1) 100%);; -font-family: var(--font-headline); -border: 1px solid white; -border-radius: 5px; +.live_b195a5 { + background: linear-gradient( + 125deg, + rgba(255, 106, 106, 1) 0%, + rgba(181, 0, 0, 1) 100% + ); + font-family: var(--font-headline); + border: 1px solid white; + border-radius: 5px; +} + +.separator_c2ecc6 { + height: 0px; } +.base__92a12 { + box-sizing: inherit; +} /* unsorted */ -.theme-dark .container__590e2{ +.theme-dark .container__590e2 { + background-color: #63609b; +} + +.theme-dark .wrapper__7bcde .modeLocked_fcc71a { background-color: #63609b; - } - - - .theme-dark .wrapper__7bcde .modeLocked_fcc71a{ - background-color: #63609b; - } - - .container-3w7J-x { - background: #63609b; - background-image: url(http://www.fa-series.com/wp-content/uploads/2020/11/servertitle3.png); - background-repeat: no-repeat; - background-position-y: 38px; - background-size: contain; - } - - .info__755e1::before{ - content: "DiscordNetwork 10"; - font-family: "Comic Sans MS"; - font-size: 12px; - color: rgb(247, 0, 255); - padding-bottom: 10px; - } - - -.chat__52833 .content__1a4fe .chatContent__5dca8 .messagesWrapper_ea2b0b .scroller__1f96e::-webkit-scrollbar { -background: var(--2k-checker-bg); -width: 16px; -height: 16px; -} - -.upperContainer__993ba, div.lineClamp1__92431, div.container_b03b4b > h3, h1 { +} + +.container-3w7J-x { + background: #63609b; + background-image: url(http://www.fa-series.com/wp-content/uploads/2020/11/servertitle3.png); + background-repeat: no-repeat; + background-position-y: 38px; + background-size: contain; +} + +.info__755e1:before { + content: "DiscordNetwork 10 | 0.3.0"; + font-family: var(--font-body); + font-weight: bolder; + color: white; + font-size: 12px; + padding-bottom: 10px; +} + +.messagesWrapper_ea2b0b { + margin-bottom: 8px; +} + +.theme-light .chatContent__5dca8, +.theme-light .preview_f42b5d { + background: linear-gradient( + 0deg, + rgba(247, 244, 239, 1) 0%, + rgba(255, 255, 255, 1) 100% + ); + border: 1px solid white; +} + +.upperContainer__993ba, +div.lineClamp1__92431, +div.container_b03b4b > h3, +h1 { font-family: var(--font-header); -} \ No newline at end of file +} + +/* find or start convo */ +.theme-light .quickswitcher_a3d29a { + border-radius: 0; + background: var(--2001-beige); +} + +.checkmarkIcon__3c0bb, +.booleanValueTrue__292b6, +.refundCriteriaIcon_f5a88c { + background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -0.5 11 11' shape-rendering='crispEdges'%3E%3Cpath stroke='%2322a122' d='M8 2h1M7 3h2M2 4h1m3 0h3M2 5h2m1 0h3M2 6h5M3 7h3M4 8h1'/%3E%3C/svg%3E"); + color: transparent; + width: 11px; + height: 11px; +} + +.refundCriteriaIcon_f5a88c { + position: relative; + top: 4px; +} + +.paymentPane__9cf01 { + background: linear-gradient(180deg, #fcfcfe, #f4f3ee); + border: 1px solid #919b9c; + box-shadow: inset 1px 1px #fcfcfe, inset -1px -1px #fcfcfe, + 1px 2px 2px 0 rgba(208, 206, 191, 0.75); + padding: 8px; +} + +.summaryInfo_b57acb { + box-shadow: none; + background: #fff; + border: 1px solid #d0d0bf; + border-radius: 4px; + padding-top: 10px; +} + +.childContainer__4e664.redesignIconChildContainer__1bee6 + > svg + > [fill="var(--white-400)"] { + visibility: hidden; +} + +.flowerStarContainer_d8d14b > div { + background: url(https://cdn.discordapp.com/attachments/1179525707861327974/1210620254133166201/IE_Home-small-small.png?ex=65eb38f8&is=65d8c3f8&hm=6193f30a7bd114c68b295eff19436b2157b5d7f3aa954599886bacdf9c84b760&); + background-repeat: no-repeat; + background-size: contain; + color: transparent; +} + +.flowerStar_a9981e { + background-color: transparent; +} + +.connectedAccountNameTextContainer__0b003 + > .flowerStarContainer_d8d14b + > .childContainer__4e664 { + background: transparent !important; +} + +.summaryInfo_b57acb { + padding: 2px; +} + +.embedSuppressButton_df9a75, +.closeIcon__448ee, +.booleanValueIcon__864e1:not(.booleanValueTrue__292b6) { + background: url(https://cdn.discordapp.com/attachments/1180332254615052288/1210599315391909898/Delete-small-small.png?ex=65eb2578&is=65d8b078&hm=b730c4481c5b9163ccae9141cbc557a477de10e884e9d244694f7607abb94fbd&); + color: transparent !important; + width: 11px; + height: 11px; + background-repeat: no-repeat; + background-size: 11px; +} + +.control_f6cce7 > div { + position: relative; + left: 0px; + display: inline-block; + width: 13px; + height: 13px; + background: #fff; + box-shadow: inset -1px -1px #fff, inset 1px 1px grey, inset -2px -2px #dfdfdf, + inset 2px 2px #0a0a0a; + margin-right: 6px; +} + +[src="/assets/d8c856ae3a2c83ee0c7a.svg"] { + content: url(https://static.wikia.nocookie.net/the-microsoft-agent/images/e/ed/Image_%281%29.gif); +} + +.themeSelection__6014a, +.selectionCircle_f4288e, +.appIconSelectionContainer_aa83b2 { + box-shadow: inset 0 0 0 1px var(--tooltip-border); + border-radius: 0; +} + +.darkIcon__1846a:after { + content: "Still needs alot of work! >-< sowwy"; + font-size: 11px; + font-family: var(--font-small); + color: #f700ff80; +} + +.appIconSelectionContainer_aa83b2 > .appIconSelection__3c38d { + border-radius: 0 !important; + box-shadow: 0 0 0 1px var(--tooltip-border); +} + +.selectionCircle_f4288e { + box-shadow: inset 0 0 0 2px var(--accent-color-selected); +} + +.presets__14d08, +.presets_c3a603 { + gap: 2px; +} + +.checkmark__1577e { + color: var(--accent-color-selected); +} + +.grabber_d2868c { + background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -0.5 11 21' shape-rendering='crispEdges'%3E%3Cpath stroke='%23becbd3' d='M1 0h1M0 1h1'/%3E%3Cpath stroke='%23b6c5cd' d='M2 0h1M0 2h1'/%3E%3Cpath stroke='%23b5c4cd' d='M3 0h5M0 3h1M0 4h1M0 5h1M0 6h1M0 7h1M0 8h1M0 9h1m-1 1h1m-1 1h1m-1 1h1m-1 1h1'/%3E%3Cpath stroke='%23afbfc8' d='M8 0h1M0 14h1'/%3E%3Cpath stroke='%239fb2be' d='M9 0h1M0 15h1'/%3E%3Cpath stroke='%23a6d1b1' d='M1 1h1'/%3E%3Cpath stroke='%236fd16e' d='M2 1h1M1 2h1'/%3E%3Cpath stroke='%2367ce65' d='M3 1h1M1 3h1'/%3E%3Cpath stroke='%2366ce64' d='M4 1h3'/%3E%3Cpath stroke='%2362cd61' d='M7 1h1'/%3E%3Cpath stroke='%2345c343' d='M8 1h1M7 2h1'/%3E%3Cpath stroke='%2363ac76' d='M9 1h1M2 16h1m0 1h1m0 1h1'/%3E%3Cpath stroke='%23879aa6' d='M10 1h1'/%3E%3Cpath stroke='%2363cd62' d='M2 2h1'/%3E%3Cpath stroke='%2349c547' d='M3 2h1M2 3h1'/%3E%3Cpath stroke='%2347c446' d='M4 2h3'/%3E%3Cpath stroke='%2321b71f' d='M8 2h1'/%3E%3Cpath stroke='%231da41c' d='M9 2h1'/%3E%3Cpath stroke='%237d8e99' d='M10 2h1'/%3E%3Cpath stroke='%2325b923' d='M3 3h1'/%3E%3Cpath stroke='%2321b81f' d='M4 3h4M2 15h1'/%3E%3Cpath stroke='%231ea71c' d='M8 3h1'/%3E%3Cpath stroke='%231b9619' d='M9 3h1'/%3E%3Cpath stroke='%23778892' d='M10 3h1m-1 1h1m-1 1h1m-1 1h1m-1 1h1m-1 1h1m-1 1h1m-1 1h1m-1 1h1m-1 1h1m-1 1h1'/%3E%3Cpath stroke='%23f7f7f4' d='M1 4h1M1 5h1M1 6h1M1 7h1M1 8h1M1 9h1m-1 1h1m-1 1h1m-1 1h1m-1 1h1'/%3E%3Cpath stroke='%23f5f5f2' d='M2 4h1M2 5h1M2 6h1M2 7h1M2 8h1M2 9h1m-1 1h1m-1 1h1m-1 1h1m-1 1h1'/%3E%3Cpath stroke='%23f3f3ef' d='M3 4h5M3 5h5M3 6h5M3 7h5M3 8h5M3 9h5m-5 1h5m-5 1h5m-5 1h5m-5 1h4m-4 1h3m-2 1h1'/%3E%3Cpath stroke='%23dcdcd9' d='M8 4h1M8 5h1M8 6h1M8 7h1M8 8h1M8 9h1m-1 1h1m-1 1h1m-1 1h1'/%3E%3Cpath stroke='%23c3c3c0' d='M9 4h1M9 5h1M9 6h1M9 7h1M9 8h1M9 9h1m-1 1h1m-1 1h1m-1 1h1'/%3E%3Cpath stroke='%23f1f1ed' d='M7 13h1m-2 1h1m-2 1h1'/%3E%3Cpath stroke='%23dbdbd8' d='M8 13h1'/%3E%3Cpath stroke='%23c4c4c1' d='M9 13h1'/%3E%3Cpath stroke='%234bc549' d='M1 14h1'/%3E%3Cpath stroke='%23f4f4f1' d='M2 14h1'/%3E%3Cpath stroke='%23e6e6e2' d='M7 14h1m-2 1h1'/%3E%3Cpath stroke='%23cececa' d='M8 14h1'/%3E%3Cpath stroke='%231a9319' d='M9 14h1'/%3E%3Cpath stroke='%23788993' d='M10 14h1'/%3E%3Cpath stroke='%2369b17b' d='M1 15h1'/%3E%3Cpath stroke='%23f2f2ee' d='M3 15h1m0 1h1'/%3E%3Cpath stroke='%23d0d0cc' d='M7 15h1m-2 1h1'/%3E%3Cpath stroke='%231a9118' d='M8 15h1m-2 1h1m-2 1h1'/%3E%3Cpath stroke='%234c845a' d='M9 15h1'/%3E%3Cpath stroke='%2372838d' d='M10 15h1'/%3E%3Cpath stroke='%2391a6b2' d='M1 16h1m0 1h1m0 1h1m0 1h1'/%3E%3Cpath stroke='%2321b61f' d='M3 16h1m0 1h1'/%3E%3Cpath stroke='%23e7e7e3' d='M5 16h1'/%3E%3Cpath stroke='%234b8259' d='M8 16h1m-2 1h1m-2 1h1'/%3E%3Cpath stroke='%236e7e88' d='M9 16h1m-2 1h1m-2 1h1m-2 1h1'/%3E%3Cpath stroke='%23d7d7d4' d='M5 17h1'/%3E%3Cpath stroke='%231da21b' d='M5 18h1'/%3E%3Cpath stroke='%23589868' d='M5 19h1'/%3E%3Cpath stroke='%2380929e' d='M5 20h1'/%3E%3C/svg%3E"); + height: 21px !important; + width: 11px !important; + border: 0; + border-radius: 0; + transform: translateY(2px); + box-shadow: none; + background-repeat: no-repeat; +} + +.slider__22e99.slider__28a57.mini_d6d84c > .track_a48141 > .grabber_d2868c { + margin-top: -3px !important; + border-radius: 0; +} + +.bar_e58961 { + width: 100%; + height: 4px; + box-sizing: border-box; + background: #f8efe8 !important; + border-right: 1px solid #f3f2ea; + border-bottom: 1px solid #f3f2ea; + box-shadow: 1px 0 0 #fff, 1px 1px 0 #fff, 0 1px 0 #fff, -1px 0 0 #9d9c99, + -1px -1px 0 #9d9c99, 0 -1px 0 #9d9c99, -1px 1px 0 #fff, 1px -1px #9d9c99; +} + +.track_a48141 { + border-radius: 2px !important; +} + +.track_a48141 > .mark_a41fa7 > .markDash_dc3ae9 { + background-color: #a6a297 !important; + height: 3px !important; + width: 1px; +} + +.mark_a41fa7 { + font-family: var(--font-small) !important; + font-size: var(--font-small-size) !important; +} + +.barFill__30e17 { + background: transparent; +} + +.input_be50d1 { + width: min-content; + height: min-content; +} + +/* checkbox */ +.container__871ba { + width: 18px; + height: 18px; + background: #0000 !important; +} + +.container__871ba svg { + display: none; +} + +.container__871ba .input_be50d1 { + position: absolute; + opacity: 1; +} + +.checkbox_c7f690:before, +.container__871ba .input_be50d1:before, +.control_f6cce7 .container__871ba .input_be50d1:before { + background: linear-gradient(135deg, #dcdcd7, #fff); + border: 1px solid #1d5281; + display: block; + content: ""; + width: 13px; + height: 13px; + box-shadow: none; + position: absolute; +} + +.checkboxWrapper__02583:hover > .checkbox_c7f690:before, +.inputDefault__7fb3f.input_f56cea:hover:before, +.control_f6cce7 + .container__871ba + .input_be50d1:not(.disabled_eac369):hover:before { + box-shadow: inset -2px -2px #f8b636, inset 2px 2px #fedf9c; +} + +.checkboxWrapper__02583:active > .checkbox_c7f690:before, +.control_f6cce7 + .container__871ba + .input_be50d1:not(.disabled_eac369):active:before { + background: linear-gradient( + 135deg, + rgb(143, 144, 133) 0%, + rgba(177, 188, 187, 1) 100% + ); + box-shadow: none; +} + +.checkboxWrapper__02583 > .checkbox_c7f690:after, +.container__871ba .input_be50d1:after, +.control_f6cce7 .container__871ba .input_be50d1:after { + content: ""; + width: 11px !important; + height: 11px !important; + top: 2px; + left: 2px; + display: table; + transform: rotate(0deg); + position: absolute; +} + +.checkboxWrapper__02583.checked__24ad6 > .checkbox_c7f690:after, +.container__871ba .input_be50d1:checked::after { + background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -0.5 11 11' shape-rendering='crispEdges'%3E%3Cpath stroke='%2322a122' d='M8 2h1M7 3h2M2 4h1m3 0h3M2 5h2m1 0h3M2 6h5M3 7h3M4 8h1'/%3E%3C/svg%3E"); +} + +.checkboxWrapper__02583.checked__24ad6 > .checkbox_c7f690:after { + top: 5px; + left: 5px; +} + +.checkbox_c7f690.box__66058, +.checkbox_c7f690.box__66058.checked__24ad6 { + width: min-content !important; + height: min-content !important; + border-color: transparent !important; + background-color: transparent !important; +} diff --git a/dsn10-icons.css b/dsn10-icons.css index 9cf1d80..9307b80 100644 --- a/dsn10-icons.css +++ b/dsn10-icons.css @@ -2,288 +2,216 @@ .button__4f306, .sidebar_ded4b5.button__4f306 { - padding: 4px; + padding: 4px; } .button__66e8c:hover, .button__4f306:hover { - filter: contrast(1.2); - transform: scale(1.1); - transition: 0.2s; - + filter: contrast(1.2); + transform: scale(1.1); + transition: 0.2s; } /* vencord game activity */ .button__4f306[aria-label="Disable Game Activity"], -.sidebar_ded4b5 .button__4f306[aria-label="Disable Game Activity"][aria-checked="false"] { - content: url(https://numoder.github.io/dsn10-theme/assets/user-area/Game-Enabled.png); +.sidebar_ded4b5 + .button__4f306[aria-label="Disable Game Activity"][aria-checked="false"], +[src="/assets/32fda287bbd217f60166.svg"] { + content: url(https://numoder.github.io/dsn10-theme/assets/user-area/Game-Enabled.png); } +[src="https://cdn.discordapp.com/app-icons/363445589247131668/f2b60e350a2097289b3b0b877495e55f.webp?size=64&keep_aspect_ratio=false"], [src="https://cdn.discordapp.com/app-icons/1005469189907173486/eddb973210f1f119a5e6b4bc49531ba5.webp?size=64&keep_aspect_ratio=false"] +{ + content: url(https://numoder.github.io/dsn10-theme/assets/general/roblox.png); +} + +[src="https://cdn.discordapp.com/app-icons/307998818547531777/265a7751b2e62cb0bd6ccd52f467f679.webp?size=64&keep_aspect_ratio=false"], [src="https://cdn.discordapp.com/app-assets/307998818547531777/859167360925564958.png"] +{ + content: url(https://numoder.github.io/dsn10-theme/assets/general/moviemaker.png); +} + +[mask="url(#svg-mask-status-online-mobile)"] { + content: url(); +} /* vencord game activity disabled*/ .button__4f306[aria-label="Enable Game Activity"], -.sidebar_ded4b5 .button__4f306[aria-label="Enable Game Activity"][aria-checked="true"] { - content:url(https://numoder.github.io/dsn10-theme/assets/user-area/Game-Disabled.png); +.sidebar_ded4b5 + .button__4f306[aria-label="Enable Game Activity"][aria-checked="true"] { + content: url(https://numoder.github.io/dsn10-theme/assets/user-area/Game-Disabled.png); } /* unmuted */ .button_4f306[aria-label="Mute"][aria-checked="false"], .sidebar_ded4b5 .button__4f306[aria-label="Mute"] { - content: url(https://numoder.github.io/dsn10-theme/assets/user-area/Microphone.png); + content: url(https://numoder.github.io/dsn10-theme/assets/user-area/Microphone.png); } /* muted */ .button_4f306[aria-label="Mute"][aria-checked="true"], .sidebar_ded4b5 .button__4f306[aria-label="Mute"][aria-checked="true"] { - content:url(https://numoder.github.io/dsn10-theme/assets/user-area/Microphone2.png); + content: url(https://numoder.github.io/dsn10-theme/assets/user-area/Microphone2.png); } /* undeafened */ .button__4f306[aria-label="Deafen"][aria-checked="false"], .sidebar_ded4b5 .button__4f306[aria-label="Deafen"][aria-checked="false"] { - content:url(https://numoder.github.io/dsn10-theme/assets/general/volume.png); + content: url(https://numoder.github.io/dsn10-theme/assets/general/volume.png); } /* deafened */ .button__4f306[aria-label="Deafen"][aria-checked="true"], .sidebar_ded4b5 .button__4f306[aria-label="Deafen"][aria-checked="true"] { - content:url(https://numoder.github.io/dsn10-theme/assets/user-area/Volume2.png); + content: url(https://numoder.github.io/dsn10-theme/assets/user-area/Volume2.png); } .button__4f306[aria-label="User Settings"], .sidebar_ded4b5 .button__4f306[aria-label="User Settings"] { - content:url(https://numoder.github.io/dsn10-theme/assets/general/Settings.png); + content: url(https://numoder.github.io/dsn10-theme/assets/general/Settings.png); } /* -=- camera -=- */ /* camera off */ -.button__66e8c[aria-label="Turn On Camera"] div { - content: url(https://numoder.github.io/dsn10-theme/assets/user-area/webcam2.png); +.button__66e8c[aria-label="Turn On Camera"] div, +.button__66e8c[aria-label="Camera Unavailable"] div { + content: url(https://numoder.github.io/dsn10-theme/assets/user-area/webcam2.png); } /* camera on */ .button__66e8c[aria-label="Turn Off Camera"] div { - content: url(https://numoder.github.io/dsn10-theme/assets/user-area/webcam.png); + content: url(https://numoder.github.io/dsn10-theme/assets/user-area/webcam.png); } - /* -=- sharescreen -=- */ /* sharescreen off */ .button__66e8c[aria-label="Share Your Screen"] div { - content: url(https://numoder.github.io/dsn10-theme/assets/voicecall/sharescreen.png); + content: url(https://numoder.github.io/dsn10-theme/assets/voicecall/sharescreen.png); } /* sharescreen on */ .button__66e8c[aria-label="Share Your Screen"].buttonActive__407a7 div { - content: url(https://numoder.github.io/dsn10-theme/assets/voicecall/sharescreen2.png); + content: url(https://numoder.github.io/dsn10-theme/assets/voicecall/sharescreen2.png); } -#manage-streams-change-windows>div.iconContainer__829e7 { - content: url(https://numoder.github.io/dsn10-theme/assets/voicecall/window.png); +#manage-streams-change-windows > div.iconContainer__829e7 { + content: url(https://numoder.github.io/dsn10-theme/assets/voicecall/window.png); } -#manage-streams-stop-streaming>div.iconContainer__829e7 { - content: url(https://numoder.github.io/dsn10-theme/assets/general/delete.png); +#manage-streams-stop-streaming > div.iconContainer__829e7, +div + > span.disabledButtonWrapper__69c70 + > .button__66e8c[aria-label="Soundboard disabled when deafened"] { + content: url(https://numoder.github.io/dsn10-theme/assets/general/delete.png); } .button__66e8c[aria-label="Start an Activity"] div { - content: url(https://numoder.github.io/dsn10-theme/assets/voicecall/games.png); + content: url(https://numoder.github.io/dsn10-theme/assets/voicecall/games.png); } .button__66e8c[aria-label="Open Soundboard"] div { - content: url(https://numoder.github.io/dsn10-theme/assets/voicecall/soundboard.png); + content: url(https://numoder.github.io/dsn10-theme/assets/voicecall/soundboard.png); } -div > span.disabledButtonWrapper__69c70 > .button__66e8c[aria-label="Soundboard disabled when deafened"] { - content: url(https://numoder.github.io/dsn10-theme/assets/general/delete.png); +.button__66e8c[aria-label="Soundboard disabled when deafened"] { + min-width: 45px !important; + border-radius: 50% !important; + border: 0 !important; + margin-left: -12.5px !important; + margin-top: -10px !important; + opacity: 0.7 !important; } /* video */ -div.audioControls__9fbe9, div.videoControls__96149{ - background: linear-gradient(180deg, rgba(250,250,250,1) 0%, rgba(207,207,207,1) 100%); border: var(--video-player-border); - border-radius: 0px; - color: black; -} - -.buffer_e14781, .mediaBarWrapper_f312bd{ - background-color: linear-gradient(180deg, rgba(185,185,185,1) 0%, rgba(217,217,217,1) 100%); - border-bottom: 1px solid rgb(235, 235, 235); - border-top: 1px solid darkgray; -} - -.durationTimeDisplay_acef46, .durationTimeSeparator__8b5d8{ - font-family: Arial !important; -} - -.buffer_e14781{ - background-color: #c68e8d; -} -svg.controlIcon__11f8e{ - margin-bottom: -2px; - padding-right: 4px; -} - -.videoButton__1a553[aria-label="Play"]{ - background-image: url(https://cdn.discordapp.com/attachments/1179088824714940536/1189301589580730388/playbutton.png?ex=659daa6b&is=658b356b&hm=967dc8b72dc83bd6ed42727412eb3017930809013fbab78b997e7ad4b6785770&); - background-repeat: no-repeat; - background-size: 36px; - padding-right: 4px; - border-right: var(--video-player-border); - color: transparent; -} -.videoButton__1a553[aria-label="Play"]:hover{ - background-image: url(https://cdn.discordapp.com/attachments/1179088824714940536/1189301589928845342/playbutton_hover.png?ex=659daa6b&is=658b356b&hm=c174eb8dd575b19a8f590899c5934714525455698228d6d94c2c8287040b3343&); -} -.videoButton__1a553[aria-label="Play"]:active{ - background-image: url(https://cdn.discordapp.com/attachments/1179088824714940536/1189301590142750850/playbutton_active.png?ex=659daa6b&is=658b356b&hm=7c76181eaffc7426081c11735adec4bf91576facb4b94dec69cb046c7d30d248&); -} - -/* pause button */ -.videoButton__1a553[aria-label="Pause"]{ - background-image: url(https://cdn.discordapp.com/attachments/1179088824714940536/1189301590360870992/pausebutton.png?ex=659daa6b&is=658b356b&hm=0f68697431d04acd9fc98bf55365320567b615e871d2885d776089796046ec05&); - background-repeat: no-repeat; - background-size: 36px; - padding-right: 4px; - border-right: var(--video-player-border); - color: transparent; -} -.videoButton__1a553[aria-label="Pause"]:hover{ - background-image: url(https://cdn.discordapp.com/attachments/1179088824714940536/1189301590553796608/pausebutton_hover.png?ex=659daa6b&is=658b356b&hm=2f6d9b4cb526b9e2857caa6c565b4917a6706d5b3c70d6bce36a39d7b98c4cf7&); -} -.videoButton__1a553[aria-label="Pause"]:active{ - background-image: url(https://cdn.discordapp.com/attachments/1179088824714940536/1189301590750924810/pausebutton_active.png?ex=659daa6b&is=658b356b&hm=f96b5f0c4f810ecf32da10d926642731feeefc662966e0c85729d940acd19099&); -} - -.videoButton__1a553[aria-label="Play again"] { - color: black; - border-right: var(--video-player-border); -} -.videoButton__1a553[aria-label="Play again"] { - color: black; -} - -.mediaBarProgress__29db2 { - background: linear-gradient(180deg, rgba(230,38,38,1) 0%, rgba(255,227,227,1) 5%, rgba(255,45,45,1) 20%, rgba(187,23,23,1) 100%); -} -.mediaBarProgress__29db2:before, .mediaBarProgress__29db2:after{ - background-color: transparent; -} -.volumeButton__3a6bf[aria-label="Control volume"]{ - background-image: url(https://cdn.discordapp.com/attachments/1179088824714940536/1189311181001867377/volume.png?ex=659db359&is=658b3e59&hm=3c6d4412a539ca19c46a03ac523cc2d1596bcb560e3b98029d870110a2d59a90&); - background-repeat: no-repeat; - background-size: 36px; - padding-right: 4px; - color: transparent; - border-left: var(--video-player-border); - border-radius: 0px; -} -.volumeButton__3a6bf[aria-label="Control volume"]:hover{ - background-image: url(https://cdn.discordapp.com/attachments/1179088824714940536/1189311181584875551/volume_hover.png?ex=659db35a&is=658b3e5a&hm=975440e83b076d0683553c2ea6be8b32b4c9d46c5ebd5ec0717d4c83557beb67&); -} - -.mediaBarGrabber_c64ff9{ - background-image: url(https://cdn.discordapp.com/attachments/1179088824714940536/1189301590973239386/progresscircle.png?ex=659daa6b&is=658b356b&hm=062cae46307de07a62cb1cd450263eede1e04da25621472bb617eee372a1f7ec&); - background-position: center; - background-size: 12.5px; - width: 12.5px; - height: 12.5px; - border-radius: 50%; - margin-bottom: -5px; -} - -.mediaBarGrabber_c64ff9:hover, .mediaBarGrabber_c64ff9:active{ - background-image: url(https://cdn.discordapp.com/attachments/1179088824714940536/1189301589383581696/progresscircle_hover.png?ex=659daa6b&is=658b356b&hm=8b8f8944ef3f6f5f93b0e0a53c93474f8736838b3619ffefea1bee7a036a83ef&) -} /* -=- disconnect -=- */ .button__4f306[aria-label="Disconnect"] { - content: url(https://numoder.github.io/dsn10-theme/assets/general/delete.png); + content: url(https://numoder.github.io/dsn10-theme/assets/general/delete.png); } /* noise suppression */ -.flex_f5fbb7 > .button__4f306:first-child{ - content: url(https://numoder.github.io/dsn10-theme/assets/general/volume3.png); - } +.flex_f5fbb7 > .flex_f5fbb7 > .button__4f306:first-child { + content: url(https://numoder.github.io/dsn10-theme/assets/general/volume3.png); +} /* uploads */ .icon_c2f643 { - background-size: contain; - margin: 10px; + background-size: contain; + margin: 10px; } /* image sizes */ .icon__30aa7, .audioMetadata_e546a8:before { - height: 40px; - width: 40px; + height: 40px; + width: 40px; } /* misc */ -.icon_c2f643.unknown_f537da, [src="/assets/5b74fc90eac76055a5ad.svg"] { - content: url(https://numoder.github.io/dsn10-theme/assets/files/misc.png); +.icon_c2f643.unknown_f537da, +[src="/assets/5b74fc90eac76055a5ad.svg"] { + content: url(https://numoder.github.io/dsn10-theme/assets/files/misc.png); } /* zip */ -.icon_c2f643.archive__2249d, [src="/assets/5ff8ffaa3831478d2a28.svg"] { - content: url(https://numoder.github.io/dsn10-theme/assets/files/zip.png); +.icon_c2f643.archive__2249d, +[src="/assets/5ff8ffaa3831478d2a28.svg"] { + content: url(https://numoder.github.io/dsn10-theme/assets/files/zip.png); } /*text file */ -.icon_c2f643.document__49623 { - content: url(https://numoder.github.io/dsn10-theme/assets/files/txt.png); +.icon_c2f643.document__49623, +[src="/assets/d18655651bd838408129.svg"] { + content: url(https://numoder.github.io/dsn10-theme/assets/files/txt.png); } /* webcode */ .icon_c2f643.webcode_d3a040 { - content: url(https://numoder.github.io/dsn10-theme/assets/files/webcode.png); + content: url(https://numoder.github.io/dsn10-theme/assets/files/webcode.png); } /* code */ .icon_c2f643.code_d3dfc7 { - content: url(https://numoder.github.io/dsn10-theme/assets/files/code.png); + content: url(https://numoder.github.io/dsn10-theme/assets/files/code.png); } /* audio */ -.icon_c2f643.audio__4fc0c{ - content: url(https://numoder.github.io/dsn10-theme/assets/files/audio.png); +.icon_c2f643.audio__4fc0c { + content: url(https://numoder.github.io/dsn10-theme/assets/files/audio.png); } .audioMetadata_e546a8:before { - background-image: url(https://numoder.github.io/dsn10-theme/assets/files/audio.png); - background-position: center; - background-repeat: no-repeat; - } - -/* pdf */ -.icon_c2f643.acrobat_fec748, [src="/assets/18517b33da6ed36b855b.svg"] { - content: url(https://numoder.github.io/dsn10-theme/assets/files/pdf.png); + background-image: url(https://numoder.github.io/dsn10-theme/assets/files/audio.png); + background-position: center; + background-repeat: no-repeat; } -div.attachment_f3cf2c, -div.messageAttachment_b97504>div.wrapperAudio__555ce { - background-color: #f3f3fd; - border: 1px solid #506b9a; - box-shadow: inset -10px -10px 14px -5px #8297c2, inset 12.5px 12.5px 14px -10px white; - border-radius: 5px; - background-size: contain; +/* pdf */ +.icon_c2f643.acrobat_fec748, +[src="/assets/18517b33da6ed36b855b.svg"] { + content: url(https://numoder.github.io/dsn10-theme/assets/files/pdf.png); } /* -=- before uploading -=- */ /* voicecall box */ -.theme-light .activityPanel__22355, .theme-light .container_d667ff{ +.theme-light .activityPanel__22355, +.theme-light .container_d667ff { background-color: #f3f3fd; - border: 1px solid #506b9a; - box-shadow: inset -10px -10px 14px -5px #8297c2, inset 10px 10px 14px -10px white; - border-radius: 5px; - margin: 5px; + border: 1px solid var(--theme-border); + box-shadow: inset -10px -10px 14px -5px #8297c2, + inset 10px 10px 14px -10px white; + border-radius: 0px !important; background-size: contain; + margin: 1px; } /* voicecall buttons */ -div.wrapper__0ed4a > div > div.actionButtons_b58cbb > button, div.wrapper__0ed4a > div > div.actionButtons_b58cbb > div > button, div.wrapper__0ed4a > div > div.actionButtons_b58cbb > div > span > button, div.wrapper__0ed4a > div > div.actionButtons_b58cbb > div > span{ +div.wrapper__0ed4a > div > div.actionButtons_b58cbb > button, +div.wrapper__0ed4a > div > div.actionButtons_b58cbb > div > button, +div.wrapper__0ed4a > div > div.actionButtons_b58cbb > div > span > button, +div.wrapper__0ed4a > div > div.actionButtons_b58cbb > div > span { background: transparent !important; height: 45px !important; width: 45px !important; @@ -292,414 +220,492 @@ div.wrapper__0ed4a > div > div.actionButtons_b58cbb > button, div.wrapper__0ed4a opacity: 1 !important; } -div.wrapper__0ed4a > div > div.actionButtons_b58cbb > div > span > button{ +div.wrapper__0ed4a > div > div.actionButtons_b58cbb > div > span > button { margin-top: -7.5px; margin-left: -7.5px; } -div.wrapper__0ed4a > div > div.actionButtons_b58cbb > button:hover, div.wrapper__0ed4a > div > div.actionButtons_b58cbb > div > button:hover { - border: 1px solid #506b9a; - box-shadow: inset -10px -10px 14px -5px #8297c2, inset 10px 10px 14px -10px white; - background-size: contain; -} - -.theme-light .actionButton__23182:hover{ - background-color: #f3f3fd; - -} -.theme-dark .actionButton__23182:hover{ - background-color: #63609b; - +div.wrapper__0ed4a > div > div.actionButtons_b58cbb > button:hover, +div.wrapper__0ed4a > div > div.actionButtons_b58cbb > div > button:hover { + border: 1px solid var(--theme-border); + box-shadow: inset -10px -10px 14px -5px #8297c2, + inset 10px 10px 14px -10px white; + background-size: contain; + border-radius: 50%; } - .button__66e8c.buttonColor_a6eb73 svg:hover, .button__66e8c.buttonColor_a6eb73.buttonActive__407a7, -.button__66e8c[aria-expanded=true].buttonColor_a6eb73 { - background-color: #e1ffcb; - box-shadow: inset -10px -10px 14px -5px #83ff87, inset 10px 10px 14px -10px white; - border: 1px solid #506b9a; +.button__66e8c[aria-expanded="true"].buttonColor_a6eb73 { + background-color: #e1ffcb; + box-shadow: inset -10px -10px 14px -5px #83ff87, + inset 10px 10px 14px -10px white; + border: 1px solid var(--theme-border); } .container-YkUktl .flex-2S1XBF button:nth-child(3) .contents-3ca1mk svg { - background: green; - display: none; + background: green; + display: none; } .toolbar-3_r2xA .iconWrapper-2awDjA:nth-child(3) { - background-size: contain; - height: 24px; - width: 24px; - margin-right: 5px; + background-size: contain; + height: 24px; + width: 24px; + margin-right: 5px; } .toolbar-3_r2xA .iconWrapper-2awDjA:nth-child(5) .iconWrapper-2awDjA svg { - background: grey; + background: grey; } -#channel-attach-upload-file>div>div.optionLabel__254ef>svg { - background: url(http://www.netscape-communications.com/wp-content/uploads/2021/07/download.png); - background-size: contain; - color: transparent; +#channel-attach-upload-file > div > div.optionLabel__254ef > svg { + background: url(http://www.netscape-communications.com/wp-content/uploads/2021/07/download.png); + background-size: contain; + color: transparent; } /* button right message bar*/ .buttons-uaqb-5 :nth-child(2) svg { - background: blue; - visibility: hidden; - display: none; + background: blue; + visibility: hidden; + display: none; } .emojiButton-3FRTuj { - background: red; - background: url(https://numoder.github.io/dsn10-theme/assets/emojis/happy.gif); - /* background-size: 24px 24px; */ - background-position: fixed; - background-repeat: no-repeat; - margin-top: 8px; + background: red; + background: url(https://numoder.github.io/dsn10-theme/assets/emojis/happy.gif); + /* background-size: 24px 24px; */ + background-position: fixed; + background-repeat: no-repeat; + margin-top: 8px; } - /* bottom bar */ .attachButton_eba568:hover, .avatarWrapper_ba5175 > .flex_f5fbb7 > .button_afdfd9:hover { - transform: scale(1.05), rotate(125deg); - transition: 0.2s; + transform: scale(1.05), rotate(125deg); + transition: 0.2s; } /* plus */ -.attachButton_eba568[aria-label="Upload a file or send invites"]{ +.attachButton_eba568[aria-label="Upload a file or send invites"] { content: url(https://numoder.github.io/dsn10-theme/assets/typing-form/plus.png); } .circleIconButton_d8df29[aria-label="Add a Server"] { - content: url(https://numoder.github.io/dsn10-theme/assets/typing-form/plus.png); - filter: hue-rotate(135deg); - background-color: transparent; + content: url(https://numoder.github.io/dsn10-theme/assets/typing-form/plus.png); + filter: hue-rotate(135deg); + background-color: transparent; } .circleIconButton_d8df29[aria-label="Explore Discoverable Servers"] { - content: url(https://numoder.github.io/dsn10-theme/assets/general/explore.png); - background-color: transparent; + content: url(https://numoder.github.io/dsn10-theme/assets/general/explore.png); + background-color: transparent; } -.attachButton_eba568[aria-label="Upload a file or send invites"][aria-expanded=true] { - filter: drop-shadow(0px 0px 1px #000000); +.attachButton_eba568[aria-label="Upload a file or send invites"][aria-expanded="true"] { + filter: drop-shadow(0px 0px 1px #000000); } .button_afdfd9[aria-label="Send a gift"] { - content: url(https://numoder.github.io/dsn10-theme/assets/typing-form/gift.png); - margin: 7px; + content: url(https://numoder.github.io/dsn10-theme/assets/typing-form/gift.png); + margin: 7px; +} + +[href="/store"] > div > .avatar__7bd22 { + content: url(https://numoder.github.io/dsn10-theme/assets/general/nitro.png); +} + +.nitroWheel_aa56ce { + background: url(https://numoder.github.io/dsn10-theme/assets/general/nitro.png); + color: transparent !important; + background-size: contain; +} + +[href="/message-requests"] > div > .avatar__7bd22 { + content: url(https://numoder.github.io/dsn10-theme/assets/friends/newpawn.png); + margin-left: -10px; + left: 25px; + position: relative; +} + +[href="/message-requests"] > .numberBadge__50328 { + position: relative; + left: -60px; + top: -10px; +} + +[href="/shop"] > div > .avatar__7bd22 { + content: url(https://numoder.github.io/dsn10-theme/assets/typing-form/gift.png); } .button_afdfd9[aria-label="Encrypt Message"] { - content: url(https://numoder.github.io/dsn10-theme/assets/typing-form/lock.png); - margin: 7px; + content: url(https://numoder.github.io/dsn10-theme/assets/typing-form/lock.gif); + margin: 7px; } -.modeLocked_fcc71a > div > a.link__95dc0 > div.linkTop_eaa673 > .iconContainer__3f9b0 { - content: url(https://numoder.github.io/dsn10-theme/assets/typing-form/lock.png); +.modeLocked_fcc71a + > div + > a.link__95dc0 + > div.linkTop_eaa673 + > .iconContainer__3f9b0 { + content: url(https://numoder.github.io/dsn10-theme/assets/typing-form/lock.gif); width: 20px; height: 20px; display: block; - filter: grayscale(0.); + filter: grayscale(0); } .button_afdfd9[aria-label="Open GIF picker"] { - content: url(https://numoder.github.io/dsn10-theme/assets/typing-form/gif.png); - width: 35px; + content: url(https://numoder.github.io/dsn10-theme/assets/typing-form/gif.png); + width: 35px; +} + +.gifTag__9db5a { + background-image: url(https://numoder.github.io/dsn10-theme/assets/typing-form/gif.png); + background-size: contain; + background-repeat: no-repeat; } .stickerButton__8af38 { - content: url(https://numoder.github.io/dsn10-theme/assets/typing-form/sticker.png); - width: 30px; + content: url(https://numoder.github.io/dsn10-theme/assets/typing-form/sticker.png); + width: 30px; +} + +.emojiButton__8ff6a, +[aria-label="Add Reaction"] > div, +div.button_d553e5[aria-label="Add Reaction"] { + content: url(http://www.netscape-communications.com/wp-content/uploads/2021/07/emote.png); } -.emojiButton__8ff6a { - content: url(http://www.netscape-communications.com/wp-content/uploads/2021/07/emote.png); +.unicodeShortcut__1dd6b > svg { + background-image: url(http://www.netscape-communications.com/wp-content/uploads/2021/07/emote.png); + color: transparent; } -.emojiButton__8ff6a:hover { - content: url(https://numoder.github.io/dsn10-theme/assets/emojis/wink.gif); - height: 31px; - width: 31px; +.categoryItemDefaultCategory__67fe7[aria-label="people"] > svg { + background-image: url(http://www.netscape-communications.com/wp-content/uploads/2021/07/emote.png); + color: transparent !important; } -.button__8d734[aria-label="Send Message"] disabled { - content: url(https://numoder.github.io/dsn10-theme/assets/typing-form/send.png); - filter: grayscale(0); - margin: 8px; +.button__8d734[aria-label="Send Message"]:disabled { + content: url(https://numoder.github.io/dsn10-theme/assets/typing-form/send.png); + filter: grayscale(0); + margin: 8px; } .button__8d734[aria-label="Send Message"] { - content: url(https://numoder.github.io/dsn10-theme/assets/typing-form/send.png); - margin: 8px; + content: url(https://numoder.github.io/dsn10-theme/assets/typing-form/send.png); + margin: 8px; } -.inner__9fd0b > .buttons_ce5b56 > div :hover{ - transform: rotate(2.5deg); - transition: 0.2s; +.buttons_ce5b56:last-child { + margin-right: 4px; } .button_afdfd9:disabled, -.button_afdfd9[aria-disabled=true] { - cursor: not-allowed; - opacity: 0.75; +.button_afdfd9[aria-disabled="true"] { + cursor: not-allowed; + opacity: 0.75; } div.iconWrapper_af9215[aria-label="Show User Profile"], div.iconWrapper_af9215[aria-label="Hide User Profile"], -div.iconWrapper_af9215[aria-label="Show User Profile (Unavailable)"]{ - content: url(https://numoder.github.io/dsn10-theme/assets/general/userprofile.png); - } +div.iconWrapper_af9215[aria-label="Show User Profile (Unavailable)"] { + content: url(https://numoder.github.io/dsn10-theme/assets/general/userprofile.png); +} /* channel header icons */ div.iconWrapper_af9215[aria-label="Add Friends to DM"], .button__6d358[aria-label="Invite"] { - content: url(https://numoder.github.io/dsn10-theme/assets/general/Invite%20Friends.png); - margin-top: 3px; + content: url(https://numoder.github.io/dsn10-theme/assets/general/Invite%20Friends.png); + margin-top: 3px; } div.iconWrapper_af9215[aria-label="Start Voice Call"] { - content: url(https://numoder.github.io/dsn10-theme/assets/actions/phone.png); + content: url(https://numoder.github.io/dsn10-theme/assets/actions/phone.png); } div.iconWrapper_af9215[aria-label="Start Video Call"], .iconSpacing__59128[aria-label="Video"] { - content: url(https://numoder.github.io/dsn10-theme/assets/general/webcam.png); - width: 25px; + content: url(https://numoder.github.io/dsn10-theme/assets/general/webcam.png); + width: 25px; +} + +.iconWrapper_af9215[aria-label="Notification Settings"] { + content: url(https://numoder.github.io/dsn10-theme/assets/actions/bell.png); } +.iconWrapper_af9215[aria-label="Threads"], .icon__88ea8[aria-label="Threads"], -.button_d553e5[aria-label="Create Thread"] { - content: url(https://numoder.github.io/dsn10-theme/assets/actions/pin.png); +.button_d553e5[aria-label="Create Thread"], +[id="message-thread"] > .iconContainer__829e7, +[id="chat-messages-create-thread-null-create-thread-null"] + > .iconWrapper__85630 { + content: url(https://numoder.github.io/dsn10-theme/assets/general/threads.png); } -.iconWrapper_af9215[aria-label="Notification Settings"] { - content: url(https://numoder.github.io/dsn10-theme/assets/actions/bell.png); +[id="chat-messages-create-thread-null-create-thread-null"] + > .iconWrapper__85630 { + background: var(--accent-color); + border: 2px solid var(--accent-color-selected); + padding: 8px; } .iconWrapper_af9215[aria-label="Inbox"] { - content: url(https://numoder.github.io/dsn10-theme/assets/actions/inbox.png); + content: url(https://numoder.github.io/dsn10-theme/assets/actions/inbox.png); } .iconWrapper_af9215[aria-label="Help"] { - content: url(https://numoder.github.io/dsn10-theme/assets/actions/help.png); + content: url(https://numoder.github.io/dsn10-theme/assets/actions/help.png); +} + +.button__4f306 > .vc-info-icon { + background-image: url(https://numoder.github.io/dsn10-theme/assets/actions/help.png); + background-repeat: no-repeat; + background-size: contain; + color: transparent !important; } .iconWrapper_af9215:hover { - transform: scale(1.1); - transition: 0.2s; + transform: scale(1.1); + transition: 0.2s; } -.iconWrapper_af9215[aria-label="Pinned Messages"] { - content: url(https://numoder.github.io/dsn10-theme/assets/actions/favorites.png); +.iconWrapper_af9215[aria-label="Pinned Messages"], +[id="message-pin"] > .iconContainer__829e7 { + content: url(https://numoder.github.io/dsn10-theme/assets/actions/pin.png); } .iconWrapper_af9215[aria-label="Hide Member List"], .iconWrapper_af9215[aria-label="Show Member List"] { - content: url(https://numoder.github.io/dsn10-theme/assets/actions/memberlist.png); - + content: url(https://numoder.github.io/dsn10-theme/assets/actions/memberlist.png); } .iconWrapper_af9215[aria-label="New Group DM"] { - content: url(https://numoder.github.io/dsn10-theme/assets/general/chatplus.png); + content: url(https://numoder.github.io/dsn10-theme/assets/general/chatplus.png); } -.iconWrapper_af9215[aria-label="Update Ready!"], .hoverButtonGroup__5b423 .anchor_c8ddc0[aria-label="Download"] { - content: url(http://www.netscape-communications.com/wp-content/uploads/2021/07/download.png); - width: 24px; +.iconWrapper_af9215[aria-label="Update Ready!"], +.hoverButtonGroup__5b423 .anchor_c8ddc0[aria-label="Download"] { + content: url(http://www.netscape-communications.com/wp-content/uploads/2021/07/download.png); + width: 24px; } -.hoverButtonGroup__5b423{ +.hoverButtonGroup__5b423 { border: solid 1px var(--menu-border); border-radius: 0px; } .iconWrapper_af9215[aria-label="Show Member List"], .iconWrapper_af9215[aria-label="Hide Member List"] { - content: url(https://numoder.github.io/dsn10-theme/assets/actions/memberlist.png); - height: 32px; - width: 32px; - margin-right: 5px; + content: url(https://numoder.github.io/dsn10-theme/assets/actions/memberlist.png); + height: 32px; + width: 32px; + margin-right: 5px; } -li:nth-child(2)>div>a>div>div.avatar__7bd22 { - content: url(https://numoder.github.io/dsn10-theme/assets/actions/memberlist.png); +li:nth-child(2) > div > a > div > div.avatar__7bd22 { + content: url(https://numoder.github.io/dsn10-theme/assets/actions/memberlist.png); } .iconItem__8e3b8[aria-label="Open Chat"] { - content: url(https://numoder.github.io/dsn10-theme/assets/general/chat.png); - height: 16px; + content: url(https://numoder.github.io/dsn10-theme/assets/general/chat.png); + height: 16px; } .iconItem__8e3b8[aria-label="Create Invite"], .iconItem__8e3b8[aria-label="Invite to Server"] { - content: url(https://numoder.github.io/dsn10-theme/assets/general/Invite%20Friends.png); - height: 16px; + content: url(https://numoder.github.io/dsn10-theme/assets/general/Invite%20Friends.png); + height: 16px; } /* home - online */ .actionButton__23182 { - background-color: transparent; + background-color: transparent; } .actionButton__23182[aria-label="Message"] svg { - background: url(https://numoder.github.io/dsn10-theme/assets/general/chat.png); - background-size: 20px; - margin-left: 1.5px; + background: url(https://numoder.github.io/dsn10-theme/assets/general/chat.png); + background-size: 20px; + margin-left: 1.5px; } .actionButton__23182[aria-label="More"] svg { - background: url(https://numoder.github.io/dsn10-theme/assets/user-area/815.png); - background-size: 22px; - background-repeat: no-repeat; - margin-left: 1.5px; + background: url(https://numoder.github.io/dsn10-theme/assets/user-area/815.png); + background-size: 22px; + background-repeat: no-repeat; + margin-left: 1.5px; } .actionButton_23182.highlight__5b64b { - background-color: transparent; + background-color: transparent; } .actionButton__23182[aria-label="Accept"] { - content: url(https://numoder.github.io/dsn10-theme/assets/general/accept.png); + content: url(https://numoder.github.io/dsn10-theme/assets/general/accept.png); } .actionButton__23182[aria-label="Ignore"] { - content: url(https://numoder.github.io/dsn10-theme/assets/general/stop.png); + content: url(https://numoder.github.io/dsn10-theme/assets/general/stop.png); } - - .actionButton__23182:hover { - box-shadow: 0 0 100px rgb(91, 91, 255); + box-shadow: 0 0 100px rgb(91, 91, 255); } .actionButton__23182:hover { - box-shadow: 0 0 100px rgb(91, 91, 255); + box-shadow: 0 0 100px rgb(91, 91, 255); } svg.icon__7215c { - color: transparent; + color: transparent; } .iconWrapper_af9215[aria-label="Join Voice Call"], .iconWrapper_af9215[aria-label="Join Voice Call"] { - content: url(https://numoder.github.io/dsn10-theme/assets/actions/phone.png); + content: url(https://numoder.github.io/dsn10-theme/assets/actions/phone.png); } .iconWrapper_af9215[aria-label="Join Video Call"] { - content: url(https://numoder.github.io/dsn10-theme/assets/general/webcam.png); + content: url(https://numoder.github.io/dsn10-theme/assets/general/webcam.png); } -div.container_b2ce9c { - background: url(https://numoder.github.io/dsn10-theme/assets/servers/786.png), linear-gradient(0deg, rgba(213, 225, 245, 1) 54%, rgba(203, 215, 237, 1) 68%, rgba(254, 254, 254, 1) 90%, rgba(254, 254, 254, 1) 90%); - background-size: 245px; - background-repeat: no-repeat; - background-attachment: fixed; - background-position: right bottom; +.text__32559::before { + content: url(https://numoder.github.io/dsn10-theme/assets/general/loading.gif); + size: 200%; } -.members__9f47b { - background-color: transparent; +.wrapper__3d460:after { + background: url(https://numoder.github.io/dsn10-theme/assets/general/loading.gif); + width: 75px; + height: 69px; } -div.scroller__00e7e { - background: url(https://numoder.github.io/dsn10-theme/assets/servers/786.png), linear-gradient(0deg, rgba(213, 225, 245, 1) 54%, rgba(254, 254, 254, 1) 80%, rgba(254, 254, 254, 1) 100%); - background-size: 360px; - background-repeat: no-repeat; - background-attachment: fixed; - background-position: right bottom; - margin-left: 0px; +.text__32559 > div.tipTitle_a7615c { + line-height: none; + text-transform: none; + margin: 24px; + font-size: 32px; + font-family: var(--font-header); + color: var(--text-primary); } -[src="/assets/9492f371ccf5db4f0156.mp4"], -video.ready__61f2f { - content: url(https://numoder.github.io/dsn10-theme/assets/general/loading.gif); - height: 200px; - width: 200px; +.tip__6e299 { + color: gray; + font-family: var(--font-code); + letter-spacing: -1.25px; } -.withFrame-haYltI { - height: 27px; - margin-top: 0px; - margin-bottom: 0px; -} - -div.button_d553e5[aria-label="Add Reaction"] { - content: url(https://numoder.github.io/dsn10-theme/assets/emojis/happy.gif); +.container__4bde3 video.ready__61f2f, +[src="/assets/988b1594e4843a08ef39.webm"] { + visibility: hidden; + height: 0px; + width: 0px; } -div.button_d553e5[aria-label="Reply"] { - content: url(https://numoder.github.io/dsn10-theme/assets/general/reply.png); +[src="/assets/b9b0ab98fd3fcb65f4d5.mp4"] { + display: none !important; } -.avatarSpeaking_c95053 { - border-radius: 0px; +.withFrame-haYltI { + height: 27px; + margin-top: 0px; + margin-bottom: 0px; } -.avatarSpeaking_c95053 { - border-radius: 0px; +div.button_d553e5[aria-label="Reply"], +[id="message-reply"] > .iconContainer__829e7 { + content: url(https://numoder.github.io/dsn10-theme/assets/general/reply.png); } .button_afdfd9[aria-label="Invite"] svg { - background: url(https://numoder.github.io/dsn10-theme/assets/general/Invite%20Friends.png); - color: transparent; - background-size: contain; + background: url(https://numoder.github.io/dsn10-theme/assets/general/Invite%20Friends.png); + color: transparent; + background-size: contain; } .actionButton__23182[aria-label="Message"] svg { - background: url(https://numoder.github.io/dsn10-theme/assets/general/chat.png); - background-size: contain; + background: url(https://numoder.github.io/dsn10-theme/assets/general/chat.png); + background-size: contain; } .button_afdfd9[aria-label="Show Chat"] svg { - background: url(https://numoder.github.io/dsn10-theme/assets/general/chat.png); - background-size: contain; - color: transparent; + background: url(https://numoder.github.io/dsn10-theme/assets/general/chat.png); + background-size: contain; + color: transparent; } .rtcConnectionStatus__40882 .ping__47992 path { - font-family: var(--font-headline); - display: none; + font-family: var(--font-headline); + display: none; } -.sidebar_ded4b5 .panels__58331 .container_d667ff .rtcConnectionStatus__40882 .ping__47992 { - background-image: url(https://numoder.github.io/dsn10-theme/assets/general/connection.png); - background-size: contain; +.sidebar_ded4b5 + .panels__58331 + .container_d667ff + .rtcConnectionStatus__40882 + .ping__47992 { + background-image: url(https://numoder.github.io/dsn10-theme/assets/general/connection.png); + background-size: contain; } -.sidebar_ded4b5 .panels__58331 .container_d667ff .rtcConnectionStatus__40882 .rtcConnectionStatusLabel__7029b .contents_fb6220 { - color: black; - font-size: 12px; +.sidebar_ded4b5 + .panels__58331 + .container_d667ff + .rtcConnectionStatus__40882 + .rtcConnectionStatusLabel__7029b + .contents_fb6220 { + font-size: 12px; + color: green; } .ping__47992 svg { - content: none; + content: none; } -.sidebar_ded4b5 .panels__58331 .container_d667ff .rtcConnectionStatus__40882 .ping__47992 path { - display: none; +.sidebar_ded4b5 + .panels__58331 + .container_d667ff + .rtcConnectionStatus__40882 + .ping__47992 + path { + display: none; } .iconItem__8e3b8[aria-label="Edit Channel"] { - content: url(https://numoder.github.io/dsn10-theme/assets/general/Settings.png); - width: 15px; + content: url(https://numoder.github.io/dsn10-theme/assets/general/Settings.png); + width: 15px; +} + +.button__4f306 > .vc-cog-wheel { + background-image: url(https://numoder.github.io/dsn10-theme/assets/general/Settings.png); + background-size: contain; + background-repeat: no-repeat; + color: transparent !important; } .icon__46425[aria-label="Clear search"], .icon__37cc1 .visible__50aa8[aria-label="Search"] { - content: url(https://numoder.github.io/dsn10-theme/assets/general/search.png); + content: url(https://numoder.github.io/dsn10-theme/assets/general/search.png); } -div.button_d553e5[aria-label="Copy Message ID"] { +[id="message-tts"] > .iconContainer__829e7 { + content: url(https://numoder.github.io/dsn10-theme/assets/general/tts.png); +} + +div.button_d553e5[aria-label="Copy Message ID"], +[id="message-copy-link"] > .iconContainer__829e7 { content: url(https://numoder.github.io/dsn10-theme/assets/actions/copyid.png); } -div.button_d553e5[aria-label="Copy Link"] { +div.button_d553e5[aria-label="Copy Link"], +[id="message-copy-text"] > .iconContainer__829e7 { content: url(https://numoder.github.io/dsn10-theme/assets/actions/copy.png); } -div.button_d553e5[aria-label="Mark Unread"] { +div.button_d553e5[aria-label="Mark Unread"], +[id="message-mark-unread"] > .iconContainer__829e7 { content: url(https://numoder.github.io/dsn10-theme/assets/actions/markunread.png); } @@ -708,22 +714,36 @@ div.button_d553e5[aria-label="Pin Message"] { filter: hue-rotate(120deg); } -div.button_d553e5[aria-label="Edit"] { +div.button_d553e5[aria-label="Edit"], +[id="message-edit"] > .iconContainer__829e7 { content: url(https://numoder.github.io/dsn10-theme/assets/actions/pencil.png); } -div.button_d553e5[aria-label="Delete"] { +div.button_d553e5[aria-label="Delete"] { } -.container__11d72 .children__32014 .iconWrapper_af9215 + .titleWrapper__482dc .title__9e2b0:before, .container__11d72 .children__32014 .iconWrapper_af9215 + .hiddenVisually__06c3e + .titleWrapper__482dc .title__9e2b0:before { +.container__11d72 + .children__32014 + .iconWrapper_af9215 + + .titleWrapper__482dc + .title__9e2b0:before, +.container__11d72 + .children__32014 + .iconWrapper_af9215 + + .hiddenVisually__06c3e + + .titleWrapper__482dc + .title__9e2b0:before { content: "#"; } - li > div > div > a > div > div.name__8d1ec.overflow__87fe8::before{ -content: "# "; +li > div > div > a > div > div.name__8d1ec.overflow__87fe8::before { + content: "# "; } -div.upperContainer__993ba > .children__32014 > .iconWrapper_af9215 > svg.icon__4cb88 { +div.upperContainer__993ba + > .children__32014 + > .iconWrapper_af9215 + > svg.icon__4cb88 { color: transparent; width: 0px; } \ No newline at end of file diff --git a/dsn10-server.css b/dsn10-server.css index 0e2d0d5..441105d 100644 --- a/dsn10-server.css +++ b/dsn10-server.css @@ -6,71 +6,288 @@ border-radius: 0px 0 0 0; } -.theme-light .container__590e2{ - background: linear-gradient(to right,#5868a8, #6878b8, #6878b8, #667dbc, #859bdc, #8898d8); +.theme-light .container__590e2 { + /* background: linear-gradient( + to right, + #5868a8, + #6878b8, + #6878b8, + #667dbc, + #859bdc, + #8898d8 + ); */ +} + +div.animatedContainer__341f6 > .bannerImage__39c51 { + margin-bottom: 20px !important; } -div.animatedContainer__341f6 > .bannerImage__39c51{ - margin-bottom: 20px !important; +.banner__6d414.panelBanner__90b8a.bannerPremium__42693, +.banner__6d414.profileBanner__8414b { + background-image: url(https://cdn.discordapp.com/attachments/1179087942552133685/1206294240666062938/Untitled-1.png?ex=65db7c0e&is=65c9070e&hm=5fc95aad94a64cb132ebbe5a416584a997bbe752a762b0030aff448ce9ed7e6d&); } /* server pics */ -.theme-light .scroller__3d071{ - background: linear-gradient(to top, #5767b3,#fbfbff)!important; - } - -.theme-light .container_ca50b9{ - background: var(--profile-background); - box-shadow: inset 0px 1px 1.5px 0px rgba(255,255,255,1), inset 0px -1px 1.5px 0px rgba(0, 0, 0, 0.5); +.scroller__3d071 { + background: linear-gradient(to top, #5767b3, #fbfbff) !important; + padding-top: 48px !important; } -.theme-light .scroller__4b984{ - background: linear-gradient(0deg, rgba(95,108,161,0.9) 0%, rgba(84,95,151,0.9) 33%, rgba(107,125,197,0.9) 66%, rgba(115,133,215,0.9) 100%), url(https://grainy-gradients.vercel.app/noise.svg); +.theme-light .scroller__4b984, +.theme-light .container__590e2 { + background: linear-gradient( + 0deg, + rgba(95, 108, 161, 0.9) 0%, + rgba(84, 95, 151, 0.9) 33%, + rgba(107, 125, 197, 0.9) 66%, + rgba(115, 133, 215, 0.9) 100% + ), + url(https://grainy-gradients.vercel.app/noise.svg); } -.theme-light .channel_c21703.container__8759a{ +.channel_c21703.container__8759a { z-index: 2; - box-shadow: inset 0 -1px #799acdd8, inset 0 -2px #0000006f; + /* box-shadow: inset 0 -1px #799acdd8, inset 0 -2px #0000006f; */ border-radius: 0px; + border: 1px solid; +} + +.theme-light .channel_c21703.container__8759a { + border-image: linear-gradient( + 90deg, + rgba(0, 0, 0, 0) 0%, + rgba(118, 162, 214, 1) 35%, + rgba(118, 162, 214, 1) 40%, + rgba(118, 162, 214, 1) 65%, + rgba(0, 0, 0, 0) 100% + ) + 1; + border-image-width: 0px 0px 1px 0px; +} +.theme-dark .channel_c21703.container__8759a { + border-image: linear-gradient( + 90deg, + rgba(0, 0, 0, 0) 0%, + #6875ac 35%, + #6875ac 40%, + #6875ac 65%, + rgba(0, 0, 0, 0) 100% + ) + 1; + border-image-width: 0px 0px 1px 0px; +} + +.theme-light + .content__23cab[aria-label="Direct Messages"] + > .channel_c21703 + > .interactive__776ee { + border: 1px solid; + border-image: linear-gradient( + 90deg, + rgba(0, 0, 0, 0) 0%, + rgba(53, 57, 110, 1) 25%, + rgba(53, 57, 110, 1) 40%, + rgba(53, 57, 110, 1) 75%, + rgba(0, 0, 0, 0) 100% + ) + 1; + border-image-width: 0px 0px 1px 0px; + margin-bottom: -1px; +} + +.theme-dark + .content__23cab[aria-label="Direct Messages"] + > .channel_c21703 + > .interactive__776ee { + border: 1px solid; + border-image: linear-gradient( + 90deg, + rgba(0, 0, 0, 0) 0%, + #4d4c84 25%, + #4d4c84 40%, + #4d4c84 75%, + rgba(0, 0, 0, 0) 100% + ) + 1; + border-image-width: 0px 0px 1px 0px; + margin-bottom: -1px; +} + +.name__02dbd > .overflow__87fe8 { + padding: 1px 0px 1px; + font-family: var(--font-code); + font-size: 16px; + letter-spacing: -1.25px; +} + +.privateChannelsHeaderContainer_ddcec6, +.privateChannelsHeaderContainer_ddcec6:hover { + background: linear-gradient( + 0deg, + rgba(255, 255, 255, 0.4) 0%, + rgba(255, 255, 255, 0) 75% + ); + border-bottom: 1px solid white; + text-transform: none; + font-weight: normal; + font-family: var(--font-code); + font-size: 16px; + letter-spacing: -1.25px; + color: white; } -.theme-light section.panels__58331{ - background: #768eca; +.thin_b1c063, +.theme-light .scroller__4b984 { + color: transparent !important; } -/* .theme-light .wrapper__0ed4a{ +.content_f767b8 { + text-align: start; + white-space: wrap; + overflow: hidden; + flex: 1 1 auto; +} -} */ +.layout__59abc, +.interactive__776ee.interactive_a868bc { + flex-direction: row-reverse; + flex: 1 1 auto; +} -.theme-light .link__2e8e1{ - color: white; +.spotifySection__1d573 > div > .defaultColor__37d78, +.text-sm-normal_e612c7, +.content__72fdc { + overflow: hidden; + /* white-space: nowrap; */ + font-family: var(--font-small); + font-size: var(--font-small-size) !important; + font-weight: normal; } -/* NEW SERVER LIST */ +.spotifySection__1d573 > .activitySectionAssets_ea2444 > .largeImage_f4707b { + content: url(https://cdn.discordapp.com/attachments/1180332254615052288/1204648165362503780/Audio_CD-small.png?ex=65deb987&is=65cc4487&hm=e15185f755d8184b6d2b1be73d4817ca2546d7e6bfc7355f62f1994b429e5532&); +} -/* SERVER LIST*/ +[src="/assets/603007783abe09a10ae5.svg"] { + content: url(https://static.wikia.nocookie.net/logopedia/images/8/84/Skype_2004.svg); + height: fit-content; +} +.xboxSectionIcon__34457 { + background-image: url(https://cdn.discordapp.com/attachments/1179087942552133685/1205694731708010546/3a00f5cdee3c1c6053e7b45e1a50fc9e.png?ex=65d94db8&is=65c6d8b8&hm=b1a772306cfab142bd182e9a6f2919aa6f61f0cc8abc631030b859b44ca9e2ce&); + background-size: contain; + background-repeat: no-repeat; +} -/* server channel background */ +[src="/assets/9a15d086141be29d9fcd.png"], +[src="/assets/fe9652309ef98c6f358e.svg"], +[src="/assets/496af98033e8f20540ec.svg"] { + content: url(https://cdn.discordapp.com/attachments/1179087942552133685/1205694731708010546/3a00f5cdee3c1c6053e7b45e1a50fc9e.png?ex=65d94db8&is=65c6d8b8&hm=b1a772306cfab142bd182e9a6f2919aa6f61f0cc8abc631030b859b44ca9e2ce&); +} +[src="/assets/75577d21ad1497348a3c.svg"] { + content: url(https://cdn.discordapp.com/attachments/1180332254615052288/1207124524781543515/Epic-Games-Logo-1995-small-small.png?ex=65de8151&is=65cc0c51&hm=8eb71ade23ea19b794002b321c30a7b7f0de6557635bb21f19a071a6cbe56b2c&); +} -/* dark friends list */ +[src="/assets/cc52988849f86e1c85f5.svg"], +[src="/assets/57a3fe2c0e62e98937fd.svg"], +[src="/assets/f47485602365c946fa52.svg"] { + content: url(https://static.wikia.nocookie.net/logopedia/images/7/7a/Twitter_T_logo.svg); + width: fit-content; +} + +[src="/assets/d8deaf4c4cbec4b8f9d6.svg"] { + content: url(https://cdn.discordapp.com/attachments/1180332254615052288/1207040113612431441/favicon.png?ex=65de32b4&is=65cbbdb4&hm=417ec2dea9b484d01bf29e42b5d5c19c925b1e2ae8e83b97b425a1b93c8d1f5b&); +} -.theme-dark .scroller__4b984{ - background: linear-gradient(0deg, #66619af2 0%, rgba(90,89,146,0.9) 30%, rgba(96,95,152,0.8) 60%, rgba(118,112,199,0.8) 100%), url(https://grainy-gradients.vercel.app/noise.svg); +[src="/assets/1b0b60300e4f234337be.svg"], +[src="/assets/75577d21ad1497348a3c.svg"] { + content: url(https://cdn.discordapp.com/attachments/1180332254615052288/1207123765167788052/PlayStation_Network_2008_Stacked.png?ex=65de809c&is=65cc0b9c&hm=b42fb8dca2891856719ca055019505676cd83509d77dfddecef45abe3526cbc0&); } -.theme-dark .container_ca50b9, .theme-dark .container_d667ff{ - background: linear-gradient(0deg, #66619af2 0%, rgba(90,89,146) 30%, rgba(96,95,152) 60%, rgba(118,112,199) 100%); - box-shadow: inset 0px 1px 1.5px 0px rgba(255,255,255,1); - border-top: 1px solid rgba(116,135,209); +[src="/assets/1b0b60300e4f234337be.svg"] { + height: 24px; } -.theme-dark .container_d667ff{ - background: linear-gradient(0deg, #66619af2 0%, rgba(90,89,146) 30%, rgba(96,95,152) 60%, rgba(118,112,199) 100%); +[src="/assets/f22d0f157e5b64710577.svg"] { + content: url(https://1000logos.net/wp-content/uploads/2020/09/Epic-Games-Logo-1995.png); + height: fit-content; } -.theme-dark .button__66e8c.buttonColor_a6eb73:hover{ +[src="/assets/d46756f782e19355e483.svg"], +[src="/assets/100f3a82bf746402d6ac.svg"] { + content: url(https://static.wikia.nocookie.net/logopedia/images/9/9f/SteamOldIcon.png); +} + +[src="/assets/27b152e2ddb3acb76a92.svg"] { + content: url(https://static.wikia.nocookie.net/logopedia/images/2/2c/Battlenet.png); + height: fit-content; +} + +[src="/assets/7231645d01e0b14f58cc.svg"] { + content: url(https://media.discordapp.net/attachments/1180332254615052288/1207038452944867418/Spotify_2008_Icon.png?ex=65de3128&is=65cbbc28&hm=312d1d649ce64c4344f0a43baf77f02f904b5060c54ea1c2fa94b96bd26f6f08&=&format=webp&quality=lossless); + width: 24px; +} + +.xboxSectionIcon__34457 { + color: transparent !important; +} + +.section_efc22d > div { + padding-left: 12px; +} + +.activitySection_b322be > div > div, +.statusDiv_a4cf67 .statusText_e0f90b { + font-family: var(--font-small); + font-size: var(--font-small-size); +} + +.theme-light .link__2e8e1 { + color: white; +} + +/* NEW SERVER LIST */ + +/* server channel background */ + +/* dark friends list */ + +.theme-dark .scroller__4b984 { + background: linear-gradient( + 0deg, + #66619af2 0%, + rgba(90, 89, 146, 0.9) 30%, + rgba(96, 95, 152, 0.8) 60%, + rgba(118, 112, 199, 0.8) 100% + ), + url(https://grainy-gradients.vercel.app/noise.svg); +} + +.theme-dark .container_ca50b9, +.theme-dark .container_d667ff { + background: linear-gradient( + 0deg, + #66619af2 0%, + rgba(90, 89, 146) 30%, + rgba(96, 95, 152) 60%, + rgba(118, 112, 199) 100% + ); + box-shadow: inset 0px 1px 1.5px 0px rgba(255, 255, 255, 1); + border-top: 1px solid rgba(116, 135, 209); +} + +.theme-dark .container_d667ff { + background: linear-gradient( + 0deg, + #66619af2 0%, + rgba(90, 89, 146) 30%, + rgba(96, 95, 152) 60%, + rgba(118, 112, 199) 100% + ); +} + +.theme-dark .button__66e8c.buttonColor_a6eb73:hover { background-color: #66619a; } @@ -80,120 +297,188 @@ div.animatedContainer__341f6 > .bannerImage__39c51{ padding: 10px; } */ -.theme-dark .scroller__4b984, .theme-dark .container_ca50b9, .theme-dark .container_d667ff{ +.theme-dark .scroller__4b984, +.theme-dark .container_ca50b9, +.theme-dark .container_d667ff { border-left: 1px solid #1c146f; border-right: 1px solid #1c146f; border-radius: 0px 0 0 0; } -.theme-dark .channel_c21703.container__8759a{ +.theme-dark.channel_c21703.container__8759a { z-index: 2; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.5), inset 0 -2px #53528e; border-radius: 0px; } -.scroller__4b984 > .content__23cab:last-child::after{ - content: url(https://cdn.discordapp.com/attachments/1189324560168923228/1191977049561247754/msn_chat_logo.gif?ex=65a76622&is=6594f122&hm=2d9699c66866099a0858f54f2636345c61213b6ac447b3945f02213ce87bf4d1&); - position: absolute; - margin: 55px 0px 0px 55px; - margin-top: 0px; +.scroller__4b984 > .content__23cab:last-child::after { + content: url(https://cdn.discordapp.com/attachments/1179087942552133685/1211702844642693181/Untitled-23.png?ex=65ef2936&is=65dcb436&hm=144301adb91f0b68ebb8fe6d1a38926f9c1e3789570483be6bef1ddf1163b360&); +} + +.scroller__4b984 > ul > li { + /* mask: linear-gradient( + to right, + #ffffff00, + #000000ab, + #000000e2, + #000, + #000000e2, + #000000ab, + #0000 + ); + -webkit-mask: linear-gradient( + 90deg, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 1) 7.5%, + rgba(0, 0, 0, 1) 50%, + rgba(0, 0, 0, 1) 90%, + rgba(0, 0, 0, 0) 100% + ); */ + background: transparent !important; } -.scroller__4b984 > ul > li { - mask: linear-gradient(to right, #ffffff00, #000000ab, #000000e2, #000, #000000e2,#000000ab, #0000); - -webkit-mask: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 7.5%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 90%, rgba(0,0,0,0) 100%); +.layout__59abc.highlighted__7bba7 > .content_f767b8 { + color: white; +} +.theme-dark .name__02dbd { + color: white; } -.theme-dark div.name__02dbd{ - color: white; - +div.name__02dbd { + letter-spacing: -1.2px; } -div.name__02dbd{ - font-family: var(--font-primary); + +.content_f767b8 > div { + font-family: var(--font-code); font-weight: 400; - padding-right: 2px; + margin-left: 4px; } - - -.channel_c21703.container__8759a :hover, .theme-dark .interactive__776ee.interactive_a868bc.interactiveSelected_ec846b{ - background: linear-gradient(97deg, rgba(116,135,209,0) 0%, rgba(124,148,222,1) 50%, rgba(95,109,163,0) 100%); +.interactive__776ee:hover, +.interactive__776ee:hover > .link__2e8e1 > .layout__59abc { + background: linear-gradient( + 97deg, + rgba(116, 135, 209, 0) 0%, + rgba(124, 148, 222, 1) 50%, + rgba(95, 109, 163, 0) 100% + ); color: yellow !important; - transition: 0.2s; } - -.theme-dark .channel_c21703.container__8759a:active{ - background: linear-gradient(97deg, rgba(116,135,209,0) 0%, rgba(89, 119, 207, 0.798) 50%, rgba(95,109,163,0) 100%); +.interactive__776ee:not(.linkButton_ebd2ba):hover, +.interactive__776ee:not(.linkButton_ebd2ba):hover + > .link__2e8e1 + > .layout__59abc { + padding-left: 0px; +} + +.interactive__776ee:active, +.interactive__776ee:active > .link__2e8e1 > .layout__59abc { + background: linear-gradient( + 97deg, + rgba(116, 135, 209, 0) 0%, + rgb(148, 174, 255) 50%, + rgba(95, 109, 163, 0) 100% + ); color: yellow !important; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.611), inset 0 -2.5prgb(137, 135, 255)8e; - transition: 0.2s; + text-shadow: 1px 1px 0 rgba(255, 252, 205, 0.75); } -.theme-dark .channel_c21703.container__8759a:active{ - background: linear-gradient(97deg, rgba(116,135,209,0) 0%, rgba(89, 119, 207, 0.798) 50%, rgba(95,109,163,0) 100%); +.theme-dark .channel_c21703.container__8759a:active { + background: linear-gradient( + 97deg, + rgba(116, 135, 209, 0) 0%, + rgba(89, 119, 207, 0.798) 50%, + rgba(95, 109, 163, 0) 100% + ); color: yellow !important; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.611), inset 0 -2.5prgb(137, 135, 255)8e; - transition: 0.2s; -} - - .interactive__776ee.interactiveSelected_ec846b > .link__2e8e1 > .layout__59abc > .content_f767b8 > .nameAndDecorators_cfd1ff > .name__02dbd, .interactive__776ee.interactiveSelected_ec846b > .link__2e8e1 > .layout__59abc > .content_f767b8 > .subText_ed6eed > .subtext__623a0{ + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.611), + inset 0 -2.5prgb (137, 135, 255) 8e; + border: 0; +} + +.interactive__776ee.interactiveSelected_ec846b + > .link__2e8e1 + > .layout__59abc + > .content_f767b8 + > .nameAndDecorators_cfd1ff + > .name__02dbd, +.interactive__776ee.interactiveSelected_ec846b + > .link__2e8e1 + > .layout__59abc + > .content_f767b8 + > .subText_ed6eed + > .subtext__623a0 { color: yellow; + text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.75); } -.theme-dark .name__02dbd :active{ -right: -2px; -margin-top: 2px; +.interactive__776ee > .link__2e8e1 > .avatarWithText__17e10 > .avatar__7bd22 { + filter: drop-shadow(1.5px 1.5px 0.5px rgba(0, 0, 0, 0.5)); +} +.interactiveSelected_ec846b + > .link__2e8e1 + > .avatarWithText__17e10 + > .avatar__7bd22 { + filter: drop-shadow(1.5px 1.5px 0.5px green); } -.theme-dark div.subText_ed6eed{ +.theme-dark div.subText_ed6eed { color: rgba(255, 255, 255, 0.8); } +/* profile / audio / settings */ - /* profile / audio / settings */ - - .theme-light .scroller__3d071 { - background: linear-gradient(to top, #5868a8, #5868a8, #5868a8, #5868a8, #ffffff); - } - - /*category in server*/ - .theme-light .containerDefault__23a29, - .theme-light li.containerDefault__3187b.wrapper__7bcde>div { - position: relative; - padding-top: 3px; - background: linear-gradient(13deg, #ffffff30, #fbfbfbbf, #fbfbfb); - background-repeat: no-repeat; - background-position: center; - border-radius: 4px; - box-shadow: inset 1px 1px 1px #6d6d6d; - margin-left: 7px; - margin-right: 2px; - margin-top: 7.5px; - } - -.container-q97qHp { /* Categories */ + background: linear-gradient( + to top, + #5868a8, + #5868a8, + #5868a8, + #5868a8, + #ffffff + ); +} + +/*category in server*/ +.theme-light .containerDefault__23a29, +.theme-light li.containerDefault__3187b.wrapper__7bcde > div { + position: relative; + padding-top: 3px; + background: linear-gradient(13deg, #ffffff30, #fbfbfbbf, #fbfbfb); + background-repeat: no-repeat; + background-position: center; + border-radius: 4px; + box-shadow: inset 1px 1px 1px #6d6d6d; + margin-left: 7px; + margin-right: 2px; + margin-top: 7.5px; +} + +.container-q97qHp { + /* Categories */ text-transform: uppercase; font-size: 14px; color: #000000; } -div.modeMuted__0aeea > div > a.link__95dc0{ +div.modeMuted__0aeea > div > a.link__95dc0 { background-color: rgba(205, 205, 205, 0.5) !important; /* text-decoration: line-through; */ color: rgb(0, 0, 0) !important; } - /* server buttons */ +/* server buttons */ li.containerDefault__3187b > div { - background: radial-gradient(#fff, white); - box-shadow: inset 1Px 1px 2px grey; - margin: 2px; - border-radius: 3px; - margin-left: 8px; - } - -.containerDefault__3187b[role="listitem"] > .link__95dc0 > .content_c6490e > .name__8d1ec{ + background: radial-gradient(#fff, white); + box-shadow: inset 1px 1px 2px grey; + margin: 2px; + border-radius: 3px; + margin-left: 8px; +} + +.containerDefault__3187b[role="listitem"] + > .link__95dc0 + > .content_c6490e + > .name__8d1ec { font-family: "Trebuchet MS"; text-transform: uppercase; font-weight: 700; @@ -201,279 +486,302 @@ li.containerDefault__3187b > div { div.list__02208 { background: transparent !important; - box-shadow: none !important; + box-shadow: none !important; } -li.containerDefault__3187b > div:hover{ - background: white; - box-shadow: inset 1px 1px 1px #0000004d; - } - -li.containerDefault__3187b > div:active{ +li.containerDefault__3187b > div:hover { + background: white; + box-shadow: inset 1px 1px 1px #0000004d; +} +li.containerDefault__3187b > div:active { } - /* private channel */ -.theme-light .containerDefault__3187b > div > .modeLocked_fcc71a > div > .link__95dc0 { - background: linear-gradient(0deg, rgba(242,248,254,1) 0%, rgba(199,207,237,1) 100%); +/* private channel */ +.theme-light + .containerDefault__3187b + > div + > .modeLocked_fcc71a + > div + > .link__95dc0 { + background: linear-gradient( + 0deg, + rgba(242, 248, 254, 1) 0%, + rgba(199, 207, 237, 1) 100% + ); border: solid 1px #d8deec; } -.wrapper__7bcde{ +.wrapper__7bcde { + margin-left: 0px; +} + +.wrapper_a7e7a8 { + width: 50px; + background-color: #63609b; +} + +.tree__7a511 { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + height: 100%; + width: 50px; +} + +.childWrapper__01b9c { + background-color: #fff0; +} + +.wrapperSimple_a34580 { + border-radius: 0px; +} + +.wrapper_d281dd[aria-label="Direct Messages"] svg { + display: block; + width: 0px; + height: 0px; +} + +.wrapper_d281dd[aria-label="Direct Messages"] .childWrapper__01b9c { + mask: none; + background: url(https://numoder.github.io/dsn10-theme/assets/servers/butterflystatic.png); + background-size: 44.4px; + background-repeat: no-repeat; + background-position: center; +} + +/* animated icon when friends list is active */ +.tutorialContainer__890ea + > .listItem_fa7b36 + > .listItemWrapper__1f93b.selected_ad2d13 + div { + content: url(https://ucarecdn.com/67ac0119-504d-4bc8-9483-9ac51f586682/); + background-repeat: no-repeat; + background-position: center; +} + +.selected_d94cf9 { + background: transparent !important; +} + +/* server/friend notification */ +.numberBadge__50328.base__92a12, +.unreadBar__6ecda, +.mentionsBar__4b47a { + background: linear-gradient(45deg, #ff0202, #f3ec00fa); + padding-right: 0px !important; + font-family: var(--font-code) !important; +} + +.notice_a687ab { + background: linear-gradient( + 0deg, + rgba(22, 24, 87, 1) 0%, + rgba(3, 1, 112, 1) 50%, + rgba(11, 11, 159, 1) 50%, + rgba(51, 51, 255, 1) 100% + ); + /* border: 1px solid white; */ + border-radius: 0; + height: 50px; +} + +.unreadBar__6ecda:hover, +.mentionsBar__4b47a:hover { + box-shadow: 1px 1px 5px #ffffff4d, inset -1px -1px 3px #0000004d; + transform: 0.2s; +} + +/* server voicecall / videocall icon */ +.upperBadge_c7cfb3 { + z-index: 2; +} + +.partyMemberOverflow_d12297 { + background: var(--accent-color); + color: white; +} + +.iconBadge_fdf33a, +.containerPadding_b3087b > .bar__004d9, +.theme-light .voiceSectionIconWrapper_c50254 { + background: linear-gradient(45deg, #b302ff, #00bef3fa); + color: white !important; +} + +.theme-light .voiceSectionIcon__76b0f { + color: white !important; +} + +.listItem_fa7b36 { + position: relative; + margin: 0px 0px 0px 0px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + width: 50px; + border: 0px solid #ababab; + border-top: 0px solid #a2a2a273; + border-left: solid 0px #cacaca; + box-shadow: 0px 0px 0px #5d5d5d; + border-bottom: 0px solid #424242; + padding-left: 3px; + margin-bottom: 0px; + opacity: 1; +} + +.svg_ad7356, +.wrapper__3af0b { + -webkit-box-sizing: border-box; + box-sizing: border-box; + opacity: 1; + position: relative; + z-index: 0; + border: 3px solid #ffffff00; + left: -3px; + top: -3px; +} + +/* unread mentions indicator on server */ +.unreadMentionsIndicatorBottom_fdb943, +.unreadMentionsIndicatorTop_ada847 { + padding: 8px; + height: 46px; + width: 46px; +} + +.theme-light .scroller__00e7e { + background-size: 360px; +} + +.members__9f47b { + background-color: transparent; +} + +/*name in voicechanel */ +.theme-light .icon__1d60c, +.theme-light .username__73ce9 { + color: var(--text-primary) !important; +} + +.name-28HaxV { + color: var(--text-primary); +} + +.modeSelected__487d6 .link__95dc0 { + color: inherit; +} + +.theme-light .link__95dc0:hover, +.modeSelected__487d6 .link__95dc0 { + background: linear-gradient(to right, #b5b5b5, #ffffff7f); + box-shadow: inset 1px 1px 2px grey; +} + +.link__95dc0:active { + background: linear-gradient(to right, #919191, #ffffff90) !important; +} + +.unread__48cf4 { + position: absolute; + height: 8px; + width: 8px; + border-radius: 15px; + top: 22%; + left: 5px; + margin-top: 0px; + display: none; +} + +.isUnread__6f880 { + border-color: #ffa500; +} +.unreadPill__715fc { + color: #fff; + background-color: #ffa500; +} +.unreadPillCapStroke__12c0b, +.divider__8cf56 > span.content_d67847 { + border: white 1px solid; + border-radius: 1px; + color: #ffa500; + fill: #ffa500; +} + +.unreadImportant_c775b3, +.modeUnreadImportant_efb53e > div > a > div > .name__8d1ec { + color: #020202; + background: url(http://www.netscape-communications.com/wp-content/uploads/2021/07/pin.png); + text-shadow: 1px 1px 2px rgba(255, 255, 0, 0.25); + background-repeat: no-repeat; + background-size: contain; + background-position-x: right; + font-weight: 600; +} + +.voiceUser__0470a { + background-color: #f3f3fd; + border: 1px solid var(--theme-border); + box-shadow: inset -5px -5px 10px -5px #8297c2, inset 5px 5px 10px -10px white; + border-radius: 5px; +} + +.row__8f131 > .activityIcon_a3c442.rowIcon__2bfb3 { + background: url(https://numoder.github.io/dsn10-theme/assets/general/volume.png); + background-size: contain; + color: transparent; +} + +/* server pill */ +.item_f9d377 { + position: fixed; + display: block; + width: 5px; + border-radius: 0%; margin-left: 0px; + background-color: #ff180000; + height: 6px !important; + border: 0px solid #780080; + background: linear-gradient(to bottom left, #259401, #1bff00); + margin: -17px 0px 18px 44px; +} + +/* server pill length */ +.wrapper__3670f { + width: 49px; + height: 40px; +} + +.container-3w7J-x .content-3YMskv { + position: relative; + margin-top: 0px; +} + +/* server folder */ +.expandedFolderBackground__1bec6 { + left: 4px; + width: 40px; + bottom: 10px; +} + +.folderIconWrapper__72239 > svg { + content: url(https://cdn.discordapp.com/attachments/1180332254615052288/1202352019181158511/Folder_Opened-small.png?ex=65cd2493&is=65baaf93&hm=af1e117f1b5a9894218795c3a4717b8e344f8b88a00839e3f43ae73d4586e1d6&); + height: fit-content; + width: fit-content; +} + +.wrapper_ed1dea > ul { + display: inline !important; +} + +.theme-dark .container__590e2 { + background-color: #63609b; } - .wrapper_a7e7a8 { - width: 50px; - background-color: #63609b; - } - - .tree__7a511 { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - height: 100%; - width: 50px; - } - - .childWrapper__01b9c { - background-color: #fff0; - } - .tutorialContainer__890ea { - position: relative; - } - - .wrapper_d281dd[aria-label="Direct Messages"] svg{ - display: block; - width: 0px; - height: 0px; - } - - .wrapper_d281dd[aria-label="Direct Messages"] .childWrapper__01b9c { - mask: none; - background: url(https://numoder.github.io/dsn10-theme/assets/servers/butterflystatic.png); - background-size: 44.4px; - background-repeat: no-repeat; - background-position: center; - } - - .wrapper_d281dd[aria-label="Direct Messages"] .childWrapper__01b9c:hover { - filter: contrast(1.4); - transition: 1s; - } - - /* animated icon when friends list is active */ - .tutorialContainer__890ea > .listItem_fa7b36 > .listItemWrapper__1f93b.selected_ad2d13 div { - content: url(https://ucarecdn.com/67ac0119-504d-4bc8-9483-9ac51f586682/); - background-repeat: no-repeat; - background-position: center; - } - - /* server/friend notification */ - .numberBadge__50328.base__92a12, .unreadBar__6ecda, .mentionsBar__4b47a { - background: linear-gradient(45deg, #ff0202, #f3ec00fa); - - } - - .unreadBar__6ecda:hover, .mentionsBar__4b47a:hover{ - box-shadow: 1px 1px 5px #ffffff4d, inset -1px -1px 3px #0000004d; - transform: 0.2s; - } - - /* server without picture */ - .theme-light div.childWrapper__01b9c.acronym_cd4809{ - background: #f3f3fd !important; - border: 1px solid #506b9a; - box-shadow: inset -10px -10px 14px -5px #8297c2, inset 10px 10px 14px -10px white; - color: black; - border-radius: 50%; - height: 46px !important; - } - - .theme-light .wrapper_d281dd .acronym_cd4809:hover{ - background-color: white; - border-radius: 25%; - color: var(--accent-color-selected); - box-shadow: #ADCFFF 6px inset; - transition: .25s; - } - - /* server voicecall / videocall icon */ - .upperBadge_c7cfb3{ - z-index: 2; - } - .iconBadge_fdf33a, .containerPadding_b3087b > .bar__004d9{ - background: linear-gradient(45deg, #b302ff, #00bef3fa); - } - - .listItem_fa7b36 { - position: relative; - margin: 0px 0px 0px 0px; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - width: 50px; - border: 0px solid #ababab; - border-top: 0px solid #a2a2a273; - border-left: solid 0px #cacaca; - box-shadow: 0px 0px 0Px #5d5d5d; - border-bottom: 0px solid #424242; - padding-left: 3Px; - margin-bottom: 0px; - opacity: 1; - } - - .svg_ad7356, .wrapper__3af0b { - -webkit-box-sizing: border-box; - box-sizing: border-box; - opacity: 1; - position: relative; - z-index: 0; - border: 3px solid #ffffff00; - left: -3px; - top: -3px; - } - - /* unread mentions indicator on server */ - .unreadMentionsIndicatorBottom_fdb943, .unreadMentionsIndicatorTop_ada847 { - padding: 8px; - height: 46px; - width: 46px; - } - - div.container_b2ce9c, .members__9f47b { - background: url(https://numoder.github.io/dsn10-theme/assets/servers/786.png), linear-gradient(0deg, rgba(213, 225, 245, 1) 54%, rgba(203, 215, 237, 1) 68%, rgba(254, 254, 254, 1) 90%, rgba(254, 254, 254, 1) 90%); - background-size: 245px; - background-repeat: no-repeat; - background-attachment: fixed; - background-position: right bottom; - } - - .members__9f47b { - background-color: transparent; - } - - .theme-light .scroller__00e7e { - background: url(https://numoder.github.io/dsn10-theme/assets/servers/786.png), linear-gradient(0deg, rgba(213, 225, 245, 1) 54%, rgba(254, 254, 254, 1) 80%, rgba(254, 254, 254, 1) 100%); - background-size: 360px; - background-repeat: no-repeat; - background-attachment: fixed; - background-position: right bottom; - } - - /*name in voicechanel */ - .theme-light .icon__1d60c, - .theme-light .username__73ce9 { - color: black !important; - } - - .name-28HaxV { - color: black; - } - - .modeSelected__487d6 .link__95dc0 { - color: inherit; - } - - .theme-light .link__95dc0:hover, - .modeSelected__487d6 .link__95dc0 { - background: linear-gradient(to right, #b5b5b5, #ffffff7f); - box-shadow: inset 1px 1px 2px grey; - } - - .link__95dc0:active{ - background: linear-gradient(to right, #919191, #ffffff90) !important; - } - - .unread__48cf4 { - position: absolute; - height: 8px; - width: 8px; - border-radius: 15px; - top: 22%; - left: 5px; - margin-top: 0px; - display: none; - } - - .isUnread__6f880 { - border-color: #ffa500; - } - .unreadPill__715fc{ - color: #fff; - background-color: #ffa500; - } - .unreadPillCapStroke__12c0b, .divider__8cf56 > span.content_d67847 { - color: #ffa500; - fill: #ffa500; - } - - - .unreadImportant_c775b3, .modeUnreadImportant_efb53e > div > a > div > .name__8d1ec{ - color: #020202; - background: url(http://www.netscape-communications.com/wp-content/uploads/2021/07/pin.png); - text-shadow: 1px 1px 2px rgba(255, 255, 0, 0.25); - background-repeat: no-repeat; - background-size: contain; - background-position-x: right; - font-weight: 600; -} - - - - .voiceUser__0470a { - background-color: #f3f3fd; - border: 1px solid #506b9a; - box-shadow: inset -5px -5px 10px -5px #8297c2, inset 5px 5px 10px -10px white; - border-radius: 5px; - } - - /* server pill */ - .item_f9d377 { - position: fixed; - display: block; - width: 5px; - border-radius: 0%; - margin-left: 0px; - background-color: #ff180000; - height: 6px !important; - border: 0px solid #780080; - background: linear-gradient(to bottom left,#259401, #1bff00); - margin: -17px 0px 18px 44px; - } - - /* server pill length */ - .wrapper__3670f { - width: 49px; - height: 40px; - } - - .container-3w7J-x .content-3YMskv { - position: relative; - margin-top: 0px; - } - - /* server folder */ - .expandedFolderBackground__1bec6{ - left: 4px; - width: 40px; - bottom: 10px; - } - .wrapper_ed1dea > ul - { - display: inline !important; - } - - - - .theme-dark .container__590e2{ - background-color: #63609b; - } - - - .theme-dark .wrapper__7bcde .modeLocked_fcc71a{ - background-color: #63609b; - } \ No newline at end of file +.theme-dark .wrapper__7bcde .modeLocked_fcc71a { + background-color: #63609b; +} \ No newline at end of file diff --git a/dsn10-settings.css b/dsn10-settings.css index bfd54fb..47a4038 100644 --- a/dsn10-settings.css +++ b/dsn10-settings.css @@ -1,73 +1,113 @@ -/* login screen */ +.sectionTitle_e32631 > h2 { + font-family: var(--font-header); +} -.authBox__7196a[data-theme=dark], .authBox__7196a[data-theme=light], .modal__1237a > .content__764ce { - background: url(https://media.discordapp.net/attachments/1189324560168923228/1189670757006057593/loginboxbackground.png?ex=659f023b&is=658c8d3b&hm=38a443eea9234ba227335e2ab32593d5e91d7b028741875c1d1dd3e879e777a4&=&format=webp&quality=lossless); +/* login screen */ +.authBoxExpanded_e57789.authBox__7196a .authBox__7196a[data-theme="dark"], +.authBox__7196a[data-theme="light"], +.modal__1237a > .content__764ce { + background: var(--login-background) !important; border-radius: 0px; background-position: center; background-size: cover; -} +} -.authBox__7196a{ +.authBox__7196a { border: 2px solid #d2dbfc !important; } /* header text for login screen */ -div.mainLoginContainer__58502 > div.header_feace3 > h1, div > div > section > div.centeringWrapper__319b0 > h1 { -font-family: var(--font-primary), bold; -font-size: xx-large; -font-style: italic; -text-transform: lowercase; -color: #ffffff50 !important; +div.mainLoginContainer__58502 > div.header_feace3 > h1, +div > div > section > div.centeringWrapper__319b0 > h1 { + font-family: var(--font-primary), bold; + font-size: xx-large; + font-style: italic; + text-transform: lowercase; + color: rgba(255, 255, 255, 0.8) !important; +} + +.qrLoginInner__86510 > .text-md-normal__4afad { + color: rgba(255, 255, 255, 0.8) !important; +} + +.marginTop20_d88ee7 > button[type="submit"] { + height: 23px; + width: auto; + margin-left: auto; + margin-right: auto; } /* links for login */ -.marginBottom20__64605 > .contents_fb6220, .smallRegisterLink__04c66 > .contents_fb6220, .startOverButton_b3ba6f.button_afdfd9, button.marginTop8__83d4b.marginCenterHorz__4cf72.linkButton_ba7970.button_afdfd9.lookLink__93965 > div{ +.marginBottom20__64605 > .contents_fb6220, +.smallRegisterLink__04c66 > .contents_fb6220, +.startOverButton_b3ba6f.button_afdfd9, +button.marginTop8__83d4b.marginCenterHorz__4cf72.linkButton_ba7970.button_afdfd9.lookLink__93965 + > div { font-family: var(--font-headline); text-decoration: underline; - color: #C0CCFF; -} - -.qrLoginInner__86510 > .text-md-normal__4afad{ - margin-top: -50px; + color: #c0ccff; } -div.mainLoginContainer__58502 > div.header_feace3 > div.text-md-normal__4afad, .qrLoginInner__86510 > .heading-xl-semibold__18cc2{ +div.mainLoginContainer__58502 > div.header_feace3 > div.text-md-normal__4afad, +.qrLoginInner__86510 > .heading-xl-semibold__18cc2 { color: transparent !important; font-size: 0px !important; } -.marginBottom20__64605 > .input_d266e7 > .inputWrapper__934f5 > .inputDefault__80165, .mainLoginContainer__58502 > .block__8bc50 > div > .inputWrapper__934f5 > .inputDefault__80165, .authBox__7196a > div > div > div > .inputWrapper__934f5 > .inputDefault__80165, .marginBottom20__64605 > div.inputWrapper__934f5 > .inputDefault__80165{ +.marginBottom20__64605 + > .input_d266e7 + > .inputWrapper__934f5 + > .inputDefault__80165, +.mainLoginContainer__58502 + > .block__8bc50 + > div + > .inputWrapper__934f5 + > .inputDefault__80165, +.authBox__7196a > div > div > div > .inputWrapper__934f5 > .inputDefault__80165, +.marginBottom20__64605 > div.inputWrapper__934f5 > .inputDefault__80165 { background-color: white; - font-family: var(--font-small); + font-family: var(--font-body); height: 23px; - font-size: 11px; border: 1px solid var(--accent-color); - color: black; + color: var(--text-primary); border-radius: 0px; } - - -.label__5447e{ +.label__5447e { font-family: var(--font-headline) !important; } -div.qrCodeContainer__52c91{ - background: linear-gradient(135deg, rgba(255,125,82,1) 0%, rgba(255,179,106,1) 100%); +div.qrCodeContainer__52c91 { + background: linear-gradient( + 135deg, + rgba(255, 125, 82, 1) 0%, + rgba(255, 179, 106, 1) 100% + ); border-radius: 5px; padding: 6px; } -[src="/assets/863db41a48a43395cd55.svg"]{ +.resizeHandle_f1a098 { +} + +[src="/assets/863db41a48a43395cd55.svg"], +.wanderingCubes_ce37c6 { content: url(https://numoder.github.io/dsn10-theme/assets/general/loading.gif); width: 100px; } -.scrollerBase_dc3aa9 > div.content__5f959, .content__5f959 > div.title_ba21e7, h1.heading-xl-semibold__18cc2 { - color: black; +.wanderingCubes_ce37c6 { + width: 5vw; + height: 5vw; } -[data-text-variant="heading-xl/semibold"]{ +.scrollerBase_dc3aa9 > div.content__5f959, +.content__5f959 > div.title_ba21e7, +h1.heading-xl-semibold__18cc2 { + color: var(--text-primary); +} + +[data-text-variant="heading-xl/semibold"] { color: var(--accent-color) !important; } @@ -81,107 +121,131 @@ div.qrCodeContainer__52c91{ margin-top: -17.5px; } -.accountCard_b2af27, button.marginBottom8_f4aae3.lookFilled__19298.colorBrand_b2253e[type="submit"] { - -} .usernameSection_ccd090 > .username__35d9d > .text-md-semibold__4cb23 { - color: black !important; + color: var(--text-primary) !important; } - -/* dark settings */ - /* light settings */ -/* settings header */ - -.theme-light .contentRegionScroller__86c79{ -background: var(--light-settings-background); +.theme-light .contentRegionScroller__86c79, +.theme-light .sidebarRegionScroller__1fa7e { + background: var(--2001-beige); + background-image: url(); } +/* dark settings */ + .theme-dark .contentRegionScroller__86c79 { -background: var(--dark-settings-background); + background: var(--dark-settings-background); } - -.theme-dark div.sidebarRegionScroller__1fa7e{ -background: var(--light-settings-sidebar-background); -border-right: 1px solid whitesmoke; +.theme-light div.sidebarRegionScroller__1fa7e, +.theme-dark div.sidebarRegionScroller__1fa7e { + background: var(--light-settings-sidebar-background); + border-right: 1px solid whitesmoke; } -.theme-dark .sidebar__9e3e2 .side_b4b3f6 .header_f72511 { -padding: 6px 10px 10px 6px !important; -border-radius: 5px 5px 0 0; +.sidebar__9e3e2 { + margin-right: 8px; } -.theme-dark .header_f72511:first-child{ -background: linear-gradient(rgb(1,72,178), rgb(40,91,197)); -color: white; +.sidebar__9e3e2 .side_b4b3f6 .header_f72511 { + padding: 6px 10px 10px 6px !important; + border-radius: 5px 5px 0 0; } -.theme-dark .header_f72511:not(:first-child){ -background: linear-gradient(to right, white, rgba(197,210,248,1) 100%); -color: var(--accent-color); +.header_f72511:first-child { + background: linear-gradient(rgb(1, 72, 178), rgb(40, 91, 197)); + color: white; } -.theme-dark .sidebar__9e3e2 div.item__48dda.themed_b957e8{ -border-left: 1px solid white; -border-right: 1px solid white; -background-color: rgb(239, 243, 255); -color: var(--accent-color); -font-family: var(--font-small); -font-size: 11px; -border-radius: 0px; -margin-bottom: -1px; - +.header_f72511:not(:first-child) { + background: linear-gradient(to right, white, rgba(197, 210, 248, 1) 100%); + color: var(--accent-color); } -.theme-dark .themed_b957e8[aria-label="My Account"], .theme-dark .themed_b957e8[aria-label="Nitro"], .theme-dark .themed_b957e8[aria-label="Appearance"], .theme-dark .vc-settings[data-tab-id="VencordSettings"], .theme-dark .themed_b957e8[data-tab-id="Activity Privacy"], .theme-dark .themed_b957e8[data-tab-id="logout"], .theme-dark .themed_b957e8[data-tab-id="changelog"] { -border: 1px solid white; +.sidebar__9e3e2 div.item__48dda.themed_b957e8 { + border-left: 1px solid white; + border-right: 1px solid white; + background-color: rgb(239, 243, 255); + color: var(--accent-color); + font-family: var(--font-small); + font-size: var(--font-small-size); + border-radius: 0px; + margin-bottom: -1px; +} + +.themed_b957e8[aria-label="My Account"], +.themed_b957e8[aria-label="Nitro"], +.themed_b957e8[aria-label="Appearance"], +.vc-settings[data-tab-id="VencordSettings"], +.themed_b957e8[data-tab-id="Activity Privacy"], +.themed_b957e8[data-tab-id="logout"], +.themed_b957e8[data-tab-id="changelog"] { + border-top: 1px solid white; +} + +.side_b4b3f6 > div:nth-child(10), +.side_b4b3f6 > div:nth-child(17), +.side_b4b3f6 > div:nth-child(29), +.side_b4b3f6 > div:nth-child(37), +.side_b4b3f6 > div.vc-backup-restore, +.side_b4b3f6 > div[aria-controls="overlay-tab"], +.side_b4b3f6 > div:nth-child(46) { + border-bottom: 1px solid white; +} + +.side_b4b3f6 .themed_b957e8.selected__5711d.item__48dda, +.side_b4b3f6 .themed_b957e8:hover, +.side_b4b3f6 .themed_b957e8.selected__5711d.item__48dda:active { + background-color: #eff3ff !important; + color: var(--accent-color-selected); + text-decoration: underline; } -.theme-dark .themed_b957e8[data-tab-id="Friend Requests"], .theme-dark .themed_b957e8[data-tab-id="Billing"], .theme-dark .themed_b957e8[data-tab-id="Advanced"],.theme-dark .vc-vesktop-settings[data-tab-id="Vesktop"], .theme-dark .themed_b957e8[data-tab-id="Text Component"] { -border-bottom: 1px solid white; +div.info__755e1 { + background-color: var(--accent-color); + border: 1px solid white; } -.theme-dark .side_b4b3f6 .themed_b957e8.selected__5711d.item__48dda, .theme-dark .side_b4b3f6 .themed_b957e8:hover { -background-color: var(--background-modifier-hover); -color: var(--accent-color-selected); -text-decoration: underline; +.info__755e1 > .text-xs-normal__56c35[data-text-variant="text-xs/normal"] { + font-family: var(--font-settings); + color: white !important; + text-decoration: uppercase; + font-weight: bold; } -div.info__755e1{ -background-color: var(--accent-color); -border: 1px solid white; +.info__05cbd > div { + font-family: var(--font-small); + font-size: var(--font-small-size); } -.info__755e1 > .text-xs-normal__56c35[data-text-variant="text-xs/normal"]{ -font-family: var(--font-headline); -color: white !important; +.socialLinks_c1fc99 { } -.socialLinks_c1fc99{ - +.eyebrow_f53856 { + text-transform: none; } -.theme-dark .eyebrow_f53856[data-text-variant="eyebrow"]:first-child::before { -content: url(); -font-family: var(--font-headline); -color: white; +.eyebrow_f53856[data-text-variant="eyebrow"]:first-child::before { + content: url(); + font-family: var(--font-headline); + color: white; + padding-left: 1px; } div.linkTop_eaa673 > .name__8d1ec:hover { transition: 0.2s; - color: black; + color: var(--text-primary); } -div.linkTop_eaa673:hover{ +div.linkTop_eaa673:hover { transition: 0.2s; color: var(--accent-color); } -.theme-light .modeSelected__487d6 .name__8d1ec{ -color: var(--accent-color-selected); +.theme-light .modeSelected__487d6 .name__8d1ec { + color: var(--accent-color-selected); } .upperContainer__993ba > div > div > div > div.searchBar_e0c60b { @@ -195,7 +259,7 @@ color: var(--accent-color-selected); align-items: stretch; border-radius: 0px; -webkit-box-shadow: none; - box-shadow: inset 1px 1Px 2px black; + box-shadow: inset 1px 1px 2px black; cursor: text; overflow: hidden; padding: 0 2px; @@ -206,4 +270,563 @@ color: var(--accent-color-selected); div.searchBar_e0c60b { height: 23px; width: 144px; -} \ No newline at end of file +} + +.separator_fdbcfd { + background-color: transparent; +} + +/* DSN10-SETTINGS.css END */ + +/* MISC */ + +.labelRow__523f2 { + flex-direction: row-reverse; +} + +.dependentSetting_a6ce9a { + padding-left: 0px; +} + +.container_c52416 { + font-family: var(--font-settings); + font-size: 11px !important; +} + +.container_c52416 > .note__24c83 > div { + font-family: var(--font-small); + font-size: 11px; +} + +.row__5a3ac, +.tableCell__77206 { + height: 32px; +} + +.labelRow__523f2 > .title__28a65 { + font-family: "Arial"; + color: var(--text-primary); + font-weight: 700; + padding-left: 5px; +} + +.labelRow__523f2:focus > .title__28a65 { + outline: 1px dotted #000; + outline-offset: -4px; +} + +.controlIcon__25700, +.dropdownIcon_d3bbbc { + /* visibility: hidden; */ +} + +.contextMenuNub__7c02f { + border: 1px solid black; +} + +.button_afdfd9.colorGreen__5f181, +.button_afdfd9.lookFilled__19298.colorPrimary__6ed40, +.button_afdfd9.fieldButton_a93f59, +.button_afdfd9.colorBrand_b2253e:not( + .button__4f306, + .lookBlank__7ca0a, + .actionButtons_b58cbb > button, + .actionButtons_b58cbb > div > button + ), +.button_afdfd9.colorRed_d6b062, +.tierCardButton__24d35, +.managePlanButton__581cc, +.button_afdfd9.colorBrandNew_fd170a, +.button__0982c.button__1ee63.colorPrimary__6ed40 { + font-family: var(--font-small); + -webkit-font-smoothing: antialiased; + box-sizing: border-box; + border: 1px solid #003c74; + background: linear-gradient(180deg, #fff, #ecebe5 86%, #d8d0c4); + box-shadow: none; + font-size: var(--font-small-size); + border-radius: 3px; + color: var(--text-primary) !important; + min-width: 75px; + height: 23px; + padding: 0 12px; +} + +.sizeMedium_c6fa98, +.sizeSmall__71a98.fieldButton_a93f59, +.button_afdfd9.colorRed_d6b062 { + min-height: 23px; +} + +.iconActiveMedium_d5475f { + border-radius: 0; +} + +.tabBar__73938[role="tablist"] > .item_e4ca95[aria-label="Add Friend"], +.button_afdfd9.colorGreen__5f181 { + background: linear-gradient( + 0deg, + rgba(0, 136, 93, 1) 0%, + rgba(125, 242, 131, 1) 100% + ); + color: white !important; +} + +.tabBar__73938[role="tablist"] > .item_e4ca95[aria-label="Add Friend"], +.button_afdfd9.colorGreen__5f181 { + background: linear-gradient( + 0deg, + rgba(0, 136, 93, 1) 0%, + rgba(125, 242, 131, 1) 100% + ); + color: white !important; + min-height: 23px; +} + +.tabBar__73938[role="tablist"] > .item_e4ca95[aria-label="Add Friend"] { + font-size: 0px; +} + +.item_e4ca95.addFriend__80542.item__48dda.themed_b957e8 > span:after { + content: "Add a buddy"; + font-size: var(--font-small-size); + color: white; +} + +.giftButtonContainer__68103 > div { +} + +.theme-light .peopleColumn__51df3 > div:last-child { + background-image: url(https://numoder.github.io/dsn10-theme/assets/friends/friendslist.png); + background-size: 50%; + background-repeat: no-repeat; + background-position: bottom right; +} +.theme-dark .peopleColumn__51df3 > div:last-child { + background-image: url(https://numoder.github.io/dsn10-theme/assets/friends/friendslistdark.png); + background-size: 50%; + background-repeat: no-repeat; + background-position: bottom right; +} + +/* primary color buttons (blurple buttons) */ +.button__0982c.button__1ee63.colorPrimary__6ed40 { + background: linear-gradient( + 0deg, + rgba(202, 208, 236, 1) 0%, + rgba(254, 251, 249, 1) 100% + ); + color: #3f3f3f !important; +} + +.button_afdfd9.colorRed_d6b062 { + background: linear-gradient( + 0deg, + rgba(238, 157, 137, 1) 0%, + rgba(232, 76, 22, 1) 77%, + rgba(194, 42, 0, 1) 100% + ); + border: 1px solid #003c74; + color: white !important; +} + +.button_afdfd9.lookLink__93965 { + color: #00f !important; + text-decoration: underline; +} + +.button_afdfd9.lookFilled__19298.colorPrimary__6ed40:not(:disabled):hover, +.button_afdfd9.fieldButton_a93f59:not(:disabled):hover, +.button_afdfd9.colorBrand_b2253e:not( + .button__4f306, + .lookBlank__7ca0a, + .actionButtons_b58cbb > button, + .actionButtons_b58cbb > div > button + ):not(:disabled):hover, +.button_afdfd9.colorRed_d6b062:hover, +.button_afdfd9.colorBrandNew_fd170a:hover { + box-shadow: inset -1px 1px #fff0cf, inset 1px 2px #fdd889, + inset -2px 2px #fbc761, inset 2px -2px #e5a01a; +} + +.button_afdfd9.fieldButton_a93f59:not(:disabled).active, +.button_afdfd9.colorBrand_b2253e:not( + .button__4f306, + .lookBlank__7ca0a, + .actionButtons_b58cbb > button, + .actionButtons_b58cbb > div > button + ):not(:disabled):active { + box-shadow: none; + background: linear-gradient( + 180deg, + #cdcac3, + #e3e3db 8%, + #e5e5de 94%, + #f2f2f1 + ); +} + +.button_afdfd9.colorRed_d6b062:active { + background: linear-gradient( + 0deg, + rgba(224, 64, 21, 1) 0%, + rgba(192, 49, 14, 1) 75%, + rgba(136, 37, 4, 1) 100% + ); + color: yellow !important; +} + +.button_afdfd9.fieldButton_a93f59.focused, +.button_afdfd9.fieldButton_a93f59:focus, +.button_afdfd9.colorBrand_b2253e:not( + .button__4f306, + .lookBlank__7ca0a, + .actionButtons_b58cbb > button, + .actionButtons_b58cbb > div > button + ):focus, +.button_afdfd9.colorRed_d6b062:focus, +.button_afdfd9.colorBrandNew_fd170a:not(:disabled):focus { + box-shadow: inset -1px 1px #cee7ff, inset 1px 2px #98b8ea, + inset -2px 2px #bcd4f6, inset 1px -1px #89ade4, inset 2px -2px #89ade4; + outline: 1px dotted #000; + outline-offset: -4px; +} + +.searchBar_e4ea2a .searchBarComponent__22760 { + height: 23px; + line-height: normal; + background-color: white; + font-family: var(--font-small); + font-size: var(--font-small-size); + border-radius: 0; +} + +.searchBarComponent__22760::after { + content: "..."; +} + +.theme-light .select__0eb48, +.searchBarComponent__22760 { + font-family: var(--font-small); + font-size: 11px; + background-color: #fff; + box-sizing: border-box; + height: 23px; + appearance: none; + -webkit-appearance: none; + -moz-appearance: none; + position: relative; + padding: 1px 32px 3px 5px; + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -0.5 15 17' shape-rendering='crispEdges'%3E%3Cpath stroke='%23e6eefc' d='M0 0h1'/%3E%3Cpath stroke='%23d1e0fd' d='M1 0h1M0 1h1m3 0h2M2 3h1M2 4h1'/%3E%3Cpath stroke='%23cad8f9' d='M2 0h1M0 2h1'/%3E%3Cpath stroke='%23c4d3f7' d='M3 0h1M0 3h1M0 4h1'/%3E%3Cpath stroke='%23bfd0f8' d='M4 0h2M0 5h1'/%3E%3Cpath stroke='%23bdcef7' d='M6 0h1M0 6h1'/%3E%3Cpath stroke='%23baccf4' d='M7 0h1m6 2h1m-1 5h1m-1 1h1'/%3E%3Cpath stroke='%23b8cbf6' d='M8 0h1M0 7h1M0 8h1'/%3E%3Cpath stroke='%23b7caf5' d='M9 0h2M0 9h1'/%3E%3Cpath stroke='%23b5c8f7' d='M11 0h1'/%3E%3Cpath stroke='%23b3c7f5' d='M12 0h1'/%3E%3Cpath stroke='%23afc5f4' d='M13 0h1'/%3E%3Cpath stroke='%23dce6f9' d='M14 0h1'/%3E%3Cpath stroke='%23e1eafe' d='M1 1h1'/%3E%3Cpath stroke='%23dae6fe' d='M2 1h1M1 2h1'/%3E%3Cpath stroke='%23d4e1fc' d='M3 1h1M1 3h1M1 4h1'/%3E%3Cpath stroke='%23d0ddfc' d='M6 1h1M1 5h1'/%3E%3Cpath stroke='%23cedbfd' d='M7 1h1M4 2h2'/%3E%3Cpath stroke='%23cad9fd' d='M8 1h1M6 2h1M3 5h1'/%3E%3Cpath stroke='%23c8d8fb' d='M9 1h2'/%3E%3Cpath stroke='%23c5d6fc' d='M11 1h1M2 11h4'/%3E%3Cpath stroke='%23c2d3fc' d='M12 1h1m-2 1h1M1 11h1m0 1h2m-2 1h2'/%3E%3Cpath stroke='%23bccefa' d='M13 1h1m-1 1h1m-1 1h1m-1 1h1M3 15h4'/%3E%3Cpath stroke='%23b9c9f3' d='M14 1h1M3 16h4'/%3E%3Cpath stroke='%23d8e3fc' d='M2 2h1'/%3E%3Cpath stroke='%23d1defd' d='M3 2h1'/%3E%3Cpath stroke='%23c9d8fc' d='M7 2h1M4 3h3M4 4h3M3 6h1m1 0h2M1 7h1M1 8h1'/%3E%3Cpath stroke='%23c5d5fc' d='M8 2h1m-8 8h5'/%3E%3Cpath stroke='%23c5d3fc' d='M9 2h2'/%3E%3Cpath stroke='%23bed0fc' d='M12 2h1M8 3h1M8 4h1m-8 8h1m-1 1h1m0 1h1m1 0h3'/%3E%3Cpath stroke='%23cddbfc' d='M3 3h1M3 4h1M1 6h2'/%3E%3Cpath stroke='%23c8d5fb' d='M7 3h1M7 4h1'/%3E%3Cpath stroke='%23bbcefd' d='M9 3h4M9 4h4M8 5h1M7 6h1'/%3E%3Cpath stroke='%23bcccf3' d='M14 3h1m-1 1h1m-1 1h1m-1 1h1'/%3E%3Cpath stroke='%23ceddfd' d='M2 5h1'/%3E%3Cpath stroke='%23c8d6fb' d='M4 5h4M1 9h3'/%3E%3Cpath stroke='%23bacdfc' d='M9 5h2m1 0h2M1 14h1'/%3E%3Cpath stroke='%23b9cdfb' d='M11 5h1M8 6h2m2 0h2m-1 1h1m-1 1h1'/%3E%3Cpath stroke='%234d6185' d='M4 6h1m5 0h1M3 7h3m3 0h3M4 8h3m1 0h3M5 9h5m-4 1h3m-2 1h1'/%3E%3Cpath stroke='%23b7cdfc' d='M11 6h1m0 1h1m-1 1h1'/%3E%3Cpath stroke='%23cad8fd' d='M2 7h1M2 8h2'/%3E%3Cpath stroke='%23c1d3fb' d='M6 7h2M7 8h1M4 9h1'/%3E%3Cpath stroke='%23b6cefb' d='M8 7h1m2 1h1m-2 1h3m-2 1h2'/%3E%3Cpath stroke='%23b6cdfb' d='M13 9h1m-6 6h1'/%3E%3Cpath stroke='%23b9cbf3' d='M14 9h1'/%3E%3Cpath stroke='%23b4c8f6' d='M0 10h1'/%3E%3Cpath stroke='%23bdd3fb' d='M9 10h2m-4 4h1'/%3E%3Cpath stroke='%23b5cdfa' d='M13 10h1'/%3E%3Cpath stroke='%23b5c9f3' d='M14 10h1'/%3E%3Cpath stroke='%23b1c7f6' d='M0 11h1'/%3E%3Cpath stroke='%23c3d5fd' d='M6 11h1'/%3E%3Cpath stroke='%23bad4fc' d='M8 11h1m-1 1h1m-1 1h1'/%3E%3Cpath stroke='%23b2cffb' d='M9 11h4m-2 3h1'/%3E%3Cpath stroke='%23b1cbfa' d='M13 11h1m-3 4h1'/%3E%3Cpath stroke='%23b3c8f5' d='M14 11h1m-7 5h3'/%3E%3Cpath stroke='%23adc3f6' d='M0 12h1m-1 1h1m-1 1h1'/%3E%3Cpath stroke='%23c2d5fc' d='M4 12h4m-4 1h4'/%3E%3Cpath stroke='%23b7d3fc' d='M9 12h2m-2 1h2m-3 1h1'/%3E%3Cpath stroke='%23b3d1fc' d='M11 12h1m-1 1h1'/%3E%3Cpath stroke='%23afcdfb' d='M12 12h1m-1 1h1m-1 1h1'/%3E%3Cpath stroke='%23afcbfa' d='M13 12h1m-1 1h1'/%3E%3Cpath stroke='%23b2c8f4' d='M14 12h1m-1 1h1m-4 3h1'/%3E%3Cpath stroke='%23c1d2fb' d='M3 14h1'/%3E%3Cpath stroke='%23b6d1fb' d='M9 14h2'/%3E%3Cpath stroke='%23adc9f9' d='M13 14h1m-2 1h1'/%3E%3Cpath stroke='%23b1c6f3' d='M14 14h1m-3 2h1'/%3E%3Cpath stroke='%23abc1f4' d='M0 15h1'/%3E%3Cpath stroke='%23b7cbf9' d='M1 15h1'/%3E%3Cpath stroke='%23b9cefb' d='M2 15h1'/%3E%3Cpath stroke='%23b9cffb' d='M7 15h1'/%3E%3Cpath stroke='%23b2cdfb' d='M9 15h2'/%3E%3Cpath stroke='%23aec8f7' d='M13 15h1'/%3E%3Cpath stroke='%23b0c5f2' d='M14 15h1m-2 1h1'/%3E%3Cpath stroke='%23dbe3f8' d='M0 16h1'/%3E%3Cpath stroke='%23b7c6f1' d='M1 16h1'/%3E%3Cpath stroke='%23b8c9f2' d='M2 16h1m4 0h1'/%3E%3Cpath stroke='%23d9e3f6' d='M14 16h1'/%3E%3C/svg%3E"); + background-size: 15px; + background-position: top 2px right 2px; + background-repeat: no-repeat; + border-radius: 0; + border: 1px solid #7f9db9; +} + +.theme-light .select__0eb48:hover, +.searchBarComponent__22760:hover { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -0.5 15 17' shape-rendering='crispEdges'%3E%3Cpath stroke='%23cfdbec' d='M0 0h1'/%3E%3Cpath stroke='%23b4c7eb' d='M1 0h1M0 1h1'/%3E%3Cpath stroke='%23abbee9' d='M2 0h1M0 2h1'/%3E%3Cpath stroke='%23a5b9e7' d='M3 0h1M0 3h1M0 4h1'/%3E%3Cpath stroke='%23a0b4e5' d='M4 0h2'/%3E%3Cpath stroke='%239cb2e5' d='M6 0h1M0 6h1'/%3E%3Cpath stroke='%2398b1e4' d='M7 0h1'/%3E%3Cpath stroke='%2397aee2' d='M8 0h1M0 7h1M0 8h1'/%3E%3Cpath stroke='%2395ade5' d='M9 0h2M0 9h1'/%3E%3Cpath stroke='%2394abe4' d='M11 0h1'/%3E%3Cpath stroke='%2390aae4' d='M12 0h1M0 10h1'/%3E%3Cpath stroke='%238aa6e3' d='M13 0h1M0 12h1m-1 1h1'/%3E%3Cpath stroke='%23c2cfea' d='M14 0h1'/%3E%3Cpath stroke='%23fdffff' d='M1 1h1'/%3E%3Cpath stroke='%23f6ffff' d='M2 1h1M1 2h1'/%3E%3Cpath stroke='%23eefcff' d='M3 1h1M1 3h1M1 4h1'/%3E%3Cpath stroke='%23e9faff' d='M4 1h2M3 2h1M2 3h1M2 4h1'/%3E%3Cpath stroke='%23e5f6ff' d='M6 1h1M1 5h2'/%3E%3Cpath stroke='%23e3f4ff' d='M7 1h1M4 2h2'/%3E%3Cpath stroke='%23dff2fe' d='M8 1h1M6 2h1M3 5h1'/%3E%3Cpath stroke='%23dbf1ff' d='M9 1h2'/%3E%3Cpath stroke='%23d8edfc' d='M11 1h1M2 11h4'/%3E%3Cpath stroke='%23d4e9fc' d='M12 1h1m-2 1h1M1 11h1m0 1h1m-1 1h1'/%3E%3Cpath stroke='%23cde2fc' d='M13 1h1m-1 1h1m-1 1h1m-1 1h1M3 15h3'/%3E%3Cpath stroke='%2397ace0' d='M14 1h1M3 16h4'/%3E%3Cpath stroke='%23f2feff' d='M2 2h1'/%3E%3Cpath stroke='%23ddf0fe' d='M7 2h1M4 3h3M4 4h3M3 6h1m1 0h2M1 7h1M1 8h1'/%3E%3Cpath stroke='%23d8ebfc' d='M8 2h1m-8 8h5'/%3E%3Cpath stroke='%23d8eafc' d='M9 2h2'/%3E%3Cpath stroke='%23d0e5fc' d='M12 2h1M8 3h1M8 4h1m-8 8h1m-1 1h1m0 1h1'/%3E%3Cpath stroke='%2398aee1' d='M14 2h1m-1 5h1m-1 1h1m-1 1h1'/%3E%3Cpath stroke='%23e2f3fd' d='M3 3h1M3 4h1M1 6h1'/%3E%3Cpath stroke='%23dcecfd' d='M7 3h1M7 4h1'/%3E%3Cpath stroke='%23cde4fc' d='M9 3h4M9 4h4M8 5h1'/%3E%3Cpath stroke='%239bafe0' d='M14 3h1m-1 1h1m-1 1h1m-1 1h1'/%3E%3Cpath stroke='%239db3e6' d='M0 5h1'/%3E%3Cpath stroke='%23dcedfd' d='M4 5h4M1 9h3'/%3E%3Cpath stroke='%23cae2fd' d='M9 5h2m1 0h2M1 14h1m4 1h1'/%3E%3Cpath stroke='%23c8e1fb' d='M11 5h1M8 6h2m2 0h2m-1 1h1m-1 1h1M2 15h1'/%3E%3Cpath stroke='%23e1f2fe' d='M2 6h1'/%3E%3Cpath stroke='%234d6185' d='M4 6h1m5 0h1M3 7h3m3 0h3M4 8h3m1 0h3M5 9h5m-4 1h3m-2 1h1'/%3E%3Cpath stroke='%23d2eafe' d='M7 6h1M6 7h2M7 8h1M4 9h1'/%3E%3Cpath stroke='%23c6e2fd' d='M11 6h1m0 1h1m-1 1h1'/%3E%3Cpath stroke='%23dff0fc' d='M2 7h1M2 8h2'/%3E%3Cpath stroke='%23c5e3fc' d='M8 7h1m2 1h1m-2 1h4m-3 1h2m-5 5h1'/%3E%3Cpath stroke='%23ceeafd' d='M9 10h2m-4 4h1'/%3E%3Cpath stroke='%23c2e2fc' d='M13 10h1m-5 5h2'/%3E%3Cpath stroke='%2392ade2' d='M14 10h1'/%3E%3Cpath stroke='%238da9e4' d='M0 11h1'/%3E%3Cpath stroke='%23d5ebfd' d='M6 11h1'/%3E%3Cpath stroke='%23cbedff' d='M8 11h1m-1 1h1m-1 1h1'/%3E%3Cpath stroke='%23c0e4fc' d='M9 11h4m-2 3h1'/%3E%3Cpath stroke='%23bee0fc' d='M13 11h1'/%3E%3Cpath stroke='%2391abe1' d='M14 11h1m-7 5h3'/%3E%3Cpath stroke='%23d5eafd' d='M3 12h1m-1 1h1'/%3E%3Cpath stroke='%23d4ebfc' d='M4 12h3m-3 1h3'/%3E%3Cpath stroke='%23d2ecfe' d='M7 12h1m-1 1h1'/%3E%3Cpath stroke='%23c6ebff' d='M9 12h2m-2 1h2m-3 1h1'/%3E%3Cpath stroke='%23c2eaff' d='M11 12h1m-1 1h1'/%3E%3Cpath stroke='%23bde3fd' d='M12 12h1m-1 1h1'/%3E%3Cpath stroke='%23b9ddfb' d='M13 12h1m-1 1h1m-1 1h1m-2 1h1'/%3E%3Cpath stroke='%238da9e1' d='M14 12h1m-1 1h1m-3 3h1'/%3E%3Cpath stroke='%2388a3e3' d='M0 14h1'/%3E%3Cpath stroke='%23d2e9fe' d='M3 14h1'/%3E%3Cpath stroke='%23d0e8fc' d='M4 14h3'/%3E%3Cpath stroke='%23c4e8fe' d='M9 14h2'/%3E%3Cpath stroke='%23bde0fb' d='M12 14h1m-2 1h1'/%3E%3Cpath stroke='%238fa7df' d='M14 14h1'/%3E%3Cpath stroke='%2387a0de' d='M0 15h1'/%3E%3Cpath stroke='%23c5ddfc' d='M1 15h1'/%3E%3Cpath stroke='%23c8e3fb' d='M7 15h1'/%3E%3Cpath stroke='%23b9dafb' d='M13 15h1'/%3E%3Cpath stroke='%238ca7de' d='M14 15h1m-2 1h1'/%3E%3Cpath stroke='%23c3cde7' d='M0 16h1'/%3E%3Cpath stroke='%2393a7df' d='M1 16h1'/%3E%3Cpath stroke='%2396acdf' d='M2 16h1m4 0h1'/%3E%3Cpath stroke='%2390abe0' d='M11 16h1'/%3E%3Cpath stroke='%23becbe6' d='M14 16h1'/%3E%3C/svg%3E"); +} + +.theme-light .select__0eb48:active, +.searchBarComponent__22760:active { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -0.5 15 17' shape-rendering='crispEdges'%3E%3Cpath stroke='%23bbc2dc' d='M0 0h1'/%3E%3Cpath stroke='%23a2acdc' d='M1 0h1M0 1h1'/%3E%3Cpath stroke='%2398a1dd' d='M2 0h1M0 2h1'/%3E%3Cpath stroke='%23919bda' d='M3 0h1M0 3h1M0 4h1'/%3E%3Cpath stroke='%238c97dc' d='M4 0h2M0 5h1'/%3E%3Cpath stroke='%238793db' d='M6 0h1M0 6h1'/%3E%3Cpath stroke='%238592d9' d='M7 0h1'/%3E%3Cpath stroke='%23838fda' d='M8 0h1M0 7h1M0 8h1'/%3E%3Cpath stroke='%23828dd9' d='M9 0h2M0 9h1'/%3E%3Cpath stroke='%237f8ada' d='M11 0h1'/%3E%3Cpath stroke='%237b88da' d='M12 0h1'/%3E%3Cpath stroke='%237786d9' d='M13 0h1'/%3E%3Cpath stroke='%23afb6db' d='M14 0h1'/%3E%3Cpath stroke='%236e8ef1' d='M1 1h1'/%3E%3Cpath stroke='%236e94f1' d='M2 1h1M1 2h1'/%3E%3Cpath stroke='%237598f1' d='M3 1h1'/%3E%3Cpath stroke='%237d9df1' d='M4 1h2M1 6h1'/%3E%3Cpath stroke='%23809df1' d='M6 1h1M1 7h1M1 8h1'/%3E%3Cpath stroke='%2383a0f0' d='M7 1h1'/%3E%3Cpath stroke='%23899fef' d='M8 1h1m4 1h1'/%3E%3Cpath stroke='%238d9eef' d='M9 1h3M1 12h1m-1 1h1m-1 1h1m-1 1h1'/%3E%3Cpath stroke='%23869df0' d='M12 1h1'/%3E%3Cpath stroke='%238096f1' d='M13 1h1'/%3E%3Cpath stroke='%23b9c9f3' d='M14 1h1M3 16h4'/%3E%3Cpath stroke='%23759cf1' d='M2 2h1'/%3E%3Cpath stroke='%237ca4f0' d='M3 2h1M3 3h1M3 4h1M2 5h2'/%3E%3Cpath stroke='%2380a6f1' d='M4 2h2'/%3E%3Cpath stroke='%2383a7f0' d='M6 2h1M4 3h2M4 4h2'/%3E%3Cpath stroke='%238daaef' d='M7 2h1'/%3E%3Cpath stroke='%2390a7ef' d='M8 2h3'/%3E%3Cpath stroke='%2394a8ef' d='M11 2h1'/%3E%3Cpath stroke='%2390a4ef' d='M12 2h1m0 1h1m-1 1h1m-8 8h1m-1 1h1m-5 1h1'/%3E%3Cpath stroke='%23baccf4' d='M14 2h1m-1 5h1m-1 1h1'/%3E%3Cpath stroke='%237396f2' d='M1 3h1M1 4h1'/%3E%3Cpath stroke='%23759ef1' d='M2 3h1M2 4h1'/%3E%3Cpath stroke='%2390b1f2' d='M6 3h1M6 4h1M6 5h1'/%3E%3Cpath stroke='%2393aff2' d='M7 3h1M7 4h1'/%3E%3Cpath stroke='%2397afee' d='M8 3h3M8 4h3'/%3E%3Cpath stroke='%239aaaee' d='M11 3h1m-1 1h1'/%3E%3Cpath stroke='%2397abee' d='M12 3h1m-1 1h1m0 1h1M3 14h1m-2 1h1'/%3E%3Cpath stroke='%23bcccf3' d='M14 3h1m-1 1h1m-1 1h1m-1 1h1'/%3E%3Cpath stroke='%237997f1' d='M1 5h1'/%3E%3Cpath stroke='%2383a6f4' d='M4 5h2'/%3E%3Cpath stroke='%239aaff1' d='M7 5h1'/%3E%3Cpath stroke='%239eb1f2' d='M8 5h1m0 6h2'/%3E%3Cpath stroke='%239bb0ef' d='M9 5h4M3 15h1'/%3E%3Cpath stroke='%23809ff1' d='M2 6h1'/%3E%3Cpath stroke='%2387a3f4' d='M3 6h1M2 7h1M2 8h2'/%3E%3Cpath stroke='%234d6185' d='M4 6h1m5 0h1M3 7h3m3 0h3M4 8h3m1 0h3M5 9h5m-4 1h3m-2 1h1'/%3E%3Cpath stroke='%2393acf2' d='M5 6h3M6 7h2M7 8h1M4 9h1'/%3E%3Cpath stroke='%239eaef2' d='M8 6h2'/%3E%3Cpath stroke='%239baeef' d='M11 6h3m-8 8h1'/%3E%3Cpath stroke='%2395abf4' d='M8 7h1'/%3E%3Cpath stroke='%23a2b2ee' d='M12 7h2m-2 1h2m-7 6h1'/%3E%3Cpath stroke='%23a3b4f3' d='M11 8h1m-4 3h1'/%3E%3Cpath stroke='%238da3f3' d='M1 9h1m-1 1h5m-3 1h1'/%3E%3Cpath stroke='%2389a3f3' d='M2 9h2'/%3E%3Cpath stroke='%2397adf2' d='M10 9h1'/%3E%3Cpath stroke='%23a6b6f2' d='M11 9h2m-2 2h1'/%3E%3Cpath stroke='%23a4b7ed' d='M13 9h1m-6 3h3m-3 1h3'/%3E%3Cpath stroke='%23b9cbf3' d='M14 9h1'/%3E%3Cpath stroke='%237c89db' d='M0 10h1'/%3E%3Cpath stroke='%23a5b6f1' d='M9 10h2'/%3E%3Cpath stroke='%23a8b8f1' d='M11 10h2'/%3E%3Cpath stroke='%23aabcef' d='M13 10h1m-3 2h1m-1 1h1m-5 2h1'/%3E%3Cpath stroke='%23b5c9f3' d='M14 10h1'/%3E%3Cpath stroke='%237988db' d='M0 11h1'/%3E%3Cpath stroke='%2390a4f2' d='M1 11h2m1 0h2'/%3E%3Cpath stroke='%238da1ef' d='M6 11h1m-5 1h4m-4 1h4'/%3E%3Cpath stroke='%23a9bcf2' d='M12 11h1'/%3E%3Cpath stroke='%23afbfed' d='M13 11h1m-6 4h1'/%3E%3Cpath stroke='%23b3c8f5' d='M14 11h1m-7 5h3'/%3E%3Cpath stroke='%237583db' d='M0 12h1m-1 1h1'/%3E%3Cpath stroke='%2397a7ee' d='M7 12h1m-1 1h1'/%3E%3Cpath stroke='%23b4c7ee' d='M12 12h1m-1 1h1m-4 2h2'/%3E%3Cpath stroke='%23b7c9ee' d='M13 12h1m-1 1h1m-3 2h1'/%3E%3Cpath stroke='%23b2c8f4' d='M14 12h1m-1 1h1m-4 3h1'/%3E%3Cpath stroke='%237381d9' d='M0 14h1m-1 1h1'/%3E%3Cpath stroke='%239baaef' d='M4 14h2'/%3E%3Cpath stroke='%23a9baee' d='M8 14h1m-3 1h1'/%3E%3Cpath stroke='%23adbcef' d='M9 14h2'/%3E%3Cpath stroke='%23b4c2ee' d='M11 14h1'/%3E%3Cpath stroke='%23becfed' d='M12 14h1'/%3E%3Cpath stroke='%23c4d4ec' d='M13 14h1m-2 1h1'/%3E%3Cpath stroke='%23b1c6f3' d='M14 14h1m-3 2h1'/%3E%3Cpath stroke='%23a2b6ee' d='M4 15h2'/%3E%3Cpath stroke='%23d2deeb' d='M13 15h1'/%3E%3Cpath stroke='%23b0c5f2' d='M14 15h1m-2 1h1'/%3E%3Cpath stroke='%23dbe3f8' d='M0 16h1'/%3E%3Cpath stroke='%23b7c6f1' d='M1 16h1'/%3E%3Cpath stroke='%23b8c9f2' d='M2 16h1m4 0h1'/%3E%3Cpath stroke='%23d9e3f6' d='M14 16h1'/%3E%3C/svg%3E"); +} + +.popout_a6e77f.none__3919e.scrollerBase__2b744 { + max-height: none !important; +} + +.popout_a6e77f { + background-color: #fff; + border: 1px solid black; + border-radius: 0px; + min-height: none; +} + +.option_be8b2e[aria-selected="true"], +.option_be8b2e[aria-selected="false"] { + font-family: var(--font-small); + font-size: var(--font-small-size); + padding: 1px; + color: black; + min-height: 21px; +} + +.option_be8b2e { + height: min-content !important; +} + +.prefix__5595b > .guildSelectOptionIcon_b36e34 { + left: 4px; +} + +.searchInput_e1c8d3 { + font-family: var(--font-small) !important; + font-size: var(--font-small-size) !important; +} + +.option_be8b2e:hover, +.option_be8b2e:focus { + background: var(--accent-color) !important; + color: white !important; +} + +.option_be8b2e[aria-selected="true"]:not(.option_be8b2e.multi__8d15f) { + background: 0; + color: black; + padding: 0px; +} + +.select__0eb48 > .icons__374b3, +svg.selectedIcon__4b0ba { + color: transparent; + z-index: -1; +} + +.wrapper__555a0 { + height: 21px; +} + +.divider_a2339a { + background: #bcb8a9; + height: 2px; + box-shadow: inset 0 1px #ffffff; +} + +.card__4dc22, +.linkCalloutContainer__8ff6e { + border-color: #d7d6c5; +} + +.closeButton__8f1fd { + width: 0; + position: relative; + left: -8px; +} + +[role="radiogroup"] > div { + background-color: transparent !important; + border-radius: 0; + pointer-events: none; + margin-bottom: 0px; +} + +.radioBar__40e1b > div:first-child { + pointer-events: all; + background: linear-gradient(135deg, #dcdcd7, #fff); + border-radius: 50%; + border: 1px solid #1d5281; + top: 0; + left: -19px; + display: inline-block; + width: 13px; + height: 13px; + margin-right: 6px; + color: transparent !important; +} + +.radioBar__40e1b > div:first-child:hover { + box-shadow: inset -2px -2px #f8b636, inset 2px 2px #fedf9c; +} + +.radioBar__40e1b > div:first-child:active { + background: linear-gradient( + 135deg, + rgb(143, 144, 133) 0%, + rgba(177, 188, 187, 1) 100% + ); + box-shadow: none; +} + +div.radioBar__40e1b { + border-radius: 0; +} + +.radioIconForeground__99b9b { + color: transparent; +} + +div[aria-checked="true"] > .radioBar__40e1b > div > svg { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -0.5 5 5' shape-rendering='crispEdges'%3E%3Cpath stroke='%23a9dca6' d='M1 0h1M0 1h1'/%3E%3Cpath stroke='%234dbf4a' d='M2 0h1M0 2h1'/%3E%3Cpath stroke='%23a0d29e' d='M3 0h1M0 3h1'/%3E%3Cpath stroke='%2355d551' d='M1 1h1'/%3E%3Cpath stroke='%2343c33f' d='M2 1h1'/%3E%3Cpath stroke='%2329a826' d='M3 1h1'/%3E%3Cpath stroke='%239acc98' d='M4 1h1M1 4h1'/%3E%3Cpath stroke='%2342c33f' d='M1 2h1'/%3E%3Cpath stroke='%2338b935' d='M2 2h1'/%3E%3Cpath stroke='%2321a121' d='M3 2h1'/%3E%3Cpath stroke='%23269623' d='M4 2h1'/%3E%3Cpath stroke='%232aa827' d='M1 3h1'/%3E%3Cpath stroke='%2322a220' d='M2 3h1'/%3E%3Cpath stroke='%23139210' d='M3 3h1'/%3E%3Cpath stroke='%2398c897' d='M4 3h1'/%3E%3Cpath stroke='%23249624' d='M2 4h1'/%3E%3Cpath stroke='%2398c997' d='M3 4h1'/%3E%3C/svg%3E"); + margin: 3px 0px 6px 3px; + width: 5px; + height: 5px; +} + +.theme-light div.menu_dc52c6, +.popoutContainer__7b9a3, +.reaction_fef95b, +.container__03857, +.wrapper_c727b6, +.noiseCancellationPopout__06ec4 { + background: linear-gradient(180deg, #fcfcfe, #f4f3ee); +} + +.theme-light .footer__89240 { + background: #ece9d8; +} + +[src="/assets/4e42f7235fc2b50c0d85.png"], +[src="/assets/641edf794e368d5e8180.png"], +[src="/assets/71ceda6839bdcb3deff6.png"], +[src="/assets/118ab41237408c505a1b.png"], +[src="/assets/17cfee7f5b1fe33ae18d.png"], +[src="/assets/77db8e6b075e88104713.png"] { + content: url(https://numoder.github.io/dsn10-theme/assets/general/Group.png) !important; +} +[src="/assets/4e42f7235fc2b50c0d85.png"] { + filter: contrast(1.5) hue-rotate(0deg) saturate(500%); +} +[src="/assets/641edf794e368d5e8180.png"] { + filter: contrast(1.5) hue-rotate(50deg) saturate(500%); +} +[src="/assets/71ceda6839bdcb3deff6.png"] { + filter: contrast(1.5) hue-rotate(100deg) saturate(500%); +} +[src="/assets/118ab41237408c505a1b.png"] { + filter: contrast(1.5) hue-rotate(140deg) saturate(500%); +} +[src="/assets/17cfee7f5b1fe33ae18d.png"] { + filter: contrast(1.5) hue-rotate(210deg) saturate(500%); +} +[src="/assets/77db8e6b075e88104713.png"] { + filter: contrast(1.5) hue-rotate(300deg) saturate(200%); +} + + +/* scrollbar */ +div::-webkit-scrollbar { + -moz-user-select: none; + -ms-user-select: none; + -webkit-user-select: none; + -webkit-touch-callout: none; + image-rendering: pixelated; + image-rendering: crisp-edges; + -ms-interpolation-mode: nearest-neighbor; + display: flex; + flex-direction: column; + box-sizing: border-box; + user-select: none; + z-index: 1; + transform: translateY(50%) scale(2); + height: 0; + transition: height 0.75s cubic-bezier(0.67, 0.06, 0.53, 0.98); + opacity: 0; +} + +div::-webkit-scrollbar, +.modalTextContainer_ddfc28::-webkit-scrollbar, +.emojiPickerListWrapper_e15ac7 > div > div::-webkit-scrollbar, +.thin_b1c063::-webkit-scrollbar { + background: url("https://raw.githubusercontent.com/botoxparty/XP.css/155b9efdeeb06ff7bbdf1e8e9796e28315739393/themes/XP/icon/scroll-background.svg"); + width: 16px; + height: 16px; +} + +.thin_b1c063::-webkit-scrollbar { + background: transparent !important; +} + +.scroller__4b984.thin_b1c063.scrollerBase_dc3aa9.fade_ba0fa0::-webkit-scrollbar, +.nowPlayingColumn_f5023f > aside > div::-webkit-scrollbar, +.scroller_f0f183::-webkit-scrollbar, +.scrollableContainer__33e06::-webkit-scrollbar, +.menu_dc52c6 > .scroller__750f5::-webkit-scrollbar, +.searchBar__8f956 > div::-webkit-scrollbar, +.sidebarRegionScroller__1fa7e::-webkit-scrollbar, +.scroller__52ae7::-webkit-scrollbar, +.infoScroller__6ec79::-webkit-scrollbar, +.userPopoutOverlayBackground_d8afa4 > .scroller__83262::-webkit-scrollbar, +.listScroller__92e1a + .thin_b1c063.scrollerBase_dc3aa9.fade_ba0fa0::-webkit-scrollbar, +.body_ea740e > div:last-child::-webkit-scrollbar, +.content__764ce.content_e518d4.thin_b1c063.scrollerBase_dc3aa9::-webkit-scrollbar, +.content__764ce.thin_b1c063.scrollerBase_dc3aa9::-webkit-scrollbar, +.linkCalloutContainer__8ff6e::-webkit-scrollbar, .content__764ce.thin__62e51.scrollerBase__2b744::-webkit-scrollbar, .bottomDivider_a59d97::-webkit-scrollbar, .videoGridWrapper__65071 > .scroller_e89578::-webkit-scrollbar { + width: 0; +} + +.nowPlayingColumn_f5023f > aside > div, +.scroller_f0f183 { + padding-right: 16px !important; +} + +.scroller__52ae7 { + margin-right: 0px; +} + +div.categorySection_f44c2f { + left: -6px; + position: relative; +} + +.menu_dc52c6 > .scroller__750f5 { + margin: 4px; + padding: 0px; +} + +div::-webkit-scrollbar:not(.scroller__3d071.none__51a8f.scrollerBase_dc3aa9) { + width: 17px !important; +} + +div::-webkit-scrollbar-thumb { + background: url(https://numoder.github.io/dsn10-theme/assets/xp.png) repeat-x -118px + 0, + url(https://numoder.github.io/dsn10-theme/assets/xp.png) repeat-x -169px 100%, + url(https://numoder.github.io/dsn10-theme/assets/xp.png) repeat-x -220px 50%, + url(https://numoder.github.io/dsn10-theme/assets/xp.png) -16px 0; + border: 0px solid black !important; + border-radius: 0 !important; +} + +div::-webkit-scrollbar-thumb:hover { + background-position-x: -135px, -186px, -232px, -33px; + border: 0px solid black !important; + border-radius: 0 !important; +} +div::-webkit-scrollbar-thumb:active { + background-position-x: -152px, -203px, -244px, -50px; +} + +div::-webkit-scrollbar-track { + background: transparent !important; +} + +div::-webkit-scrollbar-button:single-button { + display: block; + width: 16px; + height: 16px; + background: var(--2k-background); + box-shadow: var(--2k-btn-alt); +} + +div::-webkit-scrollbar-button:single-button:vertical:increment { + background: url(https://numoder.github.io/dsn10-theme/assets/xp.png) no-repeat -257px + 6px, + url(https://numoder.github.io/dsn10-theme/assets/xp.png) -67px 0; + background-position-x: -257px, -67px; + background-position-y: 6px, 0px; + height: 17px; + width: 17px; +} +div::-webkit-scrollbar-button:single-button:vertical:increment:hover, +div::-webkit-scrollbar-button:single-button:vertical:decrement:hover { + background-position-x: -257px, -84px; +} + +div::-webkit-scrollbar-button:single-button:vertical:decrement { + background: url(https://numoder.github.io/dsn10-theme/assets/xp.png) no-repeat -257px + 6px, + url(https://numoder.github.io/dsn10-theme/assets/xp.png) -67px 0; + background-position-y: -6px, 0; + height: 17px; + width: 17px; +} + +div::-webkit-scrollbar-button:single-button:vertical:increment:active, +div::-webkit-scrollbar-button:single-button:vertical:decrement:active { + background-position-x: -257px, -101px; +} diff --git a/dsn10.theme.css b/dsn10.theme.css index 3c75d28..179f7a7 100644 --- a/dsn10.theme.css +++ b/dsn10.theme.css @@ -1,67 +1,104 @@ /** * @name DiscordNetwork10 * @author numoder - * @version 0.2.2 + * @version 0.4.0 * @description A little throwback to better times. * @source https://github.com/numoder/dsn10-theme */ -@import url('https://numoder.github.io/dsn10-theme/dsn10-general.css'); -@import url('https://numoder.github.io/dsn10-theme/dsn10-icons.css'); -@import url('https://numoder.github.io/dsn10-theme/dsn10-server.css'); -@import url('https://numoder.github.io/dsn10-theme/dsn10-friends.css'); -@import url('https://numoder.github.io/dsn10-theme/dsn10-settings.css'); +@import url("https://numoder.github.io/dsn10-theme/dsn10-general.css"); +@import url("https://numoder.github.io/dsn10-theme/dsn10-icons.css"); +@import url("https://numoder.github.io/dsn10-theme/dsn10-server.css"); +@import url("https://numoder.github.io/dsn10-theme/dsn10-friends.css"); +@import url("https://numoder.github.io/dsn10-theme/dsn10-settings.css"); + +/* more themes coming soon!~ */ +@import url("https://numoder.github.io/dsn10-theme/default.css"); :root { /* general */ - --text-primary: #000; - --accent-color: #0042a5; + --accent-color: #316ac5; --accent-color-selected: #317df7; --background-color: #5a7edc; --background-modifier-selected: transparent; - - - /* tooltip */ + /* tooltip */ --tooltip-background: #ffffe1; --tooltip-border: #000; - --menu-border: #aca899; - - --login-background: url(https://numoder.github.io/dsn10-theme/assets/src/starfield.jpg) center/cover; + --menu-border: #808080; - /* profile */ - --profile-background: #768eca; - --profile-font-color: rgb(255, 255, 255); - --profile-border: whitesmoke; - --avatar-profile-border-color: black; + --login-background: url(https://numoder.github.io/dsn10-theme/assets/src/starfield.jpg) + center/cover; /* fonts */ --font-header: "Trebuchet MS"; --font-body: "Tahoma"; - --font-small: "Pixelated MS Sans Serif",Arial; /* options: Windows / W95FA / Pixelated MS Sans Serif */ - + --font-small: "MS Sans Serif", Arial; /* for a more accurate WinXP look, try these options: Windows / W95FA / MS Sans Serif */ + --font-small-size: 11px; /* default: 11px */ + --font-primary: "Tahoma", bold; - --font-headline: var(--font-body); + --font-headline: var(--font-body); --font-code: "Perfect DOS VGA 437 Win"; + --font-settings: "Verdana"; --font-display: var(--font-primary); - --explorer-background: linear-gradient(120deg, rgba(255,255,255,1) 0%, rgba(240,231,202,1) 100%); - --explorer-box-shadow: inset 1px 1px 0px 0px rgba(245,243,238,1), inset -1px -1px 0px 0px #d1cebe; + --explorer-light-background: linear-gradient( + 120deg, + rgba(255, 255, 255, 1) 0%, + rgba(240, 231, 202, 1) 100% + ); + --explorer-light-box-shadow: inset 1px 1px 0px 0px #f5f3ee, + inset -1px -1px 0px 0px #d1cebe; + + --explorer-dark-background: #383838; + --explorer-dark-box-shadow: inset 1px 1px 0px 0px rgba(136, 136, 136, 1), + inset -1px -1px 0px 0px rgba(40, 40, 40, 1); /* mentioned */ - /* --mention-foreground: rgb(75, 210, 0); */ - /* --mention-background: rgba(0, 255, 0, 0.2); */ - --background-mentioned: linear-gradient(to right, rgb(182, 244, 146), rgba(51, 139, 147, 0)); + --background-mentioned: linear-gradient( + 120deg, + rgba(94, 255, 59, 0.5) 3%, + rgba(255, 255, 255, 0) 35%, + rgba(255, 255, 255, 0) 75%, + rgba(255, 243, 153, 0.1) 100% + ); + + /* other */ + --2001-beige: #efebdf; + + --luna-box-shadow: inset -1px -1px #00138c, inset 1px 1px #0831d9, + inset -2px -2px #001ea0, inset 2px 2px #166aee, inset -3px -3px #003bda, + inset 3px 3px #0855dd; - /* settings */ - --light-settings-background: #E6EAD8; - --light-settings-sidebar-background: linear-gradient(0deg, rgba(98,119,215,1) 0%, rgba(130,162,211,1) 100%); - --dark-settings-background: linear-gradient(0deg, rgba(96,119,218,1) 0%, rgba(108,122,198,1) 100%); ; - --dark-settings-sidebar-background: linear-gradient(0deg, rgba(98,119,215,1) 0%, rgba(130,162,211,1) 100%); - --background-modifier-hover: #d2dbfc; - --light-channel-background:linear-gradient(to top, #5868a8, #5868a8, #5868a8, #5868a8, #ffffff); + --light-settings-sidebar-background: linear-gradient( + 0deg, + rgba(98, 119, 215, 1) 0%, + rgba(130, 162, 211, 1) 100% + ); + --dark-settings-background: linear-gradient( + 0deg, + rgba(96, 119, 218, 1) 0%, + rgba(108, 122, 198, 1) 100% + ); + --dark-settings-sidebar-background: linear-gradient( + 0deg, + rgba(98, 119, 215, 1) 0%, + rgba(130, 162, 211, 1) 100% + ); + --light-channel-background: linear-gradient( + to top, + #5868a8, + #5868a8, + #5868a8, + #5868a8, + #ffffff + ); +} +.theme-light { + --text-primary: #222; +} - /* video player */ - --video-player-border: 1px solid #acacac; -} \ No newline at end of file +.theme-dark { + --text-primary: #fff; +} diff --git a/themes/default.css b/themes/default.css new file mode 100644 index 0000000..f24619a --- /dev/null +++ b/themes/default.css @@ -0,0 +1,249 @@ +:root { + --theme-border: #446097; + --theme-gradient: rgba(254, 254, 254, 1) 0%, var(--theme-lighter) 100%; + --theme-button: inset -10px -10px 14px -5px var(--theme-light), + inset 10px 10px 14px -10px var(--theme-lightest); + --theme-hover: rgba(212, 221, 252, 0.25); + + --theme-white: #f6faff; + --theme-lightest: #f6f7fa; + --theme-lighter: #cdd9ee; + --theme-light: #8297c2; + --theme-accent: #5590ff; + --theme-dark: #446097; + --theme-darker: #2e3a5f; + --theme-darkest: #1e2a4f; + } + + /* -=-=- WINDOWS TITLEBAR -=-=- */ + div.typeWindows__5fa63 { + /* background: url(http://www.netscape-communications.com/wp-content/uploads/2021/07/topbarmsn9.png); */ + background: linear-gradient(0deg, var(--theme-white) 0%, var(--theme-lightest) 50%, var(--theme-lighter) 100%); + height: 24px; + } + + .theme-light .container__4bde3 { + background: linear-gradient(180deg, var(--theme-gradient)); + } + + .container__11d72.themed_b152d4, + .header__104ca, + .searchBar_e4ea2a, + .theme-light .tutorialContainer__890ea { + /* background: url(http://www.netscape-communications.com/wp-content/uploads/2021/07/middlebar.png); */ + background: linear-gradient(0deg, var(--theme-lightest) 0%, var(--theme-lighter) 45%, var(--theme-lightest) 45%, var(--theme-white) 99%); + background-repeat: repeat-x; + background-size: contain; + } + + /* embedded/ item cards */ + + .theme-light .itemCard__1f162, + .connectionHeader__3c82d { + border: 1px solid var(--theme-border); + background: linear-gradient( + 0deg, + var(--theme-lightest) 0%, + #e9eef4 35%, + #ebf0fa 65%, + var(--theme-white) 90%, + var(--theme-lighter) 100% + ); + } + + .theme-light .body__83069 > .section_efc22d { + background: linear-gradient( + 0deg, + var(--theme-white) 0%, + var(--theme-lighter) 100% + ); + margin: -8px -16px -16px; + border-radius: 8px; + } + + .connectionOptionsWrapper_abe849 { + background: linear-gradient( + 0deg, + #ecf1f7 0%, + var(--theme-lighter) 100% + ); + border: 1px solid var(--theme-border); + margin-top: -1px; + border-radius: 0px 0px 6px 6px; + } + + /* hover on message */ + .scrollerInner__059a5 > li:hover, + .scrollerInner__059a5 > li.selected-3s45Ha { + background-color: var(--theme-hover); + } + + /* active now */ + .theme-light .container_b2ce9c, + .theme-light .members__9f47b, + .theme-light .scroller__00e7e { + background: url(https://numoder.github.io/dsn10-theme/themes/backgrounds/default.png), + linear-gradient( + 0deg, + var(--theme-lighter) 0%, + var(--theme-lightest) 65%, + var(--theme-white) 100% + ); + background-repeat: no-repeat; + background-attachment: fixed; + background-position: right bottom; + } + + .theme-light .scroller__00e7e { + background-size: 360px; + margin-left: 0px; + } + + .section_efc22d { + padding: 4px; + } + + .activitySectionAssets_ea2444 .borderRadius0_b7b155 { + border-radius: 4px; + } + + /* server without picture */ + .theme-light div.childWrapper__01b9c.acronym_cd4809 { + background: #f3f3fd !important; + border: 1px solid var(--theme-border); + box-shadow: inset -10px -10px 14px -5px var(--theme-light), + inset 10px 10px 14px -10px var(--theme-white); + color: black; + border-radius: 50%; + height: 46px !important; + } + + .theme-light .wrapper_d281dd .acronym_cd4809:hover, + .theme-light .wrapper_d281dd.selected_f5ec8e > .acronym_cd4809 { + background-color: var(--theme-white); + border-radius: 25%; + color: var(--theme-border); + box-shadow: #7ebbc4 6px inset; + transition: 0.25s; + } + + .message__80c10.selected_fd9051 { + background: var(--theme-lightest) !important; + } + + .message__80c10.selected_fd9051.mentioned__58017 { + } + + .mentioned__58017:hover{ + background: var(--background-mentioned) !important; + } + + /* -=-=- UNTHEMED PROFILE -=-=- */ + + /* inner */ + .theme-light .userProfileOuterUnthemed__48723 > .userPopoutInner_f545a3, + .theme-light .userProfileOuterUnthemed__48723 > .userProfileInnerThemedNonPremium__3d0a6, + .theme-light .userProfileOuterUnthemed__48723 > .userPanelInner_eddf4c { + background: linear-gradient( + 0deg, + rgba(205, 218, 240, 1) 0%, + rgba(235, 240, 250, 1) 65%, + rgb(255, 255, 255) 100% + ); + } + + .theme-light .userProfileOuterUnthemed__48723 > .userPopoutInner_f545a3 > .userPopoutOverlayBackground_d8afa4, + .theme-light .userProfileInnerThemedNonPremium__3d0a6 > .userProfileModalOverlayBackground__52d65, + .theme-light .userProfileOuterUnthemed__48723 > .userPanelInner_eddf4c > .none__51a8f > .userPanelOverlayBackground__34fc8 { + background: rgba(255, 255, 255, 0.75); + border: 1px solid var(--theme-border); + } + + .userPanelOverlayBackground__34fc8 > .divider__2bbbc{ + background-color: #dfe0e0 !important; + } + + /* server role */ + .theme-light .membersGroup__85843 { + background: linear-gradient(180deg, #cfdbeb, #fdfeff); + } + + .theme-light .wrapper__0ed4a > .container_d667ff, + .theme-light .vc-addon-card, + div.attachment_f3cf2c, + .theme-light .grid_c7c4e6, + div.messageAttachment_b97504 > div.wrapperAudio__555ce { + background-color: #f3f3fd; + border: 1px solid var(--light-msn-border); + box-shadow: inset -10px -10px 14px -5px #8297c2, + inset 12.5px 12.5px 14px -10px white; + border-radius: 5px; + background-size: contain; + } + + /* button colorbrand default */ + .button_afdfd9.colorBrand_b2253e:not( + .button__4f306, + .lookBlank__7ca0a, + .actionButtons_b58cbb > button, + .actionButtons_b58cbb > div > button + ), + .tabBar__73938[role="tablist"] > div:not(:last-child), + .button_afdfd9.colorBrandNew_fd170a { + background: linear-gradient( + 0deg, + #d6dbef 0%, + #ffffff 100% + ) !important; + color: #848bbc !important; + border-radius: 0 !important; + } + + .tabBar__73938[role="tablist"] > div:not(:last-child){ + border-radius: 3px !important; + } + + + /* button colorbrand onclick */ + .button_afdfd9.colorBrand_b2253e:not( + .button__4f306, + .lookBlank__7ca0a, + .actionButtons_b58cbb > button, + .actionButtons_b58cbb > div > button + ):active, + .button_afdfd9.colorBrandNew_fd170a:not(:disabled):active { + background: linear-gradient( + 0deg, + #ffffff 0%, + #d6dbef 100% + ) !important; + } + + /* voicecall box */ + .theme-light .activityPanel__22355, + .theme-light .container_d667ff, + .panels__58331 > div { + background-color: #f3f3fd; + border: 1px solid var(--theme-border); + box-shadow: inset -10px -10px 14px -5px #8297c2, + inset 10px 10px 14px -10px white; + border-radius: 0px !important; + background-size: contain; + margin: 0px 0px -2px 0px; + } + + .theme-light .panels__58331 > div { + background: var(--theme-lighter) !important; + } + + .scrollerInner__059a5 > .container_b03b4b { + background: linear-gradient( + 0deg, + transparent 15%, + #5590ff40 100% + ); + margin: 0px; + /* border: 1px solid #d2dbfc; */ + border-radius: 0px; + padding: 15px; + } \ No newline at end of file