RoundmoledV2

By Theo EwzZer Version 1.3.1 Updated 02/21/2025 27.7K downloads

Simple amoled black + rounded corners theme - Updated version

customizable dark black

Live preview

Full Discord interface with this theme applied — powered by ThemePreview.

Screenshot

roundmoledV2.theme.css

GitHub

Open source

https://raw.githubusercontent.com/TheoEwzZer/RoundmoledV2/f6d0c56c118f3e8158ee1a44bf96341bc5f8004d/roundmoledV2.theme.css

1/**

2* @name RoundmoledV2

3* @author theoewzzer (Original Author: Malasangre#4444)

4* @description Simple amoled black + rounded corners theme - Updated version

5* @source https://github.com/TheoEwzZer/RoundmoledV2

6* @updateUrl https://raw.githubusercontent.com/TheoEwzZer/RoundmoledV2/main/roundmoledV2.theme.css

7* @authorId 384009727253807105

8* @version 1.3.1

9*/

11/* imports */

12@import url("https://tiredmala.github.io/animcord/animcordmain.css");

13@import url("https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/SettingsIcons.css");

14@import url("https://nyri4.github.io/Discolored/main.css");

15@import url("https://mwittrien.github.io/BetterDiscordAddons/Themes/EmojiReplace/base/Apple.css");

17:root {

18 --dark-primary: #000000;

19 --dark-secondary: #050505;

20 --dark-secondary-alt: #080808;

21 --dark-bright: #0b0b0b;

22 --roundmoled-background: #142339;

23 --popout-activeborders: #1f1f1f;

24 --background-tertiary: #2a2b2f;

25 --background-secondary: #18191d; /* guild folder border background */

26 --background-secondary-alt: var(

27 --dark-primary

28 ); /* change it and see for yourself */

29 --background-primary: var(

30 --dark-primary

31 ); /* primary background color, full amoled black */

32 --channeltextarea-background: #070b10; /* color of your chat bar */

33 --background-accent: var(

34 --brand-experiment

35 ); /* discords accent color (default) */

36 --background-message-hover: transparent;

37 --background-modifier-hover: #36559138;

38 --background-modifier-active: #36559138;

39 --background-modifier-selected: #406abb38;

40 --background-floating: var(--dark-primary); /* userpopout background */

41 --scrollbar-auto-track: #0d0d0d;

42 --scrollbar-thin-thumb: var(--brand-experiment);

43 --autocomplete-bg: #000000;

44}

46.theme-dark .container__2637a,

47.members_c8ffbb,

48.member_c8ffbb,

49.container_c8ffbb {

50 background-color: var(--dark-primary);

51}

53.footer__214dc {

54 background-color: var(--dark-primary);

55}

57.platform-osx .scroller_ef3116,

58.platform-win .scroller_ef3116 {

59 padding-top: 12px;

60}

62.theme-dark .themed_fc4f04 {

63 background-color: var(--dark-primary);

64}

66.searchBar__35e86 .searchBarComponent_f0963d {

67 border-radius: 10px;

68}

70.container_cbd271 {

71 background-color: var(--dark-primary);

72}

74.container_bf550a,

75.sidebarRegionScroller_c25c6d {

76 background-color: var(--dark-primary);

77}

79.itemCard_f02fcf {

80 background-color: var(--dark-secondary-alt);

81}

83.wrapper_ef3116 {

84 background-color: var(--dark-secondary-alt);

85 border-radius: 20px;

86 margin-right: 16px;

87}

89.theme-dark .themed_e44302,

90.container_fd6364,

91.member_a31c43,

92.member_cbd271,

93.members_cbd271 {

94 background-color: var(--dark-primary);

95}

97.sidebar_c48ade,

98.platform-win .sidebar_c48ade,

99.layers_a01fb1,

100.applicationStore_cecc86 {

101 border-radius: 20px;

102}

103

104.sidebar_c48ade {

105 margin-right: 16px;

106 background-color: var(--dark-secondary-alt);

107}

108

109.shop_e77fa3 {

110 border-radius: 20px;

111 background-color: var(--dark-primary);

112}

113

114.theme-dark .themed__9293f {

115 background-color: var(--dark-primary);

116}

117

118.shopScroll_e77fa3 {

119 border-radius: 20px;

120 background-color: var(--dark-primary);

121}

122

123.container_a4d4d9 {

124 background-color: var(--roundmoled-background);

125}

126

127.appMount__51fd7,

128.bg_d4b6c5 {

129 background-color: var(--roundmoled-background);

130}

131

132.content_a4d4d9 >; *:not([hidden]) {

133 margin-left: 15px;

134 gap: 0px;

135}

136

137.container__133bf {

138 border-radius: 20px;

139}

140

141.chat_f75fb0 {

142 border-radius: 20px;

143}

144

145.appAsidePanelWrapper_a3002d {

146 margin-top: 10px;

147 margin-bottom: 15px;

148 margin-left: 15px;

149 margin-right: 15px;

150}

151

152.searchBar__35e86 {

153 background-color: var(--dark-primary);

154}

155

156.theme-dark .scroller__99e7c {

157 background-color: var(--dark-secondary-alt);

158}

159

160.themedBackground_d0696b {

161 border-radius: 20px;

162 background-color: var(--channeltextarea-background);

163 border: solid var(--popout-activeborders);

164}

165

166/****************************************************************************************

167 ██████╗██╗ ██╗ █████╗ ████████╗

168██╔════╝██║ ██║██╔══██╗╚══██╔══╝

169██║ ███████║███████║ ██║

170██║ ██╔══██║██╔══██║ ██║

171╚██████╗██║ ██║██║ ██║ ██║

172 ╚═════╝╚═╝ ╚═╝╚═╝ ╚═╝ ╚═╝

173 chatsp

174*****************************************************************************************/

175/* Pin message */

176.message-G6O-Wv {

177 background-color: var(--dark-secondary-alt) !important;

178 border-radius: 20px;

179 border: solid var(--popout-activeborders);

180}

181

182/* thread popout on channel name hover */

183.popout-TdhJ6Z {

184 background-color: var(--dark-bright);

185 border-radius: 12px;

186 border: solid var(--popout-activeborders);

187}

188/* invite to channel */

189.lookOutlined-3sRXeN.colorGreen-29iAKY {

190 background-color: var(--brand-experiment);

191 border-radius: 13px;

192 color: rgb(14, 14, 14);

193 font-weight: bold;

194 border: none;

195}

196

197.sidebarRegionScroller-FXiQOh.thin-31rlnD.scrollerBase-_bVAAt.fade-1R6FHN {

198 background-color: var(--dark-primary);

199}

200

201.theme-dark.container-ZMc96U.themed-Hp1KC_ {

202 background-color: var(--dark-primary);

203}

204

205.modal-atz_3z {

206 width: 140%;

207 height: 150%;

208}

209

210.inviteRow-3vmB7i:hover {

211 border-radius: 20px;

212

213 margin-right: 6px;

214 transform: scale(1.03);

215 transition: transform 250ms;

216}

217

218/* @everyone and @here warning */

219.theme-dark .contentWarningPopout-WKdbDG {

220 background-color: var(--dark-primary);

221 border-radius: 20px;

222 border: solid var(--popout-activeborders);

223}

224

225/* nsfw chat warning buttons */

226

227.actionRed-gYn8D3 {

228 border-radius: 10px;

229}

230

231.actionRed-gYn8D3:hover {

232 box-shadow: rgba(255, 44, 44, 0.3) 0px 5px 15px;

233 transition: 250ms;

234}

235

236/* Mentions in chat*/

237.wrapper-1ZcZW- {

238 border-radius: 25px;

239 padding: 0px 5px 0px 5px;

240}

241

242/* View code files / chat */

243.textContainer-36wgKK,

244.footer-GXWBBp,

245.modalTextContainer-1FUO2W {

246 border-radius: 10px;

247 background-color: var(--dark-bright);

248}

249

250.footer-GXWBBp {

251 margin-top: 5px;

252}

253

254/* Bold urls on hover */

255.markup-eYLPri a:hover {

256 font-weight: bold;

257 transition: 250ms;

258}

259

260/* Attachments in chat */

261

262.attachment-1PZZB2,

263.theme-dark .wrapperAudio-1Bzv_Z {

264 border-radius: 20px;

265 background-color: var(--dark-bright);

266 width: 150%;

267}

268.attachment-1PZZB2:hover,

269.theme-dark .wrapperAudio-1Bzv_Z:hover {

270 background-color: var(--dark-secondary);

271 transition: 250ms;

272}

273

274.audioControls-3fmemK {

275 border-radius: 25px;

276}

277

278.filenameLinkWrapper-3Rc6sk,

279.metadata-1E7Z4i,

280.metadataName-1KMZtB {

281 font-size: 18px;

282 text-align: center;

283}

284

285.filenameLinkWrapper-3Rc6sk:hover {

286 font-weight: bold;

287 transition: font-weight 250ms;

288}

289

290/* chat embeds */

291

292.embedFull-1HGV2S {

293 background-color: var(--dark-secondary-alt);

294 border-left: 4px solid var(--brand-experiment);

295}

296

297.embedFooterText-2Mc7H9 {

298 font-size: 0.85rem;

299 line-height: 1rem;

300 font-weight: 500;

301}

302

303.embedThumbnail-2nTasl {

304 border-radius: 13px;

305 box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px, rgb(51, 51, 51) 0px 0px 0px 3px;

306}

307

308/* Emoji picker big and small */

309

310.contentWrapper-3vHNP2 {

311 background-color: var(--dark-secondary);

312 border-radius: 20px;

313 border: solid var(--popout-activeborders);

314}

315

316.unicodeShortcut-3N8oDe,

317.wrapper-1NNaWG,

318.input-2FSSDe,

319.emojiPicker-6YCk8a {

320 background-color: var(--dark-secondary);

321}

322

323.list-obNEuP {

324 background-color: var(--dark-secondary);

325 border: solid var(--dark-primary);

326}

327

328/* Send image modal chat */

329

330.theme-dark .uploadModal-2ie9O_,

331.theme-dark .footer-VCsJQY {

332 background-color: var(--dark-primary);

333}

334

335.uploadModal-2ie9O_ .inner-rBP-MS .file-163EuR .icon-HW4tZ-.image-2ssF8k {

336 width: 40% !important;

337 height: 40% !important;

338 margin-left: 150px !important;

339 border: solid var(--popout-activeborders);

340}

341

342/* more upload modal things */

343.uploadModal-2ie9O_,

344.uploadModal-2ie9O_ .footer-VCsJQY {

345 border-radius: 20px;

346}

347

348.theme-dark .footer-VCsJQY {

349 box-shadow: none;

350}

351.uploadModal-2ie9O_

352 .inner-rBP-MS

353 .file-163EuR.expandable-2-lrzP

354 .description-2AJi-V {

355 position: relative;

356 margin-left: 50%;

357 transform: translate(-50%);

358}

359

360.theme-dark .checkbox-f1HnKB {

361 background-color: #1a1a1a;

362 border-radius: 25px;

363}

364

365.uploadModal-2ie9O_ .footer-VCsJQY.hasSpoilers-33hwf_ .checkboxWrapper-2fDzaA {

366 background-color: var(--dark-bright);

367 margin-right: 140px;

368 padding: 7px;

369 border-radius: 25px;

370}

371

372.uploadModal-2ie9O_

373 .footer-VCsJQY.hasSpoilers-33hwf_

374 .checkboxWrapper-2fDzaA:hover {

375 background-color: var(--dark-secondary);

376 transition: 250ms ease-in-out;

377}

378

379.theme-dark .lookLink-9FtZy-.colorPrimary-3b3xI6 {

380 background-color: #af2626;

381 margin-right: 10px;

382 border-radius: 20px;

383}

384.theme-dark .lookLink-9FtZy-.colorPrimary-3b3xI6:hover {

385 box-shadow: rgba(255, 44, 44, 0.3) 0px 5px 15px;

386 transition: box-shadow 250ms;

387}

388

389/* Code blocks in chat */

390.markup-eYLPri code {

391 border-radius: 10px;

392 background-color: var(--dark-secondary-alt);

393}

394

395/* You're viewing older messages */

396.jumpToPresentBar-1cEnH0 {

397 background-color: var(--brand-experiment);

398 border-radius: 25px;

399 margin-bottom: 10px;

400}

401

402/* Inbox */

403

404.container-2ebMPP,

405.channelHeader-DFRX8q {

406 border-radius: 20px;

407 background-color: var(--dark-secondary);

408}

409

410.container-2ebMPP,

411.tutorial-Nb3Zz5 {

412 border: solid var(--popout-activeborders);

413}

414

415.tutorial-Nb3Zz5,

416.header-1w9Q93 {

417 background-color: var(--dark-primary);

418}

419

420.messageContainer-3VTXBC {

421 margin-top: 5px;

422}

423

424/* Pins */

425

426.messagesPopoutWrap-3zryHW {

427 background-color: var(--dark-secondary-alt);

428 border-radius: 20px;

429 border: solid var(--popout-activeborders);

430}

431

432/* invites in chat */

433.wrapper-1HIH0j {

434 background-color: var(--dark-secondary-alt);

435 border: solid var(--popout-activeborders);

436 border-radius: 20px;

437}

438

439/* amoledify message search popout */

440.theme-dark .container-2McqkF {

441 border-radius: 20px;

442 background-color: var(--dark-primary);

443 border: solid var(--popout-activeborders);

444}

445

446.searchHeader-1r_ZSh {

447 background-color: var(--dark-secondary-alt);

448}

449

