diff --git a/manifest.json b/manifest.json index e6b7d59..45cd082 100644 --- a/manifest.json +++ b/manifest.json @@ -7,7 +7,7 @@ "discordID": "134142022092062720", "github": "Saltssaumure" }, - "version": "1.6.4", + "version": "1.7.0", "updater": { "type": "store", "id": "net.saltssaumure.Synthesis" diff --git a/package.json b/package.json index b9bd5a6..7332418 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "synthesis-discord-theme", - "version": "1.6.4", + "version": "1.7.0", "description": "A vibrant neon synthwave Discord theme.", "repository": "github:Saltssaumure/synthesis-discord-theme", "author": "Saltssaumure ", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 345e2ca..d0d6000 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -10,14 +10,14 @@ devDependencies: version: 3.2.5 replugged: specifier: ^4.7.9 - version: 4.7.9(@codemirror/view@6.26.0)(@lezer/common@1.2.1) + version: 4.7.9(@codemirror/view@6.26.1)(@lezer/common@1.2.1) salt-bd-scss: specifier: ^1.2.2 version: 1.2.2 packages: - /@codemirror/autocomplete@6.15.0(@codemirror/language@6.10.1)(@codemirror/state@6.4.1)(@codemirror/view@6.26.0)(@lezer/common@1.2.1): + /@codemirror/autocomplete@6.15.0(@codemirror/language@6.10.1)(@codemirror/state@6.4.1)(@codemirror/view@6.26.1)(@lezer/common@1.2.1): resolution: {integrity: sha512-G2Zm0mXznxz97JhaaOdoEG2cVupn4JjPaS4AcNvZzhOsnnG9YVN68VzfoUw6dYTsIxT6a/cmoFEN47KAWhXaOg==} peerDependencies: '@codemirror/language': ^6.0.0 @@ -27,7 +27,7 @@ packages: dependencies: '@codemirror/language': 6.10.1 '@codemirror/state': 6.4.1 - '@codemirror/view': 6.26.0 + '@codemirror/view': 6.26.1 '@lezer/common': 1.2.1 dev: true @@ -36,14 +36,14 @@ packages: dependencies: '@codemirror/language': 6.10.1 '@codemirror/state': 6.4.1 - '@codemirror/view': 6.26.0 + '@codemirror/view': 6.26.1 '@lezer/common': 1.2.1 dev: true - /@codemirror/lang-css@6.2.1(@codemirror/view@6.26.0): + /@codemirror/lang-css@6.2.1(@codemirror/view@6.26.1): resolution: {integrity: sha512-/UNWDNV5Viwi/1lpr/dIXJNWiwDxpw13I4pTUAsNxZdg6E0mI2kTQb0P2iHczg1Tu+H4EBgJR+hYhKiHKko7qg==} dependencies: - '@codemirror/autocomplete': 6.15.0(@codemirror/language@6.10.1)(@codemirror/state@6.4.1)(@codemirror/view@6.26.0)(@lezer/common@1.2.1) + '@codemirror/autocomplete': 6.15.0(@codemirror/language@6.10.1)(@codemirror/state@6.4.1)(@codemirror/view@6.26.1)(@lezer/common@1.2.1) '@codemirror/language': 6.10.1 '@codemirror/state': 6.4.1 '@lezer/common': 1.2.1 @@ -56,7 +56,7 @@ packages: resolution: {integrity: sha512-5GrXzrhq6k+gL5fjkAwt90nYDmjlzTIJV8THnxNFtNKWotMIlzzN+CpqxqwXOECnUdOndmSeWntVrVcv5axWRQ==} dependencies: '@codemirror/state': 6.4.1 - '@codemirror/view': 6.26.0 + '@codemirror/view': 6.26.1 '@lezer/common': 1.2.1 '@lezer/highlight': 1.2.0 '@lezer/lr': 1.4.0 @@ -67,7 +67,7 @@ packages: resolution: {integrity: sha512-+5YyicIaaAZKU8K43IQi8TBy6mF6giGeWAH7N96Z5LC30Wm5JMjqxOYIE9mxwMG1NbhT2mA3l9hA4uuKUM3E5g==} dependencies: '@codemirror/state': 6.4.1 - '@codemirror/view': 6.26.0 + '@codemirror/view': 6.26.1 crelt: 1.0.6 dev: true @@ -75,7 +75,7 @@ packages: resolution: {integrity: sha512-rpMgcsh7o0GuCDUXKPvww+muLA1pDJaFrpq/CCHtpQJYz8xopu4D1hPcKRoDD0YlF8gZaqTNIRa4VRBWyhyy7Q==} dependencies: '@codemirror/state': 6.4.1 - '@codemirror/view': 6.26.0 + '@codemirror/view': 6.26.1 crelt: 1.0.6 dev: true @@ -83,8 +83,8 @@ packages: resolution: {integrity: sha512-QkEyUiLhsJoZkbumGZlswmAhA7CBU02Wrz7zvH4SrcifbsqwlXShVXg65f3v/ts57W3dqyamEriMhij1Z3Zz4A==} dev: true - /@codemirror/view@6.26.0: - resolution: {integrity: sha512-nSSmzONpqsNzshPOxiKhK203R6BvABepugAe34QfQDbNDslyjkqBuKgrK5ZBvqNXpfxz5iLrlGTmEfhbQyH46A==} + /@codemirror/view@6.26.1: + resolution: {integrity: sha512-wLw0t3R9AwOSQThdZ5Onw8QQtem5asE7+bPlnzc57eubPqiuJKIzwjMZ+C42vQett+iva+J8VgFV4RYWDBh5FA==} dependencies: '@codemirror/state': 6.4.1 style-mod: 4.1.2 @@ -96,7 +96,7 @@ packages: dependencies: '@codemirror/language': 6.10.1 '@codemirror/state': 6.4.1 - '@codemirror/view': 6.26.0 + '@codemirror/view': 6.26.1 '@lezer/highlight': 1.2.0 dev: true @@ -481,8 +481,8 @@ packages: resolution: {integrity: sha512-1m0bIFVc7eJWyve9S0RnuRgcQqF/Xd5QsUZAZeQFr1Q3/p9JWoQQEqmVy+DPTNpGXwhgIetAoYF8JSc33q29QA==} dev: true - /@types/node@18.19.24: - resolution: {integrity: sha512-eghAz3gnbQbvnHqB+mgB2ZR3aH6RhdEmHGS48BnV75KceQPHqabkxKI0BbUSsqhqy2Ddhc2xD/VAR9ySZd57Lw==} + /@types/node@18.19.26: + resolution: {integrity: sha512-+wiMJsIwLOYCvUqSdKTrfkS8mpTp+MPINe6+Np4TAGFWWRWiBQ5kSq9nZGCSPkzx9mvT+uEukzpX4MOSCydcvw==} dependencies: undici-types: 5.26.5 dev: true @@ -528,19 +528,19 @@ packages: picomatch: 2.3.1 dev: true - /autoprefixer@10.4.18(postcss@8.4.35): - resolution: {integrity: sha512-1DKbDfsr6KUElM6wg+0zRNkB/Q7WcKYAaK+pzXn+Xqmszm/5Xa9coeNdtP88Vi+dPzZnMjhge8GIV49ZQkDa+g==} + /autoprefixer@10.4.19(postcss@8.4.38): + resolution: {integrity: sha512-BaENR2+zBZ8xXhM4pUaKUxlVdxZ0EZhjvbopwnXmxRUfqDmwSpC2lAi/QXvx7NRdPCo1WKEcEF6mV64si1z4Ew==} engines: {node: ^10 || ^12 || >=14} hasBin: true peerDependencies: postcss: ^8.1.0 dependencies: browserslist: 4.23.0 - caniuse-lite: 1.0.30001597 + caniuse-lite: 1.0.30001600 fraction.js: 4.3.7 normalize-range: 0.1.2 picocolors: 1.0.0 - postcss: 8.4.35 + postcss: 8.4.38 postcss-value-parser: 4.2.0 dev: true @@ -590,8 +590,8 @@ packages: engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7} hasBin: true dependencies: - caniuse-lite: 1.0.30001597 - electron-to-chromium: 1.4.707 + caniuse-lite: 1.0.30001600 + electron-to-chromium: 1.4.721 node-releases: 2.0.14 update-browserslist-db: 1.0.13(browserslist@4.23.0) dev: true @@ -619,8 +619,8 @@ packages: engines: {node: '>=14.16'} dev: true - /caniuse-lite@1.0.30001597: - resolution: {integrity: sha512-7LjJvmQU6Sj7bL0j5b5WY/3n7utXUJvAe1lxhsHDbLmwX9mdL86Yjtr+5SRCyf8qME4M7pU2hswj0FpyBVCv9w==} + /caniuse-lite@1.0.30001600: + resolution: {integrity: sha512-+2S9/2JFhYmYaDpZvo0lKkfvuKIglrx68MwOBqMGHhQsNkLjB5xtc/TGoEPs+MxjSyN/72qer2g97nzR641mOQ==} dev: true /chalk@5.3.0: @@ -665,13 +665,13 @@ packages: /codemirror@6.0.1(@lezer/common@1.2.1): resolution: {integrity: sha512-J8j+nZ+CdWmIeFIGXEFbFPtpiYacFMDR8GlHK3IyHQJMCaVRfGx9NT+Hxivv1ckLWPvNdZqndbr/7lVhrf/Svg==} dependencies: - '@codemirror/autocomplete': 6.15.0(@codemirror/language@6.10.1)(@codemirror/state@6.4.1)(@codemirror/view@6.26.0)(@lezer/common@1.2.1) + '@codemirror/autocomplete': 6.15.0(@codemirror/language@6.10.1)(@codemirror/state@6.4.1)(@codemirror/view@6.26.1)(@lezer/common@1.2.1) '@codemirror/commands': 6.3.3 '@codemirror/language': 6.10.1 '@codemirror/lint': 6.5.0 '@codemirror/search': 6.5.6 '@codemirror/state': 6.4.1 - '@codemirror/view': 6.26.0 + '@codemirror/view': 6.26.1 transitivePeerDependencies: - '@lezer/common' dev: true @@ -762,8 +762,8 @@ packages: resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==} dev: true - /electron-to-chromium@1.4.707: - resolution: {integrity: sha512-qRq74Mo7ChePOU6GHdfAJ0NREXU8vQTlVlfWz3wNygFay6xrd/fY2J7oGHwrhFeU30OVctGLdTh/FcnokTWpng==} + /electron-to-chromium@1.4.721: + resolution: {integrity: sha512-k1x2r6foI8iJOp+1qTxbbrrWMsOiHkzGBYwYigaq+apO1FSqtn44KTo3Sy69qt7CRr7149zTcsDvH7MUKsOuIQ==} dev: true /emoji-regex@8.0.0: @@ -1216,13 +1216,13 @@ packages: resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==} dev: true - /postcss@8.4.35: - resolution: {integrity: sha512-u5U8qYpBCpN13BsiEB0CbR1Hhh4Gc0zLFuedrHJKMctHCHAGrMdG0PRM/KErzAL3CU6/eckEtmHNB3x6e3c0vA==} + /postcss@8.4.38: + resolution: {integrity: sha512-Wglpdk03BSfXkHoQa3b/oulrotAkwrlLDRSOb9D0bN86FdRyE9lppSp33aHNPgBa0JKCoB+drFLZkQoRRYae5A==} engines: {node: ^10 || ^12 || >=14} dependencies: nanoid: 3.3.7 picocolors: 1.0.0 - source-map-js: 1.0.2 + source-map-js: 1.2.0 dev: true /prettier@3.2.5: @@ -1286,13 +1286,13 @@ packages: rc: 1.2.8 dev: true - /replugged@4.7.9(@codemirror/view@6.26.0)(@lezer/common@1.2.1): + /replugged@4.7.9(@codemirror/view@6.26.1)(@lezer/common@1.2.1): resolution: {integrity: sha512-Eh44KEzXVLRO7UtrZm5mvYXr12KJV4zpifYUEFlNoGaT9mzO598f8WgiMdCQdaUf27bZl+nk6qUngMR4YfkXoA==} engines: {node: '>=18.0.0', pnpm: '>=8.0.0'} hasBin: true requiresBuild: true dependencies: - '@codemirror/lang-css': 6.2.1(@codemirror/view@6.26.0) + '@codemirror/lang-css': 6.2.1(@codemirror/view@6.26.1) '@codemirror/language': 6.10.1 '@codemirror/state': 6.4.1 '@ddietr/codemirror-themes': 1.4.2 @@ -1361,10 +1361,10 @@ packages: resolution: {integrity: sha512-JL3ZX4cCBnYN+8aB4YuvJ+6SQsjWTrqutyQ0gYRm3zzdMgH8JECz47KYf+EIQNIDk/WjacVPL4g7s8gKhVNNMA==} hasBin: true dependencies: - autoprefixer: 10.4.18(postcss@8.4.35) + autoprefixer: 10.4.19(postcss@8.4.38) chalk: 5.3.0 chokidar: 3.6.0 - postcss: 8.4.35 + postcss: 8.4.38 sade: 1.8.1 sass: 1.72.0 dev: true @@ -1376,7 +1376,7 @@ packages: dependencies: chokidar: 3.6.0 immutable: 4.3.5 - source-map-js: 1.0.2 + source-map-js: 1.2.0 dev: true /semver-diff@4.0.0: @@ -1402,15 +1402,15 @@ packages: resolution: {integrity: sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==} dev: true - /source-map-js@1.0.2: - resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==} + /source-map-js@1.2.0: + resolution: {integrity: sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==} engines: {node: '>=0.10.0'} dev: true /standalone-electron-types@1.0.0: resolution: {integrity: sha512-0HOi/tlTz3mjWhsAz4uRbpQcHMZ+ifj1JzWW9nugykOHClBBG77ps8QinrzX1eow4Iw2pnC+RFaSYRgufF4BOg==} dependencies: - '@types/node': 18.19.24 + '@types/node': 18.19.26 dev: true /string-width@4.2.3: diff --git a/scss/main/_banner.scss b/scss/main/_banner.scss index 3600cc7..aee8a1f 100644 --- a/scss/main/_banner.scss +++ b/scss/main/_banner.scss @@ -12,7 +12,7 @@ top: $title-height; border-radius: $notice-spacing; - &.colorStreamerMode_e927c0 { + &.colorStreamerMode_cb7f84 { background-color: rgb($color-twitch / 0.4); border: $notice-border-width solid rgb($color-twitch); box-shadow: 0 0 10px 0 rgb($color-twitch); diff --git a/scss/main/_channels.scss b/scss/main/_channels.scss index feda189..44febdd 100644 --- a/scss/main/_channels.scss +++ b/scss/main/_channels.scss @@ -2,16 +2,16 @@ @use "../top/pill"; // Channels sidebar -.sidebar_ded4b5 { +.sidebar_e031be { margin: $sidebar-spacing 0; // Header - .header__104ca { + .header__77c95 { box-shadow: none; } - .clickable__2d589 .header__104ca:hover, - .selected__0b1ad .header__104ca { + .clickable__1383f .header__77c95:hover, + .selected__987e6 .header__77c95 { background-color: transparent; } @@ -21,16 +21,16 @@ } // Channel - .wrapper__7bcde, + .wrapper__612a5, .layout_bb8e67, - .content_b60865, - .link__95dc0 { + .content__3b07e, + .link_ddbb36 { border-radius: $size-s; } // Self button - .withTagAsButton_cc125f, - .withTagless__98b7d { + .withTagAsButton_e22174, + .withTagless__058f8 { border-radius: 30px; margin-bottom: 4px; margin-right: 4px; diff --git a/scss/main/_chat.scss b/scss/main/_chat.scss index c6c1478..71881cf 100644 --- a/scss/main/_chat.scss +++ b/scss/main/_chat.scss @@ -3,28 +3,28 @@ @use "../top/box"; // Main chat -.chatContent__5dca8 { - .messagesWrapper_ea2b0b { +.chatContent_f087cb { + .messagesWrapper_add28b { margin-bottom: 4px; // New messages bar - .newMessagesBar__8b6d7 { + .newMessagesBar__8b272 { min-height: 30px; top: -8px; background: linear-gradient(transparent, transparentize($color-blurple, 0.4) 40%, transparentize($color-blurple, 0.2)); } // Jump to present bar - .jumpToPresentBar__0ff7f { + .jumpToPresentBar__69174 { background: linear-gradient(transparentize($color-button, 0.2), transparentize($color-button, 0.4) 60%, transparent); } // Chat message - .messageListItem__6a4fb { + .messageListItem__050f9 { margin-left: 17px; // Options bar - .wrapper_c727b6 { + .wrapper__4e6b6 { @include box.orange-small; height: 34px; @@ -36,7 +36,7 @@ } // @ Mention - .wrapper__2d9b1 { + .wrapper_f5f4c9 { background: transparentize($color-blurple, 0.7); color: rgb($color-blurple); @@ -47,25 +47,25 @@ } // Reaction - .reaction_b90ab0 { + .reaction_ef7e09 { border-radius: $item-spacing; &:hover { border-color: rgb($color-foreground); } - &.reactionMe_bf6909 { + &.reactionMe__9fc5c { background-color: transparentize($color-foreground, 0.7); &:not(:hover) { border-color: transparent; } - .reactionCount__60448 { + .reactionCount_b780c8 { color: rgb($color-foreground); } - &:hover .reactionCount__60448 { + &:hover .reactionCount_b780c8 { color: var(--interactive-hover); } } @@ -74,14 +74,14 @@ @import "_embed"; // Thread - .container__767d1 { + .container__17159 { border-radius: $item-spacing; background-color: transparentize($color-foreground, 0.7); } } // Chat dividers - .divider_b9338f { + .divider__855e3 { border-top: none; background-color: rgb($color-foreground); height: 2px; @@ -90,7 +90,7 @@ justify-content: center; // New message divider pill - .unreadPill__715fc { + .unreadPill__1b4fa { border-radius: $item-spacing; color: rgb($color-foreground); padding: 2px 10px; @@ -99,13 +99,13 @@ text-transform: capitalize; box-shadow: 0 0 5px 1px rgb($color-foreground); - .unreadPillCap__96b8d { + .unreadPillCap__44e20 { display: none; } } // Date change divider - .content_d67847 { + .content__7191e { background: rgb($color-foreground); color: rgb($color-text); padding: 2px 10px; @@ -116,14 +116,14 @@ } } - .group-spacing-16 .divider__8cf56 { + .group-spacing-16 .divider__01aed { margin-top: 20px; margin-bottom: 30px; } } // Chat text area - .scrollableContainer__33e06 { + .scrollableContainer_ff917f { @include box.orange; &::before { @@ -134,18 +134,18 @@ } // Attachments - .channelAttachmentArea__740bf { + .channelAttachmentArea__5e46a { // Options bar - .wrapper_c727b6 { + .wrapper__4e6b6 { @include box.orange-small; height: 34px; } // Spoiler - .spoilerContainer_b653f1 { + .spoilerContainer__89762 { border-radius: $sidebar-spacing; - .media__059e0 { + .media__47d7e { border-radius: $sidebar-spacing; } } @@ -153,12 +153,12 @@ } // Chat slowmode info - .cooldownWrapper_de448f { + .cooldownWrapper__193b2 { color: transparentize($color-text, 0.5) !important; } // Chat autocomplete suggestions - .autocomplete_df266d { + .autocomplete__743a5 { @include box.orange; background-color: rgb($color-background); @@ -169,18 +169,18 @@ } // Group - .categoryHeader_f97a5f { + .categoryHeader__70c8e { background-color: rgb($color-background); } // Option - .base__76a71 { + .base__87e58 { border-radius: $item-spacing; } } // Sticker suggestions - .stickerIconOffset__86287 { + .stickerIconOffset__72063 { @include box.orange-small; } } diff --git a/scss/main/_embed.scss b/scss/main/_embed.scss index 4ef4955..a636cb9 100644 --- a/scss/main/_embed.scss +++ b/scss/main/_embed.scss @@ -2,11 +2,11 @@ @use "../top/tint"; // Image embed -.imageWrapper_fd6587 { +.imageWrapper__178ee { border-radius: calc(2 * $item-spacing); // Gif label - .imageAccessory__64ab2 { + .imageAccessory__9614b { $tag-spacing: 12px; top: $tag-spacing; right: $tag-spacing; @@ -17,21 +17,21 @@ } } -.embedFull__8dc21, +.embedFull__14919, // Link embed -.wrapper_efe67f, +.wrapper__8a5dd, // Invite embed -.embedSpotify_d58077, +.embedSpotify__13fe9, // Spotify embed -.wrapperAudio__555ce // Audio embed +.wrapperAudio__178e9 // Audio embed { border-radius: calc(2 * $item-spacing); background-color: transparentize($color-foreground, 0.7); } // Link embed -.embedFull__8dc21 { - .embedThumbnail__468e1 .imageWrapper_fd6587 { +.embedFull__14919 { + .embedThumbnail__1f402 .imageWrapper__178ee { border-radius: $item-spacing; } @@ -45,27 +45,27 @@ } // Audio embed -.audioControls__9fbe9 { +.audioControls_da7066 { border-radius: $item-spacing; } // Spoiler embed -.spoilerContainer_b653f1 { +.spoilerContainer__89762 { border-radius: calc(2 * $item-spacing); } // Attachment embed -.footer__06f4b { +.footer__90194 { background-color: transparentize($color-button, 0.2); } // Gift embed -.giftCodeContainer__7fa01 { +.giftCodeContainer_fedf35 { .tile_ebc93b { background-color: transparentize($color-button, 0.7); border-radius: calc(2 * $item-spacing); - .invalidPoop__03aa3, - .description__883d4 { + .invalidPoop__9bdd8, + .description__7d5ad { background-color: transparent; } } @@ -77,18 +77,18 @@ background-color: transparentize($color-button, 0.7); border: none; - .header__8b673 { + .header__1c712 { color: var(--header-secondary); } - .partyMemberEmpty__94736, - .moreUsers__1d9e9 { + .partyMemberEmpty__01e36, + .moreUsers__4af66 { background: rgb($color-background); color: rgb($color-text); opacity: 0.5; } - .artwork__34afd { + .artwork_ea47dd { border-radius: $item-spacing; } } diff --git a/scss/main/_friends.scss b/scss/main/_friends.scss index 7cb4f3a..8c2df80 100644 --- a/scss/main/_friends.scss +++ b/scss/main/_friends.scss @@ -4,31 +4,31 @@ // Friends view // DM list -.interactive_a868bc { +.interactive__3e804 { border-radius: $item-spacing; } // Active Now sidebar -.nowPlayingColumn_f5023f { +.nowPlayingColumn_b025fe { position: relative; margin: 0 $sidebar-spacing $sidebar-spacing 0; height: auto; @include box.orange; - .scroller__00e7e { + .scroller__7c25e { border: none; - .wrapper__6e669 { + .wrapper__3c6d5 { border-width: 2px; border-radius: $item-spacing; } .outer_a41cf3.active__76f42, - .outer_a41cf3.interactive__01cfa:hover { + .outer_a41cf3.interactive__46c44:hover { background-color: transparent; } - .inset__0bfb3 { + .inset__61d5b { background-color: transparent; } } diff --git a/scss/main/_index.scss b/scss/main/_index.scss index f8358e9..7c4c340 100644 --- a/scss/main/_index.scss +++ b/scss/main/_index.scss @@ -14,7 +14,7 @@ @use "../top/box"; // Base colour -.appMount_fae9dd, +.appMount_c99875, body { background-color: $color-background; } @@ -25,7 +25,7 @@ body { } // Main view -.container__037ed { +.container_d1f8f5 { @include box.outmost; width: auto; diff --git a/scss/main/_members.scss b/scss/main/_members.scss index 08ab0f4..4b81732 100644 --- a/scss/main/_members.scss +++ b/scss/main/_members.scss @@ -3,7 +3,7 @@ @use "../top/box"; // Members sidebar -.container_b2ce9c { +.container_f79ab4 { position: relative; margin: 0 $sidebar-spacing $sidebar-spacing 0; height: auto; diff --git a/scss/main/_misc.scss b/scss/main/_misc.scss index 7d56c8a..f4bc38f 100644 --- a/scss/main/_misc.scss +++ b/scss/main/_misc.scss @@ -3,53 +3,53 @@ @use "../top/pill"; // Video call -.callContainer_cbde45 { +.callContainer__1477d { background: transparent; - .gradientContainer__9a5a6 { + .gradientContainer_cdada6 { background-image: none; } } // Forum -.container_b181b6 { +.container_b92032 { background-color: transparent; } // Various views -.appMount_fae9dd { - .container__10dc7, - .container__7590f, +.appMount_c99875 { + .container__03ec9, + .container__6b2e5, .themed_b152d4, - .emptyPage__3e15d, - .scrollerContainer_bf5dbd, - .pageWrapper_fef757 { + .emptyPage_feb902, + .scrollerContainer_dda72c, + .pageWrapper_c182d3 { background: transparent; } } // Discover servers -.categoryItem_b1be5c.selectedCategoryItem__0bf4c .itemInner__9e755 { +.categoryItem__0608f.selectedCategoryItem__3e361 .itemInner_eedb2b { background-color: var(--background-modifier-selected); } -.pageWrapper_fef757 { +.pageWrapper_c182d3 { background-color: transparent; // Search - .searchBox_a63854 { + .searchBox__56feb { border-radius: $item-spacing; background-color: transparent; box-shadow: none; } - .select__0eb48 { + .select_fe2671 { border-radius: $item-spacing; } } // Server home -.background_e80d5a, -.headerBarInner__9a61d:after { +.background_c54132, +.headerBarInner_dc1a41:after { background: transparent; } diff --git a/scss/main/_servers.scss b/scss/main/_servers.scss index cf36a75..6d4f337 100644 --- a/scss/main/_servers.scss +++ b/scss/main/_servers.scss @@ -8,8 +8,8 @@ margin-right: 0; @include box.orange; - .platform-osx & .scroller__3d071, - .platform-win & .scroller__3d071 { + .platform-osx & .scroller_de945b, + .platform-win & .scroller_de945b { padding: 12px 0 4px 0; } @@ -29,11 +29,11 @@ } // Add and explore buttons - .circleIconButton_d8df29 { + .circleIconButton__05cf2 { color: rgb($color-green); } - .circleIconButton_d8df29.selected__5250e { + .circleIconButton__05cf2.selected_aded59 { color: rgb($color-text); } } diff --git a/scss/main/_title.scss b/scss/main/_title.scss index 81c5acf..f4dba02 100644 --- a/scss/main/_title.scss +++ b/scss/main/_title.scss @@ -1,13 +1,13 @@ @use "../top/vars" as *; // Top bar -.title_b7d661 { +.title_d4ba1a { // Search .search_ac353c .DraftEditor-root .DraftEditor-editorContainer { height: 24px; - .searchFilter__118cb, - .searchAnswer_b452e7 { + .searchFilter_dbda51, + .searchAnswer__2ccaf { padding: 0 6px; border: 2px solid rgb($color-foreground); background: var(--background-modifier-selected); @@ -15,11 +15,11 @@ line-height: 18px; } - .searchFilter__118cb { + .searchFilter_dbda51 { border-radius: 10px 0 0 10px; } - .searchAnswer_b452e7 { + .searchAnswer__2ccaf { padding-left: 0; border-radius: 0 10px 10px 0; } @@ -27,7 +27,7 @@ } // Top bar shadow -.content__1a4fe:before, +.content__01e65:before, .chat__1d65d:before { display: none; } diff --git a/scss/main/_titlebar.scss b/scss/main/_titlebar.scss index 86072ad..411a088 100644 --- a/scss/main/_titlebar.scss +++ b/scss/main/_titlebar.scss @@ -1,8 +1,8 @@ @use "../top/vars" as *; // Windows title bar -.titleBar__01af6 { - .alignCenter__84269 { +.titleBar__710b0 { + .alignCenter__9c6ed { border-radius: 0 0 $item-spacing $item-spacing; } @@ -24,6 +24,6 @@ } } -.wordmark__0d178 { +.wordmark__5b8c9 { display: none; } diff --git a/scss/mod/_BetterDiscord.scss b/scss/mod/_BetterDiscord.scss index bd58ae3..b3b2ccd 100644 --- a/scss/mod/_BetterDiscord.scss +++ b/scss/mod/_BetterDiscord.scss @@ -21,7 +21,7 @@ #bd-editor-panel { $inner-radius: calc($sidebar-spacing - $sidebar-border-width); - .contentRegion__0bec1 & { + .contentRegion__08eba & { @include box.blue; } diff --git a/scss/overlay/_tooltip.scss b/scss/overlay/_tooltip.scss index 61e0037..4282b24 100644 --- a/scss/overlay/_tooltip.scss +++ b/scss/overlay/_tooltip.scss @@ -1,12 +1,12 @@ @use "../top/vars" as *; // Tooltips -.appMount_fae9dd .tooltip__01384 { +.appMount_c99875 .tooltip__7b090 { background-color: transparentize($color-pop, 0.2); border-radius: 20px; box-shadow: 0 0 5px 0 rgb($color-pop); - .tooltipPointer_a79354 { + .tooltipPointer_f7411c { border-top-color: rgb($color-pop); } } diff --git a/scss/overlay/layer/_appdir.scss b/scss/overlay/layer/_appdir.scss index f73bcd9..c147185 100644 --- a/scss/overlay/layer/_appdir.scss +++ b/scss/overlay/layer/_appdir.scss @@ -2,7 +2,7 @@ @use "../../top/tint"; // App directory -.layerContainer_d5a653 .directoryModal-YJsOMv { +.layerContainer_a2fcaa .directoryModal-YJsOMv { background: transparent; // Scanline and tint overlay over whole view @@ -16,14 +16,14 @@ left: 0; } - .category__2d800, - .clickable_e2569e, + .category_a343a6, + .clickable__019e3, .search__24107, - .container__7b33c, + .container_bdd168, .card__834d4, - .commandName__72789, - .splashImage_df3cce, - .headerBanner__76f87 { + .commandName__7c054, + .splashImage__1b6d7, + .headerBanner__7b8a3 { border-radius: $item-spacing; } } diff --git a/scss/overlay/layer/_thread.scss b/scss/overlay/layer/_thread.scss index 4335ed0..c81becb 100644 --- a/scss/overlay/layer/_thread.scss +++ b/scss/overlay/layer/_thread.scss @@ -2,11 +2,11 @@ @use "../../top/box"; // Thread floater (narrow screens) -.chatTarget__0ea5e { +.chatTarget_f14a03 { background: transparentize($color-background, $amount: 0.2); } -.floating_f021e2 { +.floating__8f631 { margin: $sidebar-spacing; @include box.blue; } diff --git a/scss/overlay/layer/settings/_index.scss b/scss/overlay/layer/settings/_index.scss index 331aa32..b83e870 100644 --- a/scss/overlay/layer/settings/_index.scss +++ b/scss/overlay/layer/settings/_index.scss @@ -8,7 +8,7 @@ @use "../../../top/slider"; // Settings -.standardSidebarView__1129a { +.standardSidebarView__12528 { @include box.outmost; // Scanline and tint overlay over whole view @@ -21,28 +21,28 @@ } // Settings sidebar - .sidebar__9e3e2 { + .sidebar__02e8d { .item__48dda, - .background__584e7 { + .background__3b760 { border-radius: $size-s; } } // Large menu items and info cards .item_b7fb7e, - .radioBar__40e1b, + .radioBar__70669, .card__4dc22, - .container_de00a3 { + .container_b9efb5 { border-radius: $size-m; } // Bar sliders .slider__22e99 { - .markDash_dc3ae9 { + .markDash__54545 { background: rgb($color-foreground); } - .defaultValue__4f02f .markValue_e7a6e4 { + .defaultValue__8e777 .markValue_c91c4e { color: rgb($color-text); } @@ -50,13 +50,13 @@ background: transparentize($color-pop, 0.5); overflow: visible; - .barFill__30e17 { + .barFill__1f56b { border-radius: $size-xs; @include slider.bar($color-pop); } } - .grabber_d2868c { + .grabber_e3daf3 { $grabber-size: 15px; border: none; height: $grabber-size; @@ -69,13 +69,13 @@ } // Remove item x bubble - .default__3e2f5 { + .default__23a5a { background-color: var(--status-danger); background-image: url(https://discord.com/assets/eb69ec9fdd30653a3ade1ab501a7cd3d.svg); } // Careful you have unsaved changes! - .container__467eb { + .container__353bc { background-color: transparentize($color-green, 0.5) !important; border-radius: $size-m; } diff --git a/scss/overlay/layer/settings/channel/_permissions.scss b/scss/overlay/layer/settings/channel/_permissions.scss index f83d52f..03c5291 100644 --- a/scss/overlay/layer/settings/channel/_permissions.scss +++ b/scss/overlay/layer/settings/channel/_permissions.scss @@ -7,18 +7,18 @@ overflow: hidden; // Denied permission - .deny__71546.selected__47401, - .passthrough__7cd54.selected__47401 { + .deny__71546.selected__5faae, + .passthrough__91f95.selected__5faae { background-color: transparentize($color-red, 0.5); } // Neutral permission - .passthrough__7cd54.selected__47401 { + .passthrough__91f95.selected__5faae { background-color: transparentize($color-text, 0.5); } // Allowed permission - .allow_bbc621.selected__47401 { + .allow_bbc621.selected__5faae { background-color: transparentize($color-green, 0.5); } } diff --git a/scss/overlay/layer/settings/server/_auditlog.scss b/scss/overlay/layer/settings/server/_auditlog.scss index 8c906f0..76080d6 100644 --- a/scss/overlay/layer/settings/server/_auditlog.scss +++ b/scss/overlay/layer/settings/server/_auditlog.scss @@ -1,18 +1,18 @@ @use "../../../../top/vars" as *; // Audit Log -.auditLog__6c805 { +.auditLog__9228d { border-radius: $sidebar-spacing; border-color: rgb($color-button); overflow: hidden; - .headerClickable_c4d7a9, - .headerExpanded__03c29 { + .headerClickable__334f7, + .headerExpanded__05a35 { background-color: transparentize($color-button, 0.7); color: rgb($color-text); } - .changeDetails_ecd760 { + .changeDetails_c0aa16 { background-color: transparentize($color-button, 0.9); } } diff --git a/scss/overlay/layer/settings/server/_overview.scss b/scss/overlay/layer/settings/server/_overview.scss index 505a68f..ddb0880 100644 --- a/scss/overlay/layer/settings/server/_overview.scss +++ b/scss/overlay/layer/settings/server/_overview.scss @@ -2,13 +2,13 @@ // Overview // Edit server image -.imageUploaderIcon__0c13b { +.imageUploaderIcon__4b7d2 { background-color: transparentize($color-foreground, $amount: 0.3); background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 18 18' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m0 0h18v18h-18z'/%3E%3Cpath d='m13.5 8.25v4.5c0 .8284271-.6715729 1.5-1.5 1.5h-10.5c-.82842712 0-1.5-.6715729-1.5-1.5v-10.5c0-.82842712.67157288-1.5 1.5-1.5h7.5-3v1.5h-4.5v10.5h10.5v-4.5zm-5.28-.5325 2.655 3.5325h-8.25l2.0625-2.6475 1.47 1.77zm3.78-5.4675h2.25v1.5h-2.25v2.25h-1.5v-2.25h-2.25v-1.5h2.25v-2.25h1.5z' fill='%23fff' transform='translate(2.25 1.5)'/%3E%3C/g%3E%3C/svg%3E"); } // Server banner with no Nitro -.avatarUploaderInnerSquareDisabled__3cfd1 { +.avatarUploaderInnerSquareDisabled__2abd0 { border-radius: $sidebar-spacing; background-color: transparentize($color-pop, 0.7); } diff --git a/scss/overlay/layer/settings/server/_roles.scss b/scss/overlay/layer/settings/server/_roles.scss index 639a2b9..40d6482 100644 --- a/scss/overlay/layer/settings/server/_roles.scss +++ b/scss/overlay/layer/settings/server/_roles.scss @@ -3,55 +3,55 @@ // Roles #roles-tab { // Role items - .container_d5f6d0, - .roleRow_c357d5 { + .container__9c57c, + .roleRow_dc2631 { border-radius: $sidebar-spacing; } // Edit role page - .page__9db5c { + .page_c3ed26 { // Role list - .sidebar_bdf6b7 { - .titleContainer_e558ff { + .sidebar__37984 { + .titleContainer_d09261 { padding-bottom: 0; } - .scrollerBase_dc3aa9 { + .scrollerBase_f742b2 { padding-top: 16px; } } // Role details - .contentContainer__23092 { - .header__63c59 { + .contentContainer__50662 { + .header_ee0bd9 { background: linear-gradient($color-background 92%, transparent); margin-left: -24px; padding-left: 24px; } // Tabs - .top__592a7 .brand_ce3ecf.item__48dda:active, - .top__592a7 .brand_ce3ecf.selected__5711d.item__48dda, - .top__592a7 .brand_ce3ecf.item__48dda:hover { + .top_fae1fa .brand_ce3ecf.item__48dda:active, + .top_fae1fa .brand_ce3ecf.selected_a523ff.item__48dda, + .top_fae1fa .brand_ce3ecf.item__48dda:hover { border-bottom-color: rgb($color-foreground); } // Role icon preview - .previewContainer_c7e80d { + .previewContainer__8cd30 { background: transparentize($color-pop, 0.5); - .preview__722b9 { + .preview_c4fac1 { color: rgb($color-pop); } } // Role icon demo - .previewContainer_d2b616 { + .previewContainer__30793 { border-radius: $sidebar-spacing; } // Member with role item - .memberRow__91c35 { + .memberRow_d581f4 { border-radius: $item-spacing; } } diff --git a/scss/overlay/layer/settings/server/_serverbooststatus.scss b/scss/overlay/layer/settings/server/_serverbooststatus.scss index bb886db..63f8b79 100644 --- a/scss/overlay/layer/settings/server/_serverbooststatus.scss +++ b/scss/overlay/layer/settings/server/_serverbooststatus.scss @@ -1,7 +1,7 @@ @use "../../../../top/vars" as *; // Server Boost tab -.serverBoostTabItem_b19426[aria-selected="true"] { +.serverBoostTabItem__0267d[aria-selected="true"] { color: var(--interactive-active) !important; background-color: var(--background-modifier-selected) !important; } diff --git a/scss/overlay/layer/settings/server/_stickers.scss b/scss/overlay/layer/settings/server/_stickers.scss index 35259e2..a0a1914 100644 --- a/scss/overlay/layer/settings/server/_stickers.scss +++ b/scss/overlay/layer/settings/server/_stickers.scss @@ -5,22 +5,22 @@ border-radius: $sidebar-spacing; overflow: hidden; - .tierHeaderLocked__4d099 { + .tierHeaderLocked__0ca2e { color: rgb($color-pop); background-color: transparentize($color-pop, 0.7); } - .tierHeaderUnlocked_cc60fa { - @extend .tierHeaderLocked__4d099; + .tierHeaderUnlocked__960f7 { + @extend .tierHeaderLocked__0ca2e; color: #{$color-text}; } - .tierBody__615a1 { + .tierBody_fd5f94 { background-color: transparentize($color-pop, 0.9); color: #{$color-text}; } - .wrapper__93f27 { + .wrapper_d9a30a { background-color: transparentize($color-pop, 0.9); } } diff --git a/scss/overlay/layer/settings/server/_welcomescreen.scss b/scss/overlay/layer/settings/server/_welcomescreen.scss index 767b07a..a6e74c3 100644 --- a/scss/overlay/layer/settings/server/_welcomescreen.scss +++ b/scss/overlay/layer/settings/server/_welcomescreen.scss @@ -1,7 +1,7 @@ @use "../../../../top/vars" as *; // Welcome Screen -.previewContainer_b0f5b4 { +.previewContainer__0eaea { background-color: transparentize($color-button, 0.7); border-radius: $sidebar-spacing; } diff --git a/scss/overlay/layer/settings/user/_billing.scss b/scss/overlay/layer/settings/user/_billing.scss index 41d9d2a..186d2fc 100644 --- a/scss/overlay/layer/settings/user/_billing.scss +++ b/scss/overlay/layer/settings/user/_billing.scss @@ -1,7 +1,7 @@ @use "../../../../top/vars" as *; // Billing info card -.codeRedemptionRedirect_bc7f36 { +.codeRedemptionRedirect_b3eca7 { background-color: var(--deprecated-card-bg); border: none; } diff --git a/scss/overlay/layer/settings/user/_devices.scss b/scss/overlay/layer/settings/user/_devices.scss index b918968..dd38576 100644 --- a/scss/overlay/layer/settings/user/_devices.scss +++ b/scss/overlay/layer/settings/user/_devices.scss @@ -1,7 +1,7 @@ @use "../../../../top/vars" as *; // Devices session icons -.sessionIcon__540be { +.sessionIcon_df2e9c { background: transparentize($color-foreground, 0.7); svg { diff --git a/scss/overlay/layer/settings/user/_gameoverlay.scss b/scss/overlay/layer/settings/user/_gameoverlay.scss index e696139..49eb889 100644 --- a/scss/overlay/layer/settings/user/_gameoverlay.scss +++ b/scss/overlay/layer/settings/user/_gameoverlay.scss @@ -1,10 +1,10 @@ @use "../../../../top/vars" as *; // Game Overlay -.wrapper__4beb8 { +.wrapper__4b6b3 { border-radius: calc(2 * $item-spacing); - .option_a0c054 { + .option__1d8de { border-radius: $item-spacing; } } diff --git a/scss/overlay/layer/settings/user/_myaccount.scss b/scss/overlay/layer/settings/user/_myaccount.scss index 84cf21c..29ce0ab 100644 --- a/scss/overlay/layer/settings/user/_myaccount.scss +++ b/scss/overlay/layer/settings/user/_myaccount.scss @@ -2,7 +2,7 @@ @use "../../../../top/box"; // My Account -.accountProfileCard__22589 { +.accountProfileCard__744d8 { @include box.blue; background-color: transparentize($color-background, 0.3); diff --git a/scss/overlay/layer/settings/user/_privacyandsafety.scss b/scss/overlay/layer/settings/user/_privacyandsafety.scss index 595a97a..a9d21fa 100644 --- a/scss/overlay/layer/settings/user/_privacyandsafety.scss +++ b/scss/overlay/layer/settings/user/_privacyandsafety.scss @@ -1,6 +1,6 @@ @use "../../../../top/vars" as *; // Privacy & Safety DM options -.radioBar__40e1b { +.radioBar__70669 { border-left: 5px solid var(--radio-bar-accent-color); } diff --git a/scss/overlay/layer/settings/user/_profiles.scss b/scss/overlay/layer/settings/user/_profiles.scss index 17a8527..542d0ec 100644 --- a/scss/overlay/layer/settings/user/_profiles.scss +++ b/scss/overlay/layer/settings/user/_profiles.scss @@ -4,14 +4,14 @@ // Profiles #profile-customization-tab { // Preview - .profileCustomizationPreview_ccc6a9 { + .profileCustomizationPreview_a1502f { @include box.blue; } // User/Server Profile tabs - .top__592a7 .brand_ce3ecf.item__48dda:hover, - .top__592a7 .brand_ce3ecf.item__48dda:active, - .top__592a7 .brand_ce3ecf.selected__5711d.item__48dda { + .top_fae1fa .brand_ce3ecf.item__48dda:hover, + .top_fae1fa .brand_ce3ecf.item__48dda:active, + .top_fae1fa .brand_ce3ecf.selected_a523ff.item__48dda { border-bottom-color: rgb($color-foreground); } } diff --git a/scss/overlay/layer/settings/user/_registeredgames.scss b/scss/overlay/layer/settings/user/_registeredgames.scss index a74ad2a..117527a 100644 --- a/scss/overlay/layer/settings/user/_registeredgames.scss +++ b/scss/overlay/layer/settings/user/_registeredgames.scss @@ -2,30 +2,30 @@ // Registered Games #game-activity-tab { - .notDetected__2a0c9, - .nowPlaying__353c3 { + .notDetected__14b92, + .nowPlaying_a3b60b { border-radius: calc(2 * $item-spacing); } .game__19f4b { box-shadow: none; - .gameName_aeeab5 { + .gameName_c1c8a6 { color: var(--header-primary); } - .gameNameInput_e25dd8:focus, - .gameNameInput_e25dd8:hover { + .gameNameInput__3e1e4:focus, + .gameNameInput__3e1e4:hover { background-color: transparentize($color-background, 0.3); border-color: transparent; } - .lastPlayed_accc56, - .overlayStatusText__61367 { + .lastPlayed__0b4ef, + .overlayStatusText__668e1 { color: var(--header-secondary); } - .overlayToggleIconOn-21NN2N .fill__80e66 { + .overlayToggleIconOn-21NN2N .fill__90d85 { fill: rgb($color-foreground); } } diff --git a/scss/overlay/layer/settings/user/_voiceandvideo.scss b/scss/overlay/layer/settings/user/_voiceandvideo.scss index a0220e6..142858d 100644 --- a/scss/overlay/layer/settings/user/_voiceandvideo.scss +++ b/scss/overlay/layer/settings/user/_voiceandvideo.scss @@ -1,24 +1,24 @@ @use "../../../../top/vars" as *; // Voice & Video -.userSettingsVoice__33015 { +.userSettingsVoice_aa8574 { // Voice settings - .container__6d33c { + .container_ced194 { border-radius: 20px; background: $color-button !important; - .progress__2cc1d { + .progress_bcbb99 { background-color: transparentize($color-background, 0.5); } - .notches__065e9.gray__4fb3f { + .notches__5406c.gray__211f0 { background-image: none; } } // Video background - .backgroundOptionInner__1477f, - .backgroundOptionRing__1f209 { + .backgroundOptionInner_a128bb, + .backgroundOptionRing__45698 { border-radius: $item-spacing; } } diff --git a/scss/overlay/modal/_createserver.scss b/scss/overlay/modal/_createserver.scss index 5835042..3487f87 100644 --- a/scss/overlay/modal/_createserver.scss +++ b/scss/overlay/modal/_createserver.scss @@ -1,4 +1,4 @@ // Create server -.footerSeparator__57d95 { +.footerSeparator__2af8d { box-shadow: none; } diff --git a/scss/overlay/modal/_deletemessage.scss b/scss/overlay/modal/_deletemessage.scss index 15e9c40..12559b0 100644 --- a/scss/overlay/modal/_deletemessage.scss +++ b/scss/overlay/modal/_deletemessage.scss @@ -1,5 +1,5 @@ // Delete message confirmation -.message__04d9f { +.message_ff43e6 { background-color: transparent; box-shadow: none; } diff --git a/scss/overlay/modal/_image.scss b/scss/overlay/modal/_image.scss index 10e2f4e..30858cf 100644 --- a/scss/overlay/modal/_image.scss +++ b/scss/overlay/modal/_image.scss @@ -1,12 +1,12 @@ @use "../../top/box"; // Image viewer -.wrapper__8e1d7 { - .imageWrapper_fd6587 { +.wrapper__4350e { + .imageWrapper__178ee { @include box.blue; } - > .downloadLink_e5ebe9 { + > .downloadLink_d6df2d { position: absolute; top: 0; width: 100%; diff --git a/scss/overlay/modal/_index.scss b/scss/overlay/modal/_index.scss index baea1bf..d00fe68 100644 --- a/scss/overlay/modal/_index.scss +++ b/scss/overlay/modal/_index.scss @@ -12,7 +12,7 @@ @use "../../top/box"; // Modals -.root_a28985:not(.modal__6a96b, .carouselModal_c0d5b7) { +.root_a28985:not(.modal_d2e7a7, .carouselModal__7e22f) { @include box.blue; overflow: hidden; background-color: transparentize($color-shadow, 0.7) !important; diff --git a/scss/overlay/modal/_serverboost.scss b/scss/overlay/modal/_serverboost.scss index 9f1533b..3593c62 100644 --- a/scss/overlay/modal/_serverboost.scss +++ b/scss/overlay/modal/_serverboost.scss @@ -4,7 +4,7 @@ .perksModal-CLcR1c { background-color: transparent; - .progressBar__0d793 { + .progressBar__6e68e { .barBackground-unEPDT { background: transparentize($color-pop, 0.5); diff --git a/scss/overlay/modal/_serverswitcher.scss b/scss/overlay/modal/_serverswitcher.scss index 3f4e131..73d7b51 100644 --- a/scss/overlay/modal/_serverswitcher.scss +++ b/scss/overlay/modal/_serverswitcher.scss @@ -1,14 +1,14 @@ @use "../../top/vars" as *; // Ctrl + T Server switcher -.input__848cd { +.input__2a648 { border-radius: $sidebar-spacing; } .result__25f11 { border-radius: $item-spacing; - .wrapper__87791 { + .wrapper__4dfa5 { border-radius: 10px; } } diff --git a/scss/overlay/modal/_uploadimage.scss b/scss/overlay/modal/_uploadimage.scss index 1c1404a..6ab6113 100644 --- a/scss/overlay/modal/_uploadimage.scss +++ b/scss/overlay/modal/_uploadimage.scss @@ -1,14 +1,14 @@ @use "../../top/vars" as *; // Image upload -.uploadModal_eae2a0 { +.uploadModal__6eb75 { overflow: visible; - .icon__25b13 { + .icon__4bc4d { border-radius: $sidebar-spacing; } - .footer_ceda43 { + .footer_f06dbb { background-color: rgb($color-button); box-shadow: none; } diff --git a/scss/overlay/modal/_userprofile.scss b/scss/overlay/modal/_userprofile.scss index 81d8a20..df3f4d7 100644 --- a/scss/overlay/modal/_userprofile.scss +++ b/scss/overlay/modal/_userprofile.scss @@ -1,9 +1,9 @@ @use "../../top/vars" as *; // Full user profile -.top__592a7 .selected__5711d.themed-2-lozF.item__48dda, -.top__592a7 .themed-2-lozF.item__48dda:active, -.top__592a7 .themed-2-lozF.item__48dda:hover { +.top_fae1fa .selected_a523ff.themed-2-lozF.item__48dda, +.top_fae1fa .themed-2-lozF.item__48dda:active, +.top_fae1fa .themed-2-lozF.item__48dda:hover { border-bottom-color: rgb($color-foreground); } @@ -11,6 +11,6 @@ opacity: 70%; } -.listRow__60937 { +.listRow__50619 { border-radius: $item-spacing; } diff --git a/scss/overlay/modal/_viewreactions.scss b/scss/overlay/modal/_viewreactions.scss index c308b13..70fc2e9 100644 --- a/scss/overlay/modal/_viewreactions.scss +++ b/scss/overlay/modal/_viewreactions.scss @@ -1,7 +1,7 @@ @use "../../top/vars" as *; // View message reactions -.reactionDefault__792ef { +.reactionDefault_de3361 { border-radius: $item-spacing; &:hover { @@ -9,12 +9,12 @@ } } -.reactionSelected__249a7 { +.reactionSelected__16345 { border-radius: $item-spacing; background-color: var(--background-modifier-selected); } -.reactors__20ab0 { +.reactors__0f305 { background-color: transparent; .remove__6bd0e { diff --git a/scss/overlay/popover/_emojipicker.scss b/scss/overlay/popover/_emojipicker.scss index 6236558..3947e79 100644 --- a/scss/overlay/popover/_emojipicker.scss +++ b/scss/overlay/popover/_emojipicker.scss @@ -1,59 +1,59 @@ @use "../../top/vars" as *; // Emoji picker -.contentWrapper__321ed, -.didRender_f1da13 > #emoji-picker-tab-panel { +.contentWrapper_e0bb2c, +.didRender__7e24c > #emoji-picker-tab-panel { background-color: rgb($color-button); - .emojiPicker_b65ce9 { + .emojiPicker__5e2e2 { background-color: transparent; } // Header - .header__55964, - .header_f71767, - .header_f7f1f3 { + .header_e5d8b2, + .header__643ce, + .header_aac16f { background-color: rgb($color-button); box-shadow: none; // Search - .container_e4c233, - .container__7712a { + .container_ec5ce2, + .container__33507 { background-color: transparentize($color-background, 0.2); border-radius: 20px; } } // Main picker - .bodyWrapper_cc3635, - .listWrapper__74641, - .content__30de8 { + .bodyWrapper__5f209, + .listWrapper__588b8, + .content__2faa3 { background-color: rgb($color-background); // Hovered emoji or sticker - .emojiItem_b15dee.emojiItemSelected__1a09a, - .stickerInspected__1c897 .inspectedIndicator_f00108 { + .emojiItem_de65fd.emojiItemSelected__023be, + .stickerInspected__29120 .inspectedIndicator__0c5e3 { background-color: transparentize($color-pop, 0.5); } // Loading emoji - .imageLoading__37d01 { + .imageLoading_fb7de7 { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAA7EAAAOxAGVKw4bAAACGElEQVRoge3asU4bMRzH8Q8OB5XoUFjKWAY6tTtVkULfISpDeYs+R9+CDlT3Du1JILHTqQx0JAt0AKlwROrgCwoUSEJQnJPy3RL5ou/PduyT/54xIK1mmeE1XmEZi5jH7KC/cQ9XuMApjvEbv/IiKwd5eKZfg1azXMQ63mDu0ZrDcYmf2M2L7PShhvcGaDXLBjbwDo2ntBuCDvbxPS+yzl0N7gxQ9fpHcapMAsf4dtdo/Beg1SyX8QnPxyA2DGf4mhfZce+XofdD1fNbJk+e6LRVOV5zHaDVLGfFabMwZrFhWMBm5YqbI7Bhcub8Q7wUXVEFqIZlLZHQY1jrTqXuCKxLt1Q+hobobKbVLOfw2fg2qafiEl8CVtVPnui8GrCS2mQEVoL4r64rLwOWUluMwFIQX4nrynxQr+XzNo3Qv81kMw2QmmmA1EwDpGYaIDXTAKmZBkjNNEBqgngCXFc6QSwu1JWLgJPUFiNwEtBObTEC7YCj1BYjcBRwKB7T1Y0ShyEvsm5BrW4c5EV22d0HdtVrOe1gj2ojq4pn+ymNhmQ/L7ITbu7EP9RjRWqLrugJkBfZFXZwPn6ngTnHTuWKW+9C1VTaFkuak8YZtm/Xih8qdG+anKP3ttjz/QvdXaqrBh/E4l+9rhr00mqWS3iPt8ieVO9+Shxgr7va3EffAF16rtusiPXkF3hm9NHp4C/+iHcijgxx3eYfS5qEazM7noMAAAAASUVORK5CYII="); } } // Emoji info - .inspector__993e1 { + .inspector__80c84 { background-color: transparentize($color-background, 0.2); } } // Server/category list -.wrapper__4f229 { +.wrapper__85934 { background-color: transparentize($color-background, 0.2); } // Emoji info -.popoutLoadingForeground_f61095 { +.popoutLoadingForeground__1d922 { background: rgb($color-background); } diff --git a/scss/overlay/popover/_inbox.scss b/scss/overlay/popover/_inbox.scss index 0041bb7..83654ac 100644 --- a/scss/overlay/popover/_inbox.scss +++ b/scss/overlay/popover/_inbox.scss @@ -1,11 +1,11 @@ @use "../../top/vars" as *; // Inbox -.jumpButton_da1ebb { +.jumpButton__6c38c { border-radius: $item-spacing; background-color: transparent; - .text__6b9e7 { + .text__76b99 { color: rgb($color-blurple); } } diff --git a/scss/overlay/popover/_index.scss b/scss/overlay/popover/_index.scss index b2dbd3c..d75ad4d 100644 --- a/scss/overlay/popover/_index.scss +++ b/scss/overlay/popover/_index.scss @@ -11,27 +11,27 @@ @use "../../top/box"; // Popovers -.container__8261a, +.container_f93da8, // Threads -.recentMentionsPopout__826a9, +.recentMentionsPopout__40c54, // Inbox -.messagesPopoutWrap_b3b384, +.messagesPopoutWrap__10dd1, // Pinned messages -.menu_dc52c6, +.menu__088f7, // Account menu -.container_d6dad3.elevationBorderHigh_f9a758, +.container__84c26.elevationBorderHigh__24051, // Search options -.userPopoutOuter_d739b2, +.userPopoutOuter__3884e, // User profile -.userProfileOuter__46bb7, +.userProfileOuter__4ac83, // Emoji picker -.contentWrapper__321ed, +.contentWrapper_e0bb2c, // Emoji picker add reaction .contentWrapper_eab878, // User management add role selector -.container__9bb08, +.container__3d776, // View as role role selector -.popoutContainer__7b9a3 // Emoji and role icon info +.popoutContainer__66068 // Emoji and role icon info { @include box.blue; overflow: hidden; diff --git a/scss/overlay/popover/_menu.scss b/scss/overlay/popover/_menu.scss index 8a46dd3..abd1c2d 100644 --- a/scss/overlay/popover/_menu.scss +++ b/scss/overlay/popover/_menu.scss @@ -2,10 +2,10 @@ // Small menu popover // Focused menu option -.colorDefault__0b482.focused__27621 { +.colorDefault_e361cf.focused_dcafb9 { background-color: transparentize($color-pop, 0.7); } -.colorDefault__0b482:active:not(.hideInteraction__2790e) { +.colorDefault_e361cf:active:not(.hideInteraction__0b569) { background-color: transparentize($color-pop, 0.5); } diff --git a/scss/overlay/popover/_pinned.scss b/scss/overlay/popover/_pinned.scss index 004a5bf..392bf73 100644 --- a/scss/overlay/popover/_pinned.scss +++ b/scss/overlay/popover/_pinned.scss @@ -1,6 +1,6 @@ @use "../../top/vars" as *; // Pinned messages -.messageGroupWrapper_f8c6e9 { +.messageGroupWrapper__1fce2 { border-radius: $sidebar-spacing; } diff --git a/scss/overlay/popover/_search.scss b/scss/overlay/popover/_search.scss index a5eb3bd..779062a 100644 --- a/scss/overlay/popover/_search.scss +++ b/scss/overlay/popover/_search.scss @@ -1,13 +1,13 @@ @use "../../top/vars" as *; // Search options -.container_d6dad3.elevationBorderHigh_f9a758 { - .focused_f9cf2c { +.container__84c26.elevationBorderHigh__24051 { + .focused__68b93 { background: rgb($color-button); } // Option item - .option_b5597b { + .option__91497 { border-radius: $item-spacing; &:hover::after { @@ -16,7 +16,7 @@ } // Calendar - .calendarPicker__5c474 { + .calendarPicker__47c85 { .react-datepicker { padding: 20px calc(20px - $sidebar-border-width); background-color: transparent; @@ -76,9 +76,9 @@ } } - .datePickerHint__7cc9b { - .hintValue_c2ce1f, - .hintValue_c2ce1f:hover { + .datePickerHint_d023b6 { + .hintValue__0c960, + .hintValue__0c960:hover { border: 2px solid rgb($color-foreground); background: var(--background-modifier-selected); border-radius: 20px; diff --git a/scss/overlay/popover/_selectfriends.scss b/scss/overlay/popover/_selectfriends.scss index f22d12f..62f3c20 100644 --- a/scss/overlay/popover/_selectfriends.scss +++ b/scss/overlay/popover/_selectfriends.scss @@ -10,15 +10,15 @@ .friend__05c43 { border-radius: $item-spacing; - &.friendSelected_f0db37 { + &.friendSelected__98d91 { background-color: var(--background-modifier-hover); } - .checkbox_c7f690 { + .checkbox_fcf2ad { border-radius: 50%; border: 2px solid rgb($color-foreground); - &.checked__24ad6 { + &.checked__16f88 { border-color: $color-foreground !important; path { diff --git a/scss/overlay/popover/_threads.scss b/scss/overlay/popover/_threads.scss index 08a8702..e9eb0a9 100644 --- a/scss/overlay/popover/_threads.scss +++ b/scss/overlay/popover/_threads.scss @@ -1,7 +1,7 @@ @use "../../top/vars" as *; // Threads popover entry -.container__6604b { +.container__9922f { border: 2px solid var(--background-primary); border-radius: 50px; } diff --git a/scss/overlay/popover/_userprofile.scss b/scss/overlay/popover/_userprofile.scss index 058c5a5..2e6bd5f 100644 --- a/scss/overlay/popover/_userprofile.scss +++ b/scss/overlay/popover/_userprofile.scss @@ -1,38 +1,38 @@ @use "../../top/vars" as *; // Profile popout -.userPopoutOuter_d739b2 { +.userPopoutOuter__3884e { position: relative; } -.userPopoutInner_f545a3 { +.userPopoutInner_e90432 { max-height: calc(100vh - $outmost-spacing); .banner__6d414 { mask-image: linear-gradient(black, black 60%, transparent); } - .overlayBackground__86b78 { + .overlayBackground__2666e { border-radius: $size-s; } - .profileBadges__7a7cb { + .profileBadges__1f2ab { border-radius: $size-s; } - .role__631a3 { + .role_d81130 { border-radius: $size-s; border: 0; } - .messageInputContainer__768e6 { + .messageInputContainer_a93946 { border: 0; } } // View profile -.avatarWrapper_f77579 { +.avatarWrapper__0cd44 { left: 27px; top: 21px; // View profile shadow - .avatarHint__8e5b9 { + .avatarHint__15059 { border-radius: 50px; foreignObject { @@ -42,34 +42,34 @@ } // with Nitro theme -.userProfileOuterThemed__6eb84.userPopoutOuter_d739b2, -.userProfileOuterThemed__6eb84.userProfileOuter__46bb7 { +.userProfileOuterThemed__1fbd7.userPopoutOuter__3884e, +.userProfileOuterThemed__1fbd7.userProfileOuter__4ac83 { padding: 0; } -.userProfileOuterThemed__6eb84 { +.userProfileOuterThemed__1fbd7 { overflow: hidden; &.theme-light { --channel-text-area-placeholder: rgb(#{$color-background} / 0.5); :is( - .defaultColor__87d87, + .defaultColor__8610e, .defaultColor__77578, - .userTagUsernameBase__75fb1, - .discordIcon_feeef1, - .textarea_c5a7a3, - .input_d266e7, + .userTagUsernameBase__2bd24, + .discordIcon__1e1be, + .textarea__0461c, + .input_f27786, .customStatus__3aa7f, - :is(.activityProfile__61b44, .activityProfileV2__4de28, .activityUserPopout_c7e67d, .activityUserPopoutV2__32328) - :is(.activityName__47e51, .content_d7cb7f, .details__445eb, .name_b6124d, .nameNormal__1d540, .nameWrap__7263f), - .themed__857a7 .textLeft_a97e50, - .themed__857a7 .textRight__26208 + :is(.activityProfile__5d0ec, .activityProfileV2_f5335f, .activityUserPopout_eceeb9, .activityUserPopoutV2__89098) + :is(.activityName_a7b7de, .content__7246b, .details_e26997, .name__0ac4b, .nameNormal_cb5c2b, .nameWrap_b61c4b), + .themed__857a7 .textLeft__05c15, + .themed__857a7 .textRight__8254a ) { color: rgb($color-background); } } - .userProfileInner__8065b { + .userProfileInner__61cc1 { max-height: calc(100vh - 64px - $outmost-spacing); &::before { @@ -80,12 +80,12 @@ border-radius: $sidebar-spacing; } - .avatarPositionPremiumBanner__1e83d { + .avatarPositionPremiumBanner_f3acc4 { left: 23px; top: 77px; } - .buttonColor__01bf8 { + .buttonColor_fd4fe8 { background-color: rgb($color-button); } } diff --git a/scss/part/_bottag.scss b/scss/part/_bottag.scss index 79b6b92..b297817 100644 --- a/scss/part/_bottag.scss +++ b/scss/part/_bottag.scss @@ -1,9 +1,9 @@ // Bot tag -.px__97c6b.botTag__4211a { +.px__7f04f.botTag__4211a { border-radius: 20px; padding-right: 5px; - .botText__19848 { + .botText_daff56 { line-height: 20px; } } diff --git a/scss/part/_button.scss b/scss/part/_button.scss index 3e2d9e7..18138a3 100644 --- a/scss/part/_button.scss +++ b/scss/part/_button.scss @@ -1,7 +1,7 @@ @use "../top/vars" as *; @use "../top/button"; -.appMount_fae9dd { +.appMount_c99875 { $button-transparency: 0.3; $button-disabled-transparency: 0.8; $button-active-darken: 5; @@ -41,27 +41,27 @@ --button-outline-brand-background-active: #{rgb($color-button)}; // Buttons - .button_afdfd9, + .button__581d0, .bd-button:not(.bd-addon-button), - .topPill__0cdf1 .item__48dda, + .topPill__63ad4 .item__48dda, #bd-pub-button, - .streamerModeEnabledBtn__51c2f, - .button__57d93 { + .streamerModeEnabledBtn_b696dd, + .button__33db6 { border-radius: 50px; } // More buttons - .lookFilled__19298, - .lookOutlined__46d54, - .lookInverted_ee4261 { + .lookFilled__950dd, + .lookOutlined__014b5, + .lookInverted_a299dc { box-shadow: 0 0 5px 0 rgb($color-background); } - .lookFilled__19298.colorBrand_b2253e { + .lookFilled__950dd.colorBrand__27d57 { @include button.button($color-button); } - .lookInverted_ee4261.colorBrand_b2253e { + .lookInverted_a299dc.colorBrand__27d57 { @include button.button($color-text); } @@ -74,24 +74,24 @@ @include button.button($color-red); } - .circleIconButton_d8df29.selected__5250e { + .circleIconButton__05cf2.selected_aded59 { @include button.button($color-green); } - .wrapper_d281dd.selected_f5ec8e .childWrapper__01b9c, - .wrapper_d281dd:hover .childWrapper__01b9c { + .wrapper__8436d.selected_ae80f7 .childWrapper_a6ce15, + .wrapper__8436d:hover .childWrapper_a6ce15 { @include button.button($color-button); } - .lookLink__93965.colorLink_b651e5 { + .lookLink_a2da25.colorLink__4141a { --text-link: #{rgb($color-text)}; } - .lookLink__93965.colorPrimary__6ed40 { + .lookLink_a2da25.colorPrimary_ebe632 { color: #{rgb($color-text)}; } - .buttonWhite__30853 { + .buttonWhite__913ed { border-color: transparentize($color-text, $button-transparency) !important; &:hover, @@ -100,11 +100,11 @@ } } - .streamerModeEnabledBtn__51c2f { + .streamerModeEnabledBtn_b696dd { @include button.button($color-twitch); } - .button_ddf91e.tertiary_bc0225:not(.disabled__8e315) { + .button__292b6.tertiary_ad6d80:not(.disabled__4d064) { @include button.button($color-button); } } diff --git a/scss/part/_css-vars.scss b/scss/part/_css-vars.scss index 24bfc9d..596fd94 100644 --- a/scss/part/_css-vars.scss +++ b/scss/part/_css-vars.scss @@ -91,7 +91,7 @@ code, --status-warning-background: #{transparentize($color-yellow, $status-transparency)}; // Profile preview and popout - .profileColors__2e2f0 { + .profileColors_ac6ab4 { // --profile-body-background-color: rgb(#{$color-background}; --profile-gradient-primary-color: #{transparentize($color-background, 0.2)}; --profile-gradient-secondary-color: #{transparentize($color-background, 0.5)}; @@ -102,8 +102,8 @@ code, } // Popovers -.layerContainer_d5a653 .theme-dark, -.layerContainer_d5a653 .theme-light { +.layerContainer_a2fcaa .theme-dark, +.layerContainer_a2fcaa .theme-light { --background-primary: rgb(#{$color-background}); --background-secondary: rgb(#{$color-background}); --background-secondary-alt: #{transparentize($color-background, 0.2)}; diff --git a/scss/part/_inputs.scss b/scss/part/_inputs.scss index db95eb0..85717e6 100644 --- a/scss/part/_inputs.scss +++ b/scss/part/_inputs.scss @@ -1,16 +1,16 @@ @use "../top/vars" as *; // Inputs -.inputDefault__80165, +.inputDefault__22335, // Dropdown selectors -.select__0eb48, +.select_fe2671, // Keybind recorders -.container__0c807 { +.container__8267c { border-radius: $size-m; } // Toggles -.container__871ba { +.container__2ed72 { background-color: transparentize($color-toggle-off, 0.2) !important; path { @@ -18,7 +18,7 @@ } } -.checked__6bdb0 { +.checked__36fdc { background-color: transparentize($color-toggle-on, 0.3) !important; path { diff --git a/scss/part/_keybind.scss b/scss/part/_keybind.scss index 3bd1311..09dac98 100644 --- a/scss/part/_keybind.scss +++ b/scss/part/_keybind.scss @@ -1,7 +1,7 @@ @use "../top/vars" as *; // Keybinds -.combo__57290 .key__06fe6 { +.combo__57290 .key__6a8d9 { color: rgb($color-text); background-color: rgb($color-pop); box-shadow: inset 0 -4px 0 rgb($color-pop); diff --git a/scss/part/_scrollerfade.scss b/scss/part/_scrollerfade.scss index 0aa566e..ebb565c 100644 --- a/scss/part/_scrollerfade.scss +++ b/scss/part/_scrollerfade.scss @@ -1,4 +1,4 @@ // Fade in/out scrollers -.scrollerBase_dc3aa9:not(.scroller__750f5):not(.popout_a6e77f) { +.scrollerBase_f742b2:not(.scroller__8f066):not(.popout_a6e77f) { mask-image: linear-gradient(transparent, black 5%, black 95%, transparent); } diff --git a/scss/part/_statusglow.scss b/scss/part/_statusglow.scss index 7b5c463..22ec023 100644 --- a/scss/part/_statusglow.scss +++ b/scss/part/_statusglow.scss @@ -1,7 +1,7 @@ @use "../top/vars" as *; // Status glow -.wrapper_edb6e0 { +.wrapper__3ed10 { box-shadow: 0 0 10px var(--statusGlowColor); &[aria-label*="Online"] { diff --git a/scss/part/_text.scss b/scss/part/_text.scss index 2b300b1..68cbb3d 100644 --- a/scss/part/_text.scss +++ b/scss/part/_text.scss @@ -4,16 +4,16 @@ // Code block .markup_a7e664 code, -.textContainer__709ff { +.textContainer__65f57 { background: transparentize($color-button, 0.5); } // Spoiler text -.spoilerMarkdownContent__2b8f8 { +.spoilerMarkdownContent__5c448 { background: transparentize($color-button, 0.5); &.hidden_f44e41 { - @extend .spoilerMarkdownContent__2b8f8; + @extend .spoilerMarkdownContent__5c448; &:hover { background: rgb($color-button); @@ -22,6 +22,6 @@ } // Channel/user group name -.container_de798d { +.container__43554 { text-align: center; } diff --git a/scss/plugin/_DisplayServersAsChannels.scss b/scss/plugin/_DisplayServersAsChannels.scss index f2d52d8..ac48d03 100644 --- a/scss/plugin/_DisplayServersAsChannels.scss +++ b/scss/plugin/_DisplayServersAsChannels.scss @@ -5,27 +5,27 @@ // https://github.com/mwittrien/BetterDiscordAddons/tree/master/Plugins/DisplayServersAsChannels .styledGuildsAsChannels-DNHtg_ { - .container__037ed { + .container_d1f8f5 { &::before { width: $channels-width + $channels-width + $sidebar-border-width; } } - .childWrapper__01b9c { + .childWrapper_a6ce15 { border-radius: $size-s; } - .wrapper_a7e7a8 { + .wrapper__216eb { // Unread pill - .wrapper__3670f { + .wrapper_b4903b { transform: none; } - .circleIconButton_d8df29, - .expandedFolderBackground__1bec6 .folder__17546, - .guildsError__0aa84, - .placeholderMask__94802, - .wrapper_d281dd { + .circleIconButton__05cf2, + .expandedFolderBackground_b1385f .folder__17546, + .guildsError__32e67, + .placeholderMask_ca6625, + .wrapper__8436d { border-radius: $size-s; } } diff --git a/scss/plugin/_ImageUtilities.scss b/scss/plugin/_ImageUtilities.scss index 535f2c3..a873b37 100644 --- a/scss/plugin/_ImageUtilities.scss +++ b/scss/plugin/_ImageUtilities.scss @@ -4,10 +4,10 @@ // BetterDiscord // https://github.com/mwittrien/BetterDiscordAddons/tree/master/Plugins/ImageUtilities -// .operations__07224 { +// .operations__62559 { // position: fixed; // } -// .sibling-6vI7Pu .imageWrapper_fd6587 { +// .sibling-6vI7Pu .imageWrapper__178ee { // @include box.blue; // }