API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jul 17th, 2018
77
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 45.76 KB | None | 0 0
raw download clone embed print report
  1. //META{"name":"In_The_Clouds","description":"hella sleek xd","author":"Sammy","version":"1"}*//{}
  2. .app {
  3. background-image: url("https://images.wallpaperscraft.com/image/tokyo_night_city_skyscrapers_121628_1920x1080.jpg");
  4. background-size: cover !important;
  5. background-position: center !important;
  6. }
  7. /* Transparency Spot */
  8. /* fix not having a background image anymore */
  9. .layers-3iHuyZ, .layer-3QrUeG, .container-2lgZY8, .typing-2GQL18 {
  10. background: transparent !important;
  11. }
  12. /* optionally adjust background brightness (0: original image, 1: black) */
  13. .layers-3iHuyZ {
  14. background: rgba(0,0,0,0.6) !important;
  15. }
  16. .channels-Ie2l6A,
  17. .theme-dark .title-3qD0b-,
  18. .container-PNkimc,
  19. .container-2lgZY8,
  20. .guilds-wrapper,
  21. .theme-dark .chat form,
  22. .theme-dark .chat>.content,
  23. .theme-dark .chat,
  24. .chat .messages,
  25. .theme-dark .friends-table, .theme-dark .messages-wrapper,
  26. .theme-dark .members-1998pB,
  27. .theme-dark #friends,
  28. .theme-dark .headerBar-UHpsPw,
  29. .theme-dark .ui-standard-sidebar-view,
  30. .theme-dark .attachButtonDivider-3Glu60 {
  31. background-color: transparent;
  32. }
  33. .theme-dark .ui-standard-sidebar-view .content-region,
  34. .theme-dark .ui-standard-sidebar-view .sidebar-region {
  35. background: rgba(0,0,0,0.3);
  36. }
  37. /* Transparency Spot */
  38. /* Main Chat Spot */
  39. .avatarSpeaking-1wJCNq {
  40. box-shadow: 0 0 0 2px rgba(255,255,255,0.4), inset 0 0 0 1.5px transparent;
  41. }
  42. .container-2Thooq,
  43. .theme-dark .inner-zqa7da,
  44. .contentSelectedText-3wUhMi,
  45. .theme-dark .member-3W1lQa.popout-open .content-OzHfo4,
  46. .theme-dark .member-3W1lQa.popout-open:hover .content-OzHfo4{
  47. background: rgba(39, 39, 41,.5);
  48. border: 2px outset rgba(255,255,255,0.4);
  49. font-weight: normal;
  50. border-radius: 0px;
  51. }
  52. .container-2Thooq .avatar-small {
  53. padding: 6px;
  54. border-radius: 0px;
  55. left: -6px;
  56. background-size: cover;
  57. border: 1px solid black;
  58. }
  59. .theme-dark .friends-table .scroller-wrap ::-webkit-scrollbar-track-piece,
  60. .theme-dark .messages-wrapper .scroller-wrap ::-webkit-scrollbar-track-piece {
  61. background-color: transparent;
  62. border-color: transparent;
  63. }
  64. .theme-dark .friends-table .scroller-wrap ::-webkit-scrollbar-thumb,
  65. .theme-dark .messages-wrapper .scroller-wrap ::-webkit-scrollbar-thumb {
  66. background-color: rgba(0,0,0,0.5);
  67. border-color: black;
  68. }
  69. .theme-dark .message-group:not(.has-divider) {
  70. border-bottom-color: transparent;
  71. }
  72. .message-group .avatar-large[style*="235302947058089984"] ~ .comment .message h2 span.username-wrapper::after {
  73. background-color: #272729 !important;
  74. padding: 0px 4px;
  75. content:"xd";
  76. text-transform: uppercase;
  77. border: 2px outset rgba(255,255,255,0.4);
  78. display: inline-block;
  79. margin-left: 4px;
  80. font-size: small;
  81. text-shadow: 0 0 2px white;
  82. }
  83. .message-group .avatar-large[style*="/a_"] ~ .comment .message h2 span.username-wrapper::after {
  84. background-color: #272729 !important;
  85. padding: 0px 4px;
  86. content:"xd";
  87. text-transform: uppercase;
  88. border: 2px outset rgba(255,255,255,0.4);
  89. display: inline-block;
  90. margin-left: 4px;
  91. font-size: small;
  92. text-shadow: 0 0 2px white;
  93. }
  94. .icon-1KK5se {
  95. fill: #272729;
  96. opacity: .7;
  97. }
  98. .theme-dark .message-group h2 .timestamp {
  99. color: white;
  100. }
  101. .iconCollapsed-3hFp_8,
  102. .iconDefault-3Gr8d2,
  103. .nameCollapsed-34uFWo,
  104. .nameDefault-2DI02H {
  105. color: gray;
  106. }
  107. .contentHoveredText-2D9B-x,
  108. .contentHoveredVoice-3p_NEO:active,
  109. .contentSelectedVoice-1WDIBM:active,
  110. .theme-dark .member-3W1lQa:hover .content-OzHfo4 {
  111. background: rgba(27, 27, 29,.5);
  112. border: 2px outset rgba(255,255,255,0.4);
  113. font-weight: normal;
  114. border-radius: 0px;
  115. }
  116. .iconHovered-2L3-fB,
  117. .iconHoveredCollapsed-3caIIZ,
  118. .nameHovered-1gxhWH,
  119. .nameHoveredCollapsed-2orEWB,
  120. .colorHoveredText-OZnAgu,
  121. .colorHoveredVoice-1kucsK {
  122. color: silver;
  123. opacity: 1;
  124. }
  125.  
  126. .colorUnreadText-2t7XRb,
  127. .colorUnreadVoice-137o4S {
  128. color: black;
  129. opacity: 1;
  130. }
  131. .nameDefaultText-24KCy5,
  132. .nameDefaultVoice-3WUH7s,
  133. .colorDefaultText-oas-QM,
  134. .colorDefaultVoice-3wYlhb {
  135. font-size: 12px;
  136. color: white;
  137. opacity: 1;
  138. }
  139. .colorSelectedText-1y4Wvs,
  140. .colorSelectedVoice-Xcb_9R {
  141. color: #353835;
  142. opacity: 1;
  143. }
  144. .colorUnreadText-2t7XRb,
  145. .colorUnreadVoice-137o4S {
  146. color: #af5776;
  147. opacity: 1;
  148. }
  149. .contentUnreadText-2vNnZc,
  150. .contentUnreadVoice-1dijOt {
  151. background: rgba(242, 186, 186);
  152. border: 1px solid rgba(242, 186, 186);
  153. }
  154. .unread-1Dp-OI {
  155. display: none;
  156. }
  157. .noticeInfo-3_iTE1 {
  158. background-color: #272729;
  159. color: #fff;
  160. }
  161. .theme-dark .friends-table .messages .divider:not(.gray) div,
  162. .theme-dark .messages-wrapper .messages .divider:not(.gray) div {
  163. background-color: transparent;
  164. }
  165. .theme-dark .friends-table .messages .divider:not(.gray) span,
  166. .theme-dark .messages-wrapper .messages .divider:not(.gray) span {
  167. color: white;
  168. background: #272729;
  169. }
  170. .theme-dark .friends-table .messages .divider:before,
  171. .theme-dark .friends-table .messages .divider span,
  172. .theme-dark .messages-wrapper .messages .divider:before,
  173. .theme-dark .messages-wrapper .messages .divider span {
  174. background: transparent;
  175. }
  176. .theme-dark .iconBadge-2dji3k {
  177. border-color: #272729;
  178. background-color: black;
  179. }
  180. .theme-dark .mention {
  181. background-color: rgba(39, 39, 41,.3) !important;
  182. color: white !important;
  183. }
  184. .theme-dark .mention:hover {
  185. background-color: rgba(27, 27, 29,.3) !important;
  186. color: white !important;
  187. }
  188. .app .welcomeMessage-3_Mcht h1 {
  189. color: #272729;
  190. font-size: 18px;
  191. font-weight: 600;
  192. text-transform: capitalize;
  193. }
  194. .theme-dark .welcomeMessage-3_Mcht a,
  195. .channelIcon-MsmKOO {
  196. color: #272729;
  197. }
  198. .welcomeMessage-3_Mcht p {
  199. color: silver;
  200. }
  201. .theme-dark .status-2s6iDp {
  202. border: none;
  203. width: 12px;
  204. height: 12px;
  205. }
  206. .theme-dark .autocomplete-1vrmpx {
  207. background-color: black;
  208. }
  209. .theme-dark .contentTitle-2tG_sM,
  210. .theme-dark .descriptionDiscriminator-3vUOCc,
  211. .theme-dark .description-11DmNu,
  212. .theme-dark .descriptionUsername-J_75O8,
  213. .theme-dark .message-group .edit-message .edit-operation,
  214. .theme-dark .message-group .comment .edited{
  215. color: white;
  216. }
  217. .theme-dark .iconForeground-1w5n7R {
  218. fill: white;
  219. }
  220. .message-group .edit-message .edit-operation>a {
  221. color: #272729;
  222. }
  223. .small-5Os1Bb .statusTyping-2ed9jJ {
  224. width: auto;
  225. right: -10px;
  226. }
  227. .theme-dark .selectorSelected-1_M1WV {
  228. background-color: transparent;
  229. border: 1px outset rgba(255, 255, 255,0.26);
  230. }
  231. .progress-2XXRYo,
  232. .progressBar-3u8FBM.small-1CUeBa,
  233. .mediaBarGrabber-1FqnbN,
  234. .mediaBarProgress-1xaPtl,
  235. .mediaBarProgress-1xaPtl:after,
  236. .mediaBarProgress-1xaPtl:before,
  237. .progressBar-3u8FBM.large-3EPlRk {
  238. background-color: #272729 !important;
  239. }
  240. .video-1FfuMD,
  241. .theme-dark .private-channel-call {
  242. background-color: rgba(0,0,0,0.4);
  243. }
  244. .spinner-wandering-cubes-1eyF3t {
  245. background-color: #272729;
  246. }
  247. .wanderingCubesItem-WPXqao,
  248. .spinner-wandering-cubes .spinner-item {
  249. background-color: #272729;
  250. }
  251. .tooltip.tooltip-black.tooltip,
  252. .chat .new-messages-bar,
  253. .theme-dark .chat .jump-to-present-bar {
  254. background-color: black;
  255. }
  256. .chat .new-messages-bar:hover,
  257. .theme-dark .chat .jump-to-present-bar:hover {
  258. background-color: #1B1B1D;
  259. }
  260. .tooltip.tooltip-red.tooltip-right:after {
  261. border-right: none;
  262. }
  263. .tooltip.tooltip-black.tooltip-top:after {
  264. border-top: none;
  265. }
  266. .tooltip.tooltip-black.tooltip-bottom:after {
  267. border-bottom: none;
  268. }
  269. .tooltip.tooltip-black.tooltip-left:after {
  270. border-left: none;
  271. }
  272. .tooltip.tooltip-black.tooltip-right:after {
  273. border-right: none;
  274. }
  275. .wrapper-232cHJ,
  276. .badge {
  277. background-color: #272729;
  278. border-radius: 50px;
  279. color: #fff;
  280. font-size: 12px;
  281. font-weight: normal;
  282. padding: 4px 8px;
  283. }
  284. .message-group .mentioned .message-text:after {
  285. display: none;
  286. }
  287. .theme-dark .message-group .mentioned .message-text {
  288. background: rgba(39, 39, 41,0.23);
  289. padding: 4px 0;
  290. border: 1px solid rgba(255,255,255,0.23);
  291. }
  292. .theme-dark .message-group a,
  293. .theme-dark .topic-2QX7LI a,
  294. .content-8biNdB a,
  295. a {
  296. color: silver !important;
  297. }
  298. .guilds-wrapper .guilds-error {
  299. background: rgba(0,0,0,0.4);
  300. border: none;
  301. }
  302. .guilds-wrapper .guilds-error:hover {
  303. background: rgba(0,0,0,1);
  304. }
  305. .theme-dark .reaction {
  306. background: rgba(255, 255, 255, 0.14);
  307. }
  308. .theme-dark .reaction .reaction-count {
  309. color: rgba(255, 255, 255, 0.5);
  310. }
  311. .theme-dark .reaction.reaction-me {
  312. background: rgba(39, 39, 41,.3);
  313. border: 1px solid rgba(255,255,255,0.34);
  314. }
  315. .theme-dark .reaction.reaction-me .reaction-count {
  316. color: white;
  317. }
  318. .botTagRegular-2HEhHi {
  319. background: #272729;
  320. color: #fff;
  321. }
  322. .guilds-wrapper .guilds .guild .guild-inner {
  323. background-color: #272729 !important;
  324. border-radius: 25px;
  325. cursor: pointer;
  326. font-size: 18px;
  327. line-height: 50px;
  328. overflow: hidden;
  329. text-align: center;
  330. }
  331. .unread-1xRYoj,
  332. .mention-1f5kbO,
  333. .guilds-wrapper .guilds .guild.unread:before,
  334. [style*="line-height: 20px; font-size: 12px;"] {
  335. background-color: #272729 !important;
  336. }
  337. .unread-1xRYoj:hover,
  338. .mention-1f5kbO:hover {
  339. background-color: #1B1B1D !important;
  340. }
  341. .guilds-wrapper .guild-separator:after {
  342. display: none;
  343. }
  344. .guilds-wrapper .guilds .friends-online {
  345. color: white;
  346. }
  347. .theme-dark .membersGroup-v9BXpm {
  348. color: white;
  349. background-color: rgba(0,0,0,0.4);
  350. padding-top: 9px;
  351. text-align: center;
  352. }
  353. .activityText-sLG0UL {
  354. color: white;
  355. }
  356. .activity-1IYsbk strong {
  357. background: #272729;
  358. padding: 0px 4px;
  359. }
  360. .theme-dark .activityIconForeground-qYIPPg {
  361. fill: white;
  362. }
  363. .theme-dark .item-1GzJrl.invite-271nFU {
  364. color: #353835 !important;
  365. }
  366. .theme-dark .item-1GzJrl.leave-1DRJfn {
  367. color: #353835 !important;
  368. }
  369. .theme-dark .separator-2zcjq8 {
  370. display: none;
  371. }
  372. .theme-dark .item-1GzJrl {
  373. color: white;
  374. }
  375. .theme-dark .item-1GzJrl:hover,
  376. .option-popout .btn-item:hover {
  377. background-color: #1B1B1D;
  378. color: #fff;
  379. border: 1px solid rgba(255,255,255,0.23);
  380. }
  381. .option-popout .btn-item,
  382. .marginLeft4-3VaXdt,
  383. .marginLeft8-1YseBe {
  384. color: white;
  385. }
  386. .theme-dark .menu-Sp6bN1,
  387. .small-popout-box {
  388. background: black;
  389. box-shadow: none;
  390. border: none;
  391. }
  392. .icon-2doZ3q,
  393. .theme-dark .alt-3btY0e .helper-2c73HK {
  394. display: none;
  395. }
  396. .theme-dark .chat .has-more button {
  397. background: #272729;
  398. border: 1px solid black;
  399. color: white;
  400. }
  401. .guilds-wrapper .guilds-add:hover {
  402. border-color: white;
  403. color: white;
  404. }
  405. .guilds-wrapper .guilds-add {
  406. border-color: transparent;
  407. color: white;
  408. background-color: #272729;
  409. }
  410. .wrapper-2NJDcI {
  411. background-color: black;
  412. color: white;
  413. }
  414. .chat .avatar-large {
  415. width: 54px;
  416. height: 54px;
  417. background-size: cover;
  418. }
  419. .theme-dark .message-group .comment .markup pre {
  420. background: transparent;
  421. border: none;
  422. }
  423. .theme-dark .message-group .comment .markup code.inline,
  424. .theme-dark .message-group .comment .markup pre code {
  425. background: rgba(255,255,255,0.12);
  426. text-shadow: 0 0 5px black, 0 0 5px black, 0 0 5px black,0 0 5px black;
  427. box-shadow: 0 0 5px gray;
  428. color: white;
  429. }
  430. .theme-dark .hljs-comment, .theme-dark .hljs-quote {
  431. color: white;
  432. }
  433. /* Main Chat Spot */
  434. /* Notification Settings */
  435. .backdrop-1ocfXc {
  436. background-color: rgba(0,0,0,0.3) !important;
  437. }
  438. .theme-dark .modal-3HD5ck {
  439. background-image: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.3) 100%), url("https://images.wallpaperscraft.com/image/tokyo_night_city_skyscrapers_121628_1920x1080.jpg");
  440. background-size: cover;
  441. box-shadow: none;
  442. }
  443. .theme-dark .footer-2yfCgX {
  444. background-color: transparent;
  445. box-shadow: none;
  446. }
  447. .theme-dark .defaultColor-1_ajX0,
  448. .theme-dark .guildName-3WI6ml, .theme-dark .override-2YgiXd,
  449. .theme-dark .overrideHighlight-YPcBxt,
  450. .theme-dark .h5-18_1nd,
  451. .theme-dark .title-31JmR4,
  452. .theme-dark .description-3_Ncsb,
  453. .theme-dark .labelDescriptor-1PqHgD,
  454. .theme-dark .select-2TCrqx .Select-control .Select-placeholder,
  455. .theme-dark .primary-jw0I4K,
  456. .theme-dark .descChecked-XkfPsU,
  457. .theme-dark .titleChecked-2wg0pd,
  458. .lighten-2aYaaU {
  459. opacity: 1;
  460. color: white;
  461. }
  462. .theme-dark .title-31JmR4 strong,
  463. .theme-dark .descChecked-XkfPsU strong,
  464. .theme-dark .titleChecked-2wg0pd strong {
  465. color: silver;
  466. }
  467. .theme-dark .button-mM-y8i {
  468. background-color: black !important;
  469. box-shadow: none !important;
  470. }
  471. .theme-dark .cardPrimaryOutline-29Ujqw,
  472. .theme-dark .checkbox-1ix_J3 {
  473. border-color: transparent;
  474. }
  475. .theme-dark .checkboxContainer-2vV9zd:before {
  476. background-color: transparent;
  477. }
  478. .theme-dark .divider-3573oO {
  479. display: none;
  480. }
  481. .themeDefault-24hCdX.sizeDefault-2YlOZr {
  482. box-shadow: none;
  483. }
  484. .themeDefault-24hCdX.valueChecked-m-4IJZ,
  485. .lookFilled-1Gx00P.colorBrand-3pXr91 {
  486. background-color: #272729;
  487. }
  488. .lookFilled-1Gx00P.colorBrand-3pXr91:hover {
  489. background-color: #1B1B1D;
  490. border: 1px solid rgba(255,255,255,0.24);
  491. }
  492. .theme-dark .cardPrimaryEditable-3KtE4g {
  493. background: rgba(0,0,0,.3);
  494. border-color: transparent
  495. }
  496. .cardPrimaryEditable-3KtE4g[style*="border-color: rgb(53, 56, 53); background-color: rgb(53, 56, 53);"] {
  497. border-color: transparent !important;
  498. background-color: #272729 !important;
  499. }
  500. .theme-dark .checked-3_4uQ9[style*="border-color: rgb(53, 56, 53);"] {
  501. background-color: #272729 !important;
  502. border-color: transparent !important;
  503. }
  504.  
  505. .checked-3_4uQ9[style*="border-color: rgb(53, 56, 53);"] polyline[stroke] {
  506. stroke: white;
  507. }
  508. .theme-dark .select-2TCrqx .Select-menu-outer {
  509. background: black;
  510. border-color: transparent;
  511. box-shadow: none
  512. }
  513. .theme-dark .select-2TCrqx .Select-option.is-focused,
  514. .theme-dark .select-2TCrqx .Select-option:hover {
  515. border: 1px solid rgba(255,255,255,0.24);
  516. }
  517. /* Notification Settings */
  518. /* Search, Pins, Mentions, , Calendar, Search Results*/
  519. .theme-dark .messagesPopoutWrap-1MQ1bW .header-ykumBX,
  520. .theme-dark .messagesPopoutWrap-1MQ1bW .footer-1kmXd4,
  521. .theme-dark .search-results-wrap .search-header {
  522. background-color: #272729;
  523. box-shadow: none;
  524. }
  525. .theme-dark .messagesPopoutWrap-1MQ1bW,
  526. .theme-dark .search-results-wrap {
  527. background-color: rgba(39, 39, 41,0.6);
  528. border: none;
  529. box-shadow: none;
  530. }
  531. .theme-dark .messagesPopoutWrap-1MQ1bW .messagesPopout-24nkyi .emptyPlaceholder-1zh-Eu .body-bvcIjN {
  532. color: white;
  533. }
  534. .theme-dark .messagesPopoutWrap-1MQ1bW .messagesPopout-24nkyi .message-group:hover {
  535. border: 1px solid #1B1B1D;
  536. }
  537. .theme-dark .search-results-wrap .search-result.expanded .search-result-message.hit {
  538. background-color: #1B1B1D;
  539. }
  540. .theme-dark .messagesPopoutWrap-1MQ1bW .messagesPopout-24nkyi .message-group,
  541. .theme-dark .search-results-wrap .search-result .search-result-message.hit {
  542. background-color: black;
  543. border-color: transparent;
  544. }
  545. .theme-dark .messagesPopoutWrap-1MQ1bW .messagesPopout-24nkyi .message-group:hover .actionButtons-1sUUug {
  546. background-color: transparent;
  547. box-shadow: none;
  548. }
  549. .theme-dark .messagesPopoutWrap-1MQ1bW .messagesPopout-24nkyi .message-group .actionButtons-1sUUug .jumpButton-3DTcS_,
  550. .theme-dark .search-results-wrap .action-buttons .jump-button {
  551. background-color: #272729;
  552. color: white;
  553. }
  554. .theme-dark .messagesPopoutWrap-1MQ1bW .messagesPopout-24nkyi .channelSeparator-1MxuvT .guildName-1Bc3Ta {
  555. color: rgba(255, 255, 255, 0.7);
  556. }
  557. .theme-dark .searchPopout-1vUlP3 {
  558. background-color: #272729;
  559. border: none;
  560. box-shadow: none;
  561. }
  562. .theme-dark .resultsGroup-r_nuzN:before {
  563. border-top: none;
  564. }
  565. .theme-dark .searchOption-zQ-1l6 .answer-1n6g43 {
  566. color: white;
  567. }
  568. .theme-dark .option-96V44q .filter-3Y_im- {
  569. color: white;
  570. background-color: #353835;
  571. padding: 4px 4px;
  572. }
  573. .theme-dark .option-96V44q.selected-rZcOL- {
  574. background-color: #1B1B1D;
  575. }
  576. .theme-dark .option-96V44q.selected-rZcOL-:before {
  577. background: none;
  578. }
  579. .theme-dark .option-96V44q.user-O3Czj0 .displayUsername-Qekxml {
  580. color: white;
  581. background-color: #353835;
  582. padding: 4px 4px;
  583. }
  584. .theme-dark .searchAnswer-3Dz2-q, .theme-dark .searchFilter-2ESiM3 {
  585. background-color: #272729;
  586. }
  587. .theme-dark .searchResultChannelCategory-1l0lSn, .theme-dark .searchResultChannelIcon-1DnTme {
  588. color: silver;
  589. }
  590. .theme-dark .calendarPicker-2yf6Ci .react-datepicker {
  591. background-color: #272729;
  592. }
  593. .theme-dark .calendarPicker-2yf6Ci .react-datepicker__header {
  594. background-color: #272729;
  595. }
  596. .theme-dark .calendarPicker-2yf6Ci .react-datepicker__current-month {
  597. border-bottom-color: transparent;
  598. color: white;
  599. text-transform: capitalize;
  600. background-color: #272729;
  601. }
  602. .theme-dark .calendarPicker-2yf6Ci .react-datepicker__day-name {
  603. color: white;
  604. text-transform: capitalize;
  605. background-color: #272729;
  606. }
  607. .theme-dark .calendarPicker-2yf6Ci .react-datepicker__day.react-datepicker__day--disabled {
  608. background-color: #1B1B1D;
  609. color: rgba(53, 56, 53);
  610. }
  611. .theme-dark .calendarPicker-2yf6Ci .react-datepicker__day.react-datepicker__day--disabled:hover {
  612. background-color: #353835;
  613. color: rgba(53, 56, 53);
  614. }
  615. .theme-dark .calendarPicker-2yf6Ci .react-datepicker__day--outside-month {
  616. background-color: #1B1B1D;
  617. color: rgba(247, 247, 248, 0.3);
  618. }
  619. .theme-dark .calendarPicker-2yf6Ci .react-datepicker__day {
  620. border: none;
  621. color: white;
  622. background-color: #272729;
  623. }
  624. .theme-dark .calendarPicker-2yf6Ci .react-datepicker__day:hover {
  625. color: white;
  626. background-color: #1B1B1D;
  627. }
  628. .calendarPicker-2yf6Ci .react-datepicker__day.react-datepicker__day--selected {
  629. background: #353835;
  630. border-radius: 0;
  631. border: none;
  632. }
  633. .theme-dark .calendarPicker-2yf6Ci .react-datepicker__day.react-datepicker__day--selected:hover {
  634. background: #353835;
  635. border-radius: 0;
  636. }
  637. .theme-dark .calendarPicker-2yf6Ci .react-datepicker__week .react-datepicker__day:last-of-type,
  638. .theme-dark .calendarPicker-2yf6Ci .react-datepicker__week:last-of-type .react-datepicker__day {
  639. border: none;
  640. }
  641. .theme-dark .calendarPicker-2yf6Ci .react-datepicker__day.react-datepicker__day--selected:after {
  642. background-color: transparent;
  643. }
  644. .theme-dark .datePicker--XZbmJ .datePickerHint-3Q1Udw {
  645. border-top: none;
  646. }
  647. .theme-dark .datePicker--XZbmJ .datePickerHint-3Q1Udw .hintValue-29ny8Z {
  648. background-color: #272729;
  649. color: #fff;
  650. }
  651. .theme-dark .datePicker--XZbmJ .datePickerHint-3Q1Udw .hintValue-29ny8Z:hover {
  652. background-color: #1B1B1D;
  653. color: #fff;
  654. }
  655. .theme-dark .search-results-wrap .search-result.expanded {
  656. border: none;
  657. background-color: black;
  658. }
  659. .theme-dark .search-results-wrap .channel-separator:before {
  660. border-color: transparent;
  661. }
  662. .theme-dark .search-results-wrap .search-result:before,
  663. .theme-dark .search-results-wrap .search-result:after {
  664. background: transparent;
  665. }
  666. .theme-dark .search-results-wrap .channel-separator .channel-name {
  667. background-color: #272729;
  668. color: #fff;
  669. }
  670. .theme-dark .search-results-wrap .search-result .hit {
  671. box-shadow: none;
  672. }
  673. .theme-dark .searchQuery-1B7rtx .searchFor-3W5Vad strong {
  674. color: white;
  675. }
  676. .searchQuery-1B7rtx .searchFor-3W5Vad {
  677. text-transform: capitalize;
  678. color: white;
  679. }
  680. /* Search, Pins, Mentions, , Calendar, Search Results*/
  681. /* Need Help Menu */
  682. .need-help-modal.deprecated .header {
  683. background-color: black;
  684. border-radius: 0px;
  685. }
  686. .need-help-modal.deprecated .header input[type=text] {
  687. background-color: black;
  688. border-radius: 0px;
  689. box-shadow: none;
  690. border: none;
  691. color: white;
  692. }
  693. .need-help-modal.deprecated .form-inner.loading {
  694. background-color: #272729;
  695. }
  696. .need-help-modal.deprecated .footer {
  697. background-color: #272729;
  698. border-radius: 0px;
  699. border-top: none;
  700. color: white;
  701. }
  702. .need-help-modal.deprecated a {
  703. color: #616161 !important;
  704. }
  705. .need-help-modal.deprecated .header input[type=text]:focus {
  706. border-bottom: none;
  707. }
  708. /* Need Help Menu */
  709. /* Invite Button */
  710. .lookOutlined-3sRXeN.colorGray-29iAKY {
  711. border-color: #353835;
  712. background-color: rgba(53, 56, 53);
  713. color: white;
  714. }
  715. .lookOutlined-3sRXeN.colorGrey-29iAKY:hover {
  716. border-color: rgba(53, 56, 53);
  717. }
  718. .theme-dark .checkBoxLabel-PnMaNi,
  719. .theme-dark .footerText-1FMLWO,
  720. .theme-dark .subText-2Lb0F0 {
  721. color: white;
  722. }
  723. /* Invite Button */
  724. /* Emote Menu */
  725. .bda-dark #bda-qem {
  726. border-bottom: none !important;
  727. background: transparent;
  728. }
  729. .bda-dark #bda-qem button {
  730. background: #272729;
  731. border-left: none;
  732. box-shadow: none;
  733. color: #FFF;
  734. }
  735. .bda-dark #bda-qem button.active {
  736. background-color: #3F3B3F;
  737. }
  738. .bda-dark #bda-qem button:hover {
  739. background-color: #1B1B1D;
  740. }
  741. .bda-dark #bda-qem-favourite-container,
  742. .bda-dark #bda-qem-twitch-container,
  743. .bda-dark .emoji-picker,
  744. .bda-dark .emojiPicker-3m1S-j {
  745. background-color: #272729;
  746. border: none;
  747. }
  748. .bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar,
  749. .bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar-track,
  750. .bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar-track-piece,
  751. .bda-dark #pubs-container .scroller::-webkit-scrollbar,
  752. .bda-dark #pubs-container .scroller::-webkit-scrollbar-track,
  753. .bda-dark #pubs-container .scroller::-webkit-scrollbar-track-piece,
  754. .bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar,
  755. .bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar-track,
  756. .bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar-track-piece,
  757. .bda-dark .emoji-picker .scroller::-webkit-scrollbar,
  758. .bda-dark .emoji-picker .scroller::-webkit-scrollbar-track,
  759. .bda-dark .emoji-picker .scroller::-webkit-scrollbar-track-piece,
  760. .bda-dark .emojiPicker-3m1S-j .scroller-3vODG7::-webkit-scrollbar,
  761. .bda-dark .emojiPicker-3m1S-j .scroller-3vODG7::-webkit-scrollbar-track,
  762. .bda-dark .emojiPicker-3m1S-j .scroller-3vODG7::-webkit-scrollbar-track-piece {
  763. background-color: transparent !important;
  764. border-color: transparent !important;
  765. }
  766. .bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar-thumb,
  767. .bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar-thumb,
  768. .bda-dark .emoji-picker .scroller::-webkit-scrollbar-thumb,
  769. .bda-dark emojiPicker-3g68GS .scroller-3vODG7::-webkit-scrollbar-thumb,
  770. .bda-dark #pubs-container .scroller::-webkit-scrollbar-thumb,
  771. .scrollerThemed-2oenus.themeLight-1_DWyY .scroller-2FKFPG::-webkit-scrollbar-thumb,
  772. .theme-dark .scrollerThemed-2oenus.themeLight-1_DWyY .scroller-2FKFPG::-webkit-scrollbar-thumb,
  773. .theme-light .scrollerWrap-2lJEkd .scroller-2FKFPG::-webkit-scrollbar-thumb {
  774. border-color: black !important;
  775. background-color: black !important;
  776. }
  777. .bda-dark .emoji-picker .header .search-bar,
  778. .bda-dark .emojiPicker-3m1S-j .header-1nkwgG .search-bar {
  779. background-color: transparent;
  780. }
  781. .search-bar.search-bar-light .search-bar-inner {
  782. background-color: rgba(0,0,0,.3);
  783. border: 1px solid rgba(0, 0, 0, 0);
  784. border-radius: 0px!important;
  785. }
  786. .emojiPicker-3m1S-j .header-1nkwgG {
  787. border-bottom: none;
  788. }
  789. .bda-dark .emoji-picker .category,
  790. .bda-dark .emojiPicker-3m1S-j .category-2U57w6 {
  791. background-color: #272729;
  792. color: white;
  793. }
  794. .emojiPicker-3m1S-j .stickyHeader-1SS0JU {
  795. background: transparent;
  796. }
  797. .bda-dark .emoji-picker .dimmer.visible,
  798. .bda-dark .emojiPicker-3m1S-j .dimmer-3iH-5D.visible-3k45bQ {
  799. background-color: rgba(0,0,0,0.65);
  800. }
  801. .bda-dark .emoji-picker .diversity-selector .popout-3sVMXz,
  802. .bda-dark .emojiPicker-3m1S-j .diversitySelector-tmmMv0 .popout-2nUePc {
  803. background: black;
  804. border-color: black;
  805. }
  806. .diversitySelector-tmmMv0 .popout-2nUePc .item-16cXuq:hover {
  807. background-color: transparent;
  808. border: 1px solid rgba(255,255,255,0.3);
  809. }
  810. .emojiPicker-3m1S-j .categories-1feg4n .item-16cXuq.selected-39BZ4S {
  811. border-bottom-color: black;
  812. }
  813. /* Emote Menu */
  814. /* Context Menu */
  815. .theme-dark.contextMenu-HLZMGh {
  816. background: rgba(0,0,0,0.50);
  817. }
  818. .theme-dark .itemSubMenu-1vN_Yn {
  819. background-color: #1B1B1D !important;
  820. }
  821. .theme-dark .itemSubMenu-1vN_Yn:hover {
  822. background-color: #272729 !important;
  823. }
  824. .theme-dark .item-1Yvehc:hover {
  825. background: #1B1B1D;
  826. color: white;
  827. }
  828. .theme-dark .item-1Yvehc {
  829. background: rgba(0,0,0,0.3);
  830. border-radius: 0;
  831. padding: 8px;
  832. }
  833. .barFill-23-gu- {
  834. background: #272729;
  835. height: 100%;
  836. }
  837. .theme-dark .itemGroup-1tL0uz {
  838. border-color: transparent;
  839. }
  840. .checkbox .checkbox-inner input[type=checkbox]:checked+span {
  841. background-color: #0A0C0C;
  842. border-color: transparent;
  843. }
  844. /* Context Menu */
  845. /* Friends and DMs */
  846. .aka-1mqp34 {
  847. background: #272729;
  848. border-radius: 0px;
  849. color: #fff;
  850. font-weight: normal;
  851. }
  852. .theme-dark .quickswitcher-3JagVE {
  853. background-color: #272729;
  854. color: white;
  855. }
  856. .theme-dark .input-2VB9rf {
  857. background-color: transparent;
  858. box-shadow: none;
  859. color: #fff;
  860. }
  861. .theme-dark .input-2VB9rf:focus,
  862. .theme-dark .resultFocused-3aIoYe {
  863. border: 1px solid #353835;
  864. background-color: transparent;
  865. }
  866. .theme-dark .emptyStateNote-ZYTetQ,
  867. .theme-dark .contentDefault-16dKSY,
  868. .theme-dark .icon-30q1Or,
  869. .miscContainer-2ptJ_C,
  870. .theme-dark .contentUnread-3gTHvA .note-S--UP5,
  871. .theme-dark .contentDefault-16dKSY .note-S--UP5,
  872. .theme-dark #friends .friends-empty p {
  873. color: white;
  874. }
  875. .theme-dark .tipsWithoutResults-lGY-De,
  876. .theme-dark .tipsWithResults-HhTE9b {
  877. border-color: transparent;
  878. color: white;
  879. }
  880. .theme-dark .keybindShortcut-1BD6Z1 span {
  881. background-color: #1B1B1D;
  882. border: none;
  883. box-shadow: none;
  884. color: white;
  885. border-radius: 0px;
  886. }
  887. .theme-dark .keybindShortcut-1BD6Z1 span:active {
  888. border: none;
  889. background-color: #0A0C0C;
  890. box-shadow: none;
  891. color: white;
  892. }
  893. .theme-dark .keybindShortcutTipsSelect-HDyfe8:last-of-type:before {
  894. background-color: transparent;
  895. }
  896. .theme-dark #friends .friends-table .friends-table-header,
  897. .theme-dark #friends .friends-table .friends-row+.friends-row {
  898. border-bottom: none;
  899. }
  900. #friends .friends-table .friends-row .friends-column-actions .friends-action.friends-action-remove:hover {
  901. background-color: #353835!important;
  902. }
  903. .theme-dark #friends .friends-table .friends-row .friends-column-actions .friends-action {
  904. background-color: #272729 !important;
  905. border: 1px solid rgba(255,255,255,0.23);
  906. }
  907. .theme-dark #friends .friends-table .friends-row .friends-column-actions .friends-action:hover {
  908. border: 1px solid rgba(255,255,255,0.63);
  909. }
  910. .theme-dark #friends .tab-bar .tab-bar-item .badge {
  911. background-color: #272729;
  912. color: white;
  913. }
  914. .theme-dark #friends .tab-bar .tab-bar-item.selected .badge {
  915. background-color: #1B1B1D;
  916. color: white;
  917. }
  918. #friends .friends-table .friends-row .friends-column-guilds .avatar-small {
  919. background-color: #272729;
  920. color: #fff;
  921. }
  922. .theme-dark #friends .tab-bar .tab-bar-item:hover:not(.selected) {
  923. background-color: rgba(255,255,255,0.34);
  924. }
  925. .theme-dark #friends .friends-table .friends-row:hover {
  926. background: rgba(39, 39, 41,0.35);
  927. }
  928. .theme-dark #friends .tab-bar .tab-bar-item.selected {
  929. background-color: black;
  930. color: white;
  931. }
  932. .theme-dark #friends .tab-bar .tab-bar-item.tab-bar-item-primary {
  933. background-color: #272729;
  934. color: #fff;
  935. text-shadow: 0 0 4px black, 0 0 4px black, 0 0 4px black;
  936. }
  937. .theme-dark #friends .tab-bar .tab-bar-item.tab-bar-item-primary:hover:not(.selected) {
  938. background-color: #2F2E31;
  939. }
  940. .theme-dark #friends .tab-bar .tab-bar-item.tab-bar-item-primary.selected {
  941. background-color: #353835;
  942. color: white;
  943. }
  944. #friends .btn,
  945. .private-channel-recipients-invite .footer button,
  946. .private-channel-recipients-invite .error-state.not-friends .btn {
  947. background-color: #272729 !important;
  948. border-radius: 0px;
  949. color: #fff;
  950. }
  951. .callAvatarBorder-1D_KaE.voice-2D-tt_.speaking-oCqYMI,
  952. .callAvatarBorder-1D_KaE.video-3GgX2M.speaking-oCqYMI {
  953. border-radius: 50%;
  954. box-shadow: inset 0 0 0 3px #272729;
  955. }
  956. .lookFilled-1Gx00P.colorGrey-1TFJan,
  957. .lookOutlined-3sRXeN.colorGrey-1TFJan,
  958. [class="itemDefault-3Jdr52 item-PXvHYJ notSelected-1N1G5p"][style*="color: rgb(53, 56, 53);"] {
  959. background-color: rgba(53, 56, 53) !important;
  960. color: #fff !important;
  961. border: 1px solid Gray;
  962. }
  963. .lookFilled-1Gx00P.colorGray-1TFJan:hover,
  964. .lookOutlined-3sRXeN.colorGray-1TFJan:hover,
  965. [class="itemDefault-3Jdr52 item-PXvHYJ notSelected-1N1G5p"][style*="color: rgb(53, 56, 53);"]:hover {
  966. background-color: rgba(53, 56, 53) !important;
  967. color: #fff !important;
  968. }
  969. .theme-dark .callAvatar-v-u4BM.voice-2D-tt_ .callAvatarStatus-3y6S04 {
  970. border-color: black;
  971. background-color: #272729;
  972. }
  973. #friends .btn:hover,
  974. .private-channel-recipients-invite .footer button:hover,
  975. .private-channel-recipients-invite .error-state.not-friends .btn:hover {
  976. border: 1px solid rgba(255,255,255,0.34);
  977. }
  978. .private-channel-recipients-invite .header .search-bar {
  979. background-color: black;
  980. }
  981. .theme-dark .themed-popout .header,
  982. .theme-dark .themed-popout .footer {
  983. background-color: #272729;
  984. box-shadow: none;
  985. }
  986. .theme-dark .themed-popout,
  987. .theme-dark .private-channel-recipients-invite .friend {
  988. background-color: black;
  989. border: none;
  990. box-shadow: none;
  991. }
  992. .theme-dark .private-channel-recipients-invite .friend.selected,
  993. .theme-dark .private-channel-recipients-invite .friend:hover {
  994. background: linear-gradient(90deg,black 15%,#272729);
  995. }
  996. .scrollerThemed-2oenus.themeDark-2cjlUp.scrollerTrack-1ZIpsv>.scroller-2FKFPG::-webkit-scrollbar-track,
  997. .theme-dark .scrollerWrap-2lJEkd.scrollerTrack-1ZIpsv>.scroller-2FKFPG::-webkit-scrollbar-track,
  998. .theme-light .scrollerThemed-2oenus.themeDark-2cjlUp.scrollerTrack-1ZIpsv>.scroller-2FKFPG::-webkit-scrollbar-track {
  999. background-color: transparent;
  1000. }
  1001. .scrollerThemed-2oenus.themeDark-2cjlUp .scroller-2FKFPG::-webkit-scrollbar-thumb,
  1002. .theme-dark .scrollerWrap-2lJEkd .scroller-2FKFPG::-webkit-scrollbar-thumb,
  1003. .theme-light .scrollerThemed-2oenus.themeDark-2cjlUp .scroller-2FKFPG::-webkit-scrollbar-thumb {
  1004. background-color: #272729;
  1005. }
  1006. .search-bar-tag {
  1007. background: #272729;
  1008. border-radius: 0px;
  1009. }
  1010. .theme-dark .private-channel-recipients-invite .friend.selected .avatar-small .status,
  1011. .theme-dark .private-channel-recipients-invite .friend:hover .avatar-small .status,
  1012. .private-channels .status,
  1013. .private-channels .channel.selected .status,
  1014. .private-channels .channel:hover .status {
  1015. border-color: transparent;
  1016. }
  1017. .theme-dark #friends .friends-table .friends-table-header .friends-column,
  1018. .theme-dark #friends .friends-table .friends-row .friends-column-status,
  1019. #friends .friends-table .friends-row .discord-tag .username,
  1020. #friends .friends-table .friends-row .discord-tag .discriminator,
  1021. .theme-dark .themed-popout .header .subtitle,
  1022. .theme-dark .themed-popout .text {
  1023. color: white;
  1024. }
  1025. .theme-dark #friends .friends-table .friends-row .friends-column-status .friend-activity-icon-foreground {
  1026. fill: white;
  1027. }
  1028. .theme-dark #friends .friends-table .friends-table-header .friends-column-separator,
  1029. .theme-dark #friends .tab-bar .tab-bar-separator,
  1030. .theme-dark .divider-2PMBlV {
  1031. background-color: transparent;
  1032. }
  1033. .theme-dark #friends .friends-table .friends-row+.friends-row {
  1034. border-top: none;
  1035. }
  1036. .theme-dark #friends .tab-bar .tab-bar-item:hover:not(.selected) .badge {
  1037. color: white;
  1038. }
  1039. .private-channels header,
  1040. .private-channels .channel .channel-name,
  1041. .private-channels .channel .channel-activity-text {
  1042. color: #fff;
  1043. opacity: .7;
  1044. }
  1045. .private-channels .channel.selected a {
  1046. background-color: rgba(39, 39, 41,.6);
  1047. color: #fff;
  1048. }
  1049. .private-channels .channel a {
  1050. border-radius: 0px;
  1051. }
  1052. .private-channels .channel:hover a {
  1053. background-color: rgba(0, 0, 0,.4);
  1054. border: 1px solid rgba(255,255,255,0.24);
  1055. }
  1056. /* Friends and DMs */
  1057. /* Discord Settings */
  1058. .theme-dark .questionMark-CWEQZn {
  1059. background-color: #272729 !important;
  1060. }
  1061. .statusRed-21U8Tp {
  1062. color: #272729;
  1063. }
  1064. .lookFilled-1Gx00P.colorGray-29iAKY {
  1065. background-color: rgba(53, 56, 53);
  1066. border: 1px solid #353835;
  1067. }
  1068. .lookFilled-1Gx00P.colorGray-29iAKY:hover {
  1069. background-color: rgba(53, 56, 53);
  1070. border: 1px solid #353835;
  1071. }
  1072. .theme-dark .input-cIJ7To:focus,
  1073. .theme-dark .input-cIJ7To.focused-1mmYsC {
  1074. border-color: #272729;
  1075. }
  1076. .theme-dark .ui-standard-sidebar-view .esc-text {
  1077. color: white;
  1078. }
  1079. .theme-dark .ui-standard-sidebar-view .btn-close {
  1080. border-color: transparent;
  1081. border-radius: 0;
  1082. }
  1083. .theme-dark .ui-standard-sidebar-view .btn-close:hover,
  1084. .avatar-uploader-inner {
  1085. background-color: #272729;
  1086. }
  1087. .theme-dark .separator-gCa7yv,
  1088. #bd-settings-sidebar .ui-tab-bar-separator {
  1089. background-color: transparent;
  1090. }
  1091. #bd-settings-sidebar .ui-tab-bar-item:hover,
  1092. .theme-dark .side-8zPYf6 .itemDefault-3Jdr52:hover,
  1093. .theme-dark .side-8zPYf6 .itemHover-EnbcjT:hover {
  1094. color: white;
  1095. background-color: rgba(39, 39, 41, 0.33) !important;
  1096. }
  1097. [class="itemDefault-3Jdr52 item-PXvHYJ notSelected-1N1G5p"][style*="color: rgb(53, 56, 53);"] {
  1098. color: silver !important;
  1099. }
  1100. [class="itemDefault-3Jdr52 item-PXvHYJ notSelected-1N1G5p"][style*="color: rgb(53, 56, 53);"]:hover {
  1101. background-color: rgba(39, 39, 41, 0.33) !important;
  1102. }
  1103. [class="itemSelected-1qLhcL item-PXvHYJ selected-3s45Ha"][style*="color: rgb(255, 255, 255); background-color: rgb(53, 56, 53);"],
  1104. .side-8zPYf6 .itemSelected-1qLhcL {
  1105. background-color: rgb(39, 39, 41) !important;
  1106. color: white !important;
  1107. }
  1108. #bd-settings-sidebar .ui-tab-bar-header,
  1109. .theme-dark .header-2RyJ0Y {
  1110. color: silver;
  1111. text-transform: capitalize;
  1112. }
  1113. .theme-dark .bubble-3we2di {
  1114. background-color: #272729;
  1115. }
  1116. .theme-dark .bubble-3we2di:before {
  1117. border-top-color: transparent;
  1118. }
  1119. .barFill-23-gu-[style*="background: rgb(53, 56, 53);"],
  1120. #bd-settings-sidebar .ui-tab-bar-item.selected,
  1121. .bd-pfbtn {
  1122. background-color: #272729 !important;
  1123. }
  1124. .bar-2Qqk5Z[style*="background: rgb(53, 56, 53);"] {
  1125. background-color: gray !important;
  1126. }
  1127. .theme-dark .userSettingsVoice-iwdUCU .previewOverlay-2O7_KC {
  1128. background-color: transparent;
  1129. border-color: transparent;
  1130. }
  1131. .userSettingsVoice-iwdUCU .media-engine-video {
  1132. background-color: rgba(39, 39, 41, 0.33);
  1133. }
  1134. .theme-dark .cardPrimary-1Hv-to {
  1135. background: rgba(39, 39, 41,.6);
  1136. border-color: transparent;
  1137. }
  1138. .theme-dark .searchBar-1MOL6S {
  1139. background-color: rgba(0,0,0,0.4);
  1140. }
  1141. .quickSelectLabel-2r3iJ_ {
  1142. opacity: 1;
  1143. }
  1144. .theme-dark .accountBtnInner-sj5jLs {
  1145. background-color: #272729;
  1146. border-color: transparent;
  1147. }
  1148. .theme-dark .accountBtnInner-sj5jLs:hover {
  1149. background-color: #1B1B1D;
  1150. }
  1151. .theme-dark .notificationsSound-27jFSh,
  1152. .theme-dark .row-2okwlC,
  1153. .theme-dark .user-settings-games .game,
  1154. .theme-dark .item-3eFBNF {
  1155. box-shadow: none;
  1156. }
  1157. .theme-dark .card-FDVird:before {
  1158. background: rgba(39, 39, 41,.6);
  1159. border-color: transparent;
  1160. border-radius: 0px;
  1161. }
  1162. .ghostPill-2-KUPM {
  1163. background-color: #353835;
  1164. border: 1px solid #353835;
  1165. border-radius: 0;
  1166. color: white;
  1167. }
  1168. .theme-dark .user-settings-games .not-detected,
  1169. .theme-light .user-settings-games .not-detected {
  1170. background-color: black;
  1171. }
  1172. .theme-dark .user-settings-games .now-playing,
  1173. .theme-light .user-settings-games .now-playing {
  1174. background-color: #272729;
  1175. }
  1176. .theme-dark .user-settings-games .last-played,
  1177. .theme-dark .user-settings-games .overlay-status-text {
  1178. color: white;
  1179. }
  1180. .theme-dark .user-settings-games .game-name-input:focus,
  1181. .theme-dark .user-settings-games .game-name-input:hover {
  1182. background-color: #272729;
  1183. border-color: rgba(255,255,255,.3);
  1184. }
  1185. .lookLink-9FtZy-.colorLink-35jkBc {
  1186. color: silver;
  1187. }
  1188. .lookLink-9FtZy-.colorLink-35jkBc:hover .contents-18-Yxp {
  1189. background-image: linear-gradient(0deg,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0) 1px,silver 0,silver 2px,rgba(0, 0, 0, 0) 0);
  1190. }
  1191. .theme-dark .markValue-2DwdXI {
  1192. color: white;
  1193. }
  1194. .theme-dark .markDash-3hAolZ {
  1195. background: white;
  1196. }
  1197. #bd-settingspane-container .ui-switch-item .style-description {
  1198. color: white;
  1199. font-weight: normal;
  1200. border-bottom: none;
  1201. }
  1202. #bd-settingspane-container .ui-switch-item .ui-switch-wrapper .ui-switch.checked,
  1203. .ui-standard-sidebar-view #bd-customcss-attach-controls button,
  1204. .bd-detached-css-editor #bd-customcss-attach-controls button {
  1205. background: #272729 !important;
  1206. border: none !important;
  1207. }
  1208. .ui-standard-sidebar-view #bd-customcss-attach-controls button:hover,
  1209. .bd-detached-css-editor #bd-customcss-attach-controls button:hover {
  1210. background: #1B1B1D !important;
  1211. }
  1212. .content-region #bd-customcss-attach-controls, #bd-customcss-detach-container #bd-customcss-attach-controls {
  1213. background: #272729;
  1214. color: #FFF;
  1215. border: none;
  1216. border-radius: 0;
  1217. }
  1218. .ace-monokai .ace_gutter-active-line,
  1219. .ace-monokai .ace_marker-layer .ace_active-line,
  1220. .bda-slist .bda-footer button {
  1221. background-color: #272729;
  1222. }
  1223. .ace-monokai,
  1224. .ace-monokai .ace_gutter {
  1225. background-color: black;
  1226. color: white;
  1227. }
  1228. .ace-monokai .ace_comment {
  1229. color: white !important;
  1230. }
  1231. .bda-slist li {
  1232. background: rgba(27, 27, 29,.6);
  1233. border: transparent;
  1234. }
  1235. .bda-slist .bda-description {
  1236. color: white;
  1237. }
  1238. .bda-slist .bda-footer,
  1239. .bda-slist .bda-header {
  1240. border: none;
  1241. color: white;
  1242. }
  1243. /* Discord Settings */
  1244. /* User Popout Modal */
  1245. .theme-dark .headerNormal-T_seeN,
  1246. .theme-dark .body-3iLsc4,
  1247. .theme-dark .footer-1fjuF6,
  1248. .theme-dark .topSectionNormal-2-vo2m,
  1249. .theme-dark .body-3ND3kc {
  1250. background-color: rgba(0,0,0,0.4);
  1251. border: none;
  1252. }
  1253. .bodyTitle-Y0qMQz {
  1254. color: white;
  1255. text-transform: captialize;
  1256. }
  1257. .theme-dark .protip-YaFfgO {
  1258. display: none;
  1259. }
  1260. .userPopout-3XzG_A {
  1261. border-radius: 0;
  1262. box-shadow: none;
  1263. background: url("https://images.wallpaperscraft.com/image/tokyo_night_city_skyscrapers_121628_1920x1080.jpg") 0 / cover
  1264. }
  1265. .role-2irmRk {
  1266. border: none;
  1267. border-radius: 0;
  1268. box-sizing: content-box;
  1269. height: 17px;
  1270. padding: 4px 6px;
  1271. background-color: rgba(0,0,0,0.4);
  1272. }
  1273. .roleCircle-3xAZ1j {
  1274. border-radius: 0;
  1275. height: 9px;
  1276. width: 9px;
  1277. }
  1278. .roleCircle-3xAZ1j[style*="background-color: rgb(185, 187, 190);"] {
  1279. background-color: transparent !important;
  1280. border: 2px solid #272729;
  1281. }
  1282. .theme-dark .note-3kmerW textarea {
  1283. color: white;
  1284. }
  1285. .theme-dark .note-3kmerW textarea:focus {
  1286. background-color: rgba(0,0,0,0.34) !important;
  1287. }
  1288. .theme-dark .quickMessage-1yeL4E {
  1289. background-color: rgba(0,0,0,0.34);
  1290. border-color: transaprent;
  1291. color: white;
  1292. }
  1293. .theme-dark .quickMessage-1yeL4E:focus {
  1294. background-color: rgba(0,0,0,0.34);
  1295. border: 1px solid #272729;
  1296. }
  1297. .botTagInvert-18-95s {
  1298. background: #272729;
  1299. color: white;
  1300. }
  1301. .root-SR8cQa {
  1302. border-radius: 0;
  1303. background: url("https://images.wallpaperscraft.com/image/tokyo_night_city_skyscrapers_121628_1920x1080.jpg") 0 / cover;
  1304. }
  1305. .theme-dark .connectedAccount-36nQx7,
  1306. .theme-dark .userInfoSection-2acyCx+.userInfoSection-2acyCx {
  1307. border-color: transparent;
  1308. }
  1309. .tabBarContainer-1s1u-z {
  1310. border-top: none;
  1311. padding-left: 120px;
  1312. }
  1313. .userInfoSectionHeader-CBvMDh {
  1314. color: white;
  1315. text-transform: capitalize;
  1316. }
  1317. .theme-dark .connectedAccount-36nQx7 {
  1318. border-radius: 0px;
  1319. background-color: #272729;
  1320. }
  1321. /* Header Playing */
  1322. .headerPlaying-j0WQBV,
  1323. .topSectionPlaying-1J5E4n {
  1324. background: linear-gradient(to right, rgba(53, 56, 53) 10%, rgba(53, 56, 53) 60%);
  1325. }
  1326. .headerPlaying-j0WQBV ~ .body-3iLsc4,
  1327. .topSectionPlaying-1J5E4n ~ .body-3ND3kc {
  1328. background-image: linear-gradient(to right, rgba(53, 56, 53) 10%, rgba(53, 56, 53) 60%);
  1329. }
  1330. .headerPlaying-j0WQBV ~ .body-3iLsc4 ~ .footer-1fjuF6 {
  1331. background-image: linear-gradient(to right, rgba(53, 56, 53) 10%, rgba(53, 56, 53) 60%);
  1332. }
  1333. .headerPlaying-j0WQBV ~ .body-3iLsc4 ~ .footer-1fjuF6 > .quickMessage-1yeL4E {
  1334. background-color: #353835;
  1335. }
  1336. .headerPlaying-j0WQBV ~ .body-3iLsc4 ~ .footer-1fjuF6 > .quickMessage-1yeL4E:focus {
  1337. background-color: #353835;
  1338. border: none;
  1339. }
  1340. .headerPlaying-j0WQBV ~ .body-3iLsc4 > .note-3kmerW textarea:focus {
  1341. background-color: rgba(53, 56, 53);
  1342. }
  1343. .lookInverted-2D7oAl.colorBrand-3pXr91 {
  1344. background-color: #353835 !important;
  1345. color: white;
  1346. box-shadow: 0 0 0 0 black;
  1347. transition: box-shadow .2s linear;
  1348. }
  1349. .lookInverted-2D7oAl.colorBrand-3pXr91:hover {
  1350. box-shadow: 0 0 6px 0 black, 0 0 6px 0 black, 0 0 6px 0 black;
  1351. }
  1352. /* Header Playing */
  1353. /* Spotify Playing */
  1354. .headerSpotify-zpWxgT,
  1355. .topSectionSpotify-1lI0-P {
  1356. background: linear-gradient(to right, rgba(53, 56, 53) 10%, rgba(53, 56, 53) 60%);
  1357. }
  1358. .headerSpotify-zpWxgT ~ .body-3iLsc4,
  1359. .topSectionSpotify-1lI0-P ~ .body-3ND3kc {
  1360. background-image: linear-gradient(to right, rgba(53, 56, 53) 10%, rgba(53, 56, 53) 60%);
  1361. }
  1362. .headerSpotify-zpWxgT ~ .body-3iLsc4 ~ .footer-1fjuF6 {
  1363. background-image: linear-gradient(to right, rgba(53, 56, 53) 10%, rgba(53, 56, 53) 60%);
  1364. }
  1365. .headerSpotify-zpWxgT ~ .body-3iLsc4 ~ .footer-1fjuF6 > .quickMessage-1yeL4E {
  1366. background-color: #353835;
  1367. }
  1368.  
  1369. .headerSpotify-zpWxgT ~ .body-3iLsc4 ~ .footer-1fjuF6 > .quickMessage-1yeL4E:focus {
  1370. background-color: #353835;
  1371. border: none;
  1372. }
  1373. .headerSpotify-zpWxgT ~ .body-3iLsc4 > .note-3kmerW textarea:focus {
  1374. background-color: rgba(53, 56, 53);
  1375. }
  1376. .lookInverted-2D7oAl.colorGrey-29iAKY:hover {
  1377. box-shadow: 0 0 6px 0 black, 0 0 6px 0 black, 0 0 6px 0 black;
  1378. }
  1379. .lookInverted-2D7oAl.colorGrey-29iAKY {
  1380. background-color: #353835 !important;
  1381. color: white;
  1382. box-shadow: 0 0 0 0 black;
  1383. transition: box-shadow .2s linear;
  1384. }
  1385. /* Spotify Playing */
  1386. /* Streaming Playing */
  1387. .headerStreaming-2FjmGz,
  1388. .topSectionStreaming-1Tpf5X {
  1389. background: linear-gradient(to right, rgba(53, 56, 53) 10%, rgba(53, 56, 53) 60%);
  1390. }
  1391. .headerStreaming-2FjmGz ~ .body-3iLsc4,
  1392. .topSectionStreaming-1Tpf5X ~ .body-3ND3kc {
  1393. background-image: linear-gradient(to right, rgba(53, 56, 53) 10%, rgba(53, 56, 53) 60%);
  1394. }
  1395. .headerStreaming-2FjmGz ~ .body-3iLsc4 ~ .footer-1fjuF6 {
  1396. background-image: linear-gradient(to right, rgba(53, 56, 53) 10%, rgba(53, 56, 53) 60%);
  1397. }
  1398. .headerStreaming-2FjmGz ~ .body-3iLsc4 ~ .footer-1fjuF6 > .quickMessage-1yeL4E {
  1399. background-color: #353835;
  1400. }
  1401.  
  1402. .headerStreaming-2FjmGz ~ .body-3iLsc4 ~ .footer-1fjuF6 > .quickMessage-1yeL4E:focus {
  1403. background-color: #353835;
  1404. border: none;
  1405. }
  1406. .headerStreaming-2FjmGz ~ .body-3iLsc4 > .note-3kmerW textarea:focus {
  1407. background-color: rgba(53, 56, 53);
  1408. }
  1409. .buttonInvertedGray-WtBglX {
  1410. background-color: #353835 !important;
  1411. color: white;
  1412. box-shadow: 0 0 0 0 black;
  1413. transition: box-shadow .2s linear;
  1414. }
  1415. .buttonInvertedGray-WtBglX:hover {
  1416. box-shadow: 0 0 6px 0 black, 0 0 6px 0 black, 0 0 6px 0 black;
  1417. }
  1418. /* Streaming Playing */
  1419. .listAvatar-1NlAhb {
  1420. color: #fff;
  1421. background-color: #272729;
  1422. }
  1423. .guildNick-3uAm3i, .listName-3w10cx {
  1424. color: white;
  1425. }
  1426. /* User Popout Modal */
  1427. /* Create and Join Menu */
  1428. .create-guild-container.deprecated .create-or-join .form-inner {
  1429. background-color: black;
  1430. }
  1431. .form.deprecated header {
  1432. color: silver;
  1433. text-transform: capitalize;
  1434. }
  1435. .create-guild-container.deprecated .action .action-body {
  1436. color: white;
  1437. }
  1438. .create-guild-container.deprecated .action.join {
  1439. background: #353835;
  1440. border: none;
  1441. border-radius: 0px;
  1442. box-shadow: none;
  1443. }
  1444. .create-guild-container.deprecated .action.create .action-header {
  1445. color: #353835;
  1446. }
  1447. .create-guild-container.deprecated .action.create {
  1448. background: #353835;
  1449. border: none;
  1450. border-radius: 0px;
  1451. box-shadow: none;
  1452. }
  1453. .create-guild-container.deprecated .action.create .btn {
  1454. background-color: #353835 !important;
  1455. border-radius: 0;
  1456. }
  1457. .create-guild-container.deprecated .action.join .action-header {
  1458. color: #353835;
  1459. }
  1460. .create-guild-container.deprecated .action.create .btn:hover {
  1461. border: 1px solid rgba(255,255,255,0.45);
  1462. }
  1463. .create-guild-container.deprecated .action.join .btn {
  1464. background-color: #353835 !important;
  1465. border-radius: 0;
  1466. }
  1467. .create-guild-container.deprecated .action:hover.join .btn {
  1468. border: 1px solid rgba(255,255,255,0.45);
  1469. background-color: transparent !important;
  1470. }
  1471. .create-guild-container.deprecated .create-or-join .actions .or {
  1472. background-image: none;
  1473. color: white;
  1474. font-size: 34px;
  1475. }
  1476. /* Create and Join Menu */
  1477. /* Upload Section */
  1478. .uploadModal-2ifh8j .inner-3nWsbo {
  1479. border: 2px dashed #272729;
  1480. color: rgb(255, 255, 255);
  1481. }
  1482. .uploadModal-2ifh8j {
  1483. background-color: black;
  1484. }
  1485. .uploadModal-2ifh8j .footer-3mqk7D {
  1486. background-color: black;
  1487. }
  1488. .uploadModal-2ifh8j .footer-3mqk7D .button {
  1489. background-color: rgba(255,0,0,0.4);
  1490. }
  1491. .uploadModal-2ifh8j .footer-3mqk7D .button:hover {
  1492. background-color: rgba(255,0,0,0.8);
  1493. }
  1494. .uploadModal-2ifh8j .footer-3mqk7D .button-primary {
  1495. background-color: black;
  1496. color: white;
  1497. border: 1px solid rgba(255,255,255,0.23);
  1498. }
  1499. .uploadModal-2ifh8j .footer-3mqk7D .button-primary:hover {
  1500. background-color: #1B1B1D;
  1501. color: white;
  1502. opacity: 1;
  1503. border: 1px solid rgba(255,255,255,0.23);
  1504. }
  1505. .uploadDropModal-2kTwbc {
  1506. background: black;
  1507. }
  1508. .uploadModalIn-1z07Bv .uploadDropModal-2kTwbc .bgScale-1otPtc {
  1509. background: black !important;
  1510. }
  1511. .uploadModalIn-1z07Bv .uploadDropModal-2kTwbc .inner-3nWsbo {
  1512. background: black !important;
  1513. border: 2px dashed #272729;
  1514. }
  1515. .uploadModal-2ifh8j .inner-3nWsbo .file-34mY5K .icon-kyxXVr.image-2yrs5j {
  1516. background-color: transparent;
  1517. background-size: cover;
  1518. border: 2px solid #272729;
  1519. border-radius: 30px;
  1520. }
  1521. /* Upload Section */
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!