450.theme-dark .option-2KkUJO:after {

451 background: linear-gradient(90deg, rgba(21, 21, 21, 0), #000 80%);

452}

453

454.searchResultsWrap-5RVOkx {

455 border-radius: 20px;

456 background-color: var(--dark-primary);

457 margin-right: 10px;

458 margin-left: 10px;

459}

460

461.channelName-3w2Y3c {

462 background: var(--dark-secondary);

463 border-radius: 7px;

464}

465

466/* Chat @ and emoji autocomplete */

467.theme-dark .autocomplete-3NRXG8 {

468 background-color: var(--dark-secondary);

469 border-radius: 20px;

470 border: solid var(--popout-activeborders);

471}

472

473.theme-dark .selected-3H3-RC {

474 background-color: var(--background-secondary-alt);

475 transform: scale(1.015);

476 transition: 250ms ease-in-out;

477}

478

479/* follow this channel modal */

480.wrapper-2SplAX {

481 background-color: var(--dark-secondary-alt);

482 border: solid var(--popout-activeborders);

483}

484

485.theme-dark .lookFilled-1Gx00P.colorPrimary-3b3xI6:hover {

486 background-color: var(--brand-experiment);

487 box-shadow: rgba(44, 139, 255, 0.3) 0px 5px 15px;

488 transition: 250ms;

489}

490

491.clickable-vvKY2q .header-3OsQeK:hover,

492.selecetd-1GtAC5 .header-3OsQeK {

493 background-color: #0f10106b;

494}

495

496/****************************************************************************************

497██╗ ██╗ ██████╗ ███╗ ███╗███████╗

498██║ ██║██╔═══██╗████╗ ████║██╔════╝

499███████║██║ ██║██╔████╔██║█████╗

500██╔══██║██║ ██║██║╚██╔╝██║██╔══╝

501██║ ██║╚██████╔╝██║ ╚═╝ ██║███████╗

502homesp

503****************************************************************************************/

504/* home page and DMs stuff */

505

506.theme-dark .container-2cd8Mz {

507 border-radius: 20px;

508 margin-top: 10px;

509 margin-bottom: 10px;

510 margin-right: 10px;

511}

512

513/* Home colors */

514.topPill-3DJJNV .themed-2-lozF.selected-g-kMVV.item-3XjbnG,

515.topPill-3DJJNV .themed-2-lozF.selected-g-kMVV.item-3XjbnG:hover {

516 background-color: var(--brand-experiment);

517}

518

519:root .peopleColumn-1wMU14,

520.privateChannels-oVe7HL,

521.scroller-1JbKMe,

522.scroller-WSmht3 {

523 background-color: var(--dark-primary);

524}

525

526:root .searchBar-3TnChZ .searchBarComponent-3N7dCG {

527 margin-top: 5px;

528 border-radius: 25px;

529 background-color: var(--dark-secondary-alt);

530}

531

532:root .theme-dark .container-2cd8Mz,

533.container-1a3EgQ,

534.applicationStore-1pNvnv {

535 border-radius: 20px;

536 margin-right: 10px;

537 margin-top: 10px;

538 margin-bottom: 10px;

539}

540

541/* friends now playing home */

542

543.wrapper-2RrXDg,

544.theme-dark .separator-XqIyoz,

545.theme-dark .inset-3sAvek {

546 background-color: var(--dark-secondary-alt);

547}

548

549.section-2gLsgF {

550 border-radius: 13px;

551}

552

553.wrapper-2RrXDg:hover,

554.peopleListItem-u6dGxF:hover {

555 transform: scale(1.025);

556 transition: 250ms ease-in-out;

557}

558

559/****************************************************************************************

560

███████╗███████╗████████╗████████╗██╗███╗   ██╗ ██████╗ ███████╗

561

██╔════╝██╔════╝╚══██╔══╝╚══██╔══╝██║████╗  ██║██╔════╝ ██╔════╝

562

███████╗█████╗     ██║      ██║   ██║██╔██╗ ██║██║  ███╗███████╗

563

╚════██║██╔══╝     ██║      ██║   ██║██║╚██╗██║██║   ██║╚════██║

564

███████║███████╗   ██║      ██║   ██║██║ ╚████║╚██████╔╝███████║

565

╚══════╝╚══════╝   ╚═╝      ╚═╝   ╚═╝╚═╝  ╚═══╝ ╚═════╝ ╚══════╝

566settingsp

567****************************************************************************************/

568/* Server template */

569.descriptionBox-1EKQKL {

570 background-color: var(--dark-secondary-alt);

571}

572

573.descriptionBox-1EKQKL:hover {

574 background-color: var(--dark-bright);

575 transition: 250ms;

576}

577

578.inputMaxLength-3n06SD .inputDefault-3FGxgL,

579.inputWrapper-1YNMmM .inputDefault-3FGxgL {

580 background-color: var(--dark-bright);

581 border-radius: 10px;

582}

583

584/* Connections */

585.connectionOptionsWrapper-1ipqUo {

586 background-color: var(--dark-bright);

587 border-radius: 10px;

588 margin-top: 10px;

589}

590.connection-107AGH {

591 background: transparent;

592}

593.connectionHeader-2rV1ze {

594 background: var(--dark-secondary);

595 border-radius: 10px;

596}

597

598.connectionHeader-2rV1ze:hover {

599 background: var(--dark-bright);

600 transition: background 0.25s;

601}

602

603/* Server boost modal */

604

605.ctaBar-2UsjF2 {

606 background-color: var(--dark-secondary-alt);

607 border-radius: 20px;

608}

609

610/* nitro boost modal */

611.tierHeader---JJFb {

612 border-radius: 10px;

613}

614

615.theme-dark .perk-2WeBWW {

616 border-radius: 20px;

617 background: var(--dark-bright);

618}

619

620.theme-dark .tierBody-16Chc9 {

621 border-radius: 20px;

622 margin-top: 10px;

623 background: var(--dark-bright);

624}

625

626.theme-dark .tierBody-16Chc9:hover {

627 transform: scale(1.05);

628 margin-top: 15px;

629 transition: 250ms;

630}

631

632.theme-dark .tierHeaderLocked-1s2JJz {

633 border-radius: 20px;

634 background-color: var(--dark-primary);

635 box-shadow: rgb(101, 102, 103) 0px 0px 2px;

636}

637

638.theme-dark .tierHeaderLocked-1s2JJz:hover {

639 background-color: #ff73fa;

640 color: #151414;

641 font-weight: bold;

642 transform: scale(1.02);

643 box-shadow: #ff73fa7a 0px 5px 15px;

644 transition: 250ms;

645}

646

647.theme-dark .tierLock-3CSxSX {

648 color: var(--roundmoled-background);

649}

650

651.theme-dark .perk-2WeBWW:hover {

652 background: var(--dark-primary);

653 border: solid var(--brand-experiment);

654 transition: background, border 250ms;

655}

656

657/* Nitro */

658.detailsBlock-FoDTGA {

659 background-color: var(--dark-bright);

660 border-radius: 20px;

661}

662.banner-3Kac2g {

663 border-radius: 20px;

664}

665

666.theme-dark .lookFilled-1Gx00P.colorPrimary-3b3xI6 {

667 background-color: var(--brand-experiment);

668 border-radius: 12px;

669}

670

671.detailsBlock-FoDTGA:hover {

672 background-color: var(--dark-primary);

673 border: solid var(--brand-experiment);

674 transition: all 250ms;

675}

676

677/* Voice & video */

678.lookOutlined-3sRXeN.colorRed-1TFJan {

679 background-color: #9f1c1c;

680 color: white;

681}

682

683.lookOutlined-3sRXeN.colorRed-1TFJan:hover {

684 box-shadow: rgba(192, 12, 12, 0.3) 0px 5px 15px;

685 transition: 250ms;

686}

687

688.cardPrimary-3qRT__,

689.cardPrimaryEditable-2mz_3i,

690.theme-dark .userSettingsVoice-1_dzjw .previewOverlay-2reuWf {

691 background-color: var(--dark-bright);

692 border-radius: 20px;

693}

694

695/* red button */

696.lookFilled-1Gx00P.colorRed-1TFJan:hover {

697 box-shadow: rgba(192, 12, 12, 0.3) 0px 5px 15px;

698 transition: 250ms;

699}

700

701/* Settings > Appareance preview */

702.preview-rua1rr {

703 background-color: var(--dark-primary);

704}

705

706/* Settings userpopout preview fix */

707

708.profileBannerPreview-3_l0Wd {

709 border: solid var(--popout-activeborders);

710}

711

712/* Discord's changelog modal */

713

714.theme-dark .root-g14mjS,

715.theme-dark .footer-31IekZ {

716 background-color: var(--dark-secondary);

717 border-radius: max(0px, min(16px, ((100vw - 4px) - 100%) * 9999)) / 16px;

718}

719

720/* hypesquad tab settings */

721.membershipDialogHeading-2YNliA,

722.membershipDialogHouseDescription-2uFjjO,

723.membershipDialogHouseName-1yc2Ci,

724.membershipDialogSwitchHouses-2bOt9w,

725.membershipDialogSwitchHousesAction-O0eVhe:hover {

726 filter: invert(100%);

727}

728

729/* settings */

730:root .ebarRegionScroller-FXiQOh {

731 background-color: var(--dark-primary);

732}

733

734.accountProfileCard-lbN7n- {

735 background-color: var(--dark-secondary);

736 border-radius: 20px;

737}

738

739.fieldList-in8WkP,

740.background-3d_SjE {

741 background-color: var(--dark-secondary-alt);

742}

743

744.avatar-3mTjvZ {

745 border-color: var(--dark-secondary);

746 background-color: var(--dark-secondary);

747}

748

749.background-3d_SjE {

750 border: solid var(--popout-activeborders);

751}

752

753.item-2idW98 {

754 background-color: var(--dark-secondary);

755 border-radius: 10px;

756}

757

758.item-2idW98:hover {

759 transform: scale(1.015);

760 transition: 250ms ease-in-out;

761}

762

763.radioIconForeground-2BMavi {

764 color: var(--brand-experiment);

765}

766

767/* Server boost tab settings */

768.guildHeader-3nh5RK,

769.guildSubscriptionSlots-JPXXvN,

770.cardWrapper-CyvwQv {

771 background-color: var(--dark-secondary);

772}

773

774.guild-Hq0WWA {

775 border-radius: 13px;

776}

777

778.card-2gdrYL:hover {

779 background-color: var(--dark-secondary-alt);

780}

781

782/* Server settings */

783/* Overview server settings */

784

785/* needs to be fixed*/

786.marginBottom40-fvAlAV {

787 border-radius: 13px;

788 padding: 15px;

789 background-color: var(--dark-secondary);

790 margin-bottom: 20px !important;

791}

792

793.css-3vaxre-menu {

794 border-radius: 12px;

795 background-color: var(--dark-secondary);

796}

797

798.lighten-1KubYe {

799 opacity: 0.7;

800}

801

802.css-rzbxvl-option:hover {

803 border-radius: 10px;

804 background-color: var(--dark-primary);

805}

806

807.css-gvi9bl-control,

808.css-17e1tep-control {

809 background-color: var(--dark-secondary-alt);

810 border-radius: 10px;

811}

812.css-gvi9bl-control:hover {

813 border-radius: 10px;

814 transform: scale(1.025);

815 background-color: var(--background-tertiary);

816 transition: 0.25s ease;

817}

818

819.theme-dark .lookOutlined-3sRXeN.colorPrimary-3b3xI6 {

820 background-color: var(--brand-experiment);

821 border: none;

822 border-radius: 12px;

823}

824.theme-dark .lookOutlined-3sRXeN.colorPrimary-3b3xI6:hover {

825 box-shadow: rgba(44, 139, 255, 0.3) 0px 5px 15px;

826 transition: 0.3s;

827}

828

829/* Stickers server settings */

830.tierHeaderContent-2SPBAA,

831.theme-dark .tierHeaderUnlocked-1OpOLf,

832.theme-dark .tierHeaderLocked-30MLlO,

833.wrapper-24fR1R {

834 border-radius: 20px;

835 background-color: var(--dark-secondary);

836}

837

838.wrapper-24fR1R:hover {

839 border: solid var(--brand-experiment);

840 transition: 250ms ease-in-out;

841}

842

843.lookFilled-1Gx00P.colorBrand-3pXr91 {

844 border-radius: 12px;

845}

846.lookFilled-1Gx00P.colorBrand-3pXr91:hover {

847 box-shadow: rgba(44, 139, 255, 0.3) 0px 5px 15px;

848}

849

850.theme-dark .tierBody-1d3UiS {

851 border-radius: 20px;

852 margin-top: 10px;

853 background-color: var(--dark-bright);

854}

855

856/* Integrations server settings */

857.theme-dark .card-o7rAq- {

858 border-radius: 20px;

859}

860.theme-dark .card-o7rAq-:hover {

861 background-color: var(--dark-secondary);

862}

863

864/* Roles server settings */

865

866.roleRow-3LoHQ6:hover:not(.roleRowDisableHover-2TXfy-) {

867 border-radius: 12px;

868}

869

870.theme-dark .colorPickerCustom-1swUKF {

871 background-color: var(--dark-primary);

872 width: 100%;

873}

874

875.previewContainer-1xQAsw {

876 border-radius: 12px;

877}

878

879.container-3EtAkD {

880 border-radius: 20px;

881 background-color: var(--dark-secondary-alt);

882 border: solid var(--popout-activeborders);

883}

884

885.container-3EtAkD:hover {

886 background-color: var(--brand-experiment) !important;

887 transition: 0.25s ease;

888}

889

890/****************************************************************************************

891██████╗ █████╗ ███████╗███████╗

892██╔══██╗██╔══██╗██╔════╝██╔════╝

893██████╔╝███████║███████╗█████╗

894██╔══██╗██╔══██║╚════██║██╔══╝

895██████╔╝██║ ██║███████║███████╗

896╚═════╝ ╚═╝ ╚═╝╚══════╝╚══════╝

897basesp

898****************************************************************************************/

899/* Status picker (updated 07/11/21)*/

900

901.layer-2aCOJ3 {

902 border-radius: 20px;

903 margin-bottom: 5px;

904}

905

906.status-3TYC5W {

907 text-align: center;

908 font-size: 15px;

909}

910

911.mask-2Me5HY {

912 transform: scale(1.8) !important;

913}

914

915#status-picker .description-3Cwkxk {

916 display: none;

917}

918

919#status-picker-online:hover,

920#status-picker-online.focused-3qFvc8 {

921 background-color: #1f95ca;

922 border-radius: 10px;

923 transition: 250ms;

924 box-shadow: rgba(44, 164, 255, 0.17) 0px 5px 15px;

925}

926

927#status-picker-dnd:hover,

928#status-picker-dnd.focused-3qFvc8 {

929 background-color: #ca1f27;

930 border-radius: 10px;

931 transition: 250ms;

932 box-shadow: rgba(255, 44, 44, 0.17) 0px 5px 15px;

933}

934

935#status-picker-idle:hover,

936#status-picker-idle.focused-3qFvc8 {

937 background-color: #c1c12e;

938 border-radius: 10px;

939 transition: 250ms;

940 box-shadow: rgba(227, 255, 44, 0.17) 0px 5px 15px;

941}

942

943#status-picker-invisible:hover,

944#status-picker-invisible.focused-3qFvc8 {

945 background-color: #161616;

946 border-radius: 10px;

947 transition: 250ms;

948 box-shadow: rgba(91, 91, 91, 0.17) 0px 5px 15px;

949}

950

951#status-picker-custom-status:hover,

952#status-picker-custom-status.focused-3qFvc8 {

953 background-color: #2247a2;

954 border-radius: 10px;

955 transition: 250ms;

956 box-shadow: rgba(44, 79, 255, 0.17) 0px 5px 15px;

957}

958

959/* Set custom status modal */

960.lookFilled-1GseHa.select-1Ia3hD,

961.popout-1KHNAq {

962 background-color: var(--dark-primary);

963 border-radius: 20px;

964}

965

966.popout-1KHNAq {

967 border-color: transparent;

968}

969

970.option-2eIyOn[aria-selected=";true";] {

971 background-color: var(--dark-secondary-alt);

972 margin-top: 5px;

973 margin-left: 10px;

974 margin-right: 10px;

975 border-radius: 13px;

976}

977

978.button-1zW0-r {

979 background-color: var(--dark-secondary-alt);

980 border-radius: 17px;

981}

982

983.barButtonBase-Sk2mdB {

984 margin-top: 3px;

985}

986

987/* Channel background change */

988.modeSelected-3DmyhH .content-1gYQeQ,

989.modeSelected-3DmyhH:hover .content-1gYQeQ {

990 background: linear-gradient(

991 90deg,

992 rgb(52, 70, 119) 0%,

993 rgba(60, 105, 172, 0.753) 54%,

994 rgba(0, 191, 255, 0.212) 100%

995 );

996 transform: scale(1.02);

997 border-radius: 8px;

998 margin-left: 4px;

999 margin-right: 3px;

1000}

1001

1002.modeSelected-3DmyhH

1003

  [d=";M14 8C14 7.44772 13.5523 7 13 7H9.76001L10.3657 3.58738C10.4201 3.28107 10.1845 3 9.87344 3H8.88907C8.64664 3 8.43914 3.17391 8.39677 3.41262L7.76001 7H4.18011C3.93722 7 3.72946 7.17456 3.68759 7.41381L3.51259 8.41381C3.45905 8.71977 3.69449 9 4.00511 9H7.41001L6.35001 15H2.77011C2.52722 15 2.31946 15.1746 2.27759 15.4138L2.10259 16.4138C2.04905 16.7198 2.28449 17 2.59511 17H6.00001L5.39427 20.4126C5.3399 20.7189 5.57547 21 5.88657 21H6.87094C7.11337 21 7.32088 20.8261 7.36325 20.5874L8.00001 17H14L13.3943 20.4126C13.3399 20.7189 13.5755 21 13.8866 21H14.8709C15.1134 21 15.3209 20.8261 15.3632 20.5874L16 17H19.5799C19.8228 17 20.0306 16.8254 20.0724 16.5862L20.2474 15.5862C20.301 15.2802 20.0655 15 19.7549 15H16.35L16.6758 13.1558C16.7823 12.5529 16.3186 12 15.7063 12C15.2286 12 14.8199 12.3429 14.7368 12.8133L14.3504 15H8.35045L9.41045 9H13C13.5523 9 14 8.55228 14 8Z";],

1004.modeSelected-3DmyhH

1005

  [d=";M5.88657 21C5.57547 21 5.3399 20.7189 5.39427 20.4126L6.00001 17H2.59511C2.28449 17 2.04905 16.7198 2.10259 16.4138L2.27759 15.4138C2.31946 15.1746 2.52722 15 2.77011 15H6.35001L7.41001 9H4.00511C3.69449 9 3.45905 8.71977 3.51259 8.41381L3.68759 7.41381C3.72946 7.17456 3.93722 7 4.18011 7H7.76001L8.39677 3.41262C8.43914 3.17391 8.64664 3 8.88907 3H9.87344C10.1845 3 10.4201 3.28107 10.3657 3.58738L9.76001 7H15.76L16.3968 3.41262C16.4391 3.17391 16.6466 3 16.8891 3H17.8734C18.1845 3 18.4201 3.28107 18.3657 3.58738L17.76 7H21.1649C21.4755 7 21.711 7.28023 21.6574 7.58619L21.4824 8.58619C21.4406 8.82544 21.2328 9 20.9899 9H17.41L16.35 15H19.7549C20.0655 15 20.301 15.2802 20.2474 15.5862L20.0724 16.5862C20.0306 16.8254 19.8228 17 19.5799 17H16L15.3632 20.5874C15.3209 20.8261 15.1134 21 14.8709 21H13.8866C13.5755 21 13.3399 20.7189 13.3943 20.4126L14 17H8.00001L7.36325 20.5874C7.32088 20.8261 7.11337 21 6.87094 21H5.88657ZM9.41045 9L8.35045 15H14.3504L15.4104 9H9.41045Z";] {

1006 fill: rgb(255, 255, 255) !important;

1007}

1008

1009/* Channel list and server banner */

1010.bannerImage-ubW8K,

1011.animatedContainer-2laTjx {

1012 border-radius: 20px;

1013 background-color: rgba(0, 0, 0, 0);

1014}

1015

1016/* Unread pill */

1017.unread-36eUEm {

1018 background-color: var(--brand-experiment);

1019 box-shadow: rgb(44, 139, 255) 0px 5px 15px;

1020 height: 10px;

1021 width: 6px;

1022}

1023

1024/* Context menu */

1025.menu-1QACrS {

1026 border-radius: 13px;

1027 background-color: var(--dark-bright);

1028}

1029

1030/* context menu */

1031#message-actions-edit:hover,

1032#message-actions-edit.focused-3qFvc8,

1033#message-edit:hover,

1034#message-edit.focused-3qFvc8,

1035#message-actions-pin:hover,

1036#message-actions-pin.focused-3qFvc8,

1037#message-pin:hover,

1038#message-pin.focused-3qFvc8,

1039#message-add-reaction:hover,

1040#message-add-reaction.focused-3qFvc8,

1041#user-context-user-profile:hover,

1042#user-context-user-profile.focused-3qFvc8,

1043#user-context-mention:hover,

1044#user-context-mention.focused-3qFvc8,

1045#user-context-message-user:hover,

1046#user-context-message-user.focused-3qFvc8,

1047#user-context-add-friend:hover,

1048#user-context-add-friend.focused-3qFvc8,

1049#channel-context-hide-voice-names:hover,

1050#channel-context-hide-voice-names.focused-3qFvc8,

1051#channel-context-mute-channel:hover,

1052#channel-context-mute-channel.focused-3qFvc8,

1053#message-copy-image:hover,

1054#message-copy-image.focused-3qFvc8,

1055#message-save-image:hover,

1056#message-save-image.focused-3qFvc8 {

1057 background: #5a79df;

1058 border-radius: 7px;

1059 transform: scale(1.02);

1060 margin-right: 2px;

1061 font-size: 15px;

1062 transition: 150ms;

1063}

1064

1065#message-actions-reply:hover,

1066#message-actions-reply.focused-3qFvc8,

1067#message-reply:hover,

1068#message-reply.focused-3qFvc8,

1069#message-actions-mark-unread:hover,

1070#message-actions-mark-unread.focused-3qFvc8,

1071#message-mark-unread:hover,

1072#message-mark-unread.focused-3qFvc8,

1073#user-context-call:hover,

1074#user-context-call.focused-3qFvc8,

1075#user-context-disable-video:hover,

1076#user-context-disable-video.focused-3qFvc8,

1077#channel-context-edit-channel:hover,

1078#channel-context-edit-channel.focused-3qFvc8,

1079#channel-context-clone-channel:hover,

1080#channel-context-clone-channel.focused-3qFvc8,

1081#channel-context-create-voice-channel:hover,

1082#channel-context-create-voice-channel.focused-3qFvc8,

1083#channel-context-create-text-channel:hover,

1084#channel-context-create-text-channel.focused-3qFvc8,

1085#user-context-close-dm:hover,

1086#user-context-close-dm.focused-3qFvc8 {

1087 background: #77ce45;

1088 color: black;

1089 border-radius: 7px;

1090 transform: scale(1.02);

1091 margin-right: 2px;

1092 font-size: 15px;

1093 transition: 150ms;

1094}

1095

1096#message-actions-copy-link:hover,

1097#message-actions-copy-link.focused-3qFvc8,

1098#message-copy-link:hover,

1099#message-copy-link.focused-3qFvc8,

1100#message-actions-tts:hover,

1101#message-actions-tts.focused-3qFvc8,

1102#message-tts:hover,

1103#message-tts.focused-3qFvc8,

1104#user-context-change-nickname:hover,

1105#user-context-change-nickname.focused-3qFvc8 {

1106 background: #27436d;

1107 border-radius: 7px;

1108 transform: scale(1.02);

1109 margin-right: 2px;

1110 font-size: 15px;

1111 transition: 150ms;

1112}

1113

1114#message-actions-copy-id:hover,

1115#message-actions-copy-id.focused-3qFvc8,

1116#message-copy-id:hover,

1117#message-copy-id.focused-3qFvc8,

1118#message-actions-delete:hover,

1119#message-actions-delete.focused-3qFvc8,

1120#message-delete:hover,

1121#message-delete.focused-3qFvc8,

1122#user-context-voice-mute:hover,

1123#user-context-voice-mute.focused-3qFvc8,

1124#user-context-voice-deafen:hover,

1125#user-context-voice-deafen.focused-3qFvc8,

1126#user-context-voice-disconnect:hover,

1127#user-context-voice-disconnect.focused-3qFvc8,

1128#user-context-kick:hover,

1129#user-context-kick.focused-3qFvc8,

1130#user-context-ban:hover,

1131#user-context-ban.focused-3qFvc8,

1132#user-context-block:hover,

1133#user-context-block.focused-3qFvc8,

1134#user-context-remove-friend:hover,

1135#user-context-remove-friend.focused-3qFvc8,

1136#channel-context-delete-channel:hover,

1137#channel-context-delete-channel.focused-3qFvc8,

1138#user-context-mute-channel:hover,

1139#user-context-mute-channel.focused-3qFvc8 {

1140 border-radius: 7px;

1141 transform: scale(1.02);

1142 margin-right: 2px;

1143 font-size: 15px;

1144 background: #c71a1c;

1145 transition: 150ms;

1146}

1147

1148#user-context-invite-to-server:hover,

1149#user-context-invite-to-server.focused-3qFvc8,

1150#channel-context-invite-people:hover,

1151#channel-context-invite-people.focused-3qFvc8 {

1152 background: #5a8fdf;

1153 border-radius: 7px;

1154 color: rgb(19, 19, 19);

1155 transform: scale(1.02);

1156 margin-right: 2px;

1157 font-size: 15px;

1158 transition: 150ms;

1159}

1160

1161#user-context-invite-to-listen:hover,

1162#user-context-invite-to-listen.focused-3qFvc8,

1163#channel-context-invite-to-listen:hover,

1164#channel-context-invite-to-listen.focused-3qFvc8 {

1165 background: #1db954;

1166 border-radius: 7px;

1167 color: rgb(19, 19, 19);

1168 transform: scale(1.02);

1169 margin-right: 2px;

1170 font-size: 15px;

1171 transition: 150ms;

1172}

1173

1174#user-context-roles:hover,

1175#user-context-roles.focused-3qFvc8,

1176#user-context-voice-move:hover,

1177#user-context-voice-move.focused-3qFvc8,

1178#user-context-devmode-copy-id:hover,

1179#user-context-devmode-copy-id.focused-3qFvc8,

1180#channel-context-devmode-copy-id:hover,

1181#channel-context-devmode-copy-id.focused-3qFvc8,

1182#channel-context-channel-notifications:hover,

1183#channel-context-channel-notifications.focused-3qFvc8,

1184#message-devmode-copy-id:hover,

1185#message-devmode-copy-id.focused-3qFvc8,

1186#message-copy-native-link:hover,

1187#message-copy-native-link.focused-3qFvc8,

1188#message-open-native-link:hover,

1189#message-open-native-link.focused-3qFvc8,

1190#user-context-mute:hover,

1191#user-context-mute.focused-3qFvc8,

1192#user-context-deafen:hover,

1193#user-context-deafen.focused-3qFvc8 {

1194 background: #27436d;

1195 border-radius: 7px;

1196 transform: scale(1.02);

1197 margin-right: 2px;

1198 font-size: 15px;

1199 transition: 150ms;

1200}

1201

1202#user-context-note {

1203 display: none;

1204}

1205

1206/* Context menu colored buttons (guild) on hover */

1207#guild-header-popout-invite-people:hover,

1208#guild-header-popout-invite-people.focused-3qFvc8,

1209#guild-context-invite-people:hover,

1210#guild-context-invite-people.focused-3qFvc8 {

1211 background: #b75adf;

1212 border-radius: 7px;

1213 transform: scale(1.02);

1214 margin-right: 2px;

1215 font-size: 15px;

1216 transition: 150ms;

1217}

1218

1219#guild-header-popout-insights:hover,

1220#guild-header-popout-insights.focused-3qFvc8,

1221#guild-header-popout-settings:hover,

1222#guild-header-popout-settings.focused-3qFvc8,

1223#guild-context-guild-settings:hover,

1224#guild-context-guild-settings.focused-3qFvc8 {

1225 background: #42c6ba;

1226 color: black;

1227 border-radius: 7px;

1228 transform: scale(1.02);

1229 margin-right: 2px;

1230 font-size: 15px;

1231 transition: 150ms;

1232}

1233

1234#guild-header-popout-create-channel:hover,

1235#guild-header-popout-create-channel.focused-3qFvc8,

1236#guild-context-create-channel:hover,

1237#guild-context-create-channel.focused-3qFvc8,

1238#guild-header-popout-create-category:hover,

1239#guild-header-popout-create-category.focused-3qFvc8,

1240#guild-context-create-category:hover,

1241#guild-context-create-category.focused-3qFvc8 {

1242 background: #ffe455;

1243 color: black;

1244 border-radius: 7px;

1245 transform: scale(1.02);

1246 margin-right: 2px;

1247 font-size: 15px;

1248 transition: 150ms;

1249}

1250

1251#guild-header-popout-notifications:hover,

1252#guild-header-popout-notifications.focused-3qFvc8,

1253#guild-context-notifications:hover,

1254#guild-context-notifications.focused-3qFvc8,

1255#guild-context-privacy:hover,

1256#guild-context-privacy.focused-3qFvc8,

1257#guild-header-popout-privacy:hover,

1258#guild-header-popout-privacy.focused-3qFvc8,

1259#guild-context-mark-guild-read:hover,

1260#guild-context-mark-guild-read.focused-3qFvc8 {

1261 background: #5a79df;

1262 border-radius: 7px;

1263 transform: scale(1.02);

1264 margin-right: 2px;

1265 font-size: 15px;

1266 transition: 150ms;

1267}

1268

1269#guild-header-popout-hide-muted-channels:hover,

1270#guild-header-popout-hide-muted-channels.focused-3qFvc8,

1271#guild-context-change-nickname:hover,

1272#guild-context-change-nickname.focused-3qFvc8,

1273#guild-header-popout-change-nickname:hover,

1274#guild-header-popout-change-nickname.focused-3qFvc8,

1275#guild-context-hide-muted-channels:hover,

1276#guild-context-hide-muted-channels.focused-3qFvc8,

1277#guild-context-mute-guild:hover,

1278#guild-context-mute-guild.focused-3qFvc8,

1279#guild-context-unmute-guild:hover,

1280#guild-context-unmute-guild.focused-3qFvc8 {

1281 background: var(--roundmoled-background);

1282 border-radius: 7px;

1283 transform: scale(1.02);

1284 margin-right: 2px;

1285 font-size: 15px;

1286 transition: 150ms;

1287}

1288

1289#guild-header-popout-premium-subscribe:hover,

1290#guild-header-popout-premium-subscribe.focused-3qFvc8 {

1291 background-image: linear-gradient(90deg, #f25a5d, #f14e76 77%, #f04a7f);

1292 border-radius: 7px;

1293 transform: scale(1.02);

1294 margin-right: 2px;

1295 font-size: 15px;

1296 transition: 150ms;

1297}

1298

1299#guild-header-popout-leave:hover,

1300#guild-header-popout-leave.focused-3qFvc8,

1301#guild-context-leave-guild:hover,

1302#guild-context-leave-guild.focused-3qFvc8,

1303#guild-context-devmode-copy-id:hover,

1304#guild-context-devmode-copy-id.focused-3qFvc8 {

1305 border-radius: 7px;

1306 transform: scale(1.02);

1307 margin-right: 2px;

1308 font-size: 15px;

1309 background: #c71a1c;

1310 transition: 150ms;

1311}

1312

1313/* Quickswitcher */

1314

1315.quickswitcher-pKcM9U,

1316.scroller-2qwVWY {

1317 background-color: var(--dark-primary);

1318 border-radius: 20px;

1319}

1320

1321.input-3r5zZY {

1322 background-color: var(--dark-secondary);

1323 border-radius: 20px;

1324 bottom: 40px;

1325 box-shadow: rgba(44, 139, 255, 0.21) 0px 5px 15px;

1326 border: solid var(--brand-experiment);

1327}

1328

1329.scroller-2qwVWY {

1330 bottom: 20px;

1331}

1332

1333.resultFocused-3aIoYe {

1334 margin-left: 10px;

1335 margin-right: 10px;

1336 border-radius: 12px;

1337 transform: scale(1.01);

1338 transition: 250ms ease-in-out;

1339}

1340

1341/* make some stuff rounded (chat related)) */

1342.grid-1aWVsE,

1343.embed-hKpSrO,

1344.embedImage-2Ynqkh,

1345.imageWrapper-oMkQl4,

1346.theme-dark .invite-3uuHYQ {

1347 border-radius: 10px;

1348}

1349

1350/* background color*/

1351:root .bg-1QIAus,

1352.base-2jDfDU,

1353.container_c48ade {

1354 background-color: var(--roundmoled-background);

1355}

1356

1357/* Userpopout spotify button*/

1358

1359.theme-dark

1360 .button-TGAkj4.button-f2h6uQ.lookFilled-yCfaCM.colorPrimary-2AuQVo.buttonSize-dIiz43.fullWidth-fJIsjq.grow-2sR_-F {

1361 background-color: #1db954;

1362 border-radius: 10px;

1363 box-shadow: rgba(68, 255, 44, 0.17) 0px 5px 15px;

1364}

1365

1366.theme-dark

1367

  .button-TGAkj4.iconButton-1li_a3.button-f2h6uQ.lookFilled-yCfaCM.colorPrimary-2AuQVo.buttonSize-dIiz43.iconButtonSize-1-pz2t.grow-2sR_-F {

1368 background-color: #1db954;

1369 border-radius: 10px;

1370 box-shadow: rgba(68, 255, 44, 0.17) 0px 5px 15px;

1371}

1372

1373.theme-dark

1374

  .button-TGAkj4.button-f2h6uQ.lookFilled-yCfaCM.colorPrimary-2AuQVo.buttonSize-dIiz43.fullWidth-fJIsjq.grow-2sR_-F:disabled {

1375 background-color: rgb(36, 124, 6);

1376}

1377

1378/* Userpopout notes */

1379

1380.textarea-_59yqs:focus {

1381 background-color: var(--dark-secondary);

1382 border: solid var(--brand-experiment);

1383}

1384

1385/* Big userpopout update*/

1386.connectedAccount-1xKpli {

1387 background-color: var(--dark-bright);

1388 border-radius: 20px;

1389}

1390

1391.connectedAccount-1xKpli:hover {

1392 background-color: var(--dark-primary);

1393 transition: 250ms;

1394}

1395

1396.connectedAccountName-j0meX4:hover {

1397 font-weight: bold;

1398 font-size: 110%;

1399 transition: 0.2s ease;

1400}

1401

1402

[d=";m16 7.6c0 .79-1.28 1.38-1.52 2.09s.44 2 0 2.59-1.84.35-2.46.8-.79 1.84-1.54 2.09-1.67-.8-2.47-.8-1.75 1-2.47.8-.92-1.64-1.54-2.09-2-.18-2.46-.8.23-1.84 0-2.59-1.54-1.3-1.54-2.09 1.28-1.38 1.52-2.09-.44-2 0-2.59 1.85-.35 2.48-.8.78-1.84 1.53-2.12 1.67.83 2.47.83 1.75-1 2.47-.8.91 1.64 1.53 2.09 2 .18 2.46.8-.23 1.84 0 2.59 1.54 1.3 1.54 2.09z";] {

1403 fill: var(--brand-experiment) !important;

1404}

1405

1406.connectedAccountOpenIcon-1yfBsb {

1407 opacity: 0;

1408 background-color: var(--dark-primary);

1409 border: solid var(--popout-activeborders);

1410 border-radius: 20px;

1411 padding: 5px;

1412 color: #000;

1413}

1414.connectedAccount-1xKpli:hover .connectedAccountOpenIcon-1yfBsb {

1415 opacity: 1;

1416 background-color: var(--brand-experiment);

1417 transition: 250ms;

1418}

1419

1420.lookFilled-1Gx00P.colorGreen-29iAKY {

1421 border-radius: 13px;

1422 background-color: var(--brand-experiment);

1423 box-shadow: rgba(44, 139, 255, 0.23) 0px 5px 15px;

1424}

1425

1426.lookFilled-1Gx00P.colorGreen-29iAKY:hover {

1427 background-color: var(--brand-experiment);

1428 box-shadow: rgba(44, 139, 255, 0.47) 0px 5px 15px;

1429 filter: brightness(80%);

1430 transform: scale(1.035);

1431 transition: 250ms ease-in-out;

1432}

1433

1434.note-Go5ZP2 textarea {

1435 background: var(--dark-secondary);

1436 border-radius: 7px;

1437}

1438

1439.labelContainer-2vJzYL {

1440 border-radius: 10px;

1441}

1442

1443.tabBarItem-30Te4- {

1444 background-color: var(--dark-bright);

1445 border-radius: 20px;

1446 padding: 2.5%;

1447 font-weight: bold;

1448 margin-left: auto;

1449 margin-right: auto;

1450 margin-bottom: 15px !important;

1451}

1452

1453.top-K_jibn .selected-g-kMVV.themed-2-lozF.item-3XjbnG,

1454.top-K_jibn .themed-2-lozF.item-3XjbnG:active {

1455 border: solid var(--popout-activeborders);

1456 border-bottom-color: var(--popout-activeborders);

1457 font-size: 110%;

1458 transition: 0.2s;

1459}

1460

1461.top-K_jibn .themed-2-lozF.item-3XjbnG:hover {

1462 border: solid var(--popout-activeborders);

1463 border-bottom-color: var(--popout-activeborders);

1464 background: var(--dark-secondary);

1465 transition: background 250ms;

1466}

1467

1468.customStatusText-_4TbWr {

1469 text-align: center;

1470 background-color: var(--dark-secondary);

1471 margin-right: 20px;

1472 margin-left: 10px;

1473 border-radius: 10px;

1474 padding: 10px;

1475 font-size: 105%;

1476}

1477

1478/* MUTUAL SERVERS & friends */

1479.listScroller-entkMk {

1480 justify-content: space-between;

1481 -ms-flex-wrap: wrap;

1482 flex-wrap: wrap;

1483 margin-top: 10px;

1484 display: flex;

1485 border-bottom-right-radius: 15px;

1486 border-bottom-left-radius: 15px;

1487 background-color: var(--dark-primary);

1488 padding-bottom: 15px;

1489}

1490

1491.listRow-2nO1T6 {

1492 flex-shrink: 1 !important;

1493 flex-grow: 1 !important;

1494 align-items: center !important;

1495 border-radius: 15px !important;

1496 margin-left: 20px !important;

1497 margin-top: 20px !important;

1498 margin-bottom: 5px !important;

1499 margin-right: 5px;

1500 padding: 10px 20px 10px 10px !important;

1501 width: 240px !important;

1502 background-color: var(--dark-secondary-alt);

1503 transition: background-color 250ms ease-in-out !important;

1504}

1505

1506.listAvatar-2bU5Uh,

1507.listRowContent-PEmSWj {

1508 margin-left: 15%;

1509}

1510

1511.listAvatar-2bU5Uh {

1512 transform: scale(1.12);

1513 box-shadow: rgba(0, 0, 0, 0.21) 0px 7px 29px 0px;

1514}

1515

1516.listRow-2nO1T6:hover {

1517 background-color: var(--dark-primary);

1518 box-shadow: rgb(21, 21, 21) 0px 0px 0px 2px;

1519}

1520

1521/* Activity centered fix for biguserpopout*/

1522

1523.body-1Ukv50

1524 .activityProfile-1712BN.userProfileActivity-sal5no.newProfileActivityStyles {

1525 left: 50%;

1526 top: 10%;

1527 width: 100%;

1528 transform: translate(-50%, -10%);

1529}

1530

1531.body-1Ukv50

1532 .button-TGAkj4.button-f2h6uQ.lookFilled-1Gx00P.colorGrey-2DXtkV.buttonSize-dIiz43.fullWidth-1orjjo.grow-q77ONN,

1533.body-1Ukv50

1534 .disabledButtonWrapper-3wH6-b.buttonSize-AQY2mE.grow-q77ONN.fullWidth-1orjjo,

1535.body-1Ukv50 .disabledButtonOverlay-2DA5FI,

1536.body-1Ukv50

1537 .button-TGAkj4.button-f2h6uQ.lookFilled-1Gx00P.colorGrey-2DXtkV.buttonSize-AQY2mE.fullWidth-1orjjo.grow-q77ONN {

1538 left: 0%;

1539 top: 65%;

1540 transform: scale(0.915);

1541}

1542

1543/* guild scroller stuff */

1544:root .guilds-2JjMmN {

1545 margin-right: 10px;

1546 margin-left: 7px;

1547 margin-top: 10px;

1548 margin-bottom: 10px;

1549 border-radius: 18px;

1550}

1551

1552/* Small userpopout change */

1553.headerTop-3GPUSF {

1554 padding-bottom: 10px !important;

1555 padding-top: 55px !important;

1556}

1557

1558.headerTopWithCustomStatus-1aNSNd {

1559 padding-bottom: 12px !important;

1560}

1561

1562.setIdentityLink-hOFsMl {

1563 display: none;

1564}

1565

1566/* Active chat from DMS/Member list border on hover or active */

1567

1568.selected-1-Z6gm .layout-1qmrhw,

1569.clickable-28SzVr:hover .layout-1qmrhw {

1570 border-radius: 12px;

1571}

1572

1573:root .scroller-3X7KbA {

1574 background-color: var(--dark-secondary-alt);

1575}

1576

1577/* chat margins so they don't touch eachother*/

1578:root .chat-2ZfjoI,

1579.sidebar-1tnWFu {

1580 margin-right: 10px;

1581 margin-top: 10px;

1582 margin-bottom: 10px;

1583}

1584

1585/* AMOLED-ify join/create server modal */

1586

1587.theme-light .root-g14mjS {

1588 border-radius: 25px;

1589 background-color: var(--dark-primary);

1590 overflow: hidden;

1591}

1592.base-21yXnu {

1593 color: #fff;

1594}

1595.container-x8Y1ix {

1596 background-color: #18191d;

1597}

1598

1599.container-x8Y1ix:hover {

1600 transform: scale(1.025);

1601 border: solid var(--brand-experiment);

1602 transition: 250ms ease-in-out;

1603}

1604

1605.input-2g-os5 {

1606 color: #dcddde;

1607}

1608

1609.content-2hZxGK .input-2g-os5,

1610.input-m1-Y7Q {

1611 border-radius: 7px;

1612 background-color: var(--roundmoled-background);

1613}

1614

1615.colorHeaderSecondary-g5teka,

1616.colorStandard-21JIj7,

1617.lookBlank-3eh9lL {

1618 color: #b9bbbe;

1619}

1620

1621.theme-light .lookFilled-1Gx00P.colorGrey-2DXtkV {

1622 background-color: var(--brand-experiment);

1623 border-radius: 7px;

1624}

1625

1626.theme-light .lookFilled-1Gx00P.colorGrey-2DXtkV:hover {

1627 transform: scale(1.025);

1628 transition: 250ms ease-in-out;

1629}

1630

1631.theme-light .lookLink-9FtZy-.colorPrimary-3b3xI6 {

1632 width: 20%;

1633 color: #fff;

1634}

1635

1636.theme-light .footer-31IekZ {

1637 background-color: var(--dark-secondary);

1638 box-shadow: none !important;

1639}

1640

1641.sampleLink-5BWNy9 {

1642 color: #e0dede;

1643 font-size: 16px;

1644}

1645

1646.header-1c1AhF,

1647.header-1zd7se {

1648 width: 90%;

1649 height: 5%;

1650 overflow: auto scroll;

1651}

1652

1653.header-1c1AhF::-webkit-scrollbar,

1654.header-1zd7se::-webkit-scrollbar {

1655 display: none;

1656}

1657

1658/* AMOLED-ify download app modal */

1659.mobileContainer-1x7CLQ,

1660.desktopContainer-spQem0 {

1661 background-color: var(--dark-secondary);

1662 border: solid var(--popout-activeborders);

1663}

1664

1665/* AMOLED-ify discover section */

1666.theme-dark .pageWrapper-2PwDoS {

1667 border-radius: 20px;

1668 margin-top: 10px;

1669 margin-bottom: 10px;

1670 margin-right: 10px;

1671 background-color: var(--dark-primary);

1672}

1673

1674/* member list background color*/

1675:root .members-3WRCEx,

1676.members-3WRCEx >; div {

1677 background-color: var(--dark-primary);

1678}

1679

1680/* server channel list */

1681:root .container-1NXEtd,

1682.sidebar-1tnWFu {

1683 background-color: var(--dark-secondary);

1684 border-radius: 10px;

1685}

1686

1687.scroller-1ox3I2 {

1688 border-radius: 10px;

1689}

1690

1691.platform-win .bg__960e4 {

1692 top: 0px;

1693}

1694

1695/* rounded corners in channel list and chat-member list */

1696:root .sidebar-1tnWFu.hasNotice-1s68so,

1697.platform-win .sidebar-1tnWFu.hasNotice-1s68so,

1698.chat-2ZfjoI,

1699.platform-win .sidebar-1tnWFu,

1700.sidebar-1tnWFu {

1701 border-radius: 25px;

1702}

1703

1704

/* Voice chat fullscreen SPECIAL THANKS TO DOGGYBOOTSY FROM POWERCORD DISCORD FOR HELPING ME FIGURE OUT HOW TO CENTER SHIT, THANKS A LOT*/

1705.tile-2TcwiO {

1706 border-radius: 20px;

1707 background-color: var(--dark-primary);

1708}

1709

1710.root-u9h3Ui .directionColumn-3pi1nm {

1711 background-color: var(--dark-secondary);

1712 border-radius: 20px;

1713 padding: 20px;

1714}

1715

1716.overlay-2RIWoZ .overlayTitle-2efoIF {

1717 font-size: 16px;

1718 font-weight: bold;

1719 border-radius: 10px;

1720 background-color: var(--dark-bright);

1721}

1722

1723.button-3Vyz67 {

1724 background: var(--brand-experiment);

1725 border-radius: 20px;

1726}

1727

1728.button-3Vyz67:hover {

1729 background: var(--brand-experiment);

1730 box-shadow: rgba(44, 139, 255, 0.3) 0px 5px 15px;

1731}

1732

1733.background-L8lGH6 {

1734 background-color: var(--dark-primary) !important;

1735}

1736

1737.tile-2TcwiO:hover .background-L8lGH6 {

1738 background-color: var(--dark-secondary-alt) !important;

1739 transition: background 250ms;

1740}

1741

1742.avatarWrapper-24Rbpj {

1743 position: relative;

1744 overflow: hidden;

1745 border-radius: 255px;

1746 border: none;

1747}

1748

1749.border-2BJQjd.speaking-3RWJBr::before {

1750 content: ";";;

1751 position: absolute;

1752 left: 50%;

1753 top: 50%;

1754 transform: translate(-50%, -50%);

1755 width: 80px;

1756 height: 80px;

1757 background: transparent;

1758 border: solid var(--brand-experiment);

1759 box-shadow: rgba(44, 139, 255, 0.6) 0px 5px 15px;

1760 border-radius: 250px;

1761}

1762

1763.tile-2TcwiO:hover .border-2Vy6FN {

1764 border-radius: 20px;

1765 border: solid var(--roundmoled-background);

1766}

1767

1768.border-2BJQjd.speaking-3RWJBr {

1769 box-shadow: none;

1770}

1771

1772/* member list color fix */

1773.container-2o3qEW {

1774 background-color: var(--dark-primary);

1775}

1776

1777/****************************************************************************************

1778███╗ ███╗██╗███████╗ ██████╗

1779████╗ ████║██║██╔════╝██╔════╝

1780██╔████╔██║██║███████╗██║

1781██║╚██╔╝██║██║╚════██║██║

1782██║ ╚═╝ ██║██║███████║╚██████╗

1783╚═╝ ╚═╝╚═╝╚══════╝ ╚═════╝

1784miscsp

1785****************************************************************************************/

1786/* Loading glow effect */

1787.content-3AIQZv {

1788 position: relative;

1789 overflow: hidden;

1790 border-radius: 8px;

1791 border: none;

1792 transform: scale(1);

1793 background: rgba(0, 0, 0, 0.85);

1794 transition: 250ms;

1795}

1796.content-3AIQZv::before {

1797 content: ";";;

1798 position: absolute;

1799 top: 38%;

1800 left: 50%;

1801 transform: translate(-50%, -50%);

1802 width: 15%;

1803 height: 15%;

1804 box-shadow: rgba(255, 255, 255, 0.49) 0px 19px 98px,

1805 rgba(84, 161, 192, 0.2) 0px 15px 62px;

1806}

1807

1808/* Stream buttons in channel list*/

1809.button-1EGGcP.buttonColor-3bP3fX:hover,

1810.button-1EGGcP .buttonColor-3bP3fX:hover {

1811 background-color: var(--brand-experiment);

1812}

1813

1814/* Goosemod store tweak */

1815.gm-store-card {

1816 background-color: var(--dark-bright) !important;

1817 border-radius: 15px !important;

1818}

1819

1820.gm-store-card:hover {

1821 background-color: var(--dark-primary);

1822 border: solid var(--brand-experiment);

1823 transition: all 250ms;

1824}

1825

1826.gm-store-card >; :nth-child(1) {

1827 border-radius: 15px 15px 0 0 !important;

1828}

1829

1830.container-2oNtJn {

1831 border-radius: 10px !important;

1832 background-color: var(--dark-bright) !important;

1833}

1834

1835/* goosemod spotify tweak */

1836.gm-spotify-controls-album-image img {

1837 transform: scale(0.8);

1838 border-radius: 25px;

1839}

1840

1841button.gm-spotify-controls-button {

1842 display: none;

1843}

1844

1845.gm-spotify-controls-info-box {

1846 max-width: calc(100% - 4.7em);

1847}

1848.gm-spotify-controls-player:hover .gm-spotify-controls-info-box {

1849 max-width: calc(100% - 7.5em);

1850 transition: 250ms;

1851}

1852

1853.gm-spotify-controls-player:hover button.gm-spotify-controls-button {

1854 display: inline;

1855}

1856

1857.gm-spotify-controls-playback-bar {

1858 background-image: linear-gradient(rgba(30, 215, 96), rgba(30, 215, 96)),

1859 linear-gradient(var(--background-primary), var(--background-primary));

1860}

1861

1862/* BetterDiscord cards change */

1863

1864.bd-addon-list .bd-addon-card {

1865 border-radius: 20px;

1866 background-color: var(--dark-bright);

1867}

1868

1869.bd-addon-list .bd-addon-card:hover {

1870 background-color: var(--dark-secondary);

1871 transition: 250ms;

1872}

1873

1874.bd-addon-list .bd-addon-header {

1875 background-color: var(--dark-secondary);

1876}

1877

1878.bd-search-wrapper {

1879 border-radius: 7px;

1880 background-color: var(--roundmoled-background);

1881}

1882

1883.bd-select .bd-select-options {

1884 border-radius: 12px;

1885 background-color: var(--dark-bright);

1886}

1887

1888/* Spotify betterdiscord */

1889

1890.barText-lmqc5O {

1891 display: none;

1892}

1893

1894.container-6sXIoE:hover .barText-lmqc5O {

1895 display: flex;

1896}

1897

1898/* Avatar zoom on hover Special thanks to Nao Tomori#1166 from PC discord*/

1899.avatar-2e8lTP:hover {

1900 transform: scale(1.6);

1901 border-radius: 5px !important;

1902 background-color: var(--roundmoled-background) !important;

1903 border: solid;

1904 border-color: var(--roundmoled-background) !important;

1905 border-width: 0.04cm;

1906}

1907.avatar-2e8lTP {

1908 transition: 250ms;

1909}

1910.avatarHintInner-2HUAWj {

1911 opacity: 0;

1912}

1913

1914.avatar-2e8lTP:hover .avatarHint-k7pYop >; foreignObject {

1915 mask: none !important;

1916}

1917

1918.avatar-2e8lTP:hover .mask-1FEkla >; foreignObject {

1919 mask: none !important;

1920 border-radius: 5px;

1921}

1922

1923/* Locked channel badge */

1924

[d=";M21.025 5V4C21.025 2.88 20.05 2 19 2C17.95 2 17 2.88 17 4V5C16.4477 5 16 5.44772 16 6V9C16 9.55228 16.4477 10 17 10H19H21C21.5523 10 22 9.55228 22 9V5.975C22 5.43652 21.5635 5 21.025 5ZM20 5H18V4C18 3.42857 18.4667 3 19 3C19.5333 3 20 3.42857 20 4V5Z";] {

1925 fill: #faa81a;

1926}

1927

1928/* Misc loading popout */

1929.loadingPopout-1feYe_ {

1930 border-radius: 20px;

1931 background-color: var(--dark-bright);

1932}

1933

1934/* hide role circle unless hover on role */

1935.roleCircle-1EgnFN {

1936 width: 0px;

1937 transition: 0.2s ease;

1938}

1939

1940.role-2TIOKu:hover >; .roleCircle-1EgnFN {

1941 width: 12px;

1942}

1943/* Better roles by Bowser65#1337*/

1944

1945.role-2TIOKu {

1946 position: relative;

1947 overflow: hidden;

1948 border-radius: 8px;

1949 border: none;

1950 padding: 5px;

1951 color: #fff;

1952 font-size: 12.7px;

1953}

1954

1955.roleCircle-1EgnFN::before {

1956 content: ";";;

1957 position: absolute;

1958 top: 0;

1959 left: 0;

1960 width: 100%;

1961 height: 100%;

1962 background: inherit;

1963 opacity: 0.38;

1964

1965 pointer-events: none;

1966}

1967

1968.footer-1fjuF6 {

1969 border-top: none;

1970}

1971

1972/* Misc view role as server bar */

1973

1974.notice-2olXi7 {

1975 margin-top: 10px;

1976 margin-right: 10px;

1977 border-radius: 20px;

1978}

1979

1980/* user popout and emoji details on click borders*/

1981.userPopout-2j1gM4 {

1982 border: solid var(--popout-activeborders);

1983 border-radius: 20px;

1984}

1985

1986/* Server boost modal */

1987.theme-dark .perksModal-fSYqOq {

1988 background-color: var(--dark-primary);

1989}

1990

1991.toolbar-3_r2xA a {

1992 display: none;

1993}

1994

1995::selection {

1996 background-color: rgb(70, 124, 146) !important;

1997}

1998

1999.wrapper-2vIMkT {

2000 background-color: var(--dark-secondary-alt);

2001 border: solid var(--popout-activeborders);

2002 border-radius: 8px;

2003}

2004

2005/* chat textarea bg */

2006

2007.scrollableContainer-15eg7h {

2008 border-radius: 20px;

2009 background-color: var(--channeltextarea-background);

2010 border: solid var(--popout-activeborders);

2011}

2012

2013.channelTextArea-1FufC0 {

2014 background-color: transparent;

2015}

2016

2017.replyBar-1oi75v,

2018.threadSuggestionBar-3ExSyc,

2019.attachedBars-2BCP3l {

2020 background-color: var(--dark-primary);

2021 border-radius: 25px;

2022 margin-bottom: 3px;

2023}

2024

2025.emojiItemDisabled-1FvFuF {

2026 -webkit-filter: grayscale(0%);

2027 filter: grayscale(0%);

2028}

2029

2030.footer_f8ec41 {

2031 background-color: var(--dark-secondary);

2032}

2033

2034.circleIconButton_db6521 {

2035 background-color: var(--background-secondary);

2036}

2037

2038/****************************************************************************************

2039

2040

██████╗ ██╗███████╗ ██████╗ ██████╗ ██████╗ ██████╗     ██╗   ██╗ █████╗ ██████╗ ███████╗

2041

██╔══██╗██║██╔════╝██╔════╝██╔═══██╗██╔══██╗██╔══██╗    ██║   ██║██╔══██╗██╔══██╗██╔════╝

2042

██║  ██║██║███████╗██║     ██║   ██║██████╔╝██║  ██║    ██║   ██║███████║██████╔╝███████╗

2043

██║  ██║██║╚════██║██║     ██║   ██║██╔══██╗██║  ██║    ╚██╗ ██╔╝██╔══██║██╔══██╗╚════██║

2044

██████╔╝██║███████║╚██████╗╚██████╔╝██║  ██║██████╔╝     ╚████╔╝ ██║  ██║██║  ██║███████║

2045

╚═════╝ ╚═╝╚══════╝ ╚═════╝ ╚═════╝ ╚═╝  ╚═╝╚═════╝       ╚═══╝  ╚═╝  ╚═╝╚═╝  ╚═╝╚══════╝

2046dcvarsp

2047

2048****************************************************************************************/

2049

2050

/*                                Optional stuff ( delete the /⃰ ⃰/ on top and below the import to enable them)                     */

2051

2052/* blur background on some modals focus */

2053.backdrop-29yll0,

2054.layer-2KE1M9 {

2055 backdrop-filter: blur(5px);

2056}

2057

2058.content-yjf30S {

2059 background-color: var(--dark-secondary-alt);

2060}

2061

2062.theme-dark .container_ee69e0 {

2063 background-color: var(--dark-secondary);

2064}

2065

/**
* @name RoundmoledV2
* @author theoewzzer (Original Author: Malasangre#4444)
* @description Simple amoled black + rounded corners theme - Updated version
* @source https://github.com/TheoEwzZer/RoundmoledV2
* @updateUrl https://raw.githubusercontent.com/TheoEwzZer/RoundmoledV2/main/roundmoledV2.theme.css
* @authorId 384009727253807105
* @version 1.3.1
*/

/*  imports */
@import url("https://tiredmala.github.io/animcord/animcordmain.css");
@import url("https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/SettingsIcons.css");
@import url("https://nyri4.github.io/Discolored/main.css");
@import url("https://mwittrien.github.io/BetterDiscordAddons/Themes/EmojiReplace/base/Apple.css");

:root {
  --dark-primary: #000000;
  --dark-secondary: #050505;
  --dark-secondary-alt: #080808;
  --dark-bright: #0b0b0b;
  --roundmoled-background: #142339;
  --popout-activeborders: #1f1f1f;
  --background-tertiary: #2a2b2f;
  --background-secondary: #18191d; /* guild folder border background */
  --background-secondary-alt: var(
    --dark-primary
  ); /* change it and see for yourself */
  --background-primary: var(
    --dark-primary
  ); /* primary background color, full amoled black  */
  --channeltextarea-background: #070b10; /* color of your chat bar */
  --background-accent: var(
    --brand-experiment
  ); /* discords accent color (default) */
  --background-message-hover: transparent;
  --background-modifier-hover: #36559138;
  --background-modifier-active: #36559138;
  --background-modifier-selected: #406abb38;
  --background-floating: var(--dark-primary); /* userpopout background */
  --scrollbar-auto-track: #0d0d0d;
  --scrollbar-thin-thumb: var(--brand-experiment);
  --autocomplete-bg: #000000;
}

.theme-dark .container__2637a,
.members_c8ffbb,
.member_c8ffbb,
.container_c8ffbb {
  background-color: var(--dark-primary);
}

.footer__214dc {
  background-color: var(--dark-primary);
}

.platform-osx .scroller_ef3116,
.platform-win .scroller_ef3116 {
  padding-top: 12px;
}

.theme-dark .themed_fc4f04 {
  background-color: var(--dark-primary);
}

.searchBar__35e86 .searchBarComponent_f0963d {
  border-radius: 10px;
}

.container_cbd271 {
  background-color: var(--dark-primary);
}

.container_bf550a,
.sidebarRegionScroller_c25c6d {
  background-color: var(--dark-primary);
}

.itemCard_f02fcf {
  background-color: var(--dark-secondary-alt);
}

.wrapper_ef3116 {
  background-color: var(--dark-secondary-alt);
  border-radius: 20px;
  margin-right: 16px;
}

.theme-dark .themed_e44302,
.container_fd6364,
.member_a31c43,
.member_cbd271,
.members_cbd271 {
  background-color: var(--dark-primary);
}

.sidebar_c48ade,
.platform-win .sidebar_c48ade,
.layers_a01fb1,
.applicationStore_cecc86 {
  border-radius: 20px;
}

.sidebar_c48ade {
  margin-right: 16px;
  background-color: var(--dark-secondary-alt);
}

.shop_e77fa3 {
  border-radius: 20px;
  background-color: var(--dark-primary);
}

.theme-dark .themed__9293f {
  background-color: var(--dark-primary);
}

.shopScroll_e77fa3 {
  border-radius: 20px;
  background-color: var(--dark-primary);
}

.container_a4d4d9 {
  background-color: var(--roundmoled-background);
}

.appMount__51fd7,
.bg_d4b6c5 {
  background-color: var(--roundmoled-background);
}

.content_a4d4d9 > *:not([hidden]) {
  margin-left: 15px;
  gap: 0px;
}

.container__133bf {
  border-radius: 20px;
}

.chat_f75fb0 {
  border-radius: 20px;
}

.appAsidePanelWrapper_a3002d {
  margin-top: 10px;
  margin-bottom: 15px;
  margin-left: 15px;
  margin-right: 15px;
}

.searchBar__35e86 {
  background-color: var(--dark-primary);
}

.theme-dark .scroller__99e7c {
  background-color: var(--dark-secondary-alt);
}

.themedBackground_d0696b {
  border-radius: 20px;
  background-color: var(--channeltextarea-background);
  border: solid var(--popout-activeborders);
}

/****************************************************************************************
 ██████╗██╗  ██╗ █████╗ ████████╗
██╔════╝██║  ██║██╔══██╗╚══██╔══╝
██║     ███████║███████║   ██║   
██║     ██╔══██║██╔══██║   ██║   
╚██████╗██║  ██║██║  ██║   ██║   
 ╚═════╝╚═╝  ╚═╝╚═╝  ╚═╝   ╚═╝
 chatsp
*****************************************************************************************/
/* Pin message */
.message-G6O-Wv {
  background-color: var(--dark-secondary-alt) !important;
  border-radius: 20px;
  border: solid var(--popout-activeborders);
}

/* thread popout on channel name hover */
.popout-TdhJ6Z {
  background-color: var(--dark-bright);
  border-radius: 12px;
  border: solid var(--popout-activeborders);
}
/* invite to channel */
.lookOutlined-3sRXeN.colorGreen-29iAKY {
  background-color: var(--brand-experiment);
  border-radius: 13px;
  color: rgb(14, 14, 14);
  font-weight: bold;
  border: none;
}

.sidebarRegionScroller-FXiQOh.thin-31rlnD.scrollerBase-_bVAAt.fade-1R6FHN {
  background-color: var(--dark-primary);
}

.theme-dark.container-ZMc96U.themed-Hp1KC_ {
  background-color: var(--dark-primary);
}

.modal-atz_3z {
  width: 140%;
  height: 150%;
}

.inviteRow-3vmB7i:hover {
  border-radius: 20px;

  margin-right: 6px;
  transform: scale(1.03);
  transition: transform 250ms;
}

/* @everyone and @here warning */
.theme-dark .contentWarningPopout-WKdbDG {
  background-color: var(--dark-primary);
  border-radius: 20px;
  border: solid var(--popout-activeborders);
}

/* nsfw chat warning buttons */

.actionRed-gYn8D3 {
  border-radius: 10px;
}

.actionRed-gYn8D3:hover {
  box-shadow: rgba(255, 44, 44, 0.3) 0px 5px 15px;
  transition: 250ms;
}

/* Mentions in chat*/
.wrapper-1ZcZW- {
  border-radius: 25px;
  padding: 0px 5px 0px 5px;
}

/* View code files / chat */
.textContainer-36wgKK,
.footer-GXWBBp,
.modalTextContainer-1FUO2W {
  border-radius: 10px;
  background-color: var(--dark-bright);
}

.footer-GXWBBp {
  margin-top: 5px;
}

/* Bold urls on hover */
.markup-eYLPri a:hover {
  font-weight: bold;
  transition: 250ms;
}

/* Attachments in chat */

.attachment-1PZZB2,
.theme-dark .wrapperAudio-1Bzv_Z {
  border-radius: 20px;
  background-color: var(--dark-bright);
  width: 150%;
}
.attachment-1PZZB2:hover,
.theme-dark .wrapperAudio-1Bzv_Z:hover {
  background-color: var(--dark-secondary);
  transition: 250ms;
}

.audioControls-3fmemK {
  border-radius: 25px;
}

.filenameLinkWrapper-3Rc6sk,
.metadata-1E7Z4i,
.metadataName-1KMZtB {
  font-size: 18px;
  text-align: center;
}

.filenameLinkWrapper-3Rc6sk:hover {
  font-weight: bold;
  transition: font-weight 250ms;
}

/* chat embeds */

.embedFull-1HGV2S {
  background-color: var(--dark-secondary-alt);
  border-left: 4px solid var(--brand-experiment);
}

.embedFooterText-2Mc7H9 {
  font-size: 0.85rem;
  line-height: 1rem;
  font-weight: 500;
}

.embedThumbnail-2nTasl {
  border-radius: 13px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px, rgb(51, 51, 51) 0px 0px 0px 3px;
}

/* Emoji picker big and small */

.contentWrapper-3vHNP2 {
  background-color: var(--dark-secondary);
  border-radius: 20px;
  border: solid var(--popout-activeborders);
}

.unicodeShortcut-3N8oDe,
.wrapper-1NNaWG,
.input-2FSSDe,
.emojiPicker-6YCk8a {
  background-color: var(--dark-secondary);
}

.list-obNEuP {
  background-color: var(--dark-secondary);
  border: solid var(--dark-primary);
}

/* Send image modal chat */

.theme-dark .uploadModal-2ie9O_,
.theme-dark .footer-VCsJQY {
  background-color: var(--dark-primary);
}

.uploadModal-2ie9O_ .inner-rBP-MS .file-163EuR .icon-HW4tZ-.image-2ssF8k {
  width: 40% !important;
  height: 40% !important;
  margin-left: 150px !important;
  border: solid var(--popout-activeborders);
}

/* more upload modal things */
.uploadModal-2ie9O_,
.uploadModal-2ie9O_ .footer-VCsJQY {
  border-radius: 20px;
}

.theme-dark .footer-VCsJQY {
  box-shadow: none;
}
.uploadModal-2ie9O_
  .inner-rBP-MS
  .file-163EuR.expandable-2-lrzP
  .description-2AJi-V {
  position: relative;
  margin-left: 50%;
  transform: translate(-50%);
}

.theme-dark .checkbox-f1HnKB {
  background-color: #1a1a1a;
  border-radius: 25px;
}

.uploadModal-2ie9O_ .footer-VCsJQY.hasSpoilers-33hwf_ .checkboxWrapper-2fDzaA {
  background-color: var(--dark-bright);
  margin-right: 140px;
  padding: 7px;
  border-radius: 25px;
}

.uploadModal-2ie9O_
  .footer-VCsJQY.hasSpoilers-33hwf_
  .checkboxWrapper-2fDzaA:hover {
  background-color: var(--dark-secondary);
  transition: 250ms ease-in-out;
}

.theme-dark .lookLink-9FtZy-.colorPrimary-3b3xI6 {
  background-color: #af2626;
  margin-right: 10px;
  border-radius: 20px;
}
.theme-dark .lookLink-9FtZy-.colorPrimary-3b3xI6:hover {
  box-shadow: rgba(255, 44, 44, 0.3) 0px 5px 15px;
  transition: box-shadow 250ms;
}

/* Code blocks in chat */
.markup-eYLPri code {
  border-radius: 10px;
  background-color: var(--dark-secondary-alt);
}

/* You're viewing older messages */
.jumpToPresentBar-1cEnH0 {
  background-color: var(--brand-experiment);
  border-radius: 25px;
  margin-bottom: 10px;
}

/* Inbox */

.container-2ebMPP,
.channelHeader-DFRX8q {
  border-radius: 20px;
  background-color: var(--dark-secondary);
}

.container-2ebMPP,
.tutorial-Nb3Zz5 {
  border: solid var(--popout-activeborders);
}

.tutorial-Nb3Zz5,
.header-1w9Q93 {
  background-color: var(--dark-primary);
}

.messageContainer-3VTXBC {
  margin-top: 5px;
}

/* Pins */

.messagesPopoutWrap-3zryHW {
  background-color: var(--dark-secondary-alt);
  border-radius: 20px;
  border: solid var(--popout-activeborders);
}

/* invites in chat */
.wrapper-1HIH0j {
  background-color: var(--dark-secondary-alt);
  border: solid var(--popout-activeborders);
  border-radius: 20px;
}

/* amoledify message search popout */
.theme-dark .container-2McqkF {
  border-radius: 20px;
  background-color: var(--dark-primary);
  border: solid var(--popout-activeborders);
}

