API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Nov 23rd, 2017
86
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 63.42 KB | None | 0 0
raw download clone embed print report
  1.  
  2. body {
  3. -webkit-transition: background 3s ease-in-out;
  4. transition: background 3s ease-in-out;
  5.  
  6. background: #fff url(https://i.imgur.com/kvy7L8L.jpg);
  7.  
  8.  
  9. /*original https://i.imgur.com/Kfp4fK9.jpg
  10.  
  11. /* It is recommended to set the background-size width to match your monitor's or discord window's width.
  12. If the background picture is blurry, please use a bigger sized background picture. */
  13. background-size: 1920px auto;
  14. }
  15.  
  16. .
  17.  
  18. .app, .connecting {
  19. /* You can adjust the background brightness by reducing the fourth value of below.
  20. 0.0 for no dark background, 1.0 for full darkness.
  21.  
  22. Or, you can change the other values for tint and so.
  23. 1st value - Red 0-255
  24. 2nd value - Green 0-255
  25. 3rd value - Blue 0-255
  26. 4th value - Alpha (Opacity) 0.0-1.0 */
  27. background: rgba(0, 0, 0, 0.6);
  28.  
  29. -webkit-transition: background 0.5s ease-in-out;
  30. transition: background 0.5s ease-in-out;
  31. }
  32.  
  33. [class*='titleBar-'] { background-color: rgba(0,0,0,0.4); }
  34.  
  35. }
  36.  
  37. {
  38. .messages-wrapper { font-family: "Core Sans AR", "Georgia"; }
  39. }
  40.  
  41. #app-mount,
  42. .app .layers .layer,
  43. .app .layers .layer>[class*='container-'],
  44. .app .layers,
  45. .content-region,
  46. .guilds-wrapper,
  47. .sidebar-region,
  48. .ui-standard-sidebar-view,
  49. [class*='activityFeed-'],
  50. [class*='channels-'],
  51. [class*='titleBar-']
  52. {
  53. /* Too dark or too bright? Adjust the opacity (`0.15`) to something lower or higher */
  54. background: rgba(0,0,0,0.15) !important;
  55. }
  56.  
  57. .channel-members,
  58. .chat .content,
  59. .chat form,
  60. .chat,
  61. .content .flex-spacer,
  62. .messages-wrapper,
  63. .typing,
  64. [class*='channels-'] [class*="container-"],
  65. [class*='headerBar-'],
  66. [class*='titleWrapper-'] [class*='title-']
  67. {
  68. background: transparent !important;
  69. }
  70.  
  71. .messages-wrapper + form {
  72. box-shadow: none !important;
  73. }
  74.  
  75.  
  76. /*
  77. To use custom font, please enter the font name enclosed with ' ' at font-family and remove both */ /*.
  78. */
  79.  
  80. *:not(code) {
  81. /*font-family: 'Dogrunes_the_Third', 'NF?????? Std W1', 'Open Sans', Whitney, Helvetica, Arial, sans-serif !important;*/
  82. }
  83.  
  84. .markup pre code, code * {
  85. /*font-family: 'MS ????', 'Ubuntu Mono', Consolas, Monaco, monospace !important;*/
  86. font-size: 13px !important;
  87.  
  88. border-radius: 0 !important;
  89. }
  90.  
  91. .markup pre, .markup code {
  92. /*font-family: 'MS ????', 'Ubuntu Mono', Consolas, Monaco, monospace !important;*/
  93. font-size: 13px;
  94. background: rgba(10, 10, 10, 0.7) !important;
  95. border: 0 !important;
  96. border-radius: 0 !important;
  97. }
  98.  
  99. .markup pre code {
  100. background: transparent !important;
  101. }
  102.  
  103. /* In case anyone wants to change the channel font size, here ya go o/
  104. Just need to uncomment these 3 groups. */
  105.  
  106. /* Channel name font size
  107. .nameMutedText-1YDcP-,
  108. .nameMutedVoice-26k4cP,
  109. .nameDefaultText-QoumjC,
  110. .nameDefaultVoice-1swZoh,
  111. .nameLockedText-2fGz07,
  112. .nameLockedVoice-wNOMNa,
  113. .nameSelectedText-32NDX5,
  114. .nameSelectedVoice-XpjYTw,
  115. .nameUnreadText-1pxldj,
  116. .nameUnreadVoice-QK4gxH
  117. {
  118. font-size: 13px;
  119. }
  120. */
  121.  
  122. /* Channel Icon size
  123. .icon-3tVJnl{
  124. width: 12px !important;
  125. height: 12px !important;
  126. }
  127. */
  128.  
  129. /* Connected Voice User font size
  130. .nameDefault-1I0lx8{
  131. font-size: 12px;
  132. }
  133. */
  134.  
  135. /*
  136. Disabling the edited message picture is possible by encapsulating .message-group .comment .edited with both */ /*.
  137.  
  138. .message-group .comment .edited{
  139. font-size: 0;
  140. width: 16px !important;
  141. height: 16px !important;
  142. display: inline-block;
  143. background-image: url(https://i.imgur.com/7SbtKvw.png);
  144. background-size: 100%;
  145. opacity: 1;
  146. line-height: 29px;
  147. }
  148. */
  149.  
  150. .bot-tag {
  151. background: rgba(0, 200, 0, 0) !important;
  152. font-size: 0;
  153. }
  154.  
  155.  
  156.  
  157. .bot-tag::before {
  158. content: "Bot";
  159. font-size: 12px;
  160. background: rgba(0, 108, 200, 0.5) !important;
  161. padding: 2px;
  162. color: rgba(255, 255, 255, 0.9) !important;
  163. }
  164.  
  165. .context-menu{
  166. background-color: rgba(42, 42, 42, 0.8)
  167. }
  168.  
  169. div.theme-dark.context-menu,
  170. .theme-dark.context-menu .item,
  171. div.theme-dark.context-menu.item.item-subMenu{
  172. background-color: rgba(42, 42, 42, 0.8);
  173. border-radius: 0 !important;
  174. border: 0 !important;
  175. border-image-width: 0 !important;
  176. margin: 0 0 0 0;
  177. }
  178.  
  179. .guilds-wrapper .guilds .guild .guild-inner a,
  180. .guilds-wrapper .guilds .guild,
  181. .guilds-wrapper .guilds .guild .avatar-small {
  182. width:40px;
  183. height:40px;
  184. }
  185.  
  186. .guilds-wrapper .guilds .guild .avatar-small {
  187. width:40px;
  188. height:40px;
  189. background-size: 40px 40px;
  190. }
  191.  
  192. .guilds-wrapper .guilds .friends-icon {
  193. width:40px;
  194. height:40px;
  195. background-size:25px 19px;
  196. }
  197.  
  198. .guilds-wrapper .guilds .friends-icon {
  199. background-color: rgba(0,0,0,0.3) !important;
  200. background-image: none !important;
  201. padding-top:0px;
  202. }
  203.  
  204. .guilds-wrapper .guilds .friends-icon:after {
  205. display:block;
  206. width:40px;
  207. height:40px;
  208. content:'';
  209. background-image: url(https://i.imgur.com/u0ZG3BD.png) !important;
  210. /* original https://i.imgur.com/u0ZG3BD.png */
  211. background-size:110%;
  212. background-repeat:no-repeat;
  213. background-position:top center;
  214. }
  215.  
  216. .context-menu .item.danger:hover{
  217. background-color: rgba(255, 255, 255, 0.2);
  218. border-radius: 0;
  219. }
  220.  
  221. .theme-dark .layers, .layer{
  222. background: transparent !important;
  223. }
  224.  
  225. .context-menu .item:hover{
  226. background-color: rgba(255, 255, 255, 0.2) !important;
  227. border-radius: 0;
  228. }
  229.  
  230. .context-menu .item{
  231. background-color: rgba(0, 0, 0, 0) !important;
  232. }
  233.  
  234. .theme-dark.context-menu{
  235. box-shadow: none;
  236. }
  237.  
  238. .context-menu{
  239. border-radius: 0 !important;
  240. border: 0 !important;
  241. }
  242.  
  243. .theme-dark.context-menu .context-menu{
  244. background-color: rgba(42, 42, 42, 0.8) !important;
  245. }
  246.  
  247. .theme-dark .invite-button{
  248. background-color: rgba(0, 0, 0, 0.5);
  249. border: 0;
  250. border-radius: 0;
  251. }
  252.  
  253. .invite-button.can-click{
  254. border-radius: 0;
  255. background-color: rgba(0, 0, 0, 0.5);
  256. border: none;
  257. }
  258.  
  259. .invite-button .invite-button-body,
  260. .invite-button .invite-button-header{
  261. color: rgba(255, 255, 255, 0.8);
  262. }
  263.  
  264. .invite-button-body{
  265. color: #99aab5 !important;
  266. }
  267.  
  268.  
  269. .badge{
  270. border-radius: 0;
  271. box-shadow: none;
  272. font-size: 15px;
  273. color: rgba(255, 255, 255, 0.95);
  274. }
  275.  
  276. .change-log .lead-video, .change-log p>img,
  277. .change-log .changelog-added,
  278. .change-log .changelog-added-secondary,
  279. .change-log .changelog-fixed,
  280. .change-log .changelog-improved,
  281. .change-log .changelog-in-progress{
  282. border-radius: 0;
  283. }
  284.  
  285. .mention{
  286. background-color: rgba(179, 224, 255, 0.22);
  287. }
  288.  
  289. .need-help-modal .header{
  290. border-radius: 0;
  291. }
  292.  
  293. .need-help-modal .footer{
  294. border: 0;
  295. border-radius: 0;
  296. background-color: rgba(42, 42, 42, 0.8);
  297. }
  298.  
  299. .need-help-modal .header input[type=text]{
  300. border-radius: 0;
  301. box-shadow: none;
  302. }
  303.  
  304. .deprecated-settings-modal .settings-header{
  305. background-color: rgba(42, 42, 42, 0.3);
  306. border-radius: 0;
  307. }
  308.  
  309. .tab-bar.SIDE{
  310. overflow: hidden;
  311. }
  312.  
  313. .settings .settings-inner:first-child,
  314. .settings .settings-actions
  315. {
  316. background-color: rgba(42, 42, 42, 0.8);
  317. border: 0;
  318. border-radius: 0 !important;
  319. }
  320.  
  321. .tab-bar.TOP{
  322. border-color: rgba(255, 255, 255, 0.2);
  323. }
  324.  
  325. .form .control-group input[type=text],
  326. .form .control-group input[type=email],
  327. .form .control-group input[type=password]{
  328. padding-left: 8px;
  329. color: rgba(255, 255, 255, 0.9);
  330. background-color: rgba(255, 255, 255, 0.2);
  331. border: 0;
  332. }
  333.  
  334. .checkbox .checkbox-inner+span{
  335. color: rgba(255, 255, 255, 0.9);
  336. }
  337.  
  338. .form .control-group label+.radio-group{
  339. color: rgba(255, 255, 255, 0.8);
  340. }
  341.  
  342. .has-value>.Select-control>.Select-placeholder{
  343. color: rgba(255, 255, 255, 0.8);
  344. }
  345.  
  346. div.game-name,
  347. input.game-input{
  348. color: rgba(255, 255, 255, 0.8);
  349. }
  350.  
  351. .user-settings-modal-games{
  352. background-color: rgba(42, 42, 42, 0.0);
  353. border: 0;
  354. box-shadow: none;
  355. }
  356.  
  357. .user-settings-modal-games .games-table .games-row .item-game,
  358. .user-settings-modal-games .games-table .games-row .item-overlay{
  359. border-color: rgba(255, 255, 255, 0.2);
  360. }
  361.  
  362. .user-settings-modal-locale .select-item .primary{
  363. color: rgba(255, 255, 255, 0.9) !important;
  364. }
  365.  
  366. #overlay-explanation{
  367. background-color: rgba(242, 101, 34, 0.8);
  368. border-radius: 0;
  369. }
  370.  
  371. .now-playing{
  372. border-radius: 0;
  373. }
  374.  
  375. .hover-roll div{
  376. color: rgba(255, 255, 255, 0.6);
  377. }
  378.  
  379. .user-settings-locale .select-item .primary,
  380. .user-settings-locale .select-item .localized
  381. {
  382. color: rgba(255, 255, 255, 0.8) !important;
  383. }
  384.  
  385. .Select-control{
  386. background-color: rgba(255, 255, 255, 0.2);
  387. border: 0 !important;
  388. border-radius: 0;
  389. }
  390.  
  391. .is-open>.Select-control{
  392. background-color: rgba(255, 255, 255, 0.2);
  393. }
  394.  
  395. .Select-menu-outer{
  396. margin-top: 0;
  397. background-color: rgba(255, 255, 255, 0.2);
  398. border: 0;
  399. border-radius: 0;
  400. }
  401.  
  402. .form .Select-option{
  403. color: rgba(255, 255, 255, 0.8);
  404. }
  405.  
  406. .form .Select-option.is-focused{
  407. background-color: rgba(255, 255, 255, 0.3);
  408. color: rgba(255, 255, 255, 0.8);
  409. }
  410.  
  411. .form .control-group label{
  412. color: rgba(255, 255, 255, 0.5);
  413. }
  414.  
  415. .form .control-groups>.control-group{
  416. color: rgba(255, 255, 255, 0.8);
  417. }
  418.  
  419. .form hr{
  420. border-color: rgba(255, 255, 255, 0.2);
  421. }
  422.  
  423. .settings-connections-wrapper .user-settings-modal-connections .user-settings-modal-accounts-list h3{
  424. color: rgba(255, 255, 255, 0.5);
  425. }
  426.  
  427. .settings-connections-wrapper .user-settings-modal-connections .user-settings-modal-accounts-list .user-settings-modal-accounts-list-description .user-settings-modal-accounts-list-description-inner{
  428. color: rgba(255, 255, 255, 0.3);
  429. }
  430.  
  431. .settings-connections-wrapper .user-settings-modal-connections .user-settings-modal-connections-list{
  432. box-shadow: none;
  433. }
  434.  
  435. .connect-account-btn .connect-account-btn-inner{
  436. border-radius: 0;
  437. }
  438.  
  439. .settings-connections-wrapper .user-settings-modal-connections .user-settings-modal-connections-list .connection{
  440. border-radius: 0;
  441. }
  442.  
  443. .settings-connections-wrapper .user-settings-modal-connections .user-settings-modal-connections-list .connection .connection-header .btn-delete{
  444. border-radius: 0;
  445. }
  446.  
  447. .settings-connections-wrapper .authed-app{
  448. border-radius: 0;
  449. background-color: rgba(255, 255, 255, 0.2);
  450. border: 0;
  451. }
  452.  
  453. .settings-connections-wrapper .authed-app .details .header{
  454. color: rgba(255, 255, 255, 0.42);
  455. }
  456.  
  457. .settings-connections-wrapper .authed-app .header .header-actions .action-btn{
  458. border-radius: 0;
  459. }
  460.  
  461. .settings-connections-wrapper .authed-app .details .body,
  462. .settings-connections-wrapper .authed-app .details .body li,
  463. .settings-connections-wrapper .authed-app .header .app-name{
  464. color: rgba(255, 255, 255, 0.8);
  465. }
  466.  
  467. .user-settings-modal .account-warning{
  468. border-radius: 0;
  469. border: 0;
  470. background-color: rgba(253, 237, 237, 0.9);
  471.  
  472. }
  473.  
  474. .user-settings-modal-keybinds .user-settings-modal-keybinds-header{
  475. border-color: rgba(255, 255, 255, 0.2);
  476. }
  477.  
  478. .settings .settings-inner .settings-panel{
  479. background-color: rgba(0, 0, 0, 0);
  480. }
  481.  
  482. .form .btn-default{
  483. background-color: rgba(255, 255, 255, 0.2);
  484. color: rgba(255, 255, 255, 0.8);
  485. border: 0;
  486. padding: 10px;
  487. }
  488.  
  489. .form .btn-default:hover{
  490. border: 0;
  491. }
  492.  
  493. .form .btn-primary{
  494. border-radius: 0;
  495. color: rgba(255, 255, 255, 0.9);
  496. }
  497.  
  498. .form header{
  499. color: rgba(255, 255, 255, 0.8) !important;
  500. }
  501.  
  502. #instant-invite-modal .blurb{
  503. color: rgba(255, 255, 255, 0.5);
  504. }
  505.  
  506. .instant-invite-modal{
  507. background-color: rgba(42, 42, 42, 0.8);
  508. border-radius: 0;
  509. }
  510.  
  511. .instant-invites .instant-invites-list .instant-invite+.instant-invite{
  512. border-color: rgba(255, 255, 255, 0.2);
  513. }
  514.  
  515. .instant-invites .instant-invites-list .instant-invite .member{
  516. color: rgba(255, 255, 255, 0.8);
  517. }
  518.  
  519. .instant-invites .instant-invites-list .instant-invite .channel{
  520. color: rgba(255, 255, 255, 0.3);
  521. }
  522.  
  523. .checkbox .checkbox-inner span{
  524. border-color: rgba(255, 255, 255, 0.2);
  525. border-radius: 0;
  526. }
  527.  
  528. .checkbox .checkbox-inner+span{
  529. color: rgba(255, 255, 255, 0.5);
  530. }
  531.  
  532. #instant-invite-modal .form-inner,
  533. #instant-invite-modal .form-header,
  534. #instant-invite-modal .form-actions,
  535. #instant-invite-modal-advanced .form-inner,
  536. #instant-invite-modal-advanced .form-actions{
  537. background-color: rgba(0, 0, 0, 0);
  538. }
  539.  
  540. #permissions ul li{
  541. color: rgba(255, 255, 255, 0.8);
  542. }
  543.  
  544. #permissions .permission-actions>div{
  545. background-color: rgba(255, 255, 255, 0.3);
  546. border-color: rgba(0, 0, 0, 0);
  547. border-radius: 0;
  548. }
  549.  
  550. #permissions .permission-actions.disabled>div{
  551. background-color: rgba(255, 255, 255, 0.1);
  552. border-color: rgba(0, 0, 0, 0);
  553. }
  554.  
  555. .form .control-group textarea{
  556. background-color: rgba(255, 255, 255, 0.2);
  557. color: rgba(255, 255, 255, 0.8);
  558. border: 0;
  559. }
  560.  
  561. .form .form-header,
  562. .form .form-inner,
  563. .form .form-actions
  564. {
  565. background-color: rgba(42, 42, 42, 0.8);
  566. color: rgba(255, 255, 255, 0.9);
  567. border-radius: 0;
  568. border: 0;
  569. }
  570.  
  571. .form .form-inner:first-child,
  572. .form .form-inner:last-child{
  573. border-radius: 0;
  574. }
  575.  
  576. .alert.form .form-inner .cancel{
  577. border-radius: 0;
  578. }
  579.  
  580. .alert.form.has-icon:before{
  581. border-radius: 0;
  582. background-color: rgba(0, 0, 0, 0);
  583. }
  584.  
  585. div.control-group .shortcut-recorder input[type=text]{
  586. border: 0;
  587. border-radius: 0;
  588. background-color: rgba(255, 255, 255, 0.2) !important;
  589. color: rgba(255, 255, 255, 0.8);
  590. }
  591.  
  592. .status-online {
  593. background-color: #00cbff;
  594. }
  595.  
  596. .status-idle {
  597. background-color: #ffffff;
  598. }
  599.  
  600. .notice.notice-streamer-mode{
  601. background-color: rgba(89, 54, 149, 0.5);
  602. }
  603.  
  604. .notice.notice-danger{
  605. background-color: rgba(240, 71, 71, 0.5);
  606. }
  607.  
  608. .notice{
  609. background-color: rgba(242, 101, 34, 0.5);
  610. color: rgba(255, 255, 255, 0.9);
  611. }
  612.  
  613. .notice .btn{
  614. background-color: rgba(255, 255, 255, 0.2);
  615. color: rgba(255, 255, 255, 0.8);
  616. border-radius: 0;
  617. border: 0;
  618. }
  619.  
  620. .notice .btn:hover{
  621. background-color: rgba(255, 255, 255, 0.3);
  622. color: rgba(255, 255, 255, 0.9) !important;
  623. }
  624.  
  625. .channel-notice.invite{
  626. background: url(/assets/bf625d222187f542b9d7179109422e2c.svg) center 20px no-repeat #282b30;
  627. background-color: rgba(0, 0, 0, 0.3) !important;
  628. }
  629.  
  630. .channel-notices .channel-notice{
  631. box-shadow: none;
  632. }
  633.  
  634. .channel-notices .channel-notice .message .btn,
  635. .channel-notices .channel-notice.quickswitcher-notice,
  636. .channel-notices .channel-notice.guild-mfa-warning{
  637. color: rgba(255, 255, 255, 0.9);
  638. background-color: rgba(0, 0, 0, 0.42);
  639. }
  640.  
  641. .channel-notices .channel-notice .message .btn{
  642. border-radius: 0;
  643. border: none;
  644. }
  645.  
  646. .account {
  647. padding-top: 2px;
  648. background-color: rgba(0, 0, 0, 0.42) !important;
  649. border: 0 !important;
  650. }
  651.  
  652. .account .btn-group,
  653. .account .btn-group .btn {
  654. border: 0 !important;
  655. }
  656.  
  657. .account .btn-group .btn {
  658. border-radius: 15px;
  659. background: rgba(0, 0, 0, 0.3) !important;
  660. box-shadow: none;
  661. outline: 0;
  662. border: 0 !important;
  663. }
  664.  
  665. .account .btn-group .btn:hover {
  666. border-radius: 15px;
  667. background: rgba(0, 0, 0, 0.7) !important;
  668. box-shadow: 0;
  669. border: 0 !important;
  670. }
  671.  
  672. .user-settings-security .btn-ghost{
  673. padding-top: 10px;
  674. padding-bottom: 10px;
  675. background-color: rgba(255, 255, 255, 0.2);
  676. border: 0;
  677. border-radius: 0;
  678. }
  679.  
  680. .btn-confirm{
  681. border-radius: 0;
  682. }
  683.  
  684. .message-group h2 strong{
  685. color: rgba(255, 255, 255, 0.95);
  686. }
  687.  
  688. .message-group .comment .markup{
  689. color: rgba(255, 255, 255, 0.7);
  690. }
  691.  
  692. .theme-dark .message-group .embed-wrapper .embed-color-pill{
  693. border-radius: 0;
  694. }
  695.  
  696. .theme-dark .message-group .embed{
  697. background-color: rgba(10, 10, 10, 0.5);
  698. border-radius: 0;
  699. border: 0;
  700. }
  701.  
  702. .message-group .mentioned .message-text:after{
  703. border-radius: 0;
  704. }
  705.  
  706. .theme-dark .reaction{
  707. background-color: rgba(10, 10, 10, 0.3);
  708. border-radius: 0;
  709. }
  710.  
  711. .message-reactions-modal{
  712. background: rgba(255, 255, 0, 0);
  713. box-shadow: none;
  714. }
  715.  
  716. .message-reactions-modal .message-reactions-list .scroller-wrap{
  717. background-color: rgba(0, 0, 0, 0.3);
  718. border-radius: 0;
  719. }
  720.  
  721. .message-reactions-modal .message-reactions-list-inner{
  722. background-color: rgba(0, 0, 0 ,0);
  723. }
  724.  
  725. .message-reactions-modal .message-reactions-reactors{
  726. background-color: rgba(42, 42, 42, 0.8);
  727. }
  728.  
  729. .message-reactions-modal .message-reactions-reactors .reactor{
  730. box-shadow: none;
  731. }
  732.  
  733. .message-reactions-modal .message-reactions-list-inner .reaction.selected{
  734. background-color: rgba(255, 255, 255, 0.2);
  735. }
  736.  
  737. .message-reactions-modal .message-reactions-list-inner .reaction.selected:hover{
  738. background-color: rgba(255, 255, 255, 0.25) !important;
  739. }
  740.  
  741. .message-reactions-modal .message-reactions-list-inner .reaction{
  742. background-color: rgba(255, 255, 255, 0.1);
  743. border-radius: 0;
  744. }
  745.  
  746. .message-reactions-modal .message-reactions-list-inner .reaction:hover{
  747. background-color: rgba(255, 255, 255, 0.15) !important;
  748. }
  749.  
  750. .message-reactions-modal .message-reactions-list-inner .reaction .count{
  751. color: rgba(255, 255, 255, 0.9);
  752. }
  753. .message-reactions-modal .message-reactions-reactors .reactor .name{
  754. color: rgba(197, 207, 237, 1);
  755. }
  756.  
  757. .theme-dark .channel-textarea-autocomplete-inner header{
  758. border: 0;
  759. background-color: rgba(0, 0, 0, 0.5);
  760. }
  761.  
  762. .channel-textarea-autocomplete-inner header strong{
  763. color: rgba(255, 255, 255, 0.8);
  764. }
  765.  
  766. .theme-dark .channel-textarea-autocomplete-inner{
  767. border: 0;
  768. border-radius: 0;
  769. background-color: rgba(42, 42, 42, 0.8);
  770. }
  771.  
  772. .theme-dark .channel-textarea-autocomplete-inner ul li.active{
  773. background-color: rgba(255, 255, 255, 0.2);
  774. }
  775.  
  776. .theme-dark .channel-textarea-autocomplete-inner:after{
  777. border: 0;
  778. }
  779.  
  780. .channel-textarea-autocomplete-inner:after{
  781. border: 0;
  782. }
  783.  
  784. .channel-textarea-guard .countdown .countdown-number{
  785. background-color: rgba(42, 42, 42, 0.8);
  786. border-radius: 0;
  787. border: none;
  788. }
  789.  
  790. div.message-group-blocked{
  791. display: none;
  792. }
  793.  
  794. #friends,
  795. .friends-table,
  796. .guild-channels,
  797. .channels-wrap,
  798. .links,
  799. .chat,
  800. .messages-wrapper,
  801. .title-wrap,
  802. .content,
  803. .chat-empty,
  804. .private-channels,
  805. .guild-header header,
  806. .guild-header header:after,
  807. .typing,
  808. .divider-red span {
  809. background: transparent !important;
  810. border: 0 !important;
  811. }
  812.  
  813. .scroller-wrap .scroller::-webkit-scrollbar-thumb, .scroller-wrap .scroller::-webkit-scrollbar-track-piece{
  814. background-color: rgba(0, 0, 0, 0.42) !important;
  815. border: none !important;
  816. }
  817.  
  818. .settings .settings-inner .settings-panel{
  819. color: rgba(255, 255, 255, 0.9);
  820. }
  821.  
  822. /* Old voice CSS element?
  823. #voice-connection .btn-group{
  824. border-radius: 0;
  825. border: 0;
  826. }
  827.  
  828. #voice-connection{
  829. border: 0;
  830. background-color: rgba(0, 0, 0, 0.42);
  831. }
  832.  
  833. #voice-connection .btn-info,
  834. #voice-connection .btn-disconnect{
  835. background-color: rgba(0, 0, 0, 0.5);
  836. border: 0;
  837. box-shadow: none;
  838. }
  839.  
  840. #voice-connection-popout section{
  841. background-color: rgba(42, 42, 42, 0.8);
  842. }
  843.  
  844. #voice-connection-popout hr{
  845. border-color: rgba(255, 255, 255, 0.1);
  846. }
  847.  
  848. .popout{
  849. box-shadow: none;
  850. }
  851.  
  852. */
  853.  
  854. #rtc-connection{
  855. background-color: rgba(0, 0, 0, 0.42);
  856. border: none;
  857. }
  858.  
  859. #rtc-connection .btn-group{
  860. border-radius: 0;
  861. border: none;
  862. }
  863.  
  864. #rtc-connection .btn{
  865. background-color: rgba(0, 0, 0, 0.5);
  866. }
  867.  
  868. #rtc-connection .btn-info{
  869. border-radius: 0;
  870. border: none;
  871. }
  872.  
  873. #rtc-connection .btn-disconnect{
  874. box-shadow: none;
  875. }
  876.  
  877. #rtc-connection-popout hr{
  878. border-color: rgba(255, 255, 255, 0.3);
  879. }
  880.  
  881.  
  882. #rtc-debug-modal #users-section .user-list{
  883. border-right: 1px solid rgba(255, 255, 255, 0.2);
  884. }
  885.  
  886. #rtc-debug-modal .diagnostics-checkbox{
  887. border-radius: 0;
  888. }
  889.  
  890. h3{
  891. color: rgba(255, 255, 255, 0.9);
  892. }
  893.  
  894. .popout.popout-top section:after, .popout.popout-top-right section:after{
  895. border-top-color: #7289da;
  896. }
  897.  
  898. .popout section{
  899. background-color: rgba(42, 42, 42, 0.8);
  900. border-radius: 0 !important;
  901. }
  902.  
  903. .popout header,
  904. .user-popout {
  905. border-radius: 0 !important;
  906. }
  907.  
  908. .popout header{
  909. background-color: rgba(42, 42, 42, 0.8);
  910. }
  911.  
  912. .popout-menu{
  913. background-color: rgba(42, 42, 42, 0.8);
  914. border-radius: 0;
  915. }
  916.  
  917. .theme-dark.context-menu .item:hover{
  918. background-color: rgba(255, 255, 255, 0.2) !important;
  919. color: rgba(255, 255, 255, 0.8);
  920. }
  921.  
  922. .popout-menu .popout-menu-item.invite:hover,
  923. .popout-menu .popout-menu-item.leave:hover{
  924. background-color: rgba(255, 255, 255, 0.2);
  925. }
  926.  
  927. .popout-menu .popout-menu-item{
  928. color: rgba(255, 255, 255, 0.8);
  929. }
  930.  
  931. .popout-menu .popout-menu-item:hover{
  932. color: rgba(255, 255, 255, 0.9);
  933. background-color: rgba(255, 255, 255, 0.2);
  934. }
  935.  
  936. .popout-menu .popout-menu-separator{
  937. border-color: rgba(255, 255, 255, 0.2);
  938. }
  939.  
  940. .notification-settings-modal .notification-settings-modal-channel-settings-list{
  941. box-shadow: none;
  942. }
  943.  
  944. .channel-notification-settings .content label{
  945. color: rgba(255, 255, 255, 0.8);
  946. }
  947.  
  948. .channel-mute-button{
  949. opacity: 0.5;
  950. }
  951.  
  952. .channel-notification-settings{
  953. border-color: rgba(255, 255, 255, 0.2);
  954. }
  955.  
  956. .small-popout-box{
  957. background-color: rgba(42, 42, 42, 0.8);
  958. border-radius: 0;
  959. border: 0;
  960. }
  961.  
  962. .option-popout .btn-item{
  963. color: rgba(255, 255, 255, 0.8);
  964. }
  965.  
  966. .option-popout .btn-item:hover{
  967. background-color: rgba(255, 255, 255, 0.2);
  968. color: rgba(255, 255, 255, 0.9);
  969. }
  970.  
  971. .modal-content{
  972. background-color: rgba(0, 0, 0, 0);
  973. }
  974.  
  975. .modal-content .form-inner p{
  976. color: rgba(255, 255, 255, 0.3);
  977. }
  978.  
  979. .private-channels .channel:hover,
  980. .private-channels .channel.selected{
  981. background: none;
  982. }
  983.  
  984. .private-channels .channel:hover{
  985. background-color: rgba(0, 0, 0, 0.2);
  986. }
  987.  
  988. .private-channels .channel.selected{
  989. background-color: rgba(0, 0, 0, 0.42);
  990. }
  991.  
  992. .theme-dark .private-channel-recipients-invite .friend.selected{
  993. background: none;
  994. }
  995.  
  996. .theme-dark .private-channel-recipients-invite .friend:hover{
  997. background: rgba(255, 255, 255, 0.2);
  998. }
  999.  
  1000. .theme-dark .private-channel-recipients-invite .friend{
  1001. background: none;
  1002. }
  1003.  
  1004. .private-channel-recipients-invite .footer button{
  1005. border-radius: 0;
  1006. }
  1007.  
  1008. .private-channel-call .btn-icon{
  1009. border-radius: 0;
  1010. }
  1011.  
  1012. .private-channel-call .btn-text{
  1013. border-radius: 0;
  1014. }
  1015.  
  1016. .theme-dark .chat .private-channel-call{
  1017. background-image: url('https://i.imgur.com/7SbtKvw.png') !important;
  1018. /* You can have your own image here if you want.
  1019.  
  1020. background-image: url('https://i.imgur.com/7SbtKvw.png') !important;
  1021. */
  1022. }
  1023.  
  1024. .theme-dark .ui-quick-select-popout{
  1025. border-radius: 0;
  1026. background-color: rgba(42, 42, 42, 0.8);
  1027. }
  1028.  
  1029. .ui-quick-select-popout-option:hover{
  1030. background-color: rgba(255, 255, 255, 0.2) !important;
  1031. }
  1032.  
  1033. .incoming-call .title{
  1034. color: rgba(255, 255, 255, 0.9);
  1035. }
  1036.  
  1037. .incoming-call .incoming-call-inner{
  1038. border-radius: 0;
  1039. background-color: rgba(42, 42, 42, 0.8);
  1040. }
  1041.  
  1042. .incoming-call .options .option{
  1043. border-radius: 0;
  1044. }
  1045.  
  1046. .ui-quick-select-popout-option.selected{
  1047. background-color: rgba(0, 0, 0, 0);
  1048. }
  1049.  
  1050. .theme-dark .themed-popout .footer{
  1051. background: none;
  1052. }
  1053.  
  1054. #friends .btn{
  1055. background-color: rgba(255, 255, 255, 0.2);
  1056. border-radius: 0;
  1057. }
  1058.  
  1059. #friends .friends-empty .btn{
  1060. border-radius: 0;
  1061. }
  1062.  
  1063. #friends .btn:hover{
  1064. background-color: rgba(255, 255, 255, 0.42);
  1065. }
  1066.  
  1067. #friends .friends-header .tab-bar .tab-bar-item {
  1068. border-radius: 0;
  1069. }
  1070.  
  1071. .theme-dark #friends .friends-table .friend-table-add-wrapper .friend-table-add-header{
  1072. background: 0 0;
  1073. border: 0;
  1074. }
  1075.  
  1076. .add-friend-input-wrapper{
  1077. border-radius: 0;
  1078. border: 0;
  1079. }
  1080.  
  1081. .theme-dark .add-friend-input-wrapper {
  1082. background-color: rgba(0, 0, 0, 0.42);
  1083. }
  1084.  
  1085. .theme-dark #friends .friends-header .tab-bar .tab-bar-item:hover:not(.selected){
  1086. background-color: rgba(255, 255, 255, 0.2);
  1087. }
  1088.  
  1089. .theme-dark #friends .friends-table .friends-row .friends-column-actions .friends-action{
  1090. border-radius: 0;
  1091. background-color: rgba(255, 255, 255, 0.2);
  1092. }
  1093.  
  1094. #friends .friends-table .friends-row:hover:not(.selected){
  1095. background-color: rgba(0, 0, 0, 0.2);
  1096. border: 0;
  1097. border-radius: 0;
  1098. }
  1099.  
  1100. .theme-dark .chat .title-wrap{
  1101. background-color: rgba(0, 0, 0, 0.5) !important;
  1102. }
  1103.  
  1104. .chat form{
  1105. box-shadow: none;
  1106. }
  1107.  
  1108. .theme-dark .chat .has-more button {
  1109. background: rgba(0, 0, 0, 0.42);
  1110. border: 0;
  1111. border-radius: 0 !important;
  1112. }
  1113.  
  1114. .theme-dark .chat .jump-to-present-bar {
  1115. background-color: rgba(255, 255, 255, 0.2);
  1116. border-radius: 0;
  1117. }
  1118.  
  1119. .theme-dark .chat .jump-to-present-bar:hover{
  1120. background-color: rgba(60, 60, 60, 0.8) !important;
  1121. }
  1122.  
  1123. .chat .jump-to-present-bar button{
  1124. color: rgba(255, 255, 255, 0.8);
  1125. }
  1126.  
  1127.  
  1128. div.guild-header{
  1129. background-color: rgba(0, 0, 0, 0.5);
  1130. height: 57px;
  1131. }
  1132.  
  1133. .theme-dark .friends-table .messages .divider:not(.red) div,
  1134. .theme-dark .messages-wrapper .messages .divider:not(.red) div{
  1135. background-color: rgba(255, 255, 255, 0.1);
  1136. }
  1137.  
  1138. .new-messages-indicator{
  1139. border-radius: 0;
  1140. }
  1141.  
  1142. .new-messages-indicator.bottom{
  1143. border-radius: 0;
  1144. }
  1145.  
  1146. .form .control-groups.control-separator{
  1147. border-color: rgba(255, 255, 255, 0.2);
  1148. }
  1149.  
  1150. .region-select .region-select-inner,
  1151. .region-select button{
  1152. background-color: rgba(255, 255, 255, 0.2);
  1153. border-radius: 0;
  1154. border: 0;
  1155. }
  1156.  
  1157. .region-select-name,
  1158. .region-select button{
  1159. color: rgba(255, 255, 255, 0.8);
  1160. }
  1161.  
  1162. .region-select button:hover{
  1163. background-color: rgba(255, 255, 255, 0.42);
  1164. color: rgba(255, 255, 255, 0.95);
  1165. }
  1166.  
  1167. .region-select-modal{
  1168. background-color: rgba(42, 42, 42, 0.8);
  1169. border-radius: 0;
  1170. }
  1171.  
  1172. .region-select-modal .region-select-modal-header{
  1173. color: rgba(255, 255, 255, 0.9);
  1174. }
  1175.  
  1176. .region-select-modal .region-select-modal-option{
  1177. background-color: rgba(255, 255, 255, 0.2);
  1178. border-radius: 0;
  1179. border: 0;
  1180. }
  1181.  
  1182. .instant-invites .instant-invites-header{
  1183. border-color: rgba(255, 255, 255, 0.2);
  1184. }
  1185.  
  1186. .search-bar-tag{
  1187. background-color: rgba(255, 255, 255, 0.2);
  1188. border-radius: 0;
  1189. }
  1190.  
  1191. .search-bar.search-bar-light .search-bar-inner{
  1192. background-color: rgba(0, 0, 0, 0.5) !important;
  1193. border-radius: 0 !important;
  1194. border: 0;
  1195. }
  1196.  
  1197. .search-bar.search-bar-light input{
  1198. color: rgba(255, 255, 255, 0.8);
  1199. }
  1200.  
  1201. .guild-settings-modal-integrations .guild-settings-modal-integrations-header{
  1202. border-color: rgba(255, 255, 255, 0.2);
  1203. box-shadow: none;
  1204. }
  1205.  
  1206. .guild-settings-modal-integrations .guild-settings-modal-integrations-body.no-integrations p{
  1207. color: rgba(255, 255, 255, 0.5);
  1208. }
  1209.  
  1210. .guild-settings-modal-members{
  1211. background-color: rgba(0, 0, 0, 0);
  1212. }
  1213.  
  1214. .guild-settings-modal-members .guild-settings-modal-members-header .form .Select .Select-value{
  1215. background-color: rgba(255, 255, 255, 0.2);
  1216. color: rgba(255, 255, 255, 0.8);
  1217. }
  1218.  
  1219. .guild-settings-modal-members .guild-settings-modal-members-header,
  1220. .guild-settings-modal-members .guild-settings-modal-list .member+.member{
  1221. border-color: rgba(255, 255, 255, 0.2);
  1222. }
  1223.  
  1224. .guild-settings-modal-members .guild-settings-modal-members-footer{
  1225. border-color: rgba(255, 255, 255, 0.2);
  1226. }
  1227.  
  1228. .theme-dark .guild-settings-members-member .tag{
  1229. color: rgba(255, 255, 255, 0.7);
  1230. }
  1231.  
  1232. .guild-settings-modal .emoji-row .btn+.btn,
  1233. .guild-settings-modal .member-buttons .btn{
  1234. background-color: rgba(255, 255, 255, 0.2);
  1235. color: rgba(255, 255, 255, 0.8);
  1236. border-radius: 0;
  1237. border: 0;
  1238. }
  1239.  
  1240. .guild-settings-modal .member-buttons .btn:hover {
  1241. background-color: rgba(255, 255, 255, 0.42);
  1242. }
  1243.  
  1244. .guild-settings-modal .member-buttons .btn.btn-danger:hover{
  1245. background-color: rgba(255, 200, 200, 0.42);
  1246. }
  1247.  
  1248. .guild-settings-modal .emoji-row .btn.btn-danger,
  1249. .guild-settings-modal .member-buttons .btn.btn-danger{
  1250. border: 0;
  1251. }
  1252.  
  1253. #settings-roles .roles{
  1254. border-color: rgba(255, 255, 255, 0.2);
  1255. }
  1256.  
  1257. #settings-roles .roles header{
  1258. border-color: rgba(255, 255, 255, 0.2);
  1259. }
  1260.  
  1261. #settings-roles .roles li:hover{
  1262. background: rgba(255, 255, 255, 0.1) none;
  1263. }
  1264.  
  1265. #settings-roles .roles li.selected{
  1266. background: rgba(255, 255, 255, 0.2) none;
  1267. }
  1268.  
  1269. .color-picker .swatches .swatch.large{
  1270. border-radius: 0;
  1271. }
  1272.  
  1273. .color-picker-popout{
  1274. background-color: rgba(42, 42, 42, 0.8);
  1275. border-radius: 0;
  1276. border: 0;
  1277. box-shadow: none;
  1278. }
  1279.  
  1280. .guild-settings-modal-members .guild-settings-modal-list .member .member-username{
  1281. color: rgba(255, 255, 255, 0.8);
  1282. }
  1283.  
  1284. .color-picker-popout input{
  1285. background-color: rgba(255, 255, 255, 0.2);
  1286. color: rgba(255, 255, 255, 0.8);
  1287. border-radius: 0;
  1288. border: 0;
  1289. }
  1290.  
  1291. .color-picker .swatches .swatch.custom:after,
  1292. .color-picker .swatches .swatch.selected:after{
  1293. border-radius: 0;
  1294. }
  1295.  
  1296. .guild-settings-modal-emoji .guild-settings-modal-emoji-header p{
  1297. color: rgba(255, 255, 255, 0.5);
  1298. }
  1299.  
  1300. .guild-settings-modal-emoji .guild-settings-modal-emoji-header,
  1301. .guild-settings-modal-emoji .emoji-row{
  1302. border-color: rgba(255, 255, 255, 0.2);
  1303. }
  1304.  
  1305. .guild-settings-modal-emoji .emoji-row .emoji-name{
  1306. border-radius: 0;
  1307. border: 0;
  1308. }
  1309.  
  1310. .guild-settings-modal .emoji-row .btn{
  1311. background-color: rgba(255, 255, 255, 0.2);
  1312. border-radius: 0;
  1313. }
  1314.  
  1315. .guild-settings-modal .emoji-row .btn.btn-danger:hover{
  1316. background-color: rgba(255, 200, 200, 0.4);
  1317. }
  1318.  
  1319. .clipboard-input-inner{
  1320. background-color: rgba(255, 255, 255, 0.2);
  1321. border: 0;
  1322. border-radius: 0;
  1323. }
  1324.  
  1325. .clipboard-input-inner input{
  1326. background-color: rgba(255, 255, 255, 0);
  1327. color: rgba(255, 255, 255, 0.8);
  1328. }
  1329.  
  1330. .clipboard-input-inner button{
  1331. background-color: rgba(255, 255, 255, 0.6);
  1332. border: 0;
  1333. }
  1334.  
  1335. .clipboard-input-inner button:first-of-type:before{
  1336. background: none;
  1337. }
  1338.  
  1339. .webhooks .webhooks-header{
  1340. border-color: rgba(255, 255, 255, 0.2);
  1341. }
  1342.  
  1343. .webhooks .webhook{
  1344. background-color:rgba(255, 255, 255, 0.2);
  1345. border-radius: 0;
  1346. border: 0;
  1347. }
  1348.  
  1349. .webhooks .webhook .webhook-header .webhook-details .webhook-name{
  1350. color: rgba(255, 255, 255, 0.8);
  1351. }
  1352.  
  1353. .webhooks .webhook .webhook-header .webhook-details .webhook-created-on{
  1354. color: rgba(255, 255, 255, 0.5);
  1355. }
  1356.  
  1357. .form .btn-clear{
  1358. background: rgba(255, 255, 255, 0.2);
  1359. color: rgba(255, 255, 255, 0.8);
  1360. border-radius: 0;
  1361. border: 0;
  1362. }
  1363.  
  1364. .form .btn-clear:hover{
  1365. background: rgba(255, 255, 255, 0.4);
  1366. }
  1367.  
  1368. .tooltip{
  1369. border-radius: 0;
  1370. background-color: rgba(42, 42, 42, 0.8);
  1371. }
  1372.  
  1373. .friends-header{
  1374. background-color: rgba(0, 0, 0, 0.5) !important;
  1375. height: 57px !important;
  1376. border: 0 !important;
  1377. }
  1378.  
  1379.  
  1380. .search-bar{
  1381. background-color: rgba(0, 0, 0, 0.5);
  1382. box-shadow: none;
  1383. }
  1384.  
  1385. .search-bar.search-bar-light{
  1386. background-color: rgba(0, 0, 0, 0);
  1387. }
  1388.  
  1389. .search-bar .search-bar-inner{
  1390. border: 0;
  1391. border-radius: 0;
  1392. }
  1393.  
  1394. .guilds-wrapper{
  1395. background-color: rgba(0, 0, 0, 0.5);
  1396. }
  1397.  
  1398. .guilds-wrapper .guilds-add{
  1399. background-color: rgba(0, 0, 0, 0);
  1400. }
  1401.  
  1402. .guild-channels .channel-text.selected,
  1403. .guild-channels .channel-text:hover{
  1404. background-size: 0 0 !important;
  1405. }
  1406.  
  1407. .guild-channels .channel-text.selected{
  1408. background-color: rgba(0, 0, 0, 0.42);
  1409. }
  1410.  
  1411. .guild-channels .channel-text:hover{
  1412. background-color: rgba(0, 0, 0, 0.2);
  1413. }
  1414.  
  1415. .create-guild-container{
  1416. background-color: rgba(0, 0, 0, 0);
  1417. }
  1418.  
  1419. .create-guild-container .create-or-join .form-inner{
  1420. background-color: rgba(42, 42, 42, 0.8);
  1421. border-radius: 0;
  1422. }
  1423.  
  1424. .create-guild-container .action{
  1425. background-color: rgba(255, 255, 255, 0.2);
  1426. }
  1427.  
  1428. .create-guild-container .action.create .action-header,
  1429. .create-guild-container .action.join .action-header{
  1430. color: rgba(255, 255, 255, 0.8);
  1431. }
  1432.  
  1433. .theme-dark .channel-members{
  1434. background-color: rgba(0, 0, 0, 0);
  1435. }
  1436.  
  1437. .channel-members-wrap .scroller-wrap .scroller{
  1438. background: rgba(0, 0, 0, 0.2);
  1439. }
  1440.  
  1441. .theme-dark .channel-members .member.popout-open{
  1442. background: 0 0;
  1443. }
  1444.  
  1445. .channel-members .member:hover{
  1446. background: rgba(0, 0, 0, 0.42) !important;
  1447. }
  1448.  
  1449. .theme-dark .channel-members .member.popout-open{
  1450. background-color: rgba(0, 0, 0, 0.42) !important;
  1451. }
  1452.  
  1453. .theme-dark .channel-members .member:not(.disabled).popout-open,
  1454. .theme-dark .channel-members .member:not(.disabled):hover{
  1455. background: 0 0;
  1456. }
  1457.  
  1458. .theme-dark .channel-members .member:hover{
  1459. background-color: rgba(0, 0, 0, 0.2);
  1460. }
  1461.  
  1462. .member-roles .member-role{
  1463. color: rgba(255, 255, 255, 0.8);
  1464. border-radius: 0 !important;
  1465. background-color: rgba(255, 255, 255, 0.2);
  1466. border-color: rgba(255, 255, 255, 0.3);
  1467. }
  1468.  
  1469. .member-roles .member-role.member-role-add{
  1470. border-color: rgba(255, 255, 255, 0.3);
  1471. background-color: rgba(255, 255, 255, 0.15);
  1472. }
  1473.  
  1474. .user-popout .username-wrapper .discord-tag .username{
  1475. color: rgba(255, 255, 255, 0.9);
  1476. }
  1477.  
  1478. .user-popout .username-wrapper .discord-tag .discriminator{
  1479. color: rgba(255, 255, 255, 0.75);
  1480. }
  1481.  
  1482. #user-profile-modal{
  1483. border-radius: 0;
  1484. }
  1485.  
  1486. #user-profile-modal .btn{
  1487. border-radius: 0;
  1488. }
  1489.  
  1490. #user-profile-modal .header .header-info .header-info-inner .activity{
  1491. color: rgba(255, 255, 255, 0.42);
  1492. }
  1493.  
  1494. #user-profile-modal .guilds .guild:hover{
  1495. background: rgba(255, 255, 255, 0.2) none;
  1496. }
  1497.  
  1498. #user-profile-modal .guilds .guild .guild-name{
  1499. color: rgba(197, 207, 237, 1)
  1500. }
  1501.  
  1502. .note textarea,
  1503. #user-profile-modal .tab-bar .tab-bar-item.selected{
  1504. border-bottom-color: rgba(255, 255, 255, 0.8);
  1505. color: rgba(255, 255, 255, 0.8);
  1506. }
  1507.  
  1508. .note textarea:focus{
  1509. background-color: rgba(255, 255, 255, 0.2);
  1510. }
  1511.  
  1512. #user-profile-modal .guilds .section .section-header,
  1513. #user-profile-modal .tab-bar .tab-bar-item{
  1514. color: rgba(255, 255, 255, 0.3);
  1515. }
  1516.  
  1517. #user-profile-modal .guilds .section+.section{
  1518. border-color: rgba(255, 255, 255, 0.2);
  1519. }
  1520.  
  1521. #user-profile-modal .guilds .section .connected-accounts .connected-account{
  1522. background-color: rgba(255, 255, 255, 0.2);
  1523. border-radius: 0;
  1524. border: 0;
  1525. }
  1526.  
  1527. #user-profile-modal .guilds .section .connected-accounts .connected-account .connected-account-name-inner .connected-account-name{
  1528. color: rgba(255, 255, 255, 0.8);
  1529. }
  1530.  
  1531. #autocomplete-popout section{
  1532. background-color: rgba(42, 42, 42, 0.8);
  1533. }
  1534.  
  1535. #autocomplete-popout .row.selected{
  1536. background: none;
  1537. background-color: rgba(255, 255, 255, 0.1) !important;
  1538. }
  1539.  
  1540. #autocomplete-popout header{
  1541. background-color: rgba(33, 33, 33, 0.9);
  1542. }
  1543.  
  1544. #autocomplete-popout .row a,
  1545. #autocomplete-popout .row.selected a,
  1546. #autocomplete-popout .row:hover a{
  1547. color: rgba(255, 255, 255, 0.8);
  1548. }
  1549.  
  1550. #autocomplete-popout .empty h4{
  1551. color: rgba(255, 255, 255, 0.8);
  1552. }
  1553.  
  1554. .embed .image,
  1555. .embed video,
  1556. .embed .embed-video-actions .embed-video-actions-inner{
  1557. border-radius: 0;
  1558. }
  1559.  
  1560. .embed.embed-rich .embed-rich-thumb{
  1561. border-radius: 0;
  1562. }
  1563.  
  1564. .quick-message{
  1565. border: 0 !important;
  1566. border-radius: 0;
  1567. background-color: rgba(0, 0, 0, 0.3);
  1568. }
  1569.  
  1570. .quick-message.isBlocked{
  1571. background-color: rgba(0, 0, 0, 0.6);
  1572. }
  1573.  
  1574. .channel-textarea-guard button{
  1575. border-radius: 0;
  1576. }
  1577.  
  1578. input:disabled{
  1579. opacity: 0.3;
  1580. }
  1581.  
  1582. .markdown-modal{
  1583. background-color: rgba(42, 42, 42, 0.8);
  1584. border-radius: 0;
  1585. }
  1586.  
  1587. .markdown-modal .markdown-modal-header{
  1588. border: 0;
  1589. }
  1590.  
  1591. .markdown-modal .markdown-modal-footer{
  1592. border: 0;
  1593. background-color: rgba(0, 0, 0, 0);
  1594. }
  1595.  
  1596. .markdown-modal.selectable .scroller{
  1597. color: rgba(255, 255, 255, 0.9);
  1598. }
  1599.  
  1600. .theme-dark .message-group .comment .markup .mention{
  1601. background-color: rgba(179, 224, 255, 0.1);
  1602. }
  1603.  
  1604. .theme-dark .message-group.is-local-bot-message{
  1605. background: rgba(42, 42, 42, 0.42) none;
  1606. border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  1607. box-shadow: none;
  1608. }
  1609.  
  1610. .theme-dark .channel-textarea-inner{
  1611. border: 0;
  1612. border-radius: 0;
  1613. background-color: rgba(0, 0, 0, 0.42);
  1614. }
  1615.  
  1616. .theme-dark .channel-textarea-inner .channel-textarea-upload{
  1617. border: 0;
  1618. }
  1619.  
  1620. .guild-header header{
  1621. box-shadow: none;
  1622. }
  1623.  
  1624. .avatar-wrapper {
  1625. background: rgba(0, 0, 0, 0) !important
  1626. }
  1627.  
  1628. .popout .user-popout .body,
  1629. .popout .user-popout .footer {
  1630. background-color: rgba(42, 42, 42, 0.8) !important;
  1631. border: 0 !important;
  1632. }
  1633.  
  1634. .header::after{
  1635. background-size: 0 0;
  1636. }
  1637.  
  1638. .theme-dark .themed-popout .header,
  1639. .theme-dark .themed-popout{
  1640. border-radius: 0;
  1641. border: 0 !important;
  1642. box-shadow: 0 0;
  1643. }
  1644.  
  1645. .theme-dark .themed-popout .header{
  1646. background-color: rgba(0, 0, 0, 0.5);
  1647. }
  1648.  
  1649. .theme-dark .themed-popout{
  1650. background-color: rgba(42, 42, 42, 0.8);
  1651. }
  1652.  
  1653.  
  1654. .theme-dark .messages-popout-wrap .messages-popout .message-group{
  1655. background-color: rgba(0, 0, 0, 0.5);
  1656. border-radius: 0;
  1657. border: 0 !important;
  1658. box-shadow: 0 0;
  1659. }
  1660.  
  1661. .theme-dark .messages-popout-wrap .messages-popout .channel-separator .channel-name{
  1662. color: rgba(255, 255, 255, 0.8);
  1663. }
  1664.  
  1665. .messages-popout .message-group .action-buttons{
  1666. background-color: rgba(42, 42, 42, 0) !important;
  1667. background-size: 0 0;
  1668. box-shadow: none !important;
  1669. }
  1670.  
  1671. .messages-popout .message-group .action-buttons:hover{
  1672. background-color: rgba(255, 255, 255, 0.2) !important;
  1673. }
  1674.  
  1675. .theme-dark .themed-popout .text{
  1676. color: rgba(255, 255, 255, 0.8);
  1677. }
  1678.  
  1679. .search-popout{
  1680. margin-top: 0 !important;
  1681. background-color: rgba(0, 0, 0, 0);
  1682. }
  1683. .results-group{
  1684. margin-top: 0 !important;
  1685. }
  1686.  
  1687. div.search{
  1688. background-color: rgba(0, 0, 0, 0.3);
  1689. }
  1690.  
  1691. div.search-bar{
  1692. border-radius: 0 !important;
  1693. }
  1694.  
  1695. .option strong,
  1696. span.displayed-nick,
  1697. span.answer{
  1698. color: rgba(197, 207, 237, 1) !important;
  1699. }
  1700.  
  1701. span.username{
  1702. color: rgba(197, 207, 237, 1);
  1703. }
  1704.  
  1705. .search-popout{
  1706. border-radius: 0;
  1707. }
  1708.  
  1709. span.filter{
  1710. color: rgba(179, 224, 255, 1) !important;
  1711. }
  1712.  
  1713. span.discriminator{
  1714. color: rgba(135, 144, 156, 1);
  1715. }
  1716.  
  1717. #user-profile-modal .tab-bar-container {
  1718. background-color: rgba(100, 100, 100, 0.42) !important;
  1719. border: 0 !important;
  1720. }
  1721.  
  1722. #user-profile-modal .empty,
  1723. #user-profile-modal .scroller{
  1724. background-color: rgba(42, 42, 42, 0.42);
  1725. }
  1726.  
  1727. #user-profile-modal header {
  1728. background: rgba(114, 137, 218, 0.5) !important;
  1729. border: 0 !important;
  1730. }
  1731.  
  1732. #user-profile-modal footer {
  1733. background: rgba(255, 255, 255, 0.1) !important;
  1734. border: 0 !important;
  1735. }
  1736.  
  1737. #user-profile-modal .header .header-info .header-info-inner .discord-tag .username{
  1738. color: rgba(255, 255, 255, 0.9)
  1739. }
  1740.  
  1741. #user-profile-modal .header .header-info .header-info-inner .discord-tag .discriminator{
  1742. font-size: 13px;
  1743. color: rgba(255, 255, 255, 0.5)
  1744. }
  1745.  
  1746. .messages-wrapper .new-messages-bar {
  1747. background: rgba(114, 137, 218, 0.5) !important;
  1748. border-radius: 0;
  1749. }
  1750.  
  1751. .theme-dark .messages-wrapper .messages .divider:not(.red) span{
  1752. background-color: rgba(0, 0, 0, 0);
  1753. color: rgba(255, 255, 255, 0.5);
  1754. border-radius: 0 !important;
  1755. }
  1756.  
  1757. .chat .divider.divider-red{
  1758. background-color: rgba(0, 0, 0, 0) !important;
  1759. z-index: 1 !important;
  1760. }
  1761.  
  1762. .theme-dark .friends-table .messages .divider.divider-red>div{
  1763. background-color: rgba(0, 0, 0, 0) !important;
  1764. }
  1765.  
  1766. .theme-dark .messages-wrapper .messages .divider.divider-red>div{
  1767. background-color: rgba(240, 71, 71, 0) !important;
  1768. }
  1769.  
  1770. .theme-dark .messages-wrapper .messages .divider:before{
  1771. background-color: #eceeef !important;
  1772. opacity: 0.05;
  1773. }
  1774.  
  1775. .theme-dark .messages-wrapper .messages .divider.divider-red>span {
  1776. margin-left: calc(-100% + 242px);
  1777. /*margin-top: 19px;*/
  1778. background-color: rgba(240, 71, 71, 0.35) !important;
  1779. color: rgb(240, 71, 71);
  1780. z-index: 1 !important;
  1781. }
  1782.  
  1783. .emoji-picker .header{
  1784. background-color: rgba(0, 0, 0, 0.3);
  1785. border: 0 !important;
  1786. }
  1787.  
  1788. div.emoji-picker{
  1789. background-color: rgba(42, 42, 42, 0.8);
  1790. border: 0 !important;
  1791. border-radius: 0 !important;
  1792. }
  1793.  
  1794. .emoji-picker .scroller .emoji-item.selected{
  1795. background-color: rgba(255, 255, 255, 0.2);
  1796. border-radius: 0;
  1797. }
  1798.  
  1799. input.emoji-name.input{
  1800. background-color: rgba(255, 255, 255, 0.2) !important;
  1801. color: rgba(255, 255, 255, 0.8);
  1802. }
  1803.  
  1804. .guild-settings-modal-emoji .emoji-uploader .emoji-uploader-username{
  1805. color: rgba(255, 255, 255, 0.8);
  1806. }
  1807.  
  1808. .deprecated-settings-modal .settings-inner{
  1809. background-color: rgba(42, 42, 42, 0.8);
  1810. }
  1811.  
  1812. .deprecated-settings-modal .settings-actions{
  1813. border-radius: 0;
  1814. background-color: rgba(42, 42, 42, 0.8);
  1815. border: none;
  1816. }
  1817.  
  1818. .notification-settings-modal.deprecated-settings-modal .settings-actions{
  1819. border-radius: 0;
  1820. }
  1821.  
  1822. .notification-settings-modal.deprecated-settings-modal .settings-inner:first-child{
  1823. border-radius: 0;
  1824. }
  1825.  
  1826.  
  1827. div.search-header,
  1828. div.search-results-wrap{
  1829. background-color: rgba(0, 0, 0, 0.2) !important;
  1830. }
  1831.  
  1832. div.emoji-picker .sticky-header,
  1833. span.channel-name{
  1834. background-color: rgba(0, 0, 0, 0.0) !important;
  1835. }
  1836.  
  1837. .theme-dark .search .search-bar{
  1838. background-color: rgba(0, 0, 0, 0.5);
  1839. }
  1840.  
  1841. .theme-dark .search-popout{
  1842. box-shadow: none !important;
  1843. }
  1844.  
  1845. .search-popout .option .non-text{
  1846. color: rgba(255, 255, 255, 0.9);
  1847. }
  1848.  
  1849. .search-popout .search-query{
  1850. background-color: rgba(0, 0, 0, 0.5);
  1851. border: 0;
  1852. }
  1853.  
  1854. .search-popout .results-group:before{
  1855. border: 0;
  1856. }
  1857.  
  1858. .theme-dark .theme-light .ui-calendar-picker .react-datepicker,
  1859. .theme-light .ui-calendar-picker .react-datepicker{
  1860. background-color: rgba(0, 0, 0, 0.25);
  1861. }
  1862.  
  1863. .theme-dark .theme-light .ui-calendar-picker .react-datepicker__header,
  1864. .theme-light .ui-calendar-picker .react-datepicker__header{
  1865. background-color: rgba(0, 0, 0, 0);
  1866. }
  1867.  
  1868. .search-popout .date-picker{
  1869. background-color: rgba(0, 0, 0, 0.25);
  1870. border: 0;
  1871. }
  1872.  
  1873. .theme-dark .theme-light .ui-calendar-picker .react-datepicker__current-month,
  1874. .theme-light .ui-calendar-picker .react-datepicker__current-month{
  1875. background-color: rgba(0, 0, 0, 0) !important;
  1876. color: rgba(255, 255, 255, 0.9);
  1877. }
  1878.  
  1879. .theme-dark .theme-light .ui-calendar-picker .react-datepicker__week .react-datepicker__day:last-of-type,
  1880. .theme-light .ui-calendar-picker .react-datepicker__week .react-datepicker__day:last-of-type,
  1881. .theme-dark .theme-light .ui-calendar-picker .react-datepicker__day,
  1882. .theme-light .ui-calendar-picker .react-datepicker__day,
  1883. .theme-dark .theme-light .ui-calendar-picker .react-datepicker__day-name,
  1884. .theme-light .ui-calendar-picker .react-datepicker__day-name{
  1885. color: rgba(255, 255, 255, 0.9);
  1886. }
  1887.  
  1888. .react-datepicker{
  1889. border-radius: 0;
  1890. background-color: rgba(42, 42, 42, 0);
  1891. color: rgba(255, 255, 255, 0.8);
  1892. }
  1893.  
  1894. .react-datepicker .react-datepicker__header{
  1895. background-color:rgba(0, 0, 0, 0);
  1896. }
  1897.  
  1898. .react-datepicker .react-datepicker__day--disabled,
  1899. .react-datepicker .react-datepicker__day--outside-month
  1900. {
  1901. background-color: rgba(255, 255, 255, 0.1) !important;
  1902. color: rgba(255, 255, 255, 0.42) !important;
  1903. }
  1904.  
  1905. .react-datepicker__day{
  1906. border-color: rgba(255, 255, 255, 0.2);
  1907. }
  1908.  
  1909. .react-datepicker .react-datepicker__current-month{
  1910. color: rgba(255, 255, 255, 0.8);
  1911. }
  1912.  
  1913. .react-datepicker .react-datepicker__day-name{
  1914. color: rgba(255, 255, 255, 0.5);
  1915. }
  1916.  
  1917. .react-datepicker .react-datepicker__day{
  1918. border: 0;
  1919. background-color: rgba(255, 255, 255, 0.2);
  1920. color: rgba(255, 255, 255, 0.8);
  1921. }
  1922.  
  1923. .search-popout .date-picker .date-picker-hint{
  1924. background-color: rgba(42, 42, 42, 0);
  1925. border: 0;
  1926. border-radius: 0;
  1927. }
  1928.  
  1929. .react-datepicker .react-datepicker__navigation.react-datepicker__navigation--next,
  1930. .react-datepicker .react-datepicker__navigation.react-datepicker__navigation--previous{
  1931. background-color: rgba(255, 255, 255, 0.2);
  1932. border-radius: 0;
  1933. border: 0;
  1934. }
  1935.  
  1936. .react-datepicker .react-datepicker__month>.react-datepicker__week:first-of-type>.react-datepicker__day:first-of-type,
  1937. .react-datepicker .react-datepicker__month>.react-datepicker__week:last-of-type>.react-datepicker__day:first-of-type,
  1938. .react-datepicker .react-datepicker__month>.react-datepicker__week:last-of-type>.react-datepicker__day:last-of-type,
  1939. .react-datepicker .react-datepicker__month>.react-datepicker__week:first-of-type>.react-datepicker__day:last-of-type{
  1940. border-radius: 0;
  1941. }
  1942.  
  1943. .react-datepicker .react-datepicker__month .react-datepicker__week>.react-datepicker__day:last-of-type,
  1944. .react-datepicker .react-datepicker__month>.react-datepicker__week:last-of-type .react-datepicker__day{
  1945. border: 0;
  1946. }
  1947.  
  1948. .react-datepicker .react-datepicker__day.react-datepicker__day--disabled,
  1949. .react-datepicker .react-datepicker__day.react-datepicker__day--disabled:hover{
  1950. color: rgba(255, 255, 255, 0.42);
  1951. }
  1952.  
  1953. .search-popout .date-picker .date-picker-hint .hint-value{
  1954. color: rgba(255, 255, 255, 0.9);
  1955. border-radius: 0;
  1956. }
  1957.  
  1958. .react-datepicker .react-datepicker__day.react-datepicker__day--selected:hover,
  1959. .react-datepicker .react-datepicker__day:hover{
  1960. background-color: rgba(255, 255, 255, 0.3);
  1961. }
  1962.  
  1963. .react-datepicker .react-datepicker__day.react-datepicker__day--today:after{
  1964. background-color: rgba(255, 255, 255, 0.5);
  1965. }
  1966.  
  1967. span.search-filter,
  1968. span.search-answer,
  1969. div.jump-button{
  1970. background-color: rgba(255, 255, 255, 0.2) !important;
  1971. color: rgba(255, 255, 255, 0.9);
  1972. border-radius: 0;
  1973. }
  1974.  
  1975. .messages-popout .message-group .action-buttons .jump-button{
  1976. background-color: rgba(0, 0, 0, 0) !important;
  1977. }
  1978.  
  1979. div.option.selected{
  1980. border-radius: 0;
  1981. background-color: rgba(42, 42, 42, 0.42) !important;
  1982. }
  1983.  
  1984. div.results-group{
  1985. background-color: rgba(0, 0, 0, 0.5) !important;
  1986. border-radius: 0 !important;
  1987. border: 0;
  1988. box-shadow: none !important;
  1989. }
  1990.  
  1991.  
  1992. .theme-dark .search-results-wrap .scroller-wrap .scroller::-webkit-scrollbar-thumb{
  1993. background-color: rgba(0, 0, 0, 0.42) !important;
  1994. border: none !important;
  1995. }
  1996. .theme-dark .search-results-wrap .scroller-wrap .scroller::-webkit-scrollbar-track-piece,
  1997. .scroller-wrap .scroller::-webkit-scrollbar-track-piece{
  1998. background: rgba(0, 0, 0, 0) !important;
  1999. }
  2000.  
  2001. .theme-dark .search-results-wrap .search-header .total-results{
  2002. color: rgba(255, 255, 255, 0.8);
  2003. opacity: 1 !important;
  2004. }
  2005.  
  2006. .theme-dark .search-results-wrap .search-header .tab.selected{
  2007. color: rgba(255, 255, 255, 0.8);
  2008. border-color: rgba(255, 255, 255, 0.8);
  2009. }
  2010.  
  2011. span.search-answer{
  2012. margin-left: 0;
  2013. }
  2014.  
  2015. .hide-overflow{
  2016. overflow: hidden !important;
  2017. /* padding: 17px 17px 17px 17px !important;*/
  2018. }
  2019.  
  2020. .theme-dark .search-results-wrap .search-result .search-result-message.hit,
  2021. .message-group .sink-interactions.clickable{
  2022. border-radius: 0 !important;
  2023. }
  2024.  
  2025. div.option::after,
  2026. div.option.selected::after,
  2027. div.option.user::after,
  2028. div.option.user.selected::after,
  2029. div.option.search-option.selected::after,
  2030. div.option.search-option::after,
  2031. div.option.history::after,
  2032. div.option.history.selected::after
  2033. {
  2034. background-size: 0 0 !important;
  2035. }
  2036.  
  2037. /* search popout */
  2038.  
  2039. div.popout.popout-bottom.no-shadow.search-popout{
  2040. background-color: rgba(42, 42, 42, 0.5) !important;
  2041. }
  2042.  
  2043. div.search-result-message.hit{
  2044. background-color: rgba(0, 0, 0, 0.42) !important;
  2045. box-shadow: 0 0 !important;
  2046. border: 0 !important;
  2047. }
  2048.  
  2049. div.search-result.expanded{
  2050. border: 0 !important;
  2051. }
  2052.  
  2053. div.search-result::before,
  2054. div.search-result::after
  2055. {
  2056. background-size: 0 0;
  2057. }
  2058.  
  2059. button.btn-stroked{
  2060. background-color: rgba(255, 255, 255, 0.2);
  2061. color: rgba(255, 255, 255, 0.8);
  2062. border: 0;
  2063. border-radius: 0;
  2064. }
  2065.  
  2066. .btn-filled.white{
  2067. border-radius: 0;
  2068. }
  2069.  
  2070. .premium-settings .subscription,
  2071. .premium-settings .payment-method .payment-info .card-tools button,
  2072. .premium-settings .premium-header .premium-options button,
  2073. .premium-settings .subscription,
  2074. .premium-settings .subscription .premium-tools button,
  2075. .premium-payment-modal,
  2076. .premium-payment-modal .premium-animation>svg,
  2077. .premium-payment-modal .premium-payment-form,
  2078. .premium-payment-modal .premium-payment-button,
  2079. .premium-settings .payment-method .payment-info .card-tools .ui-button,
  2080. .fancy-credit-input{
  2081. border-radius: 0;
  2082. }
  2083.  
  2084. .ui-form-title.h2,
  2085. .premium-settings .billing-history-list li .date,
  2086. .premium-settings .billing-history-list li .description,
  2087. .premium-settings .billing-history-list li .payment-details{
  2088. color: rgba(255, 255, 255, 0.9);
  2089. }
  2090.  
  2091. .premium-settings .premium-header{
  2092. border-color: rgba(255, 255, 255, 0.2);
  2093. }
  2094.  
  2095. .premium-settings .premium-header .premium-options button.btn-clear{
  2096. background-color: rgba(255, 255, 255, 0.2);
  2097. color: rgba(255, 255, 255, 0.8);
  2098. }
  2099.  
  2100. .premium-settings .premium-header .premium-options button.btn-clear:hover{
  2101. background-color: rgba(255, 255, 255, 0.42);
  2102. }
  2103.  
  2104. .premium-settings .premium-header .premium-options button.btn-clear strong{
  2105. color: rgba(255, 255, 255, 0.9);
  2106. }
  2107.  
  2108. div.card-description,
  2109. div.card-details,
  2110. .premium-settings .payment-method .payment-info .card-info .card-description strong,
  2111. li.completed,
  2112. span.amount {
  2113. color: rgba(255, 255, 255, 0.8) !important;
  2114. }
  2115.  
  2116. .premium-settings .payment-subhead,
  2117. .premium-settings .billing-history .payment-subhead{
  2118. color: rgba(255, 255, 255, 0.3);
  2119. }
  2120.  
  2121. .alert.form.premium-unsubscribe strong,
  2122. .alert.form.premium-upgrade strong{
  2123. color: rgba(197, 207, 237, 1);
  2124. }
  2125.  
  2126. .quickswitcher.dark{
  2127. background-color: rgba(42, 42, 42, 0.8);
  2128. border-radius: 0;
  2129. box-shadow: none;
  2130. }
  2131.  
  2132. .qs-tutorial-messages .qs-search-message{
  2133. opacity: 0.9;
  2134. }
  2135.  
  2136. .quickswitcher.dark .big-input{
  2137. color: rgba(255, 255, 255, 0.9);
  2138. background-color: rgba(255, 255, 255, 0.2);
  2139. border-radius: 0;
  2140. box-shadow: none;
  2141. }
  2142.  
  2143. .quickswitcher.dark .scroller-wrap:before{
  2144. background: 0 #7289da;
  2145. height: 5px;
  2146. }
  2147.  
  2148. .quickswitcher .result .result-display-name,
  2149. .quickswitcher .result .result-username{
  2150. opacity: 1;
  2151. }
  2152.  
  2153. .quickswitcher.dark .result>div .result-match,
  2154. .quickswitcher.dark .result>div .result-type-icon{
  2155. opacity: 0.9;
  2156. }
  2157.  
  2158. .quickswitcher .result .result-display-name{
  2159. opacity: 1;
  2160. color: rgba(197, 207, 237, 1);
  2161. }
  2162.  
  2163. .quickswitcher .result .result-username{
  2164. opacity: 1;
  2165. color: rgba(197, 207, 237, 0.4);
  2166. }
  2167.  
  2168. .quickswitcher .result{
  2169. border-radius: 0;
  2170. }
  2171.  
  2172. .quickswitcher.dark .result.selected{
  2173. background-color: rgba(255, 255, 255, 0.2);
  2174. }
  2175.  
  2176. .quickswitcher.dark .result.selected:after{
  2177. box-shadow: none;
  2178. background-color: rgba(255, 255, 255, 0);
  2179. }
  2180.  
  2181. .quickswitcher.dark .result>div.unread .result-match,
  2182. .quickswitcher.dark .result>div.unread .result-type-icon{
  2183. opacity: 0.9;
  2184. }
  2185.  
  2186. /* PTB and Canary stuff beyond here... for now */
  2187.  
  2188. .ui-card{
  2189. border: none;
  2190. }
  2191.  
  2192. .ui-selectable-item{
  2193. border-radius: 0;
  2194. }
  2195.  
  2196. .ui-search-bar{
  2197. background-color: rgba(0, 0, 0, 0.5) !important;
  2198. border-radius: 0;
  2199. }
  2200.  
  2201. .ui-search-bar .input{
  2202. border-radius: 0;
  2203. }
  2204.  
  2205. .ui-popout-list{
  2206. border-radius: 0;
  2207. }
  2208.  
  2209. .dark-elevation-border-high, .theme-dark .elevation-border-high{
  2210. background-color: rgba(42, 42, 42, 0.8);
  2211. box-shadow: none;
  2212. }
  2213.  
  2214. .theme-dark .ui-standard-sidebar-view .btn-close{
  2215. background-color: rgba(255, 255, 255, 0.1);
  2216. }
  2217.  
  2218. .theme-dark .ui-standard-sidebar-view .btn-close:hover{
  2219. background-color: rgba(255, 255, 255, 0.2);
  2220. }
  2221.  
  2222. .ui-tab-bar.SIDE .ui-tab-bar-item,
  2223. .ui-card,
  2224. .ui-button,
  2225. .ui-radiogroup .ui-card,
  2226. .ui-checkbox-wrapper .ui-checkbox,
  2227. .ui-standard-sidebar-view .btn-close,
  2228. .user-settings-keybinds .ghost-pill,
  2229. .user-settings-games .not-detected,
  2230. .user-settings-games .now-playing,
  2231. .ui-hover-card:before{
  2232. border-radius: 0;
  2233. border: none;
  2234. }
  2235.  
  2236. .theme-dark .ui-standard-sidebar-view{
  2237. background: 0 0;
  2238. }
  2239.  
  2240. .theme-dark .ui-card-primary{
  2241. background-color: rgba(255, 255, 255, 0.1);
  2242. }
  2243.  
  2244. .theme-dark .ui-card-primary:not(.editable):not(.outline) .ui-form-text{
  2245. color: rgba(255, 255, 255, 0.9);
  2246. }
  2247.  
  2248. .theme-dark .ui-card-primary.editable{
  2249. background-color: rgba(255, 255, 255, 0.1);
  2250. }
  2251.  
  2252. .theme-dark .ui-card-primary.editable:hover{
  2253. background-color: rgba(255, 255, 255, 0.2);
  2254. }
  2255.  
  2256. .theme-dark .ui-card-primary .ui-form-title.h5{
  2257. color: rgba(255, 255, 255, 0.9);
  2258. }
  2259.  
  2260. .theme-dark .ui-radiogroup .desc{
  2261. color: rgba(255, 255, 255, 0.7);
  2262. }
  2263.  
  2264. .theme-dark .ui-standard-sidebar-view .sidebar-region,
  2265. .theme-dark .ui-standard-sidebar-view .sidebar-region .scrollbar{
  2266. background-color: rgba(0, 0, 0, 0.42);
  2267. }
  2268.  
  2269. .theme-dark .ui-standard-sidebar-view .content-region,
  2270. .theme-dark .ui-standard-sidebar-view .content-region .scrollbar{
  2271. background-color: rgba(0, 0, 0, 0.55);
  2272. }
  2273.  
  2274. .theme-dark .ui-hover-card:before{
  2275. background-color: rgba(255, 255, 255, 0.2);
  2276. }
  2277.  
  2278. .theme-dark .ui-modal,
  2279. .theme-dark .ui-modal-content{
  2280. background-color: rgba(42, 42, 42, 0.42);
  2281. border-radius: 0;
  2282. }
  2283.  
  2284. .theme-dark .ui-modal-footer{
  2285. background-color: rgba(255, 255, 255, 0.2);
  2286. border-radius: 0;
  2287. box-shadow: none;
  2288. }
  2289.  
  2290. .ui-select .Select-menu{
  2291. border-radius: 0;
  2292. }
  2293.  
  2294. .theme-dark .ui-select .Select-option:hover{
  2295. background-color: rgba(255, 255, 255, 0.2) !important;
  2296. }
  2297.  
  2298. .theme-dark .ui-select .Select-option{
  2299. background-color: rgba(42, 42, 42, 0.8) !important;
  2300. }
  2301.  
  2302. .Select-option:last-child{
  2303. border-radius: 0;
  2304. }
  2305.  
  2306. .theme-dark .ui-select .Select-menu-outer{
  2307. background-color: rgba(42, 42, 42, 0);
  2308. }
  2309.  
  2310. .theme-dark .ui-select .Select-option.is-selected{
  2311. border-radius: 0;
  2312. background-color: rgba(42, 42, 42, 0.8);
  2313. }
  2314.  
  2315. .theme-dark .ui-select .Select-option.is-selected:hover{
  2316. border-radius: 0;
  2317. background-color: rgba(255, 255, 255, 0.2);
  2318. }
  2319.  
  2320. .theme-dark .ui-selectable-item:hover{
  2321. background-color: rgba(255, 255, 255, 0.2);
  2322. }
  2323.  
  2324. .theme-dark .ui-audit-log{
  2325. background-color: rgba(255, 255, 255, 0.1);
  2326. border: none;
  2327. }
  2328.  
  2329. .ui-audit-log{
  2330. border-radius: 0;
  2331. }
  2332.  
  2333. .theme-dark .ui-audit-log{
  2334. color: rgba(255, 255, 255, 0.7)
  2335. }
  2336.  
  2337. .theme-dark .ui-audit-log .user-hook .discrim{
  2338. opacity: 0.9;
  2339. }
  2340.  
  2341. .theme-dark .ui-audit-log strong{
  2342. color: rgba(197, 207, 237, 1);
  2343. }
  2344.  
  2345. .theme-dark .ui-audit-log .timestamp{
  2346. color: rgba(255, 255, 255, 0.6);
  2347. }
  2348.  
  2349. .dark-elevation-border-low, .theme-dark .elevation-border-low{
  2350. background-color: rgba(42, 42, 42, 0.8);
  2351. border: none;
  2352. }
  2353.  
  2354. .ui-flex.flex-horizontal-reverse>.ui-flex,
  2355. .ui-flex.flex-horizontal-reverse>.ui-flex-child,
  2356. .ui-flex.flex-horizontal>.ui-flex,
  2357. .ui-flex.flex-horizontal>.ui-flex-child{
  2358. /*color: rgba(255, 255, 255, 0.9);*/
  2359. }
  2360.  
  2361. .ui-flex.flex-horizontal-reverse>.ui-flex-child:last-child,
  2362. .ui-flex.flex-horizontal-reverse>.ui-flex:last-child,
  2363. .ui-flex.flex-horizontal>.ui-flex-child:last-child,
  2364. .ui-flex.flex-horizontal>.ui-flex:last-child{
  2365. /*color: rgba(255, 255, 255, 0.9);*/
  2366. }
  2367.  
  2368. .ui-color-picker-swatch.custom,
  2369. .ui-color-picker-swatch.default,
  2370. .ui-color-picker-swatch{
  2371. border-radius: 0;
  2372. }
  2373.  
  2374. .theme-dark .ui-form-title.h5{
  2375. color: rgba(255, 255, 255, 0.9);
  2376. }
  2377.  
  2378. .theme-dark .ui-form-text.style-description, .theme-dark .ui-form-text.style-label-descriptor{
  2379. color: rgba(255, 255, 255, 0.6);
  2380. }
  2381.  
  2382. .ui-role-list-add{
  2383. border-radius: 0;
  2384. }
  2385.  
  2386. .ui-role-list-role{
  2387. border-radius: 0;
  2388. }
  2389.  
  2390. .roles-list-popout{
  2391. border-radius: 0;
  2392. background-color: rgba(42, 42, 42, 0.8);
  2393. }
  2394.  
  2395. .ui-flex.flex-horizontal>.ui-flex{
  2396. margin-right: 0;
  2397. }
  2398.  
  2399. .ui-text-input .input{
  2400. border-radius: 0;
  2401. border: none;
  2402. }
  2403. .theme-dark .ui-text-input .input,
  2404. .theme-dark .ui-text-input .input.editable:focus,
  2405. .theme-dark .ui-text-input .input.editable:hover {
  2406. background-color: rgba(0, 0, 0, 0.5);
  2407. }
  2408.  
  2409. .ui-button.white.outlined{
  2410. background-color: rgba(255, 255, 255, 0.1);
  2411. border: none;
  2412. }
  2413.  
  2414. .ui-input-button{
  2415. border-radius: 0;
  2416. border: none;
  2417. }
  2418.  
  2419. .theme-dark .ui-input-button{
  2420. background-color: rgba(255, 255, 255, 0.1);
  2421. }
  2422.  
  2423. .theme-dark .ui-button.grey.ghost{
  2424. background-color: rgba(255, 255, 255, 0.1);
  2425. border-radius: 0;
  2426. }
  2427.  
  2428. .theme-dark .ui-text-input.emoji-alias-input .input{
  2429. background-color: rgba(0, 0, 0, 0.5);
  2430. }
  2431.  
  2432. .theme-dark .ui-card.outline{
  2433. background-color: rgba(255, 255, 255, 0.1);
  2434. }
  2435.  
  2436. /*
  2437. .ui-standard-sidebar-view, .ui-standard-sidebar-view *{
  2438. color: rgba(255, 255, 255, 0.9);
  2439. }*/
  2440.  
  2441. .user-settings-connections .connection{
  2442. border-radius: 0;
  2443. }
  2444.  
  2445. .user-settings-connections .connection-header{
  2446. border: none;
  2447. }
  2448.  
  2449. .theme-dark .user-settings-notifications .notifications-sound{
  2450. box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.2);
  2451. }
  2452.  
  2453. .connection-delete{
  2454. border-radius: 0;
  2455. }
  2456.  
  2457. .round-remove-button{
  2458. top: 0 !important;
  2459. right: -44px !important;
  2460. background-color: rgba(255, 255, 255, 0.2) !important;
  2461. box-shadow: none !important;
  2462. border-radius: 0;
  2463. }
  2464.  
  2465. .mfa-modal .mfa-step{
  2466. border:none;
  2467. }
  2468.  
  2469. .theme-dark .user-settings-games .game {
  2470. box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2) !important;
  2471. }
  2472.  
  2473. .theme-dark .user-settings-games .game-name-input:focus,
  2474. .theme-dark .user-settings-games .game-name-input:hover{
  2475. background-color: rgba(255, 255, 255, 0.2);
  2476. border: none;
  2477. border-radius: 0;
  2478. }
  2479.  
  2480. .theme-dark .user-settings-games .last-played,
  2481. .theme-dark .user-settings-games .overlay-status-text{
  2482. color: rgba(255, 255, 255, 0.42);
  2483. }
  2484.  
  2485. /* New updates from 2017/06/09 */
  2486. .content-2mSKOj{
  2487. border-radius: 0;
  2488. }
  2489.  
  2490. .contentSelectedText-3j5CXt{
  2491. background-color: rgba(0, 0, 0, 0.5);
  2492. }
  2493.  
  2494. .content-2mSKOj:hover{
  2495. background-color: rgba(0, 0, 0, 0.25);
  2496. }
  2497.  
  2498. .container-RYiLUQ,
  2499. .private-channels .channel.selected a{
  2500. background-color: rgba(0, 0, 0, 0) !important;
  2501. }
  2502.  
  2503. .private-channels .channel:hover a {
  2504. background-color: rgba(0, 0, 0, 0);
  2505. }
  2506.  
  2507. .contentHoveredText-2HYGIY,
  2508. .contentHoveredVoice-3qGNKh:active,
  2509. .contentSelectedVoice-gTtYM9:active{
  2510. background-color: rgba(0, 0, 0, 0);
  2511. }
  2512.  
  2513. .header-1tSljs,
  2514. .container-iksrDt{
  2515. background-color: rgba(0, 0, 0, 0.5);
  2516. }
  2517.  
  2518. .container-3lnMWU{
  2519. background-color: rgba(0, 0, 0, 0.5);
  2520. border-bottom: none;
  2521. }
  2522.  
  2523. .wrapper-2xO9RX{
  2524. border-radius: 0;
  2525. box-shadow: none;
  2526. text-shadow: none;
  2527. }
  2528.  
  2529. .wrapper-2ldvyE{
  2530. background-color: rgba(0, 0, 0, 0.5);
  2531. border-radius: 0;
  2532. }
  2533.  
  2534. div[class*=wrapperDefault-] > div[class*=nameCollapsed-],
  2535. div[class*=wrapperDefault-] > div[class*=nameDefault-],
  2536. div[class*=wrapperDefault-] > div[class*=nameHovered-],
  2537. div[class*=wrapperDefault-] > div[class*=nameHoveredCollapsed-],
  2538. div[class*=wrapperDefault-] > div[class*=nameMuted-],
  2539. div[class*=wrapperDefault-] > div[class*=nameUnread-],
  2540. div[class*=wrapperCollapsed-] > div[class*=nameCollapsed-],
  2541. div[class*=wrapperCollapsed-] > div[class*=nameDefault-],
  2542. div[class*=wrapperCollapsed-] > div[class*=nameHovered-],
  2543. div[class*=wrapperCollapsed-] > div[class*=nameHoveredCollapsed-],
  2544. div[class*=wrapperCollapsed-] > div[class*=nameMuted-],
  2545. div[class*=wrapperCollapsed-] > div[class*=nameUnread-],
  2546. div[class*=wrapperHovered-] > div[class*=nameCollapsed-],
  2547. div[class*=wrapperHovered-] > div[class*=nameDefault-],
  2548. div[class*=wrapperHovered-] > div[class*=nameHovered-],
  2549. div[class*=wrapperHovered-] > div[class*=nameHoveredCollapsed-],
  2550. div[class*=wrapperHovered-] > div[class*=nameMuted-],
  2551. div[class*=wrapperHovered-] > div[class*=nameUnread-],
  2552. div[class*=wrapperHoveredCollapsed-] > div[class*=nameCollapsed-],
  2553. div[class*=wrapperHoveredCollapsed-] > div[class*=nameDefault-],
  2554. div[class*=wrapperHoveredCollapsed-] > div[class*=nameHovered-],
  2555. div[class*=wrapperHoveredCollapsed-] > div[class*=nameHoveredCollapsed-],
  2556. div[class*=wrapperHoveredCollapsed-] > div[class*=nameMuted-],
  2557. div[class*=wrapperHoveredCollapsed-] > div[class*=nameUnread-] {
  2558. text-align: center;
  2559. display: flex;
  2560. justify-content: center;
  2561. align-items: center;
  2562. overflow: hidden;
  2563. color: #fff;
  2564. opacity: 0.3;
  2565. transition: .2s opacity ease-in-out;
  2566. }
  2567. div[class*=container-] > div[class*=containerDefault-]:first-child {
  2568. padding: 5px;
  2569. }
  2570. div[class*=wrapperDefault-],
  2571. div[class*=wrapperHovered-],
  2572. div[class*=wrapperDefault-],
  2573. div[class*=wrapperHoveredCollapsed-] {
  2574. display: flex;
  2575. align-items: center;
  2576. justify-content: center;
  2577. }
  2578. div[class*=wrapperDefault-] > div[class*=nameCollapsed-]:hover,
  2579. div[class*=wrapperDefault-] > div[class*=nameDefault-]:hover,
  2580. div[class*=wrapperDefault-] > div[class*=nameHovered-]:hover,
  2581. div[class*=wrapperDefault-] > div[class*=nameHoveredCollapsed-]:hover,
  2582. div[class*=wrapperDefault-] > div[class*=nameMuted-]:hover,
  2583. div[class*=wrapperDefault-] > div[class*=nameUnread-]:hover,
  2584. div[class*=wrapperCollapsed-] > div[class*=nameCollapsed-]:hover,
  2585. div[class*=wrapperCollapsed-] > div[class*=nameDefault-]:hover,
  2586. div[class*=wrapperCollapsed-] > div[class*=nameHovered-]:hover,
  2587. div[class*=wrapperCollapsed-] > div[class*=nameHoveredCollapsed-]:hover,
  2588. div[class*=wrapperCollapsed-] > div[class*=nameMuted-]:hover,
  2589. div[class*=wrapperCollapsed-] > div[class*=nameUnread-]:hover,
  2590. div[class*=wrapperHovered-] > div[class*=nameCollapsed-]:hover,
  2591. div[class*=wrapperHovered-] > div[class*=nameDefault-]:hover,
  2592. div[class*=wrapperHovered-] > div[class*=nameHovered-]:hover,
  2593. div[class*=wrapperHovered-] > div[class*=nameHoveredCollapsed-]:hover,
  2594. div[class*=wrapperHovered-] > div[class*=nameMuted-]:hover,
  2595. div[class*=wrapperHovered-] > div[class*=nameUnread-]:hover,
  2596. div[class*=wrapperHoveredCollapsed-] > div[class*=nameCollapsed-]:hover,
  2597. div[class*=wrapperHoveredCollapsed-] > div[class*=nameDefault-]:hover,
  2598. div[class*=wrapperHoveredCollapsed-] > div[class*=nameHovered-]:hover,
  2599. div[class*=wrapperHoveredCollapsed-] > div[class*=nameHoveredCollapsed-]:hover,
  2600. div[class*=wrapperHoveredCollapsed-] > div[class*=nameMuted-]:hover,
  2601. div[class*=wrapperHoveredCollapsed-] > div[class*=nameUnread-]:hover {
  2602. opacity: 0.8;
  2603. }
  2604. div[class*=wrapperDefault-] > div[class*=nameDefault-]:after,
  2605. div[class*=wrapperDefault-] > div[class*=nameDefault-]:before,
  2606. div[class*=wrapperDefault-] > div[class*=nameHovered-]:after,
  2607. div[class*=wrapperDefault-] > div[class*=nameHovered-]:before,
  2608. div[class*=wrapperDefault-] > div[class*=nameCollapsed-]:after,
  2609. div[class*=wrapperDefault-] > div[class*=nameCollapsed-]:before,
  2610. div[class*=wrapperDefault-] > div[class*=nameHoveredCollapsed-]:after,
  2611. div[class*=wrapperDefault-] > div[class*=nameHoveredCollapsed-]:before,
  2612. div[class*=wrapperCollapsed-] > div[class*=nameDefault-]:after,
  2613. div[class*=wrapperCollapsed-] > div[class*=nameDefault-]:before,
  2614. div[class*=wrapperCollapsed-] > div[class*=nameHovered-]:after,
  2615. div[class*=wrapperCollapsed-] > div[class*=nameHovered-]:before,
  2616. div[class*=wrapperCollapsed-] > div[class*=nameCollapsed-]:after,
  2617. div[class*=wrapperCollapsed-] > div[class*=nameCollapsed-]:before,
  2618. div[class*=wrapperCollapsed-] > div[class*=nameHoveredCollapsed-]:after,
  2619. div[class*=wrapperCollapsed-] > div[class*=nameHoveredCollapsed-]:before,
  2620. div[class*=wrapperHovered-] > div[class*=nameDefault-]:after,
  2621. div[class*=wrapperHovered-] > div[class*=nameDefault-]:before,
  2622. div[class*=wrapperHovered-] > div[class*=nameHovered-]:after,
  2623. div[class*=wrapperHovered-] > div[class*=nameHovered-]:before,
  2624. div[class*=wrapperHovered-] > div[class*=nameCollapsed-]:after,
  2625. div[class*=wrapperHovered-] > div[class*=nameCollapsed-]:before,
  2626. div[class*=wrapperHovered-] > div[class*=nameHoveredCollapsed-]:after,
  2627. div[class*=wrapperHovered-] > div[class*=nameHoveredCollapsed-]:before,
  2628. div[class*=wrapperHoveredCollapsed-] > div[class*=nameDefault-]:after,
  2629. div[class*=wrapperHoveredCollapsed-] > div[class*=nameDefault-]:before,
  2630. div[class*=wrapperHoveredCollapsed-] > div[class*=nameHovered-]:after,
  2631. div[class*=wrapperHoveredCollapsed-] > div[class*=nameHovered-]:before,
  2632. div[class*=wrapperHoveredCollapsed-] > div[class*=nameCollapsed-]:after,
  2633. div[class*=wrapperHoveredCollapsed-] > div[class*=nameCollapsed-]:before,
  2634. div[class*=wrapperHoveredCollapsed-] > div[class*=nameHoveredCollapsed-]:after,
  2635. div[class*=wrapperHoveredCollapsed-] > div[class*=nameHoveredCollapsed-]:before {
  2636. content: "";
  2637. width: 100%;
  2638. vertical-align: middle;
  2639. height: 1px;
  2640. background: #eee;
  2641. display: inline-block;
  2642. margin: 0 5px;
  2643. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!