API tools faq
paste
Advertisement
Guest User

Untitled

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