.searchHeader-1r_ZSh {
  background-color: var(--dark-secondary-alt);
}

.theme-dark .option-2KkUJO:after {
  background: linear-gradient(90deg, rgba(21, 21, 21, 0), #000 80%);
}

.searchResultsWrap-5RVOkx {
  border-radius: 20px;
  background-color: var(--dark-primary);
  margin-right: 10px;
  margin-left: 10px;
}

.channelName-3w2Y3c {
  background: var(--dark-secondary);
  border-radius: 7px;
}

/* Chat @ and emoji autocomplete */
.theme-dark .autocomplete-3NRXG8 {
  background-color: var(--dark-secondary);
  border-radius: 20px;
  border: solid var(--popout-activeborders);
}

.theme-dark .selected-3H3-RC {
  background-color: var(--background-secondary-alt);
  transform: scale(1.015);
  transition: 250ms ease-in-out;
}

/*  follow this channel modal */
.wrapper-2SplAX {
  background-color: var(--dark-secondary-alt);
  border: solid var(--popout-activeborders);
}

.theme-dark .lookFilled-1Gx00P.colorPrimary-3b3xI6:hover {
  background-color: var(--brand-experiment);
  box-shadow: rgba(44, 139, 255, 0.3) 0px 5px 15px;
  transition: 250ms;
}

.clickable-vvKY2q .header-3OsQeK:hover,
.selecetd-1GtAC5 .header-3OsQeK {
  background-color: #0f10106b;
}

/****************************************************************************************
██╗  ██╗ ██████╗ ███╗   ███╗███████╗
██║  ██║██╔═══██╗████╗ ████║██╔════╝
███████║██║   ██║██╔████╔██║█████╗  
██╔══██║██║   ██║██║╚██╔╝██║██╔══╝  
██║  ██║╚██████╔╝██║ ╚═╝ ██║███████╗
homesp
****************************************************************************************/
/* home page and DMs stuff */

.theme-dark .container-2cd8Mz {
  border-radius: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
}

/* Home colors */
.topPill-3DJJNV .themed-2-lozF.selected-g-kMVV.item-3XjbnG,
.topPill-3DJJNV .themed-2-lozF.selected-g-kMVV.item-3XjbnG:hover {
  background-color: var(--brand-experiment);
}

:root .peopleColumn-1wMU14,
.privateChannels-oVe7HL,
.scroller-1JbKMe,
.scroller-WSmht3 {
  background-color: var(--dark-primary);
}

:root .searchBar-3TnChZ .searchBarComponent-3N7dCG {
  margin-top: 5px;
  border-radius: 25px;
  background-color: var(--dark-secondary-alt);
}

:root .theme-dark .container-2cd8Mz,
.container-1a3EgQ,
.applicationStore-1pNvnv {
  border-radius: 20px;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* friends now playing home */

.wrapper-2RrXDg,
.theme-dark .separator-XqIyoz,
.theme-dark .inset-3sAvek {
  background-color: var(--dark-secondary-alt);
}

.section-2gLsgF {
  border-radius: 13px;
}

.wrapper-2RrXDg:hover,
.peopleListItem-u6dGxF:hover {
  transform: scale(1.025);
  transition: 250ms ease-in-out;
}

/****************************************************************************************
███████╗███████╗████████╗████████╗██╗███╗   ██╗ ██████╗ ███████╗
██╔════╝██╔════╝╚══██╔══╝╚══██╔══╝██║████╗  ██║██╔════╝ ██╔════╝
███████╗█████╗     ██║      ██║   ██║██╔██╗ ██║██║  ███╗███████╗
╚════██║██╔══╝     ██║      ██║   ██║██║╚██╗██║██║   ██║╚════██║
███████║███████╗   ██║      ██║   ██║██║ ╚████║╚██████╔╝███████║
╚══════╝╚══════╝   ╚═╝      ╚═╝   ╚═╝╚═╝  ╚═══╝ ╚═════╝ ╚══════╝
settingsp
****************************************************************************************/
/* Server template */
.descriptionBox-1EKQKL {
  background-color: var(--dark-secondary-alt);
}

.descriptionBox-1EKQKL:hover {
  background-color: var(--dark-bright);
  transition: 250ms;
}

.inputMaxLength-3n06SD .inputDefault-3FGxgL,
.inputWrapper-1YNMmM .inputDefault-3FGxgL {
  background-color: var(--dark-bright);
  border-radius: 10px;
}

/* Connections */
.connectionOptionsWrapper-1ipqUo {
  background-color: var(--dark-bright);
  border-radius: 10px;
  margin-top: 10px;
}
.connection-107AGH {
  background: transparent;
}
.connectionHeader-2rV1ze {
  background: var(--dark-secondary);
  border-radius: 10px;
}

.connectionHeader-2rV1ze:hover {
  background: var(--dark-bright);
  transition: background 0.25s;
}

/* Server boost modal */

.ctaBar-2UsjF2 {
  background-color: var(--dark-secondary-alt);
  border-radius: 20px;
}

/* nitro boost modal */
.tierHeader---JJFb {
  border-radius: 10px;
}

.theme-dark .perk-2WeBWW {
  border-radius: 20px;
  background: var(--dark-bright);
}

.theme-dark .tierBody-16Chc9 {
  border-radius: 20px;
  margin-top: 10px;
  background: var(--dark-bright);
}

.theme-dark .tierBody-16Chc9:hover {
  transform: scale(1.05);
  margin-top: 15px;
  transition: 250ms;
}

.theme-dark .tierHeaderLocked-1s2JJz {
  border-radius: 20px;
  background-color: var(--dark-primary);
  box-shadow: rgb(101, 102, 103) 0px 0px 2px;
}

.theme-dark .tierHeaderLocked-1s2JJz:hover {
  background-color: #ff73fa;
  color: #151414;
  font-weight: bold;
  transform: scale(1.02);
  box-shadow: #ff73fa7a 0px 5px 15px;
  transition: 250ms;
}

.theme-dark .tierLock-3CSxSX {
  color: var(--roundmoled-background);
}

.theme-dark .perk-2WeBWW:hover {
  background: var(--dark-primary);
  border: solid var(--brand-experiment);
  transition: background, border 250ms;
}

/* Nitro */
.detailsBlock-FoDTGA {
  background-color: var(--dark-bright);
  border-radius: 20px;
}
.banner-3Kac2g {
  border-radius: 20px;
}

.theme-dark .lookFilled-1Gx00P.colorPrimary-3b3xI6 {
  background-color: var(--brand-experiment);
  border-radius: 12px;
}

.detailsBlock-FoDTGA:hover {
  background-color: var(--dark-primary);
  border: solid var(--brand-experiment);
  transition: all 250ms;
}

/* Voice & video */
.lookOutlined-3sRXeN.colorRed-1TFJan {
  background-color: #9f1c1c;
  color: white;
}

.lookOutlined-3sRXeN.colorRed-1TFJan:hover {
  box-shadow: rgba(192, 12, 12, 0.3) 0px 5px 15px;
  transition: 250ms;
}

.cardPrimary-3qRT__,
.cardPrimaryEditable-2mz_3i,
.theme-dark .userSettingsVoice-1_dzjw .previewOverlay-2reuWf {
  background-color: var(--dark-bright);
  border-radius: 20px;
}

/* red button */
.lookFilled-1Gx00P.colorRed-1TFJan:hover {
  box-shadow: rgba(192, 12, 12, 0.3) 0px 5px 15px;
  transition: 250ms;
}

/* Settings > Appareance preview */
.preview-rua1rr {
  background-color: var(--dark-primary);
}

/* Settings userpopout preview fix */

.profileBannerPreview-3_l0Wd {
  border: solid var(--popout-activeborders);
}

/* Discord's changelog modal */

.theme-dark .root-g14mjS,
.theme-dark .footer-31IekZ {
  background-color: var(--dark-secondary);
  border-radius: max(0px, min(16px, ((100vw - 4px) - 100%) * 9999)) / 16px;
}

/* hypesquad tab settings */
.membershipDialogHeading-2YNliA,
.membershipDialogHouseDescription-2uFjjO,
.membershipDialogHouseName-1yc2Ci,
.membershipDialogSwitchHouses-2bOt9w,
.membershipDialogSwitchHousesAction-O0eVhe:hover {
  filter: invert(100%);
}

/* settings */
:root .ebarRegionScroller-FXiQOh {
  background-color: var(--dark-primary);
}

.accountProfileCard-lbN7n- {
  background-color: var(--dark-secondary);
  border-radius: 20px;
}

.fieldList-in8WkP,
.background-3d_SjE {
  background-color: var(--dark-secondary-alt);
}

.avatar-3mTjvZ {
  border-color: var(--dark-secondary);
  background-color: var(--dark-secondary);
}

.background-3d_SjE {
  border: solid var(--popout-activeborders);
}

.item-2idW98 {
  background-color: var(--dark-secondary);
  border-radius: 10px;
}

.item-2idW98:hover {
  transform: scale(1.015);
  transition: 250ms ease-in-out;
}

.radioIconForeground-2BMavi {
  color: var(--brand-experiment);
}

/* Server boost tab settings */
.guildHeader-3nh5RK,
.guildSubscriptionSlots-JPXXvN,
.cardWrapper-CyvwQv {
  background-color: var(--dark-secondary);
}

.guild-Hq0WWA {
  border-radius: 13px;
}

.card-2gdrYL:hover {
  background-color: var(--dark-secondary-alt);
}

/* Server settings */
/* Overview server settings */

/* needs to be fixed*/
.marginBottom40-fvAlAV {
  border-radius: 13px;
  padding: 15px;
  background-color: var(--dark-secondary);
  margin-bottom: 20px !important;
}

.css-3vaxre-menu {
  border-radius: 12px;
  background-color: var(--dark-secondary);
}

.lighten-1KubYe {
  opacity: 0.7;
}

.css-rzbxvl-option:hover {
  border-radius: 10px;
  background-color: var(--dark-primary);
}

.css-gvi9bl-control,
.css-17e1tep-control {
  background-color: var(--dark-secondary-alt);
  border-radius: 10px;
}
.css-gvi9bl-control:hover {
  border-radius: 10px;
  transform: scale(1.025);
  background-color: var(--background-tertiary);
  transition: 0.25s ease;
}

.theme-dark .lookOutlined-3sRXeN.colorPrimary-3b3xI6 {
  background-color: var(--brand-experiment);
  border: none;
  border-radius: 12px;
}
.theme-dark .lookOutlined-3sRXeN.colorPrimary-3b3xI6:hover {
  box-shadow: rgba(44, 139, 255, 0.3) 0px 5px 15px;
  transition: 0.3s;
}

/* Stickers server settings */
.tierHeaderContent-2SPBAA,
.theme-dark .tierHeaderUnlocked-1OpOLf,
.theme-dark .tierHeaderLocked-30MLlO,
.wrapper-24fR1R {
  border-radius: 20px;
  background-color: var(--dark-secondary);
}

.wrapper-24fR1R:hover {
  border: solid var(--brand-experiment);
  transition: 250ms ease-in-out;
}

.lookFilled-1Gx00P.colorBrand-3pXr91 {
  border-radius: 12px;
}
.lookFilled-1Gx00P.colorBrand-3pXr91:hover {
  box-shadow: rgba(44, 139, 255, 0.3) 0px 5px 15px;
}

.theme-dark .tierBody-1d3UiS {
  border-radius: 20px;
  margin-top: 10px;
  background-color: var(--dark-bright);
}

/* Integrations server settings */
.theme-dark .card-o7rAq- {
  border-radius: 20px;
}
.theme-dark .card-o7rAq-:hover {
  background-color: var(--dark-secondary);
}

/* Roles server settings */

.roleRow-3LoHQ6:hover:not(.roleRowDisableHover-2TXfy-) {
  border-radius: 12px;
}

.theme-dark .colorPickerCustom-1swUKF {
  background-color: var(--dark-primary);
  width: 100%;
}

.previewContainer-1xQAsw {
  border-radius: 12px;
}

.container-3EtAkD {
  border-radius: 20px;
  background-color: var(--dark-secondary-alt);
  border: solid var(--popout-activeborders);
}

.container-3EtAkD:hover {
  background-color: var(--brand-experiment) !important;
  transition: 0.25s ease;
}

/****************************************************************************************
██████╗  █████╗ ███████╗███████╗
██╔══██╗██╔══██╗██╔════╝██╔════╝
██████╔╝███████║███████╗█████╗  
██╔══██╗██╔══██║╚════██║██╔══╝  
██████╔╝██║  ██║███████║███████╗
╚═════╝ ╚═╝  ╚═╝╚══════╝╚══════╝
basesp
****************************************************************************************/
/* Status picker (updated 07/11/21)*/

.layer-2aCOJ3 {
  border-radius: 20px;
  margin-bottom: 5px;
}

.status-3TYC5W {
  text-align: center;
  font-size: 15px;
}

.mask-2Me5HY {
  transform: scale(1.8) !important;
}

#status-picker .description-3Cwkxk {
  display: none;
}

#status-picker-online:hover,
#status-picker-online.focused-3qFvc8 {
  background-color: #1f95ca;
  border-radius: 10px;
  transition: 250ms;
  box-shadow: rgba(44, 164, 255, 0.17) 0px 5px 15px;
}

#status-picker-dnd:hover,
#status-picker-dnd.focused-3qFvc8 {
  background-color: #ca1f27;
  border-radius: 10px;
  transition: 250ms;
  box-shadow: rgba(255, 44, 44, 0.17) 0px 5px 15px;
}

#status-picker-idle:hover,
#status-picker-idle.focused-3qFvc8 {
  background-color: #c1c12e;
  border-radius: 10px;
  transition: 250ms;
  box-shadow: rgba(227, 255, 44, 0.17) 0px 5px 15px;
}

#status-picker-invisible:hover,
#status-picker-invisible.focused-3qFvc8 {
  background-color: #161616;
  border-radius: 10px;
  transition: 250ms;
  box-shadow: rgba(91, 91, 91, 0.17) 0px 5px 15px;
}

#status-picker-custom-status:hover,
#status-picker-custom-status.focused-3qFvc8 {
  background-color: #2247a2;
  border-radius: 10px;
  transition: 250ms;
  box-shadow: rgba(44, 79, 255, 0.17) 0px 5px 15px;
}

/* Set custom status modal */
.lookFilled-1GseHa.select-1Ia3hD,
.popout-1KHNAq {
  background-color: var(--dark-primary);
  border-radius: 20px;
}

.popout-1KHNAq {
  border-color: transparent;
}

.option-2eIyOn[aria-selected="true"] {
  background-color: var(--dark-secondary-alt);
  margin-top: 5px;
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 13px;
}

.button-1zW0-r {
  background-color: var(--dark-secondary-alt);
  border-radius: 17px;
}

.barButtonBase-Sk2mdB {
  margin-top: 3px;
}

/* Channel background change */
.modeSelected-3DmyhH .content-1gYQeQ,
.modeSelected-3DmyhH:hover .content-1gYQeQ {
  background: linear-gradient(
    90deg,
    rgb(52, 70, 119) 0%,
    rgba(60, 105, 172, 0.753) 54%,
    rgba(0, 191, 255, 0.212) 100%
  );
  transform: scale(1.02);
  border-radius: 8px;
  margin-left: 4px;
  margin-right: 3px;
}

.modeSelected-3DmyhH
  [d="M14 8C14 7.44772 13.5523 7 13 7H9.76001L10.3657 3.58738C10.4201 3.28107 10.1845 3 9.87344 3H8.88907C8.64664 3 8.43914 3.17391 8.39677 3.41262L7.76001 7H4.18011C3.93722 7 3.72946 7.17456 3.68759 7.41381L3.51259 8.41381C3.45905 8.71977 3.69449 9 4.00511 9H7.41001L6.35001 15H2.77011C2.52722 15 2.31946 15.1746 2.27759 15.4138L2.10259 16.4138C2.04905 16.7198 2.28449 17 2.59511 17H6.00001L5.39427 20.4126C5.3399 20.7189 5.57547 21 5.88657 21H6.87094C7.11337 21 7.32088 20.8261 7.36325 20.5874L8.00001 17H14L13.3943 20.4126C13.3399 20.7189 13.5755 21 13.8866 21H14.8709C15.1134 21 15.3209 20.8261 15.3632 20.5874L16 17H19.5799C19.8228 17 20.0306 16.8254 20.0724 16.5862L20.2474 15.5862C20.301 15.2802 20.0655 15 19.7549 15H16.35L16.6758 13.1558C16.7823 12.5529 16.3186 12 15.7063 12C15.2286 12 14.8199 12.3429 14.7368 12.8133L14.3504 15H8.35045L9.41045 9H13C13.5523 9 14 8.55228 14 8Z"],
