diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 019e9e4..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 @@ -552,8 +552,8 @@ packages: resolution: {integrity: sha512-NzUnlZexiaH/46WDhANlyR2bXRopNg4F/zuSA3OpZnllCUgRaOF2znDioDWrmbNVsuZk6l9pMquQB38cfBZwkQ==} dev: true - /binary-extensions@2.2.0: - resolution: {integrity: sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==} + /binary-extensions@2.3.0: + resolution: {integrity: sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==} engines: {node: '>=8'} 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.705 + 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.705: - resolution: {integrity: sha512-LKqhpwJCLhYId2VVwEzFXWrqQI5n5zBppz1W9ehhTlfYU8CUUW6kClbN8LHF/v7flMgRdETS772nqywJ+ckVAw==} + /electron-to-chromium@1.4.721: + resolution: {integrity: sha512-k1x2r6foI8iJOp+1qTxbbrrWMsOiHkzGBYwYigaq+apO1FSqtn44KTo3Sy69qt7CRr7149zTcsDvH7MUKsOuIQ==} dev: true /emoji-regex@8.0.0: @@ -1005,7 +1005,7 @@ packages: resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==} engines: {node: '>=8'} dependencies: - binary-extensions: 2.2.0 + binary-extensions: 2.3.0 dev: true /is-ci@3.0.1: @@ -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/_channels.scss b/scss/main/_channels.scss index 6d68e92..6dfb63f 100644 --- a/scss/main/_channels.scss +++ b/scss/main/_channels.scss @@ -3,7 +3,7 @@ @use "../top/boxes" as box; // Channels sidebar -.sidebar_ded4b5 { +.sidebar_e031be { position: absolute; bottom: 0; max-height: 60vh; @@ -11,110 +11,110 @@ @include box.windowBox(15px); // Title and channels - .container__590e2 { + .container__7e23c { background: transparent; // Title - .header__104ca { + .header__77c95 { @include box.windowTitle(); height: 48px; - .headerContent_ee8727 { + .headerContent__6fcc7 { color: $white; - .flowerStar_a9981e { + .flowerStar_fa5ad8 { color: $white-overlay; } } } // Server image banner - .animatedContainer__341f6 { + .animatedContainer__0e828 { background: transparent; z-index: 2; border-radius: 8px 8px 0 0; - .bannerImage__39c51::before { + .bannerImage_c73a57::before { display: none; } } // Server event - .container__30406 { + .container__8567b { background: $color-tooltip-2; --header-primary: #{$black}; --header-secondary: #{$black}; @include box.windowBox(15px); // Inner box - .channelNotice__8f7b2 { + .channelNotice__36ec1 { border-bottom: none; // Event Details button - .joinButton_e760b6 { + .joinButton_a6e0b7 { border-radius: 0; } } } // Channels - .scroller_f0f183 { + .scroller__1f498 { @include box.startMenuList; // Channel names - :is(.modeSelected__487d6, .notInteractive_a7d9fb.modeConnected__1c02e, .notInteractive_a7d9fb.modeSelected__487d6) { - .name__8d1ec { + :is(.modeSelected__473f1, .notInteractive_e31551.modeConnected__52a8f, .notInteractive_e31551.modeSelected__473f1) { + .name__4eb92 { color: $white; } } // Divider - .sectionDivider__68d2a { + .sectionDivider__9dbcb { background: transparent; } // Category - .containerDefault__23a29:not(:nth-child(2)) { + .containerDefault_e3b32b:not(:nth-child(2)) { @include box.startMenuDivider(7px); } // Channel - :is(.wrapper__7bcde, .container__8759a, .link__95dc0) { + :is(.wrapper__612a5, .container__3792d, .link_ddbb36) { border-radius: 0; // Channel actions - .actionIcon_d679b5 { + .actionIcon_b149a2 { color: var(--xp-set-color); } // Voice channel member limit - .channelInfo_b7ab2e { + .channelInfo_b0882c { --background-primary: lightgrey; --background-tertiary: grey; - .wrapper__5848b { + .wrapper__71278 { border-radius: 3px; } } } // User in voice channel - .content_b60865 { + .content__3b07e { border-radius: 0; } // Selected channel - .modeSelected__487d6 { + .modeSelected__473f1 { // Channel actions - .actionIcon_d679b5 { + .actionIcon_b149a2 { color: $white-overlay; } } // Muted channel - .modeMuted__0aeea { - .name__8d1ec, - .icon_eff5d4 { + .modeMuted_f0a72e { + .name__4eb92, + .icon__67ab4 { color: grey; } } @@ -122,14 +122,14 @@ } // DMs - .privateChannels__93473 { + .privateChannels__9b518 { background: transparent; // Find conversation - .searchBar_e4ea2a { + .searchBar__621ec { @include box.windowTitle; - .searchBarComponent__22760 { + .searchBarComponent__8f95f { background: transparent; font-size: 14px; line-height: $title-height; @@ -141,24 +141,24 @@ } // DMs and friends - .scroller__4b984 { + .scroller__89969 { @include box.startMenuList; } // DMs category - .privateChannelsHeaderContainer_ddcec6 { + .privateChannelsHeaderContainer_b22dc9 { position: relative; @include box.startMenuDivider(2px); } // Menu item - .container__8759a { + .container__3792d { border-radius: 0; } } // Explore servers category list - & > .scrollerBase_dc3aa9 { + & > .scrollerBase_f742b2 { @include box.startMenuList; position: relative; border-radius: 8px 8px 0 0; @@ -168,7 +168,7 @@ } // Header - .discoverHeader_fae7fd { + .discoverHeader__9d76e { @include box.windowTitle; margin: 0; padding: 12px 0; @@ -180,7 +180,7 @@ } // Category - .container__4f20e { + .container_a48b21 { color: var(--channels-default); border-radius: 0; @@ -197,7 +197,7 @@ } } - .categoryItem_b1be5c.selectedCategoryItem__0bf4c .itemInner__9e755 { + .categoryItem__0608f.selectedCategoryItem__3e361 .itemInner_eedb2b { background-color: var(--background-modifier-selected); } } diff --git a/scss/main/_index.scss b/scss/main/_index.scss index dcd6696..2d8b53a 100644 --- a/scss/main/_index.scss +++ b/scss/main/_index.scss @@ -13,14 +13,14 @@ } // Transparency -:is(.appMount_fae9dd, body, .app_de4237) { +:is(.appMount_c99875, body, .app_de4237) { background: transparent; } // Main view -.container__037ed { +.container_d1f8f5 { // Channels sidebar and main chat - .base__3e6af { + .base_c0676e { // Notice banner .notice__5fd4c { top: $window-top; @@ -33,63 +33,63 @@ } // Call banner (in DMs) - .wrapper_bd2abe { + .wrapper__6bf2d { z-index: 0; } - .content__1a4fe::before { + .content__01e65::before { z-index: 0; } // Top bar (not in DMs) - .chat__52833 > .title_b7d661 { - .toolbar__88c63 { + .chat__52833 > .title_d4ba1a { + .toolbar__62fb5 { // Move help icon - .anchor_c8ddc0 .iconWrapper_af9215:only-of-type { - @include ico.makeIcon(50px, auto, ".icon__4cb88"); + .anchor_c8ddc0 .iconWrapper_de6cd1:only-of-type { + @include ico.makeIcon(50px, auto, ".icon_ae0b42"); top: $window-top + 90px; } // Move show/hide member list button - .iconWrapper_af9215:has([d^="M14 8.00598"]) { - @include ico.makeIcon(auto, 50px, ".icon__4cb88"); + .iconWrapper_de6cd1:has([d^="M14 8.00598"]) { + @include ico.makeIcon(auto, 50px, ".icon_ae0b42"); } } } // Main DM and friend list view - .container__5c7e7, + .container_bd15da, // Explore servers view - .pageWrapper_fef757, + .pageWrapper_c182d3, // University hub - .scroller_e9501c, + .scroller__32e73, // Buy nitro page - .applicationStore_fc7d76, + .applicationStore__444b9, // Main chat - .chat__52833:not(.container__10dc7 > .chat__52833) { + .chat__52833:not(.container__03ec9 > .chat__52833) { @include box.mainWindow; } // University hub - .scroller_e9501c { + .scroller__32e73 { height: auto; } // Main chat and top bar - .chat__52833:not(.container__10dc7 > .chat__52833) { + .chat__52833:not(.container__03ec9 > .chat__52833) { // Main chat - .chatContent__5dca8 { + .chatContent_f087cb { // Message box - .form__13a2c { + .form_d8a4a1 { // Gift nitro button - .buttons_ce5b56 > .button_afdfd9 { - @include ico.makeIcon(50px, auto, ".buttonWrapper__69593"); + .buttons__7ecff > .button__581d0 { + @include ico.makeIcon(50px, auto, ".buttonWrapper_bd4bd7"); top: $window-top; - .button__55e53 { + .button__493d9 { margin: 0; - .buttonWrapper__69593 { + .buttonWrapper_bd4bd7 { padding: 0; margin: 0; display: flex; @@ -100,20 +100,20 @@ } // Autocompleter - .autocomplete_df266d { + .autocomplete__743a5 { width: calc(100% - 150px); } } } // Forums - .headerRow__16d8e, + .headerRow__86f2e, .list__5ced9 > div:first-child { min-width: 0; } // Members list - .container_b2ce9c { + .container_f79ab4 { @include box.startMenuList; position: fixed; @@ -123,11 +123,11 @@ max-height: calc(100vh - 400px); @include box.windowHasPseudoTitle("Members"); - .members__9f47b { + .members__573eb { background: var(--xp-bg-color); // Member group - .membersGroup__85843:not(:nth-child(2)) { + .membersGroup_cad095:not(:nth-child(2)) { position: relative; @include box.startMenuDivider(7px); } @@ -137,7 +137,7 @@ .member_aa4760 { background: var(--xp-bg-color); - .container__4f20e, + .container_a48b21, .layout_bb8e67 { border-radius: 0; } @@ -146,25 +146,25 @@ } // VC video - .video__85ac2 { + .video__004a2 { z-index: 0; } } // With members list visible - &:has(.membersWrap__90226) { + &:has(.membersWrap__5ca6b) { // VC video controls - .bottomControls__8bd89 { + .bottomControls__72d8d { width: auto; padding-right: 150px; } // Message - .message__80c10 { + .message_ccca67 { padding-right: 140px !important; // Message actions - .container__9d616 { + .container__2f489 { right: 130px; } } diff --git a/scss/main/_taskbar.scss b/scss/main/_taskbar.scss index 664a0d9..bd78fb4 100644 --- a/scss/main/_taskbar.scss +++ b/scss/main/_taskbar.scss @@ -10,8 +10,8 @@ --status-danger: #{$color-ping}; // Unread indicator - .unreadMentionsIndicatorBottom_fdb943, - .unreadMentionsIndicatorTop_ada847 { + .unreadMentionsIndicatorBottom__9351c, + .unreadMentionsIndicatorTop__153ad { width: 100%; .bar_edc096 { @@ -21,35 +21,35 @@ } // Unread icon - .lowerBadge__669e7 .numberBadge__50328 { + .lowerBadge_e89e22 .numberBadge__40d6f { opacity: 0.8; } - .scroller__3d071 { + .scroller_de945b { @include box.barGradient(true, $color-window-1, $color-window-2); // DMs icon / Start button - .tutorialContainer__890ea { + .tutorialContainer_b06ae6 { @include box.barGradient(true, $color-start-1, $color-start-2); position: relative; padding: 5px 0 30px 0; border-radius: 0 0 100% 100% / 0 0 12px 12px; - .wrapper__3af0b { - .svg_ad7356 { + .wrapper__9916c { + .svg__34dd4 { height: inherit; width: inherit; } - .wrapper_d281dd { - .selected_f5ec8e, + .wrapper__8436d { + .selected_ae80f7, &:hover { - .childWrapper__01b9c { + .childWrapper_a6ce15 { color: $white; } } - .childWrapper__01b9c { + .childWrapper_a6ce15 { color: $white-overlay; background: transparent; } @@ -68,12 +68,12 @@ } // Open folder - .expandedFolderBackground__1bec6 { + .expandedFolderBackground_b1385f { background: linear-gradient(to bottom, $color-taskbar-1, $color-taskbar-2); } // Add server and community servers - .circleIconButton_d8df29 { + .circleIconButton__05cf2 { background: linear-gradient(to bottom, $color-taskbar-1, $color-taskbar-2); color: $white-overlay; } @@ -93,7 +93,7 @@ z-index: 2; } - &:has(.activityPanel__22355, .container_d667ff) { + &:has(.activityPanel_b73e7a, .container_e1958d) { border-radius: 8px 8px 0 0; } @@ -103,26 +103,26 @@ border-bottom: 0; // Game title and icon - .title__10613, + .title__4a7a9, .badge__1a553 { color: $white; } } - .subtext__8f869 { + .subtext_ce73b4 { color: $white-overlay; } // Voice chat controls - .container_d667ff { + .container_e1958d { background: inherit; border-bottom: 0; // Video stream buttons - .button__66e8c { + .button_b82d53 { @include bt.button($ISBEIGE: true); - &.buttonActive__407a7 { + &.buttonActive_ae686f { background: $color-tooltip-2; @include shd.boxShadow($ISINSET: true); } @@ -130,22 +130,22 @@ } // User and settings - .container_ca50b9 { + .container_debb33 { height: var(--server-container); flex-direction: row-reverse; background: transparent; // Self info - .avatarWrapper_ba5175 { + .avatarWrapper__500a6 { margin: 0 0 0 6px; padding: 0 4px 0 0; flex-direction: row-reverse; // Username - .nameTag__0e320 { + .nameTag__77ab2 { text-shadow: 0 1px 1px $black; - .title__10613 { + .title__4a7a9 { color: $white; font-weight: normal; } @@ -154,18 +154,18 @@ } // Buttons - .button__4f306 { + .button_ae40a4 { color: $white-overlay; --interactive-normal: #{$white-overlay}; } - .withTagAsButton_cc125f:hover, - .withTagless__98b7d:hover, - .button__4f306.enabled__470f0:hover { + .withTagAsButton_e22174:hover, + .withTagless__058f8:hover, + .button_ae40a4.enabled__214db:hover { background: linear-gradient(to bottom, $color-taskbar-3, $color-taskbar-1); } - .button__4f306.enabled__470f0:hover { + .button_ae40a4.enabled__214db:hover { color: $white; --interactive-normal: #{$white}; } diff --git a/scss/main/_threads.scss b/scss/main/_threads.scss index 3941049..71f408f 100644 --- a/scss/main/_threads.scss +++ b/scss/main/_threads.scss @@ -2,33 +2,33 @@ @use "../top/boxes" as box; // Main chat with thread open -.chat__52833.threadSidebarOpen_fa231d { +.chat__52833.threadSidebarOpen__62c31 { border-radius: 0; // Message needs no indent as member list cannot be visible at once. - .chatContent__5dca8 .message__80c10 { + .chatContent_f087cb .message_ccca67 { margin-right: 0 !important; } // Neither does autocompleter - .autocomplete_df266d { + .autocomplete__743a5 { width: auto !important; } } -.resizeHandle_f1a098 { +.resizeHandle_cc9d34 { background: $color-window-2; } // Floating thread panel -.floating_f021e2 { +.floating__8f631 { border-radius: 0; } // Threads not video chat -.content__4bf10 > { +.content__76dcf > { // Main chat / thread separator - .resizeHandle_f1a098 { + .resizeHandle_cc9d34 { position: relative; right: $window-right; margin: $window-top 0 $window-bottom 0; @@ -36,7 +36,7 @@ } // Thread panel - .container_def45c { + .container__694a1 { position: relative; margin: $window-top 0 $window-bottom 0; right: $window-right; @@ -46,7 +46,7 @@ } // Floating thread panel for narrow screens - .chatLayerWrapper__29dd6 { + .chatLayerWrapper__1b344 { // margin: $window-top $window-right $window-bottom 0; top: $window-top; right: calc($window-right + 2px); @@ -55,6 +55,6 @@ } } -.chatTarget__0ea5e { +.chatTarget_f14a03 { display: none; } diff --git a/scss/main/_titlebar.scss b/scss/main/_titlebar.scss index 9f8574e..b26dcc7 100644 --- a/scss/main/_titlebar.scss +++ b/scss/main/_titlebar.scss @@ -3,11 +3,11 @@ @use "../top/boxes" as box; @use "../top/buttons" as bt; -.withFrame__485f4 { +.withFrame__5e49e { margin-top: 0; } -.titleBar__01af6 { +.titleBar__710b0 { position: absolute; left: $window-left; right: $window-right; @@ -16,7 +16,7 @@ @include box.windowTitle(); // Discord logo - .wordmarkWindows__05c46 { + .wordmarkWindows_ffbc5e { color: $white; padding-top: 2px; @@ -37,10 +37,10 @@ } // Min / Max / Close buttons - .winButton__88672 { + .winButton_f17fb6 { @include bt.winButton(20px, false); - &.winButtonClose__73489 { + &.winButtonClose__6396d { @include bt.winButton(20px, true); } } diff --git a/scss/overlay/_layer.scss b/scss/overlay/_layer.scss index 426f383..ee82e47 100644 --- a/scss/overlay/_layer.scss +++ b/scss/overlay/_layer.scss @@ -3,29 +3,29 @@ @use "../top/boxes" as box; @use "../top/shortcutIcon" as ico; -.baseLayer__8fda3.stop-animations { +.baseLayer__2b890.stop-animations { opacity: 1 !important; transform: scale(1) !important; - .container__037ed { + .container_d1f8f5 { filter: grayscale(0.8) brightness(0.5); backdrop-filter: brightness(1); } } -.layers__1c917 > .layer__2efaa .animating__27211 { +.layers__1c917 > .layer_f7d46a .animating_b7d085 { transform: none !important; } -.layer__2efaa { +.layer_f7d46a { background: transparent; // Settings menu - .standardSidebarView__1129a { + .standardSidebarView__12528 { @include box.mainWindow; // Settings sidebar as separate window on left side - .sidebarRegion__60457 { + .sidebarRegion__36437 { @include box.startMenuList; position: fixed; left: 60px; @@ -34,14 +34,14 @@ max-height: calc(100vh - 400px); @include box.windowHasPseudoTitle("Settings"); - .sidebarRegionScroller__1fa7e { + .sidebarRegionScroller__8113e { background: var(--xp-bg-color); - .sidebar__9e3e2 { + .sidebar__02e8d { padding: 8px; padding-right: 0; - .separator_fdbcfd { + .separator_d14fb1 { background: transparent; position: relative; @include box.startMenuDivider(-2px); @@ -50,7 +50,7 @@ .item__48dda { border-radius: 0; - &.selected__5711d:not(.disabled__85bca) { + &.selected_a523ff:not(.disabled__2717e) { background: var(--background-modifier-selected); color: $white; } @@ -60,38 +60,38 @@ } // Settings contents - :is(.contentRegionShownSidebar__610ed, .contentRegion__0bec1) { + :is(.contentRegionShownSidebar__9d1b9, .contentRegion__08eba) { justify-content: center; // Server setting roles sidebar - .sidebar_bdf6b7 { + .sidebar__37984 { left: 0; } // Server setting roles main content - .customContainer__93c7c, - .contentContainer__23092 { + .customContainer__64260, + .contentContainer__50662 { position: relative; left: 0; } // Close settings button - .toolsContainer_f5d55d { + .toolsContainer__4e6ad { padding-top: 10px; margin-right: 0; position: absolute; left: -80px; height: 50px; - .container_bb0c52 { - @include ico.makeIcon(50px, auto, ".closeButton__34341"); + .container__3529f { + @include ico.makeIcon(50px, auto, ".closeButton__8177f"); position: unset; &::before { content: "Close"; } - .keybind__57645 { + .keybind_a619c1 { display: none; } } @@ -99,12 +99,12 @@ } } - .pictureInPictureWindow_dc49a8 { + .pictureInPictureWindow__9f0e6 { @include box.windowHasPseudoTitle("Stream"); overflow: visible; border-radius: 0; - .pictureInPictureVideo_f1081d { + .pictureInPictureVideo__31ff0 { border-radius: 0; } } diff --git a/scss/overlay/_modal.scss b/scss/overlay/_modal.scss index 3640ae0..3947e94 100644 --- a/scss/overlay/_modal.scss +++ b/scss/overlay/_modal.scss @@ -3,7 +3,7 @@ // Modals // BSOD -.backdrop__7e89b { +.backdrop__1a911 { background: var(--bsod-color, $bsod-color) !important; opacity: 1 !important; @@ -19,11 +19,11 @@ } // Modal item -.layer_ad604d { +.layer_c14d31 { align-items: flex-end; padding-right: 10vw; - .focusLock__10aa5 { + .focusLock__28507 { border: 2px solid $white; padding: 5px; background: var(--bsod-color, transparentize($bsod-color, 0.2)); diff --git a/scss/overlay/_tooltip.scss b/scss/overlay/_tooltip.scss index ff10b84..df29040 100644 --- a/scss/overlay/_tooltip.scss +++ b/scss/overlay/_tooltip.scss @@ -2,18 +2,18 @@ @use "../top/color-generic" as *; // Tooltips -.tooltip__01384 { +.tooltip__7b090 { --background-floating: #{$color-tooltip-2}; --text-normal: #{$black}; --interactive-normal: #{$black}; border: 1px solid $black; border-radius: 0; - .guildNameText__16f3c { + .guildNameText__2c549 { color: inherit; } - .tooltipPointer_a79354 { + .tooltipPointer_f7411c { --background-floating: #{$black}; } } diff --git a/scss/overlay/popover/_colour.scss b/scss/overlay/popover/_colour.scss index 945fc3b..919bba4 100644 --- a/scss/overlay/popover/_colour.scss +++ b/scss/overlay/popover/_colour.scss @@ -4,21 +4,21 @@ @use "../../top/shadows" as shd; // Color picker -.customColorPicker__3cb6a { +.customColorPicker_bbc020 { @include box.beigeBox; // Hex code box - .input_d266e7 { + .input_f27786 { @include bt.button; } // Suggested colour buttons - .suggestedColor__34249 { + .suggestedColor__713b5 { @include bt.button; } // Saturation brightness grid - .saturation__35997 { + .saturation__918ba { @include shd.boxShadow($ISINSET: true); } diff --git a/scss/overlay/popover/_emoji.scss b/scss/overlay/popover/_emoji.scss index 7381e3e..4e53d09 100644 --- a/scss/overlay/popover/_emoji.scss +++ b/scss/overlay/popover/_emoji.scss @@ -11,58 +11,58 @@ --header-secondary: var(--xp-txt-color); --background-primary: #{$color-taskbar-3}; - .header__55964 { + .header_e5d8b2 { background: var(--xp-bg-tint-color); border-radius: 0; - .searchBar__8f956 { + .searchBar__57f39 { @include bt.inset; } - .diversitySelectorButton_a4f274, - .diversitySelectorOptions__846c5 { + .diversitySelectorButton__3fd6f, + .diversitySelectorOptions_daea2d { @include bt.button; padding: 3px; } } - .emojiPicker_b65ce9 { + .emojiPicker__5e2e2 { background: var(--xp-bg-color); border-radius: 0; // Emoji grid - .bodyWrapper_cc3635 { + .bodyWrapper__5f209 { box-shadow: (inset 0 0 2px 2px grey); // Section title - .wrapper__7a35f { + .wrapper__91b2c { background: linear-gradient(to bottom, transparent, var(--xp-bg-color), transparent); } // Hovered emoji - .emojiItem_b15dee.emojiItemSelected__1a09a { + .emojiItem_de65fd.emojiItemSelected__023be { @include bt.inset; } } // Emoji info - .inspector__993e1 { + .inspector__80c84 { background: var(--xp-bg-tint-color); } } - .categoryList_f8c48f { + .categoryList_eac4ac { background: var(--xp-bg-tint-color); } } // Reaction emoji picker -.animatorLeft_b2289c > #emoji-picker-tab-panel { +.animatorLeft_f985f4 > #emoji-picker-tab-panel { @include box.windowHasPseudoTitle("Add a reaction"); } // Gif / sticker / emoji picker -.contentWrapper__321ed { +.contentWrapper_e0bb2c { --interactive-normal: var(--xp-txt-color); --interactive-hover: var(--xp-txt-color); --interactive-active: var(--xp-txt-color); @@ -76,17 +76,17 @@ @include box.windowHasPseudoTitle("Chat addition"); // Gif / sticker / emoji buttons - .navButton__05cc7 { + .navButton_b588d0 { @include bt.button; - &.navButtonActive__735cb { + &.navButtonActive__0c878 { @include bt.inset; } } // Gif / sticker searchbar - .container_e4c233, - .container__7712a { + .container_ec5ce2, + .container__33507 { @include bt.inset; } @@ -98,23 +98,23 @@ box-shadow: (inset 0 0 2px 2px var(--xp-bg-shade-color)); // Section title - .wrapper__7a35f { + .wrapper__91b2c { background: linear-gradient(to bottom, transparent, var(--xp-bg-color), transparent); } } // Discord default sticker button - .standardStickerShortcut__5254d { + .standardStickerShortcut_e9a698 { background: var(--xp-bg-tint-color); } // Emoji info - .inspector__993e1 { + .inspector__80c84 { background: var(--xp-bg-tint-color); } } - .categoryList_f8c48f { + .categoryList_eac4ac { background: var(--xp-bg-tint-color); } @@ -123,12 +123,12 @@ background: var(--xp-bg-tint-color); // Back button - .backButton__6a1f0 { + .backButton_d9b964 { color: var(--xp-txt-color); } // Favs category - .categoryFadeBlurple_e73c11 { + .categoryFadeBlurple_ffb0c5 { background: var(--xp-zing-color); } @@ -143,13 +143,13 @@ } // Hovered - .focused__036ed, + .focused__79359, .result_e1fc74:hover { box-shadow: 0 11px 22px 1px var(--xp-zing-color); } // Placeholder for loading gif - .placeholder__1d2a8 { + .placeholder__99206 { border-radius: 0; background: var(--xp-set-color); } diff --git a/scss/overlay/popover/_menus.scss b/scss/overlay/popover/_menus.scss index f35bcad..9bff01d 100644 --- a/scss/overlay/popover/_menus.scss +++ b/scss/overlay/popover/_menus.scss @@ -2,33 +2,33 @@ @use "../../top/buttons" as bt; // Small menus -.menu_dc52c6 { +.menu__088f7 { --interactive-normal: var(--xp-txt-color); background: var(--xp-bg-tint-color); border: 1px solid var(--xp-border-color); border-radius: 0; // Menu item - .colorDefault__0b482 { + .colorDefault_e361cf { // Focused menu item - &.focused__27621 { + &.focused_dcafb9 { background: $color-selected; border-radius: 0; } - .icon_f09dde { + .icon__0bfbf { // Radio button path[d^="M12 20C16.4183"] { d: path("M 12 22 A 1 1 0 0 0 12 2 A 1 1 0 0 0 12 22 Z M 12 21 A 1 1 0 0 0 12 3 A 1 1 0 0 0 12 21 Z"); } // circle - .radioSelection__5ed39 { + .radioSelection__41d1e { color: $color-start-2; } // Checkbox - .checkbox__45366 { + .checkbox__378d3 { d: path("M 2 2 V 22 H 22 V 2 Z M 3 3 V 21 H 21 V 3 Z"); color: var(--xp-txt-color); } @@ -47,13 +47,13 @@ @include bt.button($ISBEIGE: true); border: none; - .barFill__30e17 { + .barFill__1f56b { background: transparent; } } // Handle - .grabber_d2868c { + .grabber_e3daf3 { @include bt.button($ISBEIGE: true, $ISINSET: true); height: 16px; width: 10px; diff --git a/scss/overlay/popover/_misc.scss b/scss/overlay/popover/_misc.scss index 70acbe7..517d577 100644 --- a/scss/overlay/popover/_misc.scss +++ b/scss/overlay/popover/_misc.scss @@ -3,29 +3,29 @@ @use "../../top/buttons" as bt; // VC ping -.container__0810b { +.container__13b2a { @include box.beigeBox; - .popoutText__56f7e { + .popoutText_aa3bfa { color: var(--xp-txt-color); } } // Stream preview -.streamPreview__1846c { +.streamPreview__965fa { @include box.beigeBox; - .watchButton__0d283 { + .watchButton__5a93d { @include bt.button; } } // Emoji info -.popoutContainer__7b9a3 { +.popoutContainer__66068 { @include box.beigeBox; // Nitro button - .shinyButton_fc8363 { + .shinyButton_d5e126 { @include bt.button; } } diff --git a/scss/overlay/popover/_role.scss b/scss/overlay/popover/_role.scss index 747677e..50aeaae 100644 --- a/scss/overlay/popover/_role.scss +++ b/scss/overlay/popover/_role.scss @@ -3,11 +3,11 @@ @use "../../top/buttons" as bt; // Select role preview -.container__9bb08 { +.container__3d776 { @include box.beigeBox; // Search role - .container__7712a { + .container__33507 { @include bt.inset; } @@ -15,11 +15,11 @@ .item__287de { border-radius: 0; - &.selected__511cf { + &.selected__32a6a { background: $color-selected; } - .itemLabel__6d2fe span { + .itemLabel_d89e4d span { background: var(--xp-bg-tint-color); } @@ -27,7 +27,7 @@ .box__66058 { border-radius: 0; - &.checked__24ad6 { + &.checked__16f88 { background: $color-shortcut-2 !important; path { diff --git a/scss/overlay/popover/_search.scss b/scss/overlay/popover/_search.scss index aa6671c..c04d8cc 100644 --- a/scss/overlay/popover/_search.scss +++ b/scss/overlay/popover/_search.scss @@ -3,7 +3,7 @@ @use "../../top/buttons" as bt; // Search options -.container_d6dad3 { +.container__84c26 { --header-secondary: var(--xp-txt-color); --text-muted: var(--xp-txt-color); --interactive-normal: var(--xp-txt-color); @@ -18,7 +18,7 @@ border-radius: 0; border: 1px solid var(--xp-border-color); - .option_b5597b { + .option__91497 { border-radius: 0; } @@ -63,7 +63,7 @@ } } - .hintValue_c2ce1f { + .hintValue__0c960 { @include bt.button; &:hover { diff --git a/scss/overlay/popover/_soundboard.scss b/scss/overlay/popover/_soundboard.scss index c7dd200..8b41c8a 100644 --- a/scss/overlay/popover/_soundboard.scss +++ b/scss/overlay/popover/_soundboard.scss @@ -15,12 +15,12 @@ @include box.windowHasPseudoTitle("Soundboard", $OFFSET: 0); border-radius: 0; - .header_bf5f46 { - .container_e4c233 { + .header__93ab0 { + .container_ec5ce2 { @include bt.inset; } - .settingsClickArea__307ff { + .settingsClickArea__2839d { @include bt.button; box-sizing: border-box; width: 32px; @@ -32,20 +32,20 @@ } // Categories - .categoryList__173de { + .categoryList__2f64f { left: 2px; } // Sound panel - .listWrapper__2275d { + .listWrapper_b28f3e { background: var(--xp-bg-color); box-shadow: (inset 0 0 2px 2px grey); - .soundButton__5ad7b { + .soundButton__845c7 { @include bt.button; } - .buttonOverlayBackground_ec646a { + .buttonOverlayBackground__9265a { background: var(--xp-bg-tint-color); } } diff --git a/scss/overlay/popover/_userprofile.scss b/scss/overlay/popover/_userprofile.scss index 8b1b190..a42cb24 100644 --- a/scss/overlay/popover/_userprofile.scss +++ b/scss/overlay/popover/_userprofile.scss @@ -4,40 +4,40 @@ // User profile // Popout or in profile settings -.userProfileOuter__46bb7 { +.userProfileOuter__4ac83 { border-radius: 0; - &:not(.profileCustomizationPreview_ccc6a9) { + &:not(.profileCustomizationPreview_a1502f) { @include box.windowHasPseudoTitle("User info", $OFFSET: 0); } - &.profileCustomizationPreview_ccc6a9 { + &.profileCustomizationPreview_a1502f { border: 2px solid $color-taskbar-3; } - &.userProfileOuterThemed__6eb84 { + &.userProfileOuterThemed__1fbd7 { padding: 0; } .banner_b7f1fb, - .roundedBanner__9fa0a { + .roundedBanner__16aa6 { border-radius: 0; } // Avatar - .avatarWrapper_f77579 { - &:not(.avatarPositionPremiumBanner__1e83d) { + .avatarWrapper__0cd44 { + &:not(.avatarPositionPremiumBanner_f3acc4) { left: 24px; } - &.avatarPositionPremiumBanner__1e83d { + &.avatarPositionPremiumBanner_f3acc4 { left: 20px; top: 72px; } } // All profiles - .userProfileInner__8065b { + .userProfileInner__61cc1 { // Tint (only visible with nitro) &::before { border-radius: 0; @@ -46,28 +46,28 @@ } // Edit profile button - .pencilContainer_d4ce8d { + .pencilContainer_ae6d25 { @include bt.button; - .pencilIcon__21c0c { + .pencilIcon_e00224 { color: var(--xp-txt-color); } } // Hypesquad etc badges - .profileBadges__7a7cb { + .profileBadges__1f2ab { @include bt.button; } // Inner box - .overlayBackground__86b78 { + .overlayBackground__2666e { border-radius: 0; --font-primary: Tahoma, sans-serif; --font-display: Tahoma, sans-serif; @include box.indentBox; // Roles - .rolePill_ee1aa1 { + .rolePill_f50ff5 { @include bt.button; } @@ -77,14 +77,14 @@ } // Message user - .messageInputContainer__768e6 { + .messageInputContainer_a93946 { @include box.indentBox; } } } // Unstyled profile - .userProfileInnerThemedNonPremium__3d0a6 { + .userProfileInnerThemedNonPremium_ed9022 { background: var(--xp-bg-tint-color); --interactive-active: var(--xp-txt-color); --header-primary: var(--xp-txt-color); @@ -94,12 +94,12 @@ --interactive-muted: var(--xp-bg-tint-color); // Inner box - .overlayBackground__86b78 { + .overlayBackground__2666e { background: var(--xp-bg-color); } } - .rolePill_ee1aa1 .defaultColor__77578 { + .rolePill_f50ff5 .defaultColor__77578 { color: var(--xp-txt-color); } } diff --git a/scss/overlay/popover/topbar/_inbox.scss b/scss/overlay/popover/topbar/_inbox.scss index 51cb3f3..a4f22dd 100644 --- a/scss/overlay/popover/topbar/_inbox.scss +++ b/scss/overlay/popover/topbar/_inbox.scss @@ -4,15 +4,15 @@ @use "../../../top/buttons" as bt; // Inbox -.recentMentionsPopout__826a9 { +.recentMentionsPopout__40c54 { // Top bar - .header__28ebb { + .header__58a85 { @include box.windowTitle; --interactive-normal: var(--xp-txt-color); --interactive-active: var(--xp-txt-color); // Mentions / unreads tabs - .topPill__0cdf1 { + .topPill__63ad4 { position: absolute; bottom: -1px; z-index: 1; @@ -26,7 +26,7 @@ margin: 0; // Selected tab - &.selected__5711d { + &.selected_a523ff { padding-top: 1px; height: 25px; background: linear-gradient(to bottom, orange, $white 10%, $color-tooltip-2 80%); @@ -41,43 +41,43 @@ } // Mark all as read button - &.container__20de0 { - .header__28ebb .button_ddf91e { + &.container_eb737e { + .header__58a85 .button__292b6 { @include bt.winButton(26px, false); } } // Filter mentions button - &.messagesPopoutWrap_b3b384 { - .header__28ebb .button_ddf91e { + &.messagesPopoutWrap__10dd1 { + .header__58a85 .button__292b6 { @include bt.winButton(26px, false); } } // Content - .messagesPopout__22763, - .scroller__1c703 { + .messagesPopout__28784, + .scroller_e3927b { @include box.startMenuList; --header-primary: var(--xp-txt-color); --header-secondary: grey; background: var(--xp-bg-tint-color); // Channel unread group - .channel_d48f2d, - .container__56e52 { + .channel__36a7e, + .container__7c2c1 { // Channel group header - .channelHeader__5d30c { + .channelHeader_ea0f89 { background: var(--xp-bg-tint-color); // Buttons - .button_ddf91e { + .button__292b6 { @include bt.button; } } // Message group - .messages_f7999e, - .messageContainer_aa7d14 { + .messages__1aaa1, + .messageContainer_cb3d47 { @include box.indentBox; } } diff --git a/scss/overlay/popover/topbar/_index.scss b/scss/overlay/popover/topbar/_index.scss index 56a1b2a..6f2ba8f 100644 --- a/scss/overlay/popover/topbar/_index.scss +++ b/scss/overlay/popover/topbar/_index.scss @@ -5,12 +5,12 @@ @use "../../../top/vars" as *; // Top bar button popout windows, eg. inbox -.messagesPopoutWrap_b3b384 { +.messagesPopoutWrap__10dd1 { border-radius: 8px 8px 0 0; max-height: calc(100vh - $window-top - 120px) !important; // No "protips" please - .footer_a3029c { + .footer__6b9ef { display: none; } } diff --git a/scss/overlay/popover/topbar/_pinned.scss b/scss/overlay/popover/topbar/_pinned.scss index 475768d..4bc0f8b 100644 --- a/scss/overlay/popover/topbar/_pinned.scss +++ b/scss/overlay/popover/topbar/_pinned.scss @@ -2,21 +2,21 @@ @use "../../../top/boxes" as box; // Pinned messages -.messagesPopoutWrap_b3b384 { - .header_f5cc88 { +.messagesPopoutWrap__10dd1 { + .header__21b33 { @include box.windowTitle; } - .messagesPopout__22763 { + .messagesPopout__28784 { @include box.startMenuList; background: var(--xp-bg-tint-color); - .messageGroupWrapper_f8c6e9 { + .messageGroupWrapper__1fce2 { @include box.indentBox; border: 0; } - .body__13cde { + .body_a02b78 { color: var(--xp-txt-color); } } diff --git a/scss/overlay/popover/topbar/_threads.scss b/scss/overlay/popover/topbar/_threads.scss index c112f85..21b93aa 100644 --- a/scss/overlay/popover/topbar/_threads.scss +++ b/scss/overlay/popover/topbar/_threads.scss @@ -4,29 +4,29 @@ @use "../../../top/buttons" as bt; // Threads -.browser_fece63 { +.browser_fa9cea { border-radius: 8px 8px 0 0; // Top bar - .header__53b07 { + .header__6d44a { @include box.windowTitle; // # - .threadIcon__046f1 { + .threadIcon_a292d5 { color: $white; } // Search bar - .searchBox_ff53b2 { + .searchBox__9423b { @include bt.button($ISBEIGE: true, $ISINSET: true); - .input__74754 { + .input__48d49 { color: $black; } } // Close button - .closeIcon__15ae7 { + .closeIcon_ab1a00 { @include bt.winButton(26px, true); display: flex; align-items: center; @@ -34,7 +34,7 @@ } // Create thread button - .createButton_c8864c { + .createButton_f595af { @include bt.button($ISBEIGE: true); } } @@ -45,24 +45,24 @@ background: var(--xp-bg-tint-color); // Thread age - .sectionHeader_a94dc1 { + .sectionHeader__0f7c3 { color: var(--xp-txt-color) !important; } // Thread - .container__6604b { + .container__9922f { @include box.indentBox; border: 0; } // No threads - .container__50947 { - .defaultColor__87d87, - .text-md-normal__4afad { + .container__8f86b { + .defaultColor__8610e, + .text-md-normal__6e567 { color: var(--xp-txt-color) !important; } - .button_afdfd9 { + .button__581d0 { @include bt.button; } } diff --git a/scss/part/_avatarsphere.scss b/scss/part/_avatarsphere.scss index 48fdb28..563671a 100644 --- a/scss/part/_avatarsphere.scss +++ b/scss/part/_avatarsphere.scss @@ -2,7 +2,7 @@ @use "../top/color-generic" as *; // Avatar sphere effect -.wrapper_edb6e0::before { +.wrapper__3ed10::before { content: ""; display: block; position: absolute; diff --git a/scss/plugin/_HorizontalServerList.scss b/scss/plugin/_HorizontalServerList.scss index 30ff798..979147d 100644 --- a/scss/plugin/_HorizontalServerList.scss +++ b/scss/plugin/_HorizontalServerList.scss @@ -3,7 +3,7 @@ // Override HSL options // Channels sidebar -#app-mount .sidebar_ded4b5 { +#app-mount .sidebar_e031be { border-radius: 8px 8px 0 0; } @@ -12,8 +12,8 @@ #app-mount .guilds__2b93a { height: calc(100vw - $panel-width) !important; - .scrollerBase_dc3aa9, - .scrollerBase__2b744 { + .scrollerBase_f742b2, + .scrollerBase__65223 { padding-top: 0 !important; } } @@ -23,11 +23,11 @@ body #app-mount .guilds__2b93a { // Titlebar html.platform-osx #app-mount { - .base__3e6af { + .base_c0676e { top: 0 !important; } - .typeMacOS__496b0 { + .typeMacOS_cacc59 { width: auto; } } diff --git a/scss/plugin/_ReadAllNotificationsButton.scss b/scss/plugin/_ReadAllNotificationsButton.scss index 1b9d2d3..df3125a 100644 --- a/scss/plugin/_ReadAllNotificationsButton.scss +++ b/scss/plugin/_ReadAllNotificationsButton.scss @@ -2,7 +2,7 @@ // Replaces "read all" in ReadAllNotificationsButton with eye icon on blue background #app-mount .guilds__2b93a .frame-oXWS21[class*="listItem"] { - .wrapper_d281dd { + .wrapper__8436d { width: var(--server-size); } diff --git a/scss/plugin/_SpotifyControls.scss b/scss/plugin/_SpotifyControls.scss index d5f60e5..f4e707b 100644 --- a/scss/plugin/_SpotifyControls.scss +++ b/scss/plugin/_SpotifyControls.scss @@ -3,7 +3,7 @@ // Vencord SpotifyControls #vc-spotify-player { - .appMount_fae9dd & { + .appMount_c99875 & { background: unset; border-bottom: 0; } @@ -21,7 +21,7 @@ } } - .colorStandard__5111e { + .colorStandard__3d599 { color: $white-overlay; }