.modeSelected-3DmyhH
  [d="M5.88657 21C5.57547 21 5.3399 20.7189 5.39427 20.4126L6.00001 17H2.59511C2.28449 17 2.04905 16.7198 2.10259 16.4138L2.27759 15.4138C2.31946 15.1746 2.52722 15 2.77011 15H6.35001L7.41001 9H4.00511C3.69449 9 3.45905 8.71977 3.51259 8.41381L3.68759 7.41381C3.72946 7.17456 3.93722 7 4.18011 7H7.76001L8.39677 3.41262C8.43914 3.17391 8.64664 3 8.88907 3H9.87344C10.1845 3 10.4201 3.28107 10.3657 3.58738L9.76001 7H15.76L16.3968 3.41262C16.4391 3.17391 16.6466 3 16.8891 3H17.8734C18.1845 3 18.4201 3.28107 18.3657 3.58738L17.76 7H21.1649C21.4755 7 21.711 7.28023 21.6574 7.58619L21.4824 8.58619C21.4406 8.82544 21.2328 9 20.9899 9H17.41L16.35 15H19.7549C20.0655 15 20.301 15.2802 20.2474 15.5862L20.0724 16.5862C20.0306 16.8254 19.8228 17 19.5799 17H16L15.3632 20.5874C15.3209 20.8261 15.1134 21 14.8709 21H13.8866C13.5755 21 13.3399 20.7189 13.3943 20.4126L14 17H8.00001L7.36325 20.5874C7.32088 20.8261 7.11337 21 6.87094 21H5.88657ZM9.41045 9L8.35045 15H14.3504L15.4104 9H9.41045Z"] {
  fill: rgb(255, 255, 255) !important;
}

/* Channel list and server banner */
.bannerImage-ubW8K,
.animatedContainer-2laTjx {
  border-radius: 20px;
  background-color: rgba(0, 0, 0, 0);
}

/* Unread pill */
.unread-36eUEm {
  background-color: var(--brand-experiment);
  box-shadow: rgb(44, 139, 255) 0px 5px 15px;
  height: 10px;
  width: 6px;
}

/* Context menu */
.menu-1QACrS {
  border-radius: 13px;
  background-color: var(--dark-bright);
}

/* context menu */
#message-actions-edit:hover,
#message-actions-edit.focused-3qFvc8,
#message-edit:hover,
#message-edit.focused-3qFvc8,
#message-actions-pin:hover,
#message-actions-pin.focused-3qFvc8,
#message-pin:hover,
#message-pin.focused-3qFvc8,
#message-add-reaction:hover,
#message-add-reaction.focused-3qFvc8,
#user-context-user-profile:hover,
#user-context-user-profile.focused-3qFvc8,
#user-context-mention:hover,
#user-context-mention.focused-3qFvc8,
#user-context-message-user:hover,
#user-context-message-user.focused-3qFvc8,
#user-context-add-friend:hover,
#user-context-add-friend.focused-3qFvc8,
#channel-context-hide-voice-names:hover,
#channel-context-hide-voice-names.focused-3qFvc8,
#channel-context-mute-channel:hover,
#channel-context-mute-channel.focused-3qFvc8,
#message-copy-image:hover,
#message-copy-image.focused-3qFvc8,
#message-save-image:hover,
#message-save-image.focused-3qFvc8 {
  background: #5a79df;
  border-radius: 7px;
  transform: scale(1.02);
  margin-right: 2px;
  font-size: 15px;
  transition: 150ms;
}

#message-actions-reply:hover,
#message-actions-reply.focused-3qFvc8,
#message-reply:hover,
#message-reply.focused-3qFvc8,
#message-actions-mark-unread:hover,
#message-actions-mark-unread.focused-3qFvc8,
#message-mark-unread:hover,
#message-mark-unread.focused-3qFvc8,
#user-context-call:hover,
#user-context-call.focused-3qFvc8,
#user-context-disable-video:hover,
#user-context-disable-video.focused-3qFvc8,
#channel-context-edit-channel:hover,
#channel-context-edit-channel.focused-3qFvc8,
#channel-context-clone-channel:hover,
#channel-context-clone-channel.focused-3qFvc8,
#channel-context-create-voice-channel:hover,
#channel-context-create-voice-channel.focused-3qFvc8,
#channel-context-create-text-channel:hover,
#channel-context-create-text-channel.focused-3qFvc8,
#user-context-close-dm:hover,
#user-context-close-dm.focused-3qFvc8 {
  background: #77ce45;
  color: black;
  border-radius: 7px;
  transform: scale(1.02);
  margin-right: 2px;
  font-size: 15px;
  transition: 150ms;
}

#message-actions-copy-link:hover,
#message-actions-copy-link.focused-3qFvc8,
#message-copy-link:hover,
#message-copy-link.focused-3qFvc8,
#message-actions-tts:hover,
#message-actions-tts.focused-3qFvc8,
#message-tts:hover,
#message-tts.focused-3qFvc8,
#user-context-change-nickname:hover,
#user-context-change-nickname.focused-3qFvc8 {
  background: #27436d;
  border-radius: 7px;
  transform: scale(1.02);
  margin-right: 2px;
  font-size: 15px;
  transition: 150ms;
}

#message-actions-copy-id:hover,
#message-actions-copy-id.focused-3qFvc8,
#message-copy-id:hover,
#message-copy-id.focused-3qFvc8,
#message-actions-delete:hover,
#message-actions-delete.focused-3qFvc8,
#message-delete:hover,
#message-delete.focused-3qFvc8,
#user-context-voice-mute:hover,
#user-context-voice-mute.focused-3qFvc8,
#user-context-voice-deafen:hover,
#user-context-voice-deafen.focused-3qFvc8,
#user-context-voice-disconnect:hover,
#user-context-voice-disconnect.focused-3qFvc8,
#user-context-kick:hover,
#user-context-kick.focused-3qFvc8,
#user-context-ban:hover,
#user-context-ban.focused-3qFvc8,
#user-context-block:hover,
#user-context-block.focused-3qFvc8,
#user-context-remove-friend:hover,
#user-context-remove-friend.focused-3qFvc8,
#channel-context-delete-channel:hover,
#channel-context-delete-channel.focused-3qFvc8,
#user-context-mute-channel:hover,
#user-context-mute-channel.focused-3qFvc8 {
  border-radius: 7px;
  transform: scale(1.02);
  margin-right: 2px;
  font-size: 15px;
  background: #c71a1c;
  transition: 150ms;
}

#user-context-invite-to-server:hover,
#user-context-invite-to-server.focused-3qFvc8,
#channel-context-invite-people:hover,
#channel-context-invite-people.focused-3qFvc8 {
  background: #5a8fdf;
  border-radius: 7px;
  color: rgb(19, 19, 19);
  transform: scale(1.02);
  margin-right: 2px;
  font-size: 15px;
  transition: 150ms;
}

#user-context-invite-to-listen:hover,
#user-context-invite-to-listen.focused-3qFvc8,
#channel-context-invite-to-listen:hover,
#channel-context-invite-to-listen.focused-3qFvc8 {
  background: #1db954;
  border-radius: 7px;
  color: rgb(19, 19, 19);
  transform: scale(1.02);
  margin-right: 2px;
  font-size: 15px;
  transition: 150ms;
}

#user-context-roles:hover,
#user-context-roles.focused-3qFvc8,
#user-context-voice-move:hover,
#user-context-voice-move.focused-3qFvc8,
#user-context-devmode-copy-id:hover,
#user-context-devmode-copy-id.focused-3qFvc8,
#channel-context-devmode-copy-id:hover,
#channel-context-devmode-copy-id.focused-3qFvc8,
#channel-context-channel-notifications:hover,
#channel-context-channel-notifications.focused-3qFvc8,
#message-devmode-copy-id:hover,
#message-devmode-copy-id.focused-3qFvc8,
#message-copy-native-link:hover,
#message-copy-native-link.focused-3qFvc8,
#message-open-native-link:hover,
#message-open-native-link.focused-3qFvc8,
#user-context-mute:hover,
#user-context-mute.focused-3qFvc8,
#user-context-deafen:hover,
#user-context-deafen.focused-3qFvc8 {
  background: #27436d;
  border-radius: 7px;
  transform: scale(1.02);
  margin-right: 2px;
  font-size: 15px;
  transition: 150ms;
}

#user-context-note {
  display: none;
}

/* Context menu colored buttons (guild) on hover */
#guild-header-popout-invite-people:hover,
#guild-header-popout-invite-people.focused-3qFvc8,
#guild-context-invite-people:hover,
#guild-context-invite-people.focused-3qFvc8 {
  background: #b75adf;
  border-radius: 7px;
  transform: scale(1.02);
  margin-right: 2px;
  font-size: 15px;
  transition: 150ms;
}

#guild-header-popout-insights:hover,
#guild-header-popout-insights.focused-3qFvc8,
#guild-header-popout-settings:hover,
#guild-header-popout-settings.focused-3qFvc8,
#guild-context-guild-settings:hover,
#guild-context-guild-settings.focused-3qFvc8 {
  background: #42c6ba;
  color: black;
  border-radius: 7px;
  transform: scale(1.02);
  margin-right: 2px;
  font-size: 15px;
  transition: 150ms;
}

#guild-header-popout-create-channel:hover,
#guild-header-popout-create-channel.focused-3qFvc8,
#guild-context-create-channel:hover,
#guild-context-create-channel.focused-3qFvc8,
#guild-header-popout-create-category:hover,
#guild-header-popout-create-category.focused-3qFvc8,
#guild-context-create-category:hover,
#guild-context-create-category.focused-3qFvc8 {
  background: #ffe455;
  color: black;
  border-radius: 7px;
  transform: scale(1.02);
  margin-right: 2px;
  font-size: 15px;
  transition: 150ms;
}

#guild-header-popout-notifications:hover,
#guild-header-popout-notifications.focused-3qFvc8,
#guild-context-notifications:hover,
#guild-context-notifications.focused-3qFvc8,
#guild-context-privacy:hover,
#guild-context-privacy.focused-3qFvc8,
#guild-header-popout-privacy:hover,
#guild-header-popout-privacy.focused-3qFvc8,
#guild-context-mark-guild-read:hover,
#guild-context-mark-guild-read.focused-3qFvc8 {
  background: #5a79df;
  border-radius: 7px;
  transform: scale(1.02);
  margin-right: 2px;
  font-size: 15px;
  transition: 150ms;
}

#guild-header-popout-hide-muted-channels:hover,
#guild-header-popout-hide-muted-channels.focused-3qFvc8,
#guild-context-change-nickname:hover,
#guild-context-change-nickname.focused-3qFvc8,
#guild-header-popout-change-nickname:hover,
#guild-header-popout-change-nickname.focused-3qFvc8,
#guild-context-hide-muted-channels:hover,
#guild-context-hide-muted-channels.focused-3qFvc8,
#guild-context-mute-guild:hover,
#guild-context-mute-guild.focused-3qFvc8,
#guild-context-unmute-guild:hover,
#guild-context-unmute-guild.focused-3qFvc8 {
  background: var(--roundmoled-background);
  border-radius: 7px;
  transform: scale(1.02);
  margin-right: 2px;
  font-size: 15px;
  transition: 150ms;
}

#guild-header-popout-premium-subscribe:hover,
#guild-header-popout-premium-subscribe.focused-3qFvc8 {
  background-image: linear-gradient(90deg, #f25a5d, #f14e76 77%, #f04a7f);
  border-radius: 7px;
  transform: scale(1.02);
  margin-right: 2px;
  font-size: 15px;
  transition: 150ms;
}

#guild-header-popout-leave:hover,
#guild-header-popout-leave.focused-3qFvc8,
#guild-context-leave-guild:hover,
#guild-context-leave-guild.focused-3qFvc8,
#guild-context-devmode-copy-id:hover,
#guild-context-devmode-copy-id.focused-3qFvc8 {
  border-radius: 7px;
  transform: scale(1.02);
  margin-right: 2px;
  font-size: 15px;
  background: #c71a1c;
  transition: 150ms;
}

/* Quickswitcher */

.quickswitcher-pKcM9U,
.scroller-2qwVWY {
  background-color: var(--dark-primary);
  border-radius: 20px;
}

.input-3r5zZY {
  background-color: var(--dark-secondary);
  border-radius: 20px;
  bottom: 40px;
  box-shadow: rgba(44, 139, 255, 0.21) 0px 5px 15px;
  border: solid var(--brand-experiment);
}

.scroller-2qwVWY {
  bottom: 20px;
}

.resultFocused-3aIoYe {
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 12px;
  transform: scale(1.01);
  transition: 250ms ease-in-out;
}

/* make some stuff rounded (chat related)) */
.grid-1aWVsE,
.embed-hKpSrO,
.embedImage-2Ynqkh,
.imageWrapper-oMkQl4,
.theme-dark .invite-3uuHYQ {
  border-radius: 10px;
}

/* background color*/
:root .bg-1QIAus,
.base-2jDfDU,
.container_c48ade {
  background-color: var(--roundmoled-background);
}

/* Userpopout spotify button*/

.theme-dark
  .button-TGAkj4.button-f2h6uQ.lookFilled-yCfaCM.colorPrimary-2AuQVo.buttonSize-dIiz43.fullWidth-fJIsjq.grow-2sR_-F {
  background-color: #1db954;
  border-radius: 10px;
  box-shadow: rgba(68, 255, 44, 0.17) 0px 5px 15px;
}

.theme-dark
  .button-TGAkj4.iconButton-1li_a3.button-f2h6uQ.lookFilled-yCfaCM.colorPrimary-2AuQVo.buttonSize-dIiz43.iconButtonSize-1-pz2t.grow-2sR_-F {
  background-color: #1db954;
  border-radius: 10px;
  box-shadow: rgba(68, 255, 44, 0.17) 0px 5px 15px;
}

.theme-dark
  .button-TGAkj4.button-f2h6uQ.lookFilled-yCfaCM.colorPrimary-2AuQVo.buttonSize-dIiz43.fullWidth-fJIsjq.grow-2sR_-F:disabled {
  background-color: rgb(36, 124, 6);
}

/* Userpopout notes */

.textarea-_59yqs:focus {
  background-color: var(--dark-secondary);
  border: solid var(--brand-experiment);
}

/* Big userpopout update*/
.connectedAccount-1xKpli {
  background-color: var(--dark-bright);
  border-radius: 20px;
}

.connectedAccount-1xKpli:hover {
  background-color: var(--dark-primary);
  transition: 250ms;
}

.connectedAccountName-j0meX4:hover {
  font-weight: bold;
  font-size: 110%;
  transition: 0.2s ease;
}

[d="m16 7.6c0 .79-1.28 1.38-1.52 2.09s.44 2 0 2.59-1.84.35-2.46.8-.79 1.84-1.54 2.09-1.67-.8-2.47-.8-1.75 1-2.47.8-.92-1.64-1.54-2.09-2-.18-2.46-.8.23-1.84 0-2.59-1.54-1.3-1.54-2.09 1.28-1.38 1.52-2.09-.44-2 0-2.59 1.85-.35 2.48-.8.78-1.84 1.53-2.12 1.67.83 2.47.83 1.75-1 2.47-.8.91 1.64 1.53 2.09 2 .18 2.46.8-.23 1.84 0 2.59 1.54 1.3 1.54 2.09z"] {
  fill: var(--brand-experiment) !important;
}

.connectedAccountOpenIcon-1yfBsb {
  opacity: 0;
  background-color: var(--dark-primary);
  border: solid var(--popout-activeborders);
  border-radius: 20px;
  padding: 5px;
  color: #000;
}
.connectedAccount-1xKpli:hover .connectedAccountOpenIcon-1yfBsb {
  opacity: 1;
  background-color: var(--brand-experiment);
  transition: 250ms;
}

.lookFilled-1Gx00P.colorGreen-29iAKY {
  border-radius: 13px;
  background-color: var(--brand-experiment);
  box-shadow: rgba(44, 139, 255, 0.23) 0px 5px 15px;
}

.lookFilled-1Gx00P.colorGreen-29iAKY:hover {
  background-color: var(--brand-experiment);
  box-shadow: rgba(44, 139, 255, 0.47) 0px 5px 15px;
  filter: brightness(80%);
  transform: scale(1.035);
  transition: 250ms ease-in-out;
}

.note-Go5ZP2 textarea {
  background: var(--dark-secondary);
  border-radius: 7px;
}

.labelContainer-2vJzYL {
  border-radius: 10px;
}

.tabBarItem-30Te4- {
  background-color: var(--dark-bright);
  border-radius: 20px;
  padding: 2.5%;
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px !important;
}

.top-K_jibn .selected-g-kMVV.themed-2-lozF.item-3XjbnG,
.top-K_jibn .themed-2-lozF.item-3XjbnG:active {
  border: solid var(--popout-activeborders);
  border-bottom-color: var(--popout-activeborders);
  font-size: 110%;
  transition: 0.2s;
}

.top-K_jibn .themed-2-lozF.item-3XjbnG:hover {
  border: solid var(--popout-activeborders);
  border-bottom-color: var(--popout-activeborders);
  background: var(--dark-secondary);
  transition: background 250ms;
}

.customStatusText-_4TbWr {
  text-align: center;
  background-color: var(--dark-secondary);
  margin-right: 20px;
  margin-left: 10px;
  border-radius: 10px;
  padding: 10px;
  font-size: 105%;
}

/* MUTUAL SERVERS & friends */
.listScroller-entkMk {
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 10px;
  display: flex;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  background-color: var(--dark-primary);
  padding-bottom: 15px;
}

.listRow-2nO1T6 {
  flex-shrink: 1 !important;
  flex-grow: 1 !important;
  align-items: center !important;
  border-radius: 15px !important;
  margin-left: 20px !important;
  margin-top: 20px !important;
  margin-bottom: 5px !important;
  margin-right: 5px;
  padding: 10px 20px 10px 10px !important;
  width: 240px !important;
  background-color: var(--dark-secondary-alt);
  transition: background-color 250ms ease-in-out !important;
}

.listAvatar-2bU5Uh,
.listRowContent-PEmSWj {
  margin-left: 15%;
}

.listAvatar-2bU5Uh {
  transform: scale(1.12);
  box-shadow: rgba(0, 0, 0, 0.21) 0px 7px 29px 0px;
}

.listRow-2nO1T6:hover {
  background-color: var(--dark-primary);
  box-shadow: rgb(21, 21, 21) 0px 0px 0px 2px;
}

/* Activity centered fix for biguserpopout*/

.body-1Ukv50
  .activityProfile-1712BN.userProfileActivity-sal5no.newProfileActivityStyles {
  left: 50%;
  top: 10%;
  width: 100%;
  transform: translate(-50%, -10%);
}

.body-1Ukv50
  .button-TGAkj4.button-f2h6uQ.lookFilled-1Gx00P.colorGrey-2DXtkV.buttonSize-dIiz43.fullWidth-1orjjo.grow-q77ONN,
.body-1Ukv50
  .disabledButtonWrapper-3wH6-b.buttonSize-AQY2mE.grow-q77ONN.fullWidth-1orjjo,
.body-1Ukv50 .disabledButtonOverlay-2DA5FI,
.body-1Ukv50
  .button-TGAkj4.button-f2h6uQ.lookFilled-1Gx00P.colorGrey-2DXtkV.buttonSize-AQY2mE.fullWidth-1orjjo.grow-q77ONN {
  left: 0%;
  top: 65%;
  transform: scale(0.915);
}

/* guild scroller stuff */
:root .guilds-2JjMmN {
  margin-right: 10px;
  margin-left: 7px;
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 18px;
}

/* Small userpopout change */
.headerTop-3GPUSF {
  padding-bottom: 10px !important;
  padding-top: 55px !important;
}

.headerTopWithCustomStatus-1aNSNd {
  padding-bottom: 12px !important;
}

.setIdentityLink-hOFsMl {
  display: none;
}

/* Active chat from DMS/Member list border on hover or active */

.selected-1-Z6gm .layout-1qmrhw,
.clickable-28SzVr:hover .layout-1qmrhw {
  border-radius: 12px;
}

:root .scroller-3X7KbA {
  background-color: var(--dark-secondary-alt);
}

/* chat margins so they don't touch eachother*/
:root .chat-2ZfjoI,
.sidebar-1tnWFu {
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* AMOLED-ify join/create server modal */

.theme-light .root-g14mjS {
  border-radius: 25px;
  background-color: var(--dark-primary);
  overflow: hidden;
}
.base-21yXnu {
  color: #fff;
}
.container-x8Y1ix {
  background-color: #18191d;
}

.container-x8Y1ix:hover {
  transform: scale(1.025);
  border: solid var(--brand-experiment);
  transition: 250ms ease-in-out;
}

.input-2g-os5 {
  color: #dcddde;
}

.content-2hZxGK .input-2g-os5,
.input-m1-Y7Q {
  border-radius: 7px;
  background-color: var(--roundmoled-background);
}

.colorHeaderSecondary-g5teka,
.colorStandard-21JIj7,
.lookBlank-3eh9lL {
  color: #b9bbbe;
}

.theme-light .lookFilled-1Gx00P.colorGrey-2DXtkV {
  background-color: var(--brand-experiment);
  border-radius: 7px;
}

.theme-light .lookFilled-1Gx00P.colorGrey-2DXtkV:hover {
  transform: scale(1.025);
  transition: 250ms ease-in-out;
}

.theme-light .lookLink-9FtZy-.colorPrimary-3b3xI6 {
  width: 20%;
  color: #fff;
}

.theme-light .footer-31IekZ {
  background-color: var(--dark-secondary);
  box-shadow: none !important;
}

.sampleLink-5BWNy9 {
  color: #e0dede;
  font-size: 16px;
}

.header-1c1AhF,
.header-1zd7se {
  width: 90%;
  height: 5%;
  overflow: auto scroll;
}

.header-1c1AhF::-webkit-scrollbar,
.header-1zd7se::-webkit-scrollbar {
  display: none;
}

/* AMOLED-ify download app modal */
.mobileContainer-1x7CLQ,
.desktopContainer-spQem0 {
  background-color: var(--dark-secondary);
  border: solid var(--popout-activeborders);
}

/* AMOLED-ify discover section */
.theme-dark .pageWrapper-2PwDoS {
  border-radius: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  background-color: var(--dark-primary);
}

/* member list background color*/
:root .members-3WRCEx,
.members-3WRCEx > div {
  background-color: var(--dark-primary);
}

/* server channel list */
:root .container-1NXEtd,
.sidebar-1tnWFu {
  background-color: var(--dark-secondary);
  border-radius: 10px;
}

.scroller-1ox3I2 {
  border-radius: 10px;
}

.platform-win .bg__960e4 {
  top: 0px;
}

/* rounded corners in channel list and chat-member list */
:root .sidebar-1tnWFu.hasNotice-1s68so,
.platform-win .sidebar-1tnWFu.hasNotice-1s68so,
.chat-2ZfjoI,
.platform-win .sidebar-1tnWFu,
.sidebar-1tnWFu {
  border-radius: 25px;
}

/* Voice chat fullscreen SPECIAL THANKS TO DOGGYBOOTSY FROM POWERCORD DISCORD FOR HELPING ME FIGURE OUT HOW TO CENTER SHIT, THANKS A LOT*/
.tile-2TcwiO {
  border-radius: 20px;
  background-color: var(--dark-primary);
}

.root-u9h3Ui .directionColumn-3pi1nm {
  background-color: var(--dark-secondary);
  border-radius: 20px;
  padding: 20px;
}

.overlay-2RIWoZ .overlayTitle-2efoIF {
  font-size: 16px;
  font-weight: bold;
  border-radius: 10px;
  background-color: var(--dark-bright);
}

.button-3Vyz67 {
  background: var(--brand-experiment);
  border-radius: 20px;
}

.button-3Vyz67:hover {
  background: var(--brand-experiment);
  box-shadow: rgba(44, 139, 255, 0.3) 0px 5px 15px;
}

.background-L8lGH6 {
  background-color: var(--dark-primary) !important;
}

.tile-2TcwiO:hover .background-L8lGH6 {
  background-color: var(--dark-secondary-alt) !important;
  transition: background 250ms;
}

.avatarWrapper-24Rbpj {
  position: relative;
  overflow: hidden;
  border-radius: 255px;
  border: none;
}

.border-2BJQjd.speaking-3RWJBr::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
  height: 80px;
  background: transparent;
  border: solid var(--brand-experiment);
  box-shadow: rgba(44, 139, 255, 0.6) 0px 5px 15px;
  border-radius: 250px;
}

.tile-2TcwiO:hover .border-2Vy6FN {
  border-radius: 20px;
  border: solid var(--roundmoled-background);
}

.border-2BJQjd.speaking-3RWJBr {
  box-shadow: none;
}

/* member list color fix */
.container-2o3qEW {
  background-color: var(--dark-primary);
}

/****************************************************************************************       
███╗   ███╗██╗███████╗ ██████╗
████╗ ████║██║██╔════╝██╔════╝
██╔████╔██║██║███████╗██║     
██║╚██╔╝██║██║╚════██║██║     
██║ ╚═╝ ██║██║███████║╚██████╗
╚═╝     ╚═╝╚═╝╚══════╝ ╚═════╝
miscsp
****************************************************************************************/
/* Loading glow effect */
.content-3AIQZv {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  border: none;
  transform: scale(1);
  background: rgba(0, 0, 0, 0.85);
  transition: 250ms;
}
.content-3AIQZv::before {
  content: "";
  position: absolute;
  top: 38%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 15%;
  height: 15%;
  box-shadow: rgba(255, 255, 255, 0.49) 0px 19px 98px,
    rgba(84, 161, 192, 0.2) 0px 15px 62px;
}

/* Stream buttons in channel list*/
.button-1EGGcP.buttonColor-3bP3fX:hover,
.button-1EGGcP .buttonColor-3bP3fX:hover {
  background-color: var(--brand-experiment);
}

/* Goosemod store tweak */
.gm-store-card {
  background-color: var(--dark-bright) !important;
  border-radius: 15px !important;
}

.gm-store-card:hover {
  background-color: var(--dark-primary);
  border: solid var(--brand-experiment);
  transition: all 250ms;
}

.gm-store-card > :nth-child(1) {
  border-radius: 15px 15px 0 0 !important;
}

.container-2oNtJn {
  border-radius: 10px !important;
  background-color: var(--dark-bright) !important;
}

/* goosemod spotify tweak */
.gm-spotify-controls-album-image img {
  transform: scale(0.8);
  border-radius: 25px;
}

button.gm-spotify-controls-button {
  display: none;
}

.gm-spotify-controls-info-box {
  max-width: calc(100% - 4.7em);
}
.gm-spotify-controls-player:hover .gm-spotify-controls-info-box {
  max-width: calc(100% - 7.5em);
  transition: 250ms;
}

.gm-spotify-controls-player:hover button.gm-spotify-controls-button {
  display: inline;
}

.gm-spotify-controls-playback-bar {
  background-image: linear-gradient(rgba(30, 215, 96), rgba(30, 215, 96)),
    linear-gradient(var(--background-primary), var(--background-primary));
}

/* BetterDiscord cards change */

.bd-addon-list .bd-addon-card {
  border-radius: 20px;
  background-color: var(--dark-bright);
}

.bd-addon-list .bd-addon-card:hover {
  background-color: var(--dark-secondary);
  transition: 250ms;
}

.bd-addon-list .bd-addon-header {
  background-color: var(--dark-secondary);
}

.bd-search-wrapper {
  border-radius: 7px;
  background-color: var(--roundmoled-background);
}

.bd-select .bd-select-options {
  border-radius: 12px;
  background-color: var(--dark-bright);
}

/*  Spotify betterdiscord  */

.barText-lmqc5O {
  display: none;
}

.container-6sXIoE:hover .barText-lmqc5O {
  display: flex;
}

/* Avatar zoom on hover  Special thanks to Nao Tomori#1166 from PC discord*/
.avatar-2e8lTP:hover {
  transform: scale(1.6);
  border-radius: 5px !important;
  background-color: var(--roundmoled-background) !important;
  border: solid;
  border-color: var(--roundmoled-background) !important;
  border-width: 0.04cm;
}
.avatar-2e8lTP {
  transition: 250ms;
}
.avatarHintInner-2HUAWj {
  opacity: 0;
}

.avatar-2e8lTP:hover .avatarHint-k7pYop > foreignObject {
  mask: none !important;
}

.avatar-2e8lTP:hover .mask-1FEkla > foreignObject {
  mask: none !important;
  border-radius: 5px;
}

/* Locked channel badge */
[d="M21.025 5V4C21.025 2.88 20.05 2 19 2C17.95 2 17 2.88 17 4V5C16.4477 5 16 5.44772 16 6V9C16 9.55228 16.4477 10 17 10H19H21C21.5523 10 22 9.55228 22 9V5.975C22 5.43652 21.5635 5 21.025 5ZM20 5H18V4C18 3.42857 18.4667 3 19 3C19.5333 3 20 3.42857 20 4V5Z"] {
  fill: #faa81a;
}

/* Misc loading popout */
.loadingPopout-1feYe_ {
  border-radius: 20px;
  background-color: var(--dark-bright);
}

/* hide role circle unless hover on role */
.roleCircle-1EgnFN {
  width: 0px;
  transition: 0.2s ease;
}

.role-2TIOKu:hover > .roleCircle-1EgnFN {
  width: 12px;
}
/* Better roles by Bowser65#1337*/

.role-2TIOKu {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  border: none;
  padding: 5px;
  color: #fff;
  font-size: 12.7px;
}

.roleCircle-1EgnFN::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  opacity: 0.38;

  pointer-events: none;
}

.footer-1fjuF6 {
  border-top: none;
}

/* Misc view role as server bar */

.notice-2olXi7 {
  margin-top: 10px;
  margin-right: 10px;
  border-radius: 20px;
}

/* user popout and emoji details on click borders*/
.userPopout-2j1gM4 {
  border: solid var(--popout-activeborders);
  border-radius: 20px;
}

/* Server boost modal */
.theme-dark .perksModal-fSYqOq {
  background-color: var(--dark-primary);
}

.toolbar-3_r2xA a {
  display: none;
}

::selection {
  background-color: rgb(70, 124, 146) !important;
}

.wrapper-2vIMkT {
  background-color: var(--dark-secondary-alt);
  border: solid var(--popout-activeborders);
  border-radius: 8px;
}

/* chat textarea bg */

.scrollableContainer-15eg7h {
  border-radius: 20px;
  background-color: var(--channeltextarea-background);
  border: solid var(--popout-activeborders);
}

.channelTextArea-1FufC0 {
  background-color: transparent;
}

.replyBar-1oi75v,
.threadSuggestionBar-3ExSyc,
.attachedBars-2BCP3l {
  background-color: var(--dark-primary);
  border-radius: 25px;
  margin-bottom: 3px;
}

.emojiItemDisabled-1FvFuF {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}

.footer_f8ec41 {
  background-color: var(--dark-secondary);
}

.circleIconButton_db6521 {
  background-color: var(--background-secondary);
}

/****************************************************************************************

██████╗ ██╗███████╗ ██████╗ ██████╗ ██████╗ ██████╗     ██╗   ██╗ █████╗ ██████╗ ███████╗
██╔══██╗██║██╔════╝██╔════╝██╔═══██╗██╔══██╗██╔══██╗    ██║   ██║██╔══██╗██╔══██╗██╔════╝
██║  ██║██║███████╗██║     ██║   ██║██████╔╝██║  ██║    ██║   ██║███████║██████╔╝███████╗
██║  ██║██║╚════██║██║     ██║   ██║██╔══██╗██║  ██║    ╚██╗ ██╔╝██╔══██║██╔══██╗╚════██║
██████╔╝██║███████║╚██████╗╚██████╔╝██║  ██║██████╔╝     ╚████╔╝ ██║  ██║██║  ██║███████║
╚═════╝ ╚═╝╚══════╝ ╚═════╝ ╚═════╝ ╚═╝  ╚═╝╚═════╝       ╚═══╝  ╚═╝  ╚═╝╚═╝  ╚═╝╚══════╝
dcvarsp

****************************************************************************************/

/*                                Optional stuff ( delete the /⃰ ⃰/ on top and below the import to enable them)                     */

/* blur background on some modals focus */
.backdrop-29yll0,
.layer-2KE1M9 {
  backdrop-filter: blur(5px);
}

.content-yjf30S {
  background-color: var(--dark-secondary-alt);
}

.theme-dark .container_ee69e0 {
  background-color: var(--dark-secondary);
}

Actions

Download Source

About

Version: 1.3.1
Downloads: 27,710
Added: 07/02/2024
Updated: 02/21/2025
Hash: 00eedf38-93c1-061b-ba15-8ca8f52f01e4
Source: https://github.com/TheoEwzZer/RoundmoledV2

Author

Theo EwzZer GitHub

Live preview

Screenshot

Open source

FiveCord for Windows