Advertisement
llcoll

6/4/2016

Jun 4th, 2016
85
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 71.77 KB | None | 0 0
  1. /* EVERY LINK HAS TO BE HTTPS:// TO WORK IN DISCORD */
  2. .app {
  3. background-image: url("https://thentirety.com/wp-content/uploads/2015/09/esdeath-frozen-swords-anime-girl-akame-ga-kill-1920x1080.jpg") !important;
  4. background-size: cover !important;
  5. }
  6.  
  7. .Select-control {
  8. background: #2E3136;
  9. border: #3DA9A9;
  10. border-color: #3DA9A9 #3DA9A9 #3DA9A9;
  11. }
  12. .form .control-group .Select-control {
  13. border: 1px solid #3DA9A9;
  14. }
  15. .form .control-group .Select-control:hover {
  16. border: 1px solid #3DA9A9;
  17. }
  18. .form .control-group .is-focused:not(.is-open)>.Select-control {
  19. border: 1px solid #3DA9A9;
  20. }
  21. .slider-bar {
  22. background: #393C42;
  23. }
  24. .slider-handle,
  25. .slider-handle span {
  26. background-color: #393C42;
  27. }
  28. .form .control-group .Select-control .Select-placeholder {
  29. color: #787A7B;
  30. }
  31. .tab-bar.SIDE {
  32. overflow-y: hidden;
  33. background-color: #25282B;
  34. }
  35. .create-guild-container .join-server .link-container input {
  36. border: 1px solid #3DA9A9;
  37. }
  38. .create-guild-container .join-server .sample-link {
  39. color: #3DA9A9;
  40. }
  41. .theme-dark .chat>.content .messages .message-group a {
  42. color: #3DA9A9;
  43. }
  44. .theme-dark .header-toolbar button.active {
  45. background-color: #6fd0fc;
  46. }
  47. .need-help-modal .footer {
  48. background-color: #282b30;
  49. border-top: 1px solid #1D1F23;
  50. }
  51. .need-help-modal .header {
  52. background-color: #3DA9A9;
  53. }
  54. .need-help-button:hover {
  55. border-color: #3DA9A9;
  56. color: #3DA9A9;
  57. }
  58. .need-help-button:hover .btn-help {
  59. color: #3DA9A9;
  60. }
  61. .settings .settings-inner {
  62. background-color: #36393e;
  63. }
  64. .notification-settings-modal .mute-server .checkbox .label {
  65. color: #fff;
  66. }
  67. .notification-settings-modal .settings-section {
  68. color: #fff;
  69. }
  70. .channel-notification-settings .content label {
  71. color: #ABAAAA;
  72. }
  73. .scroller-wrap .scroller {
  74. overflow-y: scroll;
  75. }
  76. .channel-notification-settings {
  77. border-bottom: 1px solid #3DA9A9;
  78. }
  79. .notification-settings-modal .notification-settings-modal-channel-settings-list {
  80. box-shadow: 0 -1px #3DA9A9;
  81. }
  82. .chat .new-messages-bar button {
  83. background: #3DA9A9;
  84. border-radius: 5px;
  85. }
  86. .chat .new-messages-bar button:last-child {
  87. color: #fff;
  88. }
  89. .download-apps .platforms .platform.active .download-button,
  90. .change-log .changelog-fixed,
  91. .modal-new-user .steps-wrap .steps li.on,
  92. .modal-new-user .steps-wrap .steps li.on+.divider,
  93. .modal-new-user .steps-wrap .steps li.on:before,
  94. .chat .new-messages-bar:hover {
  95. background-color: #3DA9A9;
  96. }
  97. .radio-image .radio-inner span:after {
  98. opacity: 0;
  99. filter: alpha(opacity=0);
  100. content: '';
  101. position: absolute;
  102. width: 100%;
  103. height: 100%;
  104. border: 2px solid #3DA9A9;
  105. border-radius: 3px;
  106. -webkit-transition: .3s ease;
  107. transition: .3s ease;
  108. left: -2px;
  109. top: -2px;
  110. }
  111. .radio-image:hover span:after {
  112. opacity: .5;
  113. filter: alpha(opacity=50);
  114. border-color: #3DA9A9;
  115. }
  116. .guilds li.active .guild-inner,
  117. .guilds li:hover .guild-inner {
  118. border-radius: 15px;
  119. background: #3DA9A9;
  120. }
  121. .guild-channels .channel-voice-states li.speaking .avatar-small {
  122. background-color: #3DA9A9;
  123. cursor: pointer;
  124. border: 2px solid #43b581;
  125. box-shadow: inset 0 0 0 2px #2e3136;
  126. }
  127. #unsupported-browser li:hover {
  128. -webkit-transform: scale(1.04);
  129. transform: scale(1.04);
  130. border-color: #3DA9A9;
  131. }
  132. #unsupported-browser li:hover .browser {
  133. background-position-y: 100px;
  134. }
  135. #unsupported-browser li:hover .btn {
  136. background-color: #3DA9A9;
  137. color: #fff;
  138. border-color: #3DA9A9;
  139. }
  140. .mentioned .highlight:hover {
  141. color: #3DA9A9;
  142. text-decoration: underline;
  143. }
  144. .highlight:hover {
  145. cursor: pointer;
  146. color: #fff;
  147. background-color: #3DA9A9;
  148. }
  149. .tooltip.tooltip-left:after {
  150. position: absolute;
  151. left: 100%;
  152. top: 50%;
  153. border-left-color: #3DA9A9;
  154. margin-top: -5px;
  155. }
  156. .tooltip.tooltip-right:after {
  157. position: absolute;
  158. right: 100%;
  159. top: 50%;
  160. border-right-color: #3DA9A9;
  161. margin-top: -5px;
  162. }
  163. .tooltip {
  164. position: absolute;
  165. background-color: #3DA9A9;
  166. box-shadow: 0 2px 4px 1px rgba(0, 0, 0, .1);
  167. border-radius: 3px;
  168. font-weight: 600;
  169. font-size: 12px;
  170. color: #fff;
  171. z-index: 1002;
  172. max-width: 160px;
  173. box-sizing: border-box;
  174. word-wrap: break-word;
  175. padding: 5px 10px;
  176. }
  177. .tooltip.tooltip-bottom:after {
  178. position: absolute;
  179. bottom: 100%;
  180. left: 50%;
  181. border-bottom-color: #3DA9A9;
  182. margin-left: -5px;
  183. }
  184. .tooltip.tooltip-top:after {
  185. position: absolute;
  186. top: 100%;
  187. left: 50%;
  188. margin-left: -5px;
  189. border-top-color: #3DA9A9;
  190. }
  191. .region-select-modal {
  192. background: #36393e;
  193. }
  194. .region-select-modal .region-select-modal-header {
  195. color: #3DA9A9;
  196. }
  197. .region-select-modal .region-select-modal-option {
  198. background-color: #2e3338;
  199. border: 2px solid #25292d;
  200. }
  201. .region-select-modal .region-select-modal-option:hover {
  202. border-color: #3DA9A9;
  203. }
  204. .form .radio-group .radio {
  205. color: #fff;
  206. }
  207. .need-help-modal .header input[type=text] {
  208. box-shadow: 0 2px 1px #3DA9A9;
  209. }
  210. .change-log {
  211. background: #282D2F;
  212. }
  213. .change-log .header {
  214. color: #2C7E7B;
  215. border-bottom: 1px solid #4C4C4C;
  216. }
  217. .change-log ul li {
  218. color: #2C7E7B;
  219. }
  220. .change-log .footer {
  221. border-top: 1px solid #4C4C4C;
  222. color: #2C7E7B;
  223. background-color: #282D2F;
  224. }
  225. .callout-backdrop {
  226. background-color: rgb(0, 0, 0) !important;
  227. }
  228. .download-apps .platforms .platform {
  229. border: 2px solid #2C7E7B;
  230. }
  231. .download-apps .footer {
  232. color: #2C7E7B;
  233. }
  234. .download-apps .footer a {
  235. color: #3DA9A9;
  236. }
  237. .download-apps .header {
  238. color: #3DA9A9;
  239. }
  240. .download-apps .platforms .platform.active {
  241. border-color: #3DA9A9;
  242. }
  243. .user-settings-modal a:hover {
  244. color: #2C7E7B;
  245. }
  246. .private-channels .channel.selected:before {
  247. border-left: 4px solid #3DA9A9;
  248. }
  249. .private-channels .channel:hover:before {
  250. border-left: 4px solid #3DA9A9;
  251. }
  252. .user-settings-modal .voice-settings .reset-voice-settings {
  253. color: #3DA9A9;
  254. }
  255. .user-settings-modal .voice-settings .reset-voice-settings:hover {
  256. color: #2C7E7B;
  257. }
  258. .modal-content .form-inner p {
  259. color: #E6E6E6;
  260. }
  261. .form .form-inner {
  262. background: #34383e;
  263. }
  264. .form .form-actions {
  265. border-top: 1px solid #414958;
  266. }
  267. .form .form-header {
  268. background: #353940;
  269. border-bottom: 1px solid #494C50;
  270. }
  271. .popout header {
  272. background-color: #3DA9A9;
  273. }
  274. .popout section {
  275. background-color: hsl(218, 7%, 23%);
  276. }
  277. #voice-connection-popout hr {
  278. border: 1px solid #4C4C4C;
  279. }
  280. .small-popout-box {
  281. background: #282B30;
  282. border: 1px solid #24272B;
  283. }
  284. .option-popout .btn-item:hover {
  285. color: #BBBBBB;
  286. }
  287. .member-roles .member-role {
  288. background-color: #3DA9A9;
  289. color: #ffffff;
  290. border: 1px solid #3DA9A9;
  291. }
  292. .user-popout .user-popout-options .btn {
  293. background-color: #3DA9A9;
  294. border: 1px solid #3DA9A9;
  295. }
  296. .user-popout .user-popout-options .btn:hover {
  297. background-color: #2C7E7B;
  298. }
  299. .chat .welcome-message h1 {
  300. color: #3DA9A9;
  301. width: 260px;
  302. }
  303. .channel-members .invite-btn {
  304. background-color: #3DA9A9;
  305. }
  306. .channel-members .invite-btn:hover {
  307. background-color: #2C7E7B;
  308. }
  309. .instant-invite-popout hr {
  310. border: 1px solid #3DA9A9;
  311. }
  312. .instant-invite-popout a {
  313. color: #3DA9A9;
  314. }
  315. .instant-invite-popout a:hover {
  316. color: #2C7E7B;
  317. }
  318. .clipboard-input-inner input::selection {
  319. background: #3DA9A9;
  320. }
  321. .clipboard-input-inner button {
  322. border-left: 1px solid #424549;
  323. background-color: #282B30;
  324. }
  325. .clipboard-input-inner input {
  326. color: #2C7E7B;
  327. background: #424549;
  328. }
  329. .clipboard-input-inner {
  330. background: #1C1E22;
  331. border: 1px solid #2E3136;
  332. }
  333. .clipboard-input-inner button:first-of-type:before {
  334. background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #313131);
  335. }
  336. ::selection {
  337. color: #fff;
  338. background: #3DA9A9;
  339. }
  340. .theme-dark .chat .welcome-message a {
  341. color: #3DA9A9;
  342. }
  343. #settings-roles .roles li.selected {
  344. background: none;
  345. }
  346. #permissions ul li {
  347. color: #F4F4F4;
  348. }
  349. #permissions .permission-actions>div {
  350. background-color: #2E3136;
  351. border: 2px solid #2A2C31;
  352. }
  353. #permissions .permission-actions>div.PASSTHROUGH:hover {
  354. border: #51555F;
  355. }
  356. #settings-roles .roles header {
  357. border-bottom: 1px solid #2A2C31;
  358. }
  359. #settings-roles .roles {
  360. border-right: 1px solid #3DA9A9;
  361. }
  362. .btn-help:hover {
  363. background: #3DA9A9;
  364. }
  365. #permissions .permissions-helpdesk {
  366. color: #3DA9A9;
  367. }
  368. #permissions .permissions-helpdesk:hover {
  369. color: #2C7E7B;
  370. }
  371. #settings-roles .roles li.selected:before {
  372. background-color: #3DA9A9;
  373. }
  374. #settings-roles .roles li:hover:before {
  375. background-color: #2C7E7B;
  376. }
  377. .instant-invites .instant-invites-header {
  378. border-bottom: 1px solid #3DA9A9;
  379. }
  380. .instant-invites .instant-invite-buttons .btn {
  381. background: #3DA9A9;
  382. }
  383. .instant-invites .instant-invite-buttons .btn.btn-danger {
  384. border: 1px solid #AD392D;
  385. color: #fff
  386. }
  387. .instant-invites .instant-invite-buttons .btn.btn-danger:hover {
  388. background: #FF1700;
  389. }
  390. .instant-invites .instant-invites-list .instant-invite .member {
  391. color: #C3C3C3;
  392. }
  393. #permissions .permission-actions.disabled>div {
  394. border: #565963;
  395. background: #565963;
  396. position: relative;
  397. }
  398. .checkbox .checkbox-inner span {
  399. border: 2px solid #8E8E8E;
  400. }
  401. .form .control-group .help-text {
  402. color: #B6BBC1;
  403. }
  404. .avatar-uploader a {
  405. color: #3DA9A9;
  406. }
  407. .avatar-uploader a:hover {
  408. color: #2C7E7B;
  409. }
  410. .instant-invites .instant-invites-list .instant-invite .show-channel .channel {
  411. color: #B3B3B3;
  412. }
  413. .instant-invites .instant-invites-list .instant-invite+.instant-invite {
  414. border-top: 1px solid #3DA9A9;
  415. }
  416. .form .control-groups.control-separator {
  417. border-top: 1px solid #3DA9A9;
  418. }
  419. .guild-settings-modal-integrations .guild-settings-modal-integrations-header {
  420. color: #CCCCCC;
  421. border-bottom: 1px solid #2A2C31;
  422. box-shadow: none;
  423. }
  424. .guild-settings-modal-integrations .guild-settings-modal-integrations-body.no-integrations p {
  425. color: rgb(220, 220, 220);
  426. }
  427. .guild-settings-modal-integrations .guild-settings-modal-integrations-body.no-integrations p a {
  428. color: #F40000;
  429. }
  430. .guild-settings-modal-members .guild-settings-modal-list .member .member-username {
  431. color: #CECECE;
  432. }
  433. .guild-settings-modal-members .guild-settings-modal-members-header {
  434. border-bottom: 1px solid #2E3136;
  435. }
  436. #autocomplete-popout .empty:hover {
  437. background-color: #2E3136;
  438. }
  439. #autocomplete-popout .empty h4 {
  440. color: #3DA9A9;
  441. }
  442. #autocomplete-popout h3 {
  443. color: #ECECEC;
  444. }
  445. .popout.popout-bottom header:before {
  446. border-bottom-color: #3DA9A9;
  447. }
  448. .guild-settings-modal .guild-settings-modal-search {
  449. border: 1px solid #2E3136;
  450. }
  451. .guild-settings-modal .guild-settings-modal-search:focus {
  452. border: 1px solid #24272b;
  453. }
  454. .guild-settings-modal-members .guild-settings-modal-members-footer a {
  455. color: #3DA9A9;
  456. }
  457. .guild-settings-modal-members .guild-settings-modal-members-footer a:hover {
  458. color: #2C7E7B;
  459. }
  460. .guild-settings-modal-members .guild-settings-modal-members-footer {
  461. border-top: 1px solid #2E3136;
  462. }
  463. #settings-roles .roles li:hover {
  464. background: none;
  465. }
  466. .form hr {
  467. border-bottom: 1px solid #3DA9A9;
  468. }
  469. .user-popout .user-popout-options .btn.btn-server {
  470. color: #fff;
  471. background-color: #3DA9A9;
  472. border-color: #3DA9A9;
  473. }
  474. .user-popout .user-popout-options .btn.btn-server:hover {
  475. border-color: #3DA9A9;
  476. background-color: #2C7E7B;
  477. }
  478. .member-roles .manipulate:hover {
  479. border-color: #3DA9A9;
  480. background-color: #2C7E7B;
  481. }
  482. #user-profile-modal header {
  483. background-image: none;
  484. background-color: #3DA9A9;
  485. }
  486. #user-profile-modal .scroller {
  487. background: #2E3136;
  488. }
  489. #user-profile-modal .friends .friend:hover {
  490. background: #26292D;
  491. color: #ADADAD;
  492. }
  493. .need-help-modal a:hover {
  494. color: #2C7E7B;
  495. }
  496. #user-profile-modal footer {
  497. background: #1e2124;
  498. }
  499. #user-profile-modal footer button {
  500. color: #3DA9A9
  501. }
  502. .avatar-large {
  503. width: 33px;
  504. height: 33px;
  505. background-size: 33px 33px;
  506. left: 8px;
  507. }
  508. .channel-textarea {
  509. margin: 10px 0 30px;
  510. }
  511. .theme-dark .chat form {
  512. border-top: none;
  513. }
  514. .guilds li.active .guild-inner:before {
  515. background: #3DA9A9;
  516. }
  517. .guilds li.unread .guild-inner:before {
  518. background: #2C7E7B;
  519. }
  520. .guild-channels .channel-text.unread:not(.selected):not(.channel-muted):before {
  521. background: #2C7E7B;
  522. }
  523. .theme-dark .hljs {
  524. border: 1px solid transparent;
  525. border-radius: 4px;
  526. }
  527. .theme-dark .chat>.content .messages .divider:not(.red) div {
  528. background: transparent;
  529. }
  530. .theme-dark .chat>.content .messages .divider span {
  531. background: transparent;
  532. }
  533. .chat .divider>span {
  534. color: #F1F1F1;
  535. }
  536. .message-group .comment .markup pre {
  537. background: #282B30;
  538. border: 2px solid #282B30;
  539. }
  540. .message-group .comment .markup pre code {
  541. background: #282B30;
  542. color: #D4D4D4;
  543. }
  544. .theme-dark .chat .title-wrap .topic a {
  545. color: #3DA9A9;
  546. }
  547. .guilds .friends-icon:hover {
  548. color: transparent;
  549. background-color: #3DA9A9;
  550. }
  551. #autocomplete-popout .row.selected a,
  552. #autocomplete-popout .row:hover a {
  553. color: #D4D4D5;
  554. }
  555. #autocomplete-popout .row.selected,
  556. #autocomplete-popout .row:hover {
  557. background: linear-gradient(90deg, #36393F, #303238);
  558. }
  559. .download-apps .platforms .platform.active p {
  560. color: #3DA9A9;
  561. }
  562. .download-apps .platforms .platform .icon.apple.active {
  563. background-image: url(https://discordapp.com/assets/57568e1cfc37c81cf56db9498b4f128a.svg);
  564. }
  565. .download-apps .platforms .platform .icon.windows.active {
  566. background-image: url(https://discordapp.com/assets/d6221c5e88f5cb89f125868c077e9859.svg);
  567. }
  568. .download-apps .platforms .platform .icon.ios.active {
  569. background-image: url(https://discordapp.com/assets/0c460e9b848f5c4cc964ae9c62c0f9b9.svg);
  570. }
  571. .download-apps .platforms .platform .icon.android.active {
  572. background-image: url(https://discordapp.com/assets/d73fd4014c02b360d9529a720ecb7c44.svg);
  573. }
  574. .create-guild-container {
  575. background-color: transparent;
  576. }
  577. .form .form-inner {
  578. background-image: Justincase("https://i.imgur.com/KCLIPt4.gif");
  579. background-size: 40px 40px;
  580. background-repeat: no-repeat;
  581. background-position: 50% 74%;
  582. }
  583. .need-help-button {
  584. visibility: hidden;
  585. }
  586. .guilds-add {
  587. color: transparent !important;
  588. background-image: url("https://i.imgur.com/1MfzLoF.png") !important;
  589. background-size: 30px 30px !important;
  590. background-repeat: no-repeat !important;
  591. background-position: 9px 9px !important;
  592. background-color: rgba(21, 21, 21, 0.41) !important;
  593. opacity: 0.7 !important;
  594. }
  595. .slider-handle span {
  596. border: 1px solid #3DA9A9;
  597. }
  598. .slider-handle span:after,
  599. .slider-handle span:before {
  600. content: none;
  601. }
  602. .popout section:after,
  603. .popout section:before {
  604. content: none;
  605. }
  606. .chat .welcome-message .item-container .icon.exclamation {
  607. background-image: url("https://i.imgur.com/DYPXksE.png");
  608. background-repeat: no-repeat;
  609. background-size: 20px 20px;
  610. background-position: 29px 13px;
  611. }
  612. .chat .welcome-message .item-container .icon.share {
  613. background-image: url("https://i.imgur.com/DYPXksE.png");
  614. background-repeat: no-repeat;
  615. background-size: 20px 20px;
  616. background-position: 29px 13px;
  617. }
  618. .chat .welcome-message .item-container .icon.apps {
  619. background-image: url("https://i.imgur.com/DYPXksE.png");
  620. background-repeat: no-repeat;
  621. background-size: 20px 20px;
  622. background-position: 29px 13px;
  623. }
  624. .chat .welcome-message .item-container .icon.mobile {
  625. background-image: url("https://i.imgur.com/DYPXksE.png");
  626. background-repeat: no-repeat;
  627. background-size: 20px 20px;
  628. background-position: 29px 13px;
  629. }
  630. .chat .welcome-message .item-container .icon.twitter {
  631. background-image: url("https://i.imgur.com/DYPXksE.png");
  632. background-repeat: no-repeat;
  633. background-size: 20px 20px;
  634. background-position: 29px 13px;
  635. }
  636. .user-settings-modal button.preview-sound:before {
  637. background-image: url("https://i.imgur.com/E8gsoBs.png");
  638. }
  639. .chat .new-messages-bar button:first-child {
  640. border-radius: 5px;
  641. margin-right: -14px;
  642. }
  643. .chat .new-messages-bar {
  644. background-color: transparent !important;
  645. opacity: 0.8;
  646. }
  647. .account {
  648. background-repeat: no-repeat;
  649. background-position: 12px 11px;
  650. }
  651. .create-guild-container .action.create .action-icon {
  652. background-image: url("https://i.imgur.com/MW4Ddjc.png");
  653. height: 78px;
  654. background-size: 112px 78px;
  655. background-repeat: no-repeat;
  656. background-position: 55px 0px;
  657. }
  658. .user-settings-modal-games {
  659. background: #2E3136;
  660. border-top: 1px solid #404040;
  661. color: #E2E2E3;
  662. }
  663. .user-settings-modal-games .games-table .games-row .item-game .last-played {
  664. color: #E2E2E3;
  665. }
  666. .user-settings-modal-games .games-table .games-row .item-game .game-input {
  667. color: #E2E2E3;
  668. }
  669. .user-settings-modal-games .games-table .games-row .item-game {
  670. border-bottom: 1px solid #404040;
  671. }
  672. .user-settings-modal-games .games-table .games-row .item-overlay {
  673. border-bottom: 1px solid #404040;
  674. }
  675. .now-playing {
  676. background: #3DA9A9;
  677. }
  678. .checkbox .checkbox-inner.alt input[type=checkbox]+span {
  679. background: #2E3136;
  680. border-color: #8E8E8E;
  681. }
  682. .checkbox .checkbox-inner.alt input[type=checkbox]:checked+span:after {
  683. border-color: #43B581;
  684. }
  685. .sensitivity .slider .slider-bar-auto {
  686. background-color: #393C42;
  687. }
  688. .user-settings-modal-keybinds .user-settings-modal-keybinds-header {
  689. border-bottom: 1px solid #404040;
  690. }
  691. .user-settings-modal-connections .user-settings-modal-accounts-list .connect-container .btn {
  692. background: #2E3136;
  693. border: 2px solid #282B2F;
  694. background-repeat: no-repeat;
  695. background-position: 50%;
  696. }
  697. .alert.form .form-inner .btn {
  698. border: 1px solid #2C7E7B;
  699. }
  700. .alert.form .form-inner .cancel {
  701. border-color: #99aab5 !important;
  702. }
  703. .user-settings-modal .account-warning {
  704. border: 1px solid #B54343;
  705. background: #B54343;
  706. color: #F5FBF9;
  707. }
  708. .user-settings-modal-games .games-table .games-row .item-game .icon {
  709. background-image: url(https://i.imgur.com/DYCx6qB.png);
  710. background-repeat: no-repeat;
  711. background-position: -13px -14px;
  712. background-size: 42px;
  713. }
  714. .theme-dark .chat>.content .messages .divider:not(.red) span {
  715. opacity: .9;
  716. }
  717. .create-guild-container .action.join .action-icon {
  718. background: url(https://i.imgur.com/5s2wOtM.png) 50% no-repeat;
  719. height: 78px;
  720. background-size: 178.5px 78px;
  721. }
  722.  
  723. .links li+li:after {
  724. content: '\2022';
  725. color: #535559;
  726. margin-left: 6px;
  727. }
  728. .message-group h2 strong {
  729. color: #aaaba7;
  730. }
  731. #emote-menu,
  732. #tc-settings-panel,
  733. .tc-switch {
  734. border: 1px solid #2B2B2B;
  735. }
  736. .emote-container:hover {
  737. background: #3DA9A9;
  738. }
  739. .spinner-wandering-cubes .spinner-item {
  740. background-color: #3DA9A9;
  741. }
  742. #bd-ps-container {
  743. border: 1px solid transparent;
  744. border-radius: 4px;
  745. opacity: 0.9;
  746. }
  747. #bd-ps-header {
  748. background: #1E2124;
  749. border-bottom: 1px solid #24272B;
  750. }
  751. #bd-ps-body table tr {
  752. border-bottom: 1px solid #2E3136 !important;
  753. background-color: none;
  754. }
  755. #bd-ps-body table th {
  756. background-color: #25272B;
  757. }
  758. textarea {
  759. background: transparent !important;
  760. }
  761. .help-container {
  762. display: none;
  763. }
  764. .links {
  765. border-top: 0px solid transparent;
  766. }
  767. .links li a {
  768. color: #8C8F94;
  769. }
  770. .links,
  771. .chat,
  772. .typing,
  773. .content,
  774. .guild-channels,
  775. .private-channels,
  776. .guild-header header,
  777. .divider-red span,
  778. .messages-wrapper,
  779. #voice-connection {
  780. background: transparent !important;
  781. }
  782. .guilds-wrapper {
  783. background: rgba(0, 0, 0, 0.6) !important
  784. }
  785. .channels-wrap {
  786. background: rgba(0, 0, 0, 0.75)
  787. }
  788. .content .flex-spacer {
  789. background: rgba(0, 0, 0, 0.85)
  790. }
  791. .channel-members {
  792. background: rgba(0, 0, 0, 0.9) !important
  793. }
  794. .guilds-wrapper {
  795. box-shadow: inset -10px 0px 20px -10px rgba(0, 0, 0, 0.2);
  796. }
  797. .guild-header ul {
  798. background: rgba(0, 0, 0, 0.52) !important;
  799. transition: transform .5s cubic-bezier(0.18, 0.89, 0.32, 1.28) !important;
  800. padding-top: 90px;
  801. top: -56px;
  802. }
  803. .guilds-add {
  804. opacity: 0.5;
  805. }
  806. .guilds-wrapper {
  807. border-right: 1px solid rgba(0, 0, 0, 0.4);
  808. }
  809. .guilds-wrapper .guild-separator:after {
  810. top: -2px;
  811. }
  812. .guild-header header span {
  813. margin-left: -3px;
  814. }
  815. .guild-header header {
  816. box-shadow: none !important;
  817. color: #ddd;
  818. }
  819. .guild-channels header h2,
  820. .guild-channels .channel a {
  821. color: #fff;
  822. }
  823. .guilds {
  824. padding: 28px 20px 85px 15px;
  825. }
  826. .guilds-add {
  827. font-size: 30px;
  828. background: #000;
  829. }
  830. .guilds .friends-online {
  831. position: relative;
  832. margin-left: -5px;
  833. bottom: 1px;
  834. }
  835. .guilds .friends-online:hover {
  836. color: #dadddf;
  837. }
  838. .guilds li .guild-inner {
  839. background: rgba(21, 21, 21, 0.41) !important;
  840. }
  841. .guilds li .guild-inner a,
  842. .guilds li,
  843. .guilds li .avatar-small {
  844. width: 50px;
  845. height: 50px;
  846. }
  847. .guilds li .avatar-small {
  848. width: 50px;
  849. height: 50px;
  850. background-size: 50px 50px;
  851. }
  852. .guilds li .guild-inner {
  853. line-height: 50px;
  854. }
  855. .guilds .friends-icon {
  856. width: 50px;
  857. height: 50px;
  858. background-size: 25px 19px;
  859. }
  860. .guilds li.audio .guild-inner:after {
  861. background-size: 12px;
  862. background-color: rgba(0, 0, 0, 0.8);
  863. }
  864. .guilds-separator:after {
  865. background: rgba(28, 28, 28, 0.52) !important;
  866. }
  867. .guilds li .guild-inner:before {
  868. left: -26px;
  869. }
  870. .guild-channels header h2,
  871. .private-channels header {
  872. opacity: .6;
  873. }
  874. .private-channels .search-bar {
  875. background: rgba(10, 13, 16, 0) !important;
  876. }
  877. .private-channels .search-bar input {
  878. background: rgba(0, 0, 0, 0.4) !important;
  879. }
  880. .search-bar-clear:before {
  881. background: rgba(0, 0, 0, 0.68);
  882. }
  883. .guild-channels .channel.selected,
  884. .private-channels .channel.selected,
  885. .private-channels .search-result.selected,
  886. .private-channels .search-result:hover {
  887. background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.6) 85%, rgba(46, 49, 54, 0)) !important;
  888. }
  889. .guild-channels .channel:not(.selected):hover,
  890. .private-channels .channel:not(.selected):hover {
  891. background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3) 85%, rgba(46, 49, 54, 0)) !important;
  892. }
  893. .btn-hamburger {
  894. margin-right: -25px;
  895. }
  896. .btn-hamburger span {
  897. background: #fff;
  898. }
  899. .account {
  900. padding: 0 15px !important;
  901. background: rgba(0, 0, 0, 0);
  902. height: 77px;
  903. border: 0px solid transparent;
  904. }
  905. .account .status {
  906. border: 2px solid rgba(0, 0, 0, 1);
  907. }
  908. .account .btn {
  909. background: transparent;
  910. box-shadow: none !important;
  911. }
  912. .account .btn:active {
  913. background: rgba(0, 0, 0, 0.26);
  914. }
  915. .account .btn-deafen,
  916. .account .btn-mute {
  917. border-right: none;
  918. }
  919. #voice-connection {
  920. border-top: none !important;
  921. padding: 15px 20px 15px 18px !important;
  922. }
  923. #voice-connection .btn {
  924. background: rgba(0, 0, 0, 0.45);
  925. box-shadow: none !important;
  926. }
  927. #voice-connection .btn:active {
  928. background: rgba(0, 0, 0, 0.6);
  929. }
  930. .account .btn-deafen,
  931. .account .btn-settings {
  932. box-shadow: none !important;
  933. }
  934. .account .btn-group,
  935. #voice-connection .btn-group {
  936. border: none;
  937. }
  938. .title-wrap {
  939. border-bottom: 0px !important;
  940. background: rgba(0, 0, 0, 0.88) !important;
  941. }
  942. .chat .divider:not(.divider-red)>div {
  943. background: rgba(255, 255, 255, 0.2) !important;
  944. }
  945. .chat .divider>span {
  946. background: rgba(255, 255, 255, 0.2) !important;
  947. font-size: 12px;
  948. text-transform: uppercase;
  949. margin: 10px 0px;
  950. border-radius: 3px;
  951. opacity: 1;
  952. padding: 5px 15px;
  953. width: 100%;
  954. text-align: center;
  955. }
  956. .chat .divider.divider-red>span {
  957. background: rgba(240, 71, 71, .6) !important;
  958. color: rgba(255, 255, 255, 0.8) !important;
  959. }
  960. .chat .divider:not(.divider-red)>span {
  961. color: rgba(255, 255, 255, 1) !important;
  962. }
  963. .chat .divider>div {
  964. display: none;
  965. }
  966. .chat .new-messages-bar {
  967. background-color: rgba(29, 101, 134, .9);
  968. }
  969. .chat .new-messages-bar:hover {
  970. background-color: rgba(29, 101, 134, 1);
  971. }
  972. .chat .new-messages-bar button:last-child {
  973. color: rgba(255, 255, 255, 0.5);
  974. }
  975. .chat-empty {
  976. background: rgba(20, 23, 27, 0.95);
  977. }
  978. .chat>.title-wrap>.topic {
  979. font-size: 12px;
  980. margin-top: 5px;
  981. color: #656565 !important;
  982. }
  983. .chat>.title-wrap {
  984. box-shadow: 0 0 0;
  985. background: rgba(0, 0, 0, 0.88) !important;
  986. }
  987. .chat>.content .messages .message-group:not(.has-divider) {
  988. border-bottom-color: hsla(0, 0%, 100%, .04) !important;
  989. }
  990. .chat>.content .messages .message-group .markup .highlight {
  991. color: #ddd !important;
  992. padding: 1px 4px;
  993. border-radius: 6px;
  994. -webkit-transition: all 0.3s ease;
  995. -moz-transition: all 0.3s ease;
  996. -o-transition: all 0.3s ease;
  997. -ms-transition: all 0.3s ease;
  998. }
  999. .chat>.content .messages .message-group .markup .highlight:hover {
  1000. color: #fff !important;
  1001. }
  1002. .chat>.content .messages .message-group .markup {
  1003. color: rgba(255, 255, 255, 0.5) !important;
  1004. line-height: 1.5em;
  1005. }
  1006. .chat>.content .messages .message-group h2 .user-name {
  1007. color: rgba(255, 255, 255, 0.8);
  1008. }
  1009. .chat>.content .messages .message-group h2 span {
  1010. color: rgba(255, 255, 255, 0.2) !important;
  1011. }
  1012. .chat>.content .messages .message-group .markup pre {
  1013. background: transparent !important;
  1014. border-color: rgba(255, 255, 255, 0.1) !important;
  1015. }
  1016. .chat>.content .messages .message-group .markup pre code.hljs {
  1017. background: rgba(0, 0, 0, 0.42) !important;
  1018. color: rgba(255, 255, 255, 0.7) !important;
  1019. padding: 1em !important;
  1020. }
  1021. .chat>.content .messages .message-group .markup code.inline {
  1022. background: rgba(255, 255, 255, 0.1) !important;
  1023. color: rgba(255, 255, 255, 0.7) !important;
  1024. padding: 0.3em 0.6em;
  1025. }
  1026. .channel-textarea-upload {
  1027. border-right-color: hsla(0, 0%, 100%, .1) !important;
  1028. }
  1029. .channel-textarea-inner {
  1030. border: 2px solid rgba(255, 255, 255, 0.1) !important;
  1031. background: rgba(0, 0, 0, 0.6) !important;
  1032. }
  1033. .typing {
  1034. font-size: 11px;
  1035. }
  1036. .spoiler span {
  1037. display: none;
  1038. }
  1039. .spoiler:before {
  1040. padding-top: 7px;
  1041. padding-bottom: 3px;
  1042. min-height: 18px;
  1043. background: none;
  1044. }
  1045. #twitchcord-button {
  1046. background-size: 24px;
  1047. background-position: 20px;
  1048. background-color: transparent;
  1049. }
  1050. .message-group.compact .timestamp {
  1051. position: relative;
  1052. top: -4px;
  1053. }
  1054. .message-group.compact .message .markup .user-name {
  1055. margin-right: 10px;
  1056. }
  1057. .add-friend-popout .btn:disabled {
  1058. opacity: 0.4;
  1059. }
  1060. .private-channels .channel.btn-friends .badge {
  1061. margin-right: 10px;
  1062. }
  1063. #friends {
  1064. background: transparent !important;
  1065. }
  1066. .friends-header {
  1067. background: rgba(0, 0, 0, 0.88) !important;
  1068. }
  1069. .friends-table {
  1070. background: rgba(0, 0, 0, 0.85) !important;
  1071. margin-top: 0 !important;
  1072. }
  1073. .friends-table .friends-table-body {
  1074. padding-top: 20px !important;
  1075. }
  1076. .friends-table .friends-row:hover {
  1077. background: rgba(0, 0, 0, 0.35) !important;
  1078. }
  1079. .channel-members .member:hover {
  1080. background: rgba(255, 255, 255, 0.07) !important;
  1081. }
  1082. .channel-members .member .member-username {
  1083. font-size: 14px;
  1084. }
  1085. .channel-members .avatar-small .status {
  1086. border-color: rgba(0, 0, 0, 0.7) !important;
  1087. }
  1088. .user-popout .user-popout-options .btn:hover {
  1089. border: 1px solid #3DA9A9;
  1090. }
  1091. .tooltip {
  1092. color: #e0e0e0;
  1093. }
  1094. .bd-minimal .guilds {
  1095. padding-left: 10px !important;
  1096. }
  1097. .bd-minimal .guilds .friends-icon {
  1098. background-size: 60%;
  1099. }
  1100. .bd-minimal .guilds li .guild-inner:before {
  1101. height: 25px;
  1102. border-radius: 5px;
  1103. margin-top: -13px;
  1104. }
  1105. .bd-minimal .guilds li.unread .guild-inner:before {
  1106. width: 10px;
  1107. height: 10px;
  1108. margin-top: -5px;
  1109. left: -16px;
  1110. }
  1111. .bd-minimal .guilds li.active .guild-inner:before {
  1112. left: -18px;
  1113. border-radius: 5px;
  1114. height: 25px;
  1115. margin-top: -13px;
  1116. }
  1117. .bd-minimal .guilds li,
  1118. .bd-minimal .guilds li .avatar-small,
  1119. .bd-minimal .guilds li .guild-inner,
  1120. .bd-minimal .guilds li .guild-inner a,
  1121. .bd-minimal .guilds .friends-icon {
  1122. width: 25px;
  1123. height: 25px;
  1124. line-height: 25px;
  1125. }
  1126. .bd-minimal .guilds li .avatar-small,
  1127. #bd-pub-button {
  1128. font-size: 10px !important;
  1129. }
  1130. .bd-minimal .chat>.title-wrap>.title {
  1131. font-size: 16px;
  1132. }
  1133. .bd-minimal .theme-dark .comment {
  1134. border-left: none !important;
  1135. padding-left: 10px;
  1136. }
  1137. .bd-minimal .message-group {
  1138. padding: 10px 5px;
  1139. }
  1140. .bd-minimal .guild-channels ul .channel-text .channel-name {
  1141. padding-left: 5px;
  1142. }
  1143. .bd-minimal .avatar-large {
  1144. border-radius: 100%;
  1145. }
  1146. .bd-minimal .message-group .edit-message .edit-container-outer {
  1147. margin-left: 50px;
  1148. }
  1149. .bd-minimal .message-group .edit-message .edit-container-inner {
  1150. margin-left: 10px;
  1151. }
  1152. .bd-minimal .channel-members h2 {
  1153. margin-top: 20px;
  1154. margin-bottom: 3px;
  1155. padding-left: 20px;
  1156. }
  1157. .bd-minimal .channel-members h2:first-of-type {
  1158. margin-top: 0px;
  1159. margin-bottom: 3px;
  1160. }
  1161. .bd-minimal .channel-members .member {
  1162. padding: 5px 15px 8px 20px;
  1163. }
  1164. .bd-minimal .guild-header header span {
  1165. margin-left: -13px;
  1166. font-size: 14px;
  1167. }
  1168. .bd-minimal .guild-channels ul .channel-text.unread:not(.selected):not(.channel-muted):before {
  1169. top: 9px;
  1170. width: 10px;
  1171. height: 10px;
  1172. }
  1173. .bd-minimal .guild-channels h2 {
  1174. margin-left: 10px;
  1175. }
  1176. .bd-minimal #voice-connection {
  1177. width: 176px;
  1178. margin-left: -46px;
  1179. }
  1180. .bd-minimal .account {
  1181. width: 176px;
  1182. margin-left: -46px;
  1183. }
  1184. .bd-minimal .account .avatar-small {
  1185. display: block !important;
  1186. }
  1187. .bd-minimal .account .username {
  1188. display: none;
  1189. }
  1190. .bd-minimal .account .btn-group {
  1191. margin-left: 10px;
  1192. }
  1193. .bd-minimal .account .btn-group .btn {
  1194. width: 30px;
  1195. }
  1196. .settings .settings-header {
  1197. background: #1a1d20 !important;
  1198. }
  1199. .channel-notification-settings .content .content-inner {
  1200. background: transparent !important;
  1201. }
  1202. .theme-dark .chat>.content .messages .message-group .comment .markup {
  1203. color: #fff;
  1204. }
  1205. .guild-channels .channel-text:hover:not(.unread):before {
  1206. border-left: 4px solid #3DA9A9;
  1207. }
  1208. .guild-channels .channel-text.selected:before {
  1209. border-left: 4px solid #3DA9A9;
  1210. }
  1211. .guilds li.active .guild-inner,
  1212. .guilds li:hover .guild-inner {
  1213. background: #3DA9A9 !important;
  1214. }
  1215. .theme-dark .chat>.content:first-child .scroller-wrap::-webkit-scrollbar-thumb {
  1216. background-color: #3DA9A9;
  1217. }
  1218. .guild-header a.red-highlight {
  1219. color: #3DA9A9;
  1220. }
  1221. .create-guild-container .create-or-join .form-inner {
  1222. background-color: #282b30;
  1223. }
  1224. .create-guild-container .action {
  1225. background: #31343A;
  1226. }
  1227. .create-guild-container .create-or-join .actions .or {
  1228. background-image: none;
  1229. color: #282B30;
  1230. }
  1231. .form .form-inner {
  1232. background-color: #282B30;
  1233. }
  1234. .form header {
  1235. color: #3DA9A9;
  1236. }
  1237. .form .control-group input[type=email],
  1238. .form .control-group input[type=password],
  1239. .form .control-group input[type=text],
  1240. .form .control-group textarea {
  1241. background: #32353A;
  1242. color: #90A0AA;
  1243. border-bottom: 1px solid #232529;
  1244. border-radius: 3px;
  1245. }
  1246. .form .control-group input[type=email]:focus,
  1247. .form .control-group input[type=password]:focus,
  1248. .form .control-group input[type=text]:focus,
  1249. .form .control-group textarea:focus {
  1250. border-bottom: 2px solid #3DA9A9;
  1251. }
  1252. .region-select {
  1253. background: #32353A;
  1254. }
  1255. .region-select .region-select-inner {
  1256. background: #32353A;
  1257. border: 1px solid #232529;
  1258. }
  1259. .region-select button {
  1260. background-color: #32353A;
  1261. border: 1px solid #232529;
  1262. color: #3DA9A9;
  1263. }
  1264. .region-select:hover .region-select-inner,
  1265. .region-select:hover button {
  1266. border-color: #3DA9A9;
  1267. }
  1268. .region-select:hover button {
  1269. background-color: #3DA9A9;
  1270. }
  1271. .create-guild-container h5 {
  1272. color: #3DA9A9;
  1273. }
  1274. .avatar-uploader .avatar-uploader-inner {
  1275. background-color: #3DA9A9;
  1276. border: 5px solid #2C7E7B;
  1277. }
  1278. .form .form-actions {
  1279. background-color: #282B30;
  1280. border-top: 1px solid #232529;
  1281. }
  1282. .form .btn-default {
  1283. background-color: #282B30;
  1284. border-bottom: 2px solid #282B30;
  1285. border-radius: 5px;
  1286. width: 62px;
  1287. }
  1288. .form .btn-primary {
  1289. background-color: #3DA9A9;
  1290. }
  1291. .create-guild-container .action.create .action-header {
  1292. color: #3DA9A9;
  1293. }
  1294. .create-guild-container .action:hover.create .btn {
  1295. background-color: #2C7E7B;
  1296. }
  1297. .form .btn-primary:hover {
  1298. background-color: #2C7E7B;
  1299. }
  1300. .scroller-wrap .scroller::-webkit-scrollbar-thumb {
  1301. background-color: #3DA9A9 !important;
  1302. border: 3px solid rgba(211, 5, 5, 0) !important;
  1303. }
  1304. .scroller-wrap .scroller::-webkit-scrollbar-track-piece {
  1305. background-color: #3DA9A9 !important;
  1306. border: 3px solid rgba(211, 5, 5, 0) !important;
  1307. }
  1308. .tab-bar.SIDE .tab-bar-item:before {
  1309. border-left: 4px solid #3DA9A9;
  1310. }
  1311. a:link {
  1312. color: #3DA9A9;
  1313. }
  1314. .user-settings-modal a {
  1315. color: #3DA9A9;
  1316. }
  1317. .user-settings-modal .settings-wrapper,
  1318. .user-settings-modal .voice-settings {
  1319. background: #2E3136;
  1320. }
  1321. .settings .settings-actions {
  1322. background-color: #2E3136;
  1323. border-top: 1px solid #3DA9A9;
  1324. }
  1325. .checkbox .checkbox-inner+span {
  1326. color: #fff
  1327. }
  1328. .highlight {
  1329. color: #3DA9A9;
  1330. }
  1331. .user-settings-modal-connections .user-settings-modal-accounts-list .connect-container .name {
  1332. color: #fff;
  1333. }
  1334. .user-settings-modal-connections .user-settings-modal-connections-list .connection .connection-integrations.no-integrations {
  1335. color: rgba(222, 222, 222, 0.59);
  1336. }
  1337. .user-settings-modal-connections .user-settings-modal-connections-list .connection .connection-integrations {
  1338. border: 1px solid #404040;
  1339. }
  1340. .user-settings-modal-connections .user-settings-modal-connections-list {
  1341. box-shadow: 0 -1px #404040;
  1342. }
  1343. .tab-bar.TOP .tab-bar-item.selected {
  1344. border-bottom: 2px solid #3DA9A9;
  1345. color: #3DA9A9;
  1346. }
  1347. .checkbox .checkbox-inner input[type=checkbox]:checked+span {
  1348. background-color: #3DA9A9 !important;
  1349. border-color: #3DA9A9 !important;
  1350. }
  1351. .radio .radio-inner span:after {
  1352. background: #3DA9A9;
  1353. }
  1354. .slider-bar-fill {
  1355. background: #3DA9A9;
  1356. }
  1357. .slider-handle {
  1358. border: 1px solid #3DA9A9;
  1359. }
  1360. .radio .radio-inner {
  1361. background: #454950;
  1362. border: 2px solid #3DA9A9;
  1363. }
  1364. .tab-bar.TOP {
  1365. border-bottom: 1px solid #3DA9A9;
  1366. }
  1367. #bd-ps-body table tr:nth-child(odd):hover {
  1368. background-color: #3DA9A9;
  1369. }
  1370. .guild-settings-modal-members .member-buttons .btn {
  1371. background: #3DA9A9;
  1372. border: 1px solid #3DA9A9;
  1373. color: #EFEFEF;
  1374. }
  1375. .guild-settings-modal-members .member-buttons .btn.btn-danger:hover {
  1376. background: #2C7E7B;
  1377. }
  1378. .guild-settings-modal-members .member-buttons .btn.btn-danger {
  1379. border: 1px solid #2C7E7B;
  1380. color: #FFFFFF;
  1381. }
  1382. .guild-settings-modal-members .guild-settings-modal-list .member+.member {
  1383. border-top: 1px solid #2E3136;
  1384. }
  1385. .member-roles .member-role .member-role-remove {
  1386. background: url(https://i.imgur.com/O2TX2bn.png) 50% no-repeat;
  1387. width: 8px;
  1388. height: 12px;
  1389. background-size: 8px;
  1390. }
  1391. .member-roles .member-role .member-role-add {
  1392. background: url(https://i.imgur.com/1MfzLoF.png) 50% no-repeat;
  1393. width: 8px;
  1394. height: 12px;
  1395. background-size: 10px;
  1396. }
  1397. .member-roles .member-role:hover {
  1398. background-color: #2C7E7B;
  1399. }
  1400. .guilds-add:hover {
  1401. border-color: hsl(145, 64%, 50%);
  1402. color: transparent;
  1403. opacity: 1.0;
  1404. -webkit-animation: color_change 1s infinite alternate;
  1405. -moz-animation: color_change 1s infinite alternate;
  1406. -ms-animation: color_change 1s infinite alternate;
  1407. -o-animation: color_change 1s infinite alternate;
  1408. animation: color_change 1s infinite alternate;
  1409. }
  1410. @-webkit-keyframes color_change {
  1411. from {
  1412. border-color: #535559;
  1413. }
  1414. to {
  1415. border-color: green;
  1416. }
  1417. }
  1418. @-moz-keyframes color_change {
  1419. from {
  1420. border-color: #535559;
  1421. }
  1422. to {
  1423. border-color: green;
  1424. }
  1425. }
  1426. @-ms-keyframes color_change {
  1427. from {
  1428. border-color: #535559;
  1429. }
  1430. to {
  1431. border-color: green;
  1432. }
  1433. }
  1434. @-o-keyframes color_change {
  1435. from {
  1436. border-color: #535559;
  1437. }
  1438. to {
  1439. border-color: green;
  1440. }
  1441. }
  1442. @keyframes color_change {
  1443. from {
  1444. border-color: #535559;
  1445. }
  1446. to {
  1447. border-color: green;
  1448. }
  1449. }
  1450. .channel-members h2 {
  1451. color: #3DA9A9 !important;
  1452. font-size: 11px;
  1453. text-transform: uppercase;
  1454. letter-spacing: .08em;
  1455. font-weight: 600;
  1456. padding: 4px 58px;
  1457. background-color: rgba(0, 0, 0, 0.24);
  1458. border: 1px solid;
  1459. border-color: transparent;
  1460. border-radius: 3px;
  1461. width: 90px;
  1462. margin-left: 15px;
  1463. text-align: center
  1464. }
  1465. .private-channels .search-result.selected:before,
  1466. .private-channels .search-result:hover:before {
  1467. border-left: 4px solid #2C7E7B;
  1468. }
  1469. /*[[Onlineon]]*/
  1470. /*[[Onlineoff]]*/
  1471. .channel-members-wrap {
  1472. min-width: 240px;
  1473. display: -webkit-box;
  1474. display: -webkit-flex;
  1475. display: -ms-flexbox;
  1476. display: box;
  1477. display: flex;
  1478. }
  1479. .message-group .edit-message .channel-textarea-inner {
  1480. border-color: #3DA9A9;
  1481. }
  1482. .channel-members .member .member-game strong {
  1483. color: #3DA9A9;
  1484. }
  1485. .spoiler {
  1486. Background-color: rgba(125, 58, 114, 0.28);
  1487. border: 1px solid;
  1488. border-color: transparent;
  1489. border-radius: 6px;
  1490. cursor: pointer;
  1491. }
  1492. #bd-ps-body table tr:hover {
  1493. background-color: #3DA9A9;
  1494. }
  1495. @keyframes swing {
  1496. 0% {
  1497. transform: rotate(0deg);
  1498. -webkit-transform: rotate(0deg);
  1499. -moz-transform: rotate(0deg);
  1500. -o-transform: rotate(0deg);
  1501. -ms-transform: rotate(0deg);
  1502. }
  1503. 25% {
  1504. transform: rotate(-30deg);
  1505. -webkit-transform: rotate(-30deg);
  1506. -moz-transform: rotate(-30deg);
  1507. -o-transform: rotate(-30deg);
  1508. -ms-transform: rotate(-30deg);
  1509. }
  1510. 50% {
  1511. transform: rotate(0deg);
  1512. -webkit-transform: rotate(0deg);
  1513. -moz-transform: rotate(0deg);
  1514. -o-transform: rotate(0deg);
  1515. -ms-transform: rotate(0deg);
  1516. }
  1517. 75% {
  1518. transform: rotate(30deg);
  1519. -webkit-transform: rotate(30deg);
  1520. -moz-transform: rotate(30deg);
  1521. -o-transform: rotate(30deg);
  1522. -ms-transform: rotate(30deg);
  1523. }
  1524. 100% {
  1525. transform: rotate(0deg);
  1526. -webkit-transform: rotate(0deg);
  1527. -moz-transform: rotate(0deg);
  1528. -o-transform: rotate(0deg);
  1529. -ms-transform: rotate(0deg);
  1530. }
  1531. }
  1532. @-webkit-keyframes swing {
  1533. 0% {
  1534. transform: rotate(0deg);
  1535. -webkit-transform: rotate(0deg);
  1536. -moz-transform: rotate(0deg);
  1537. -o-transform: rotate(0deg);
  1538. -ms-transform: rotate(0deg);
  1539. }
  1540. 25% {
  1541. transform: rotate(-30deg);
  1542. -webkit-transform: rotate(-30deg);
  1543. -moz-transform: rotate(-30deg);
  1544. -o-transform: rotate(-30deg);
  1545. -ms-transform: rotate(-30deg);
  1546. }
  1547. 50% {
  1548. transform: rotate(0deg);
  1549. -webkit-transform: rotate(0deg);
  1550. -moz-transform: rotate(0deg);
  1551. -o-transform: rotate(0deg);
  1552. -ms-transform: rotate(0deg);
  1553. }
  1554. 75% {
  1555. transform: rotate(30deg);
  1556. -webkit-transform: rotate(30deg);
  1557. -moz-transform: rotate(30deg);
  1558. -o-transform: rotate(30deg);
  1559. -ms-transform: rotate(30deg);
  1560. }
  1561. 100% {
  1562. transform: rotate(0deg);
  1563. -webkit-transform: rotate(0deg);
  1564. -moz-transform: rotate(0deg);
  1565. -o-transform: rotate(0deg);
  1566. -ms-transform: rotate(0deg);
  1567. }
  1568. }
  1569. @keyframes swing1 {
  1570. 0% {
  1571. left: -15px;
  1572. right: 0;
  1573. }
  1574. 25% {
  1575. left: -100px;
  1576. right: 0;
  1577. }
  1578. 50% {
  1579. left: -15px;
  1580. right: 0;
  1581. }
  1582. 75% {
  1583. left: 0;
  1584. right: -100px;
  1585. }
  1586. 100% {
  1587. left: -15px;
  1588. right: 0;
  1589. }
  1590. }
  1591. @-webkit-keyframes swing1 {
  1592. 0% {
  1593. left: -15px;
  1594. right: 0;
  1595. }
  1596. 25% {
  1597. left: -100px;
  1598. right: 0;
  1599. }
  1600. 50% {
  1601. left: -15px;
  1602. right: 0;
  1603. }
  1604. 75% {
  1605. left: 0;
  1606. right: -100px;
  1607. }
  1608. 100% {
  1609. left: -15px;
  1610. right: 0;
  1611. }
  1612. }
  1613. .header-toolbar button span:hover:hover {
  1614. animation: swing 4s infinite linear;
  1615. -webkit-animation: swing 4s infinite linear;
  1616. }
  1617. @-webkit-keyframes load8 {
  1618. 0% {
  1619. -webkit-transform: rotate(0deg);
  1620. transform: rotate(0deg);
  1621. }
  1622. 100% {
  1623. -webkit-transform: rotate(360deg);
  1624. transform: rotate(360deg);
  1625. }
  1626. }
  1627. @keyframes load8 {
  1628. 0% {
  1629. -webkit-transform: rotate(0deg);
  1630. transform: rotate(0deg);
  1631. }
  1632. 100% {
  1633. -webkit-transform: rotate(360deg);
  1634. transform: rotate(360deg);
  1635. }
  1636. }
  1637. .account .btn-settings:hover:after {
  1638. -webkit-transform: translateZ(0);
  1639. -ms-transform: translateZ(0);
  1640. transform: translateZ(0);
  1641. -webkit-animation: load8 2.8s infinite linear;
  1642. animation: load8 2.8s infinite linear;
  1643. }
  1644. .guilds li .badge {
  1645. animation: zoom 2s infinite;
  1646. }
  1647. @keyframes zoom {
  1648. 0% {
  1649. -webkit-transform: scale(1, 1);
  1650. }
  1651. 50% {
  1652. -webkit-transform: scale(1.2, 1.2);
  1653. }
  1654. 100% {
  1655. -webkit-transform: scale(1, 1);
  1656. }
  1657. }
  1658. .guild-channels .channel-voice.locked:hover .icon-lock {
  1659. animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
  1660. }
  1661. @keyframes shake {
  1662. 10%, 90% {
  1663. transform: translate3d(-1px, 0, 0);
  1664. }
  1665. 20%,
  1666. 80% {
  1667. transform: translate3d(2px, 0, 0);
  1668. }
  1669. 30%,
  1670. 50%,
  1671. 70% {
  1672. transform: translate3d(-4px, 0, 0);
  1673. }
  1674. 40%,
  1675. 60% {
  1676. transform: translate3d(4px, 0, 0);
  1677. }
  1678. }
  1679. .guild-channels .channel-voice.locked {
  1680. cursor: pointer;
  1681. }
  1682. .theme-dark #friends .friends-header .tab-bar .tab-bar-item.selected {
  1683. background-color: #43B581;
  1684. color: #fff;
  1685. }
  1686. #friends .btn {
  1687. background-color: #3DA9A9;
  1688. }
  1689. #friends .btn:hover {
  1690. background-color: #2C7E7B;
  1691. }
  1692. .private-channels .channel.selected .icon-friends {
  1693. background-color: #2C7E7B;
  1694. }
  1695. .add-friend-popout {
  1696. background: transparent;
  1697. }
  1698. .add-friend-popout header input:focus {
  1699. border-color: hsla(0, 0%, 100%, .3);
  1700. }
  1701. .add-friend-popout .btn:disabled {
  1702. background-color: #2C7E7B;
  1703. }
  1704. #user-profile-modal .sub-header {
  1705. background: #2E3136;
  1706. }
  1707. #user-profile-modal .tab-bar {
  1708. background: #2E3136;
  1709. border-bottom: 1px solid #2B2B2B;
  1710. }
  1711. #user-profile-modal .btn {
  1712. background-color: #3DA9A9;
  1713. }
  1714. #user-profile-modal .btn:hover {
  1715. background-color: #2C7E7B;
  1716. }
  1717. #user-profile-modal .header {
  1718. background-color: #3DA9A9;
  1719. background-image: none;
  1720. }
  1721. .context-menu {
  1722. background: #2E3136;
  1723. }
  1724. .context-menu .item:hover {
  1725. background: #292B2F;
  1726. }
  1727. #user-profile-modal .guilds .guild:hover {
  1728. background: linear-gradient(90deg, #27292D 90%, #2E3136);
  1729. color: #D8D8D8;
  1730. }
  1731. #user-profile-modal .empty {
  1732. background: #2E3136;
  1733. }
  1734. /*[[Hidden]]*/
  1735. /*[[Visible]]*/
  1736. .message-group-blocked {
  1737. background: #fcfcfc;
  1738. -webkit-box-pack: center;
  1739. -o-box-pack: center;
  1740. -ms-flex-pack: center;
  1741. -webkit-justify-content: center;
  1742. justify-content: center;
  1743. border: 1px solid #e3e5e7;
  1744. border-radius: 3px;
  1745. margin: 6px 6px 6px 19px;
  1746. display: none;
  1747. }
  1748. .user-settings-modal-account .discord-tag {
  1749. color: #3DA9A9;
  1750. }
  1751. .guilds .friends-online {
  1752. text-transform: uppercase;
  1753. font-weight: 600;
  1754. color: #DCDCDC;
  1755. margin: 10px -5px;
  1756. word-wrap: normal;
  1757. white-space: normal;
  1758. width: 50px;
  1759. cursor: pointer;
  1760. overflow: hidden;
  1761. border-radius: 25px;
  1762. background: transparent !important;
  1763. font-size: 10px;
  1764. text-align: center;
  1765. line-height:17px;
  1766. }
  1767. .guilds .friends-online:hover {
  1768. background: transparent !important;
  1769. }
  1770. .add-friend-popout-info .add-friend-popout-info-confirmation:before {
  1771. background: url(https://i.imgur.com/DYCx6qB.png) 50% no-repeat;
  1772. content: ' ';
  1773. width: 17px;
  1774. height: 16px;
  1775. background-size: 40px 39px;
  1776. display: inline-block;
  1777. vertical-align: middle;
  1778. margin-top: -8px;
  1779. margin-right: 4px;
  1780. }
  1781. .message-group .btn-option:hover {
  1782. -webkit-transform: translateZ(0);
  1783. -ms-transform: translateZ(0);
  1784. transform: translateZ(0);
  1785. -webkit-animation: load8 2.8s infinite linear;
  1786. animation: load8 2.8s infinite linear;
  1787. }
  1788. .chat .has-more button {
  1789. color: #3DA9A9;
  1790. }
  1791. .theme-dark #friends .friends-table .friends-table-header .friends-column:after {
  1792. content: "Actions";
  1793. color: hsla(0, 0%, 100%, .3);
  1794. font-size: 12px;
  1795. text-transform: uppercase;
  1796. letter-spacing: .025em;
  1797. font-weight: 600;
  1798. -webkit-flex-shrink: 0;
  1799. flex-shrink: 0;
  1800. }
  1801. .theme-dark .friends-table .messages .message-group .comment .markup pre,
  1802. .theme-dark .messages-wrapper .messages .message-group .comment .markup pre {
  1803. background: rgba(46, 49, 54, 0.32);
  1804. border-color: #282b30;
  1805. }
  1806. .theme-dark .channel-members .member.popout-open,
  1807. .theme-dark .channel-members .member:hover {
  1808. background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3) 85%, rgba(46, 49, 54, 0)) !important;
  1809. }
  1810. .scroller-wrap .scroller::-webkit-scrollbar-track-piece {
  1811. border: 3px solid rgba(255, 255, 255, 0) !important;
  1812. background-color: rgba(0, 0, 0, 0.3) !important;
  1813. }
  1814. .theme-dark #friends .friends-header .tab-bar .tab-bar-item:hover:not(.selected) {
  1815. background: rgba(0, 0, 0, 0.29);
  1816. }
  1817. .theme-dark .friends-table .messages .message-group .comment .markup .highlight:hover, .theme-dark .messages-wrapper .messages .message-group .comment .markup .highlight:hover {
  1818. background-color: #3DA9A9;
  1819. }
  1820. .user-popout {
  1821. opacity: 1;
  1822. }
  1823. .user-settings-modal.settings {
  1824. opacity: 1;
  1825. /*[[NSFWON]]*/
  1826. /*[[NSFWOFF]]*/
  1827. }
  1828. .message-group .image {
  1829. -webkit-filter: none;
  1830. }
  1831. .message-group .image:hover {
  1832. -webkit-filter: none;
  1833. }
  1834. .channel-textarea-autocomplete-inner {
  1835. background:rgba(0,0,0,0.84)!important;
  1836. border:none !important;
  1837. }
  1838.  
  1839. .channel-textarea-autocomplete-inner:after {
  1840. display:none;
  1841. }
  1842.  
  1843. .channel-textarea-autocomplete-inner header {
  1844. background:rgba(0,0,0,0.84)!important;
  1845. border-radius:5px 5px 0 0;
  1846. border:none !important;
  1847. }
  1848.  
  1849. .channel-textarea-autocomplete ul li.active {
  1850. background:rgba(255,255,255,0.1)!important;
  1851. }
  1852. #user-profile-modal .avatar-profile {
  1853. border: 6px solid #3DA9A9 !important;
  1854. }
  1855. #user-profile-modal footer .btn.disabled {
  1856. background: #8E8E8E !important;
  1857. }
  1858. #user-profile-modal footer .btn.disabled:hover {
  1859. background: #777777 !important;
  1860. }
  1861. span.discriminator {
  1862. font-size: 11px !important;
  1863. color: hsla(0, 0%, 100%, 0.7) !important;
  1864. margin-left: 8px !important;
  1865. border-radius: 5px !important;
  1866. background: rgba(0, 0, 0, 0.19) !important;
  1867. font-weight: bold !important;
  1868. border: 3px solid transparent !important;
  1869. -webkit-transition: all 0.3s ease !important;
  1870. -moz-transition: all 0.3s ease !important;
  1871. -o-transition: all 0.3s ease !important;
  1872. -ms-transition: all 0.3s ease !important;
  1873. }
  1874. span.discriminator:hover {
  1875. background: rgba(0, 0, 0, 0.32) !important;
  1876. color: #fff !important;
  1877. font-size: 14px !important;
  1878. font-weight: bold !important;
  1879. }
  1880. .guilds-error {
  1881. width: 40px !important;
  1882. height: 40px !important;
  1883. line-height: 39px !important;
  1884. }
  1885. .theme-dark .friends-table .messages .invite-button, .theme-dark .messages-wrapper .messages .invite-button {
  1886. background-color: rgba(0, 0, 0, 0.54);
  1887. border-color: rgba(0, 0, 0, 0.35);
  1888. }
  1889. .invite-button-icon {
  1890. background-color: rgba(0, 0, 0, 0.62);
  1891. border: 1px solid #000000;
  1892. }
  1893. .private-channels .channel .icon-friends {
  1894. background-color: rgba(21, 21, 21, 0.41) !important;
  1895. }
  1896. .upload-modal {
  1897. background-color: rgba(30, 30, 30, 0.78);
  1898. }
  1899. .upload-modal .footer {
  1900. background-color: rgba(0, 0, 0, 0.44);
  1901. }
  1902. .upload-modal .inner {
  1903. border:2px dashed rgba(6, 6, 6, 0.52);
  1904. }
  1905. .upload-modal .footer .button {
  1906. background-color: #3DA9A9;
  1907. }
  1908. .upload-modal .footer .button-primary {
  1909. color: #3DA9A9;
  1910. background-color: #fff;
  1911. }
  1912. div.control-group .shortcut-recorder input[type=text] {
  1913. border: 1px solid #3DA9A9;
  1914. text-shadow: 0 0 0 #FFFFFF;
  1915. }
  1916. .private-channels .search-bar input:focus {
  1917. border: 2px solid #3DA9A9;
  1918. webkit-animation: input-pulse 1.5s infinite;
  1919. animation: input-pulse 1.5s infinite;
  1920. }
  1921. @-webkit-keyframes input-pulse {
  1922. 0% {
  1923. box-shadow: 0 0 0 0 #3DA9A9;
  1924. }
  1925. 70% {
  1926. box-shadow: 0 0 10px 10px rgba(241, 71, 71, 0)
  1927. }
  1928. to {
  1929. box-shadow: 0 0 0 0 rgba(241, 71, 71, 0)
  1930. }
  1931. }
  1932. @keyframes input-pulse {
  1933. 0% {
  1934. box-shadow: 0 0 0 0 #3DA9A9;
  1935. }
  1936. 70% {
  1937. box-shadow: 0 0 10px 10px rgba(241, 71, 71, 0)
  1938. }
  1939. to {
  1940. box-shadow: 0 0 0 0 rgba(241, 71, 71, 0)
  1941. }
  1942. }
  1943. .bot-tag {
  1944. background: rgba(255, 255, 255, 0.28);
  1945. color: rgba(255, 255, 255, 0.62);
  1946. }
  1947. .bot-tag.bot-tag-invert {
  1948. font-size: 11px !important;
  1949. color: hsla(0, 0%, 100%, 0.7) !important;
  1950. margin-left: 8px !important;
  1951. border-radius: 5px !important;
  1952. background: rgba(0, 0, 0, 0.19) !important;
  1953. font-weight: bold !important;
  1954. border: 3px solid transparent !important;
  1955. padding: 0px;
  1956. }
  1957. .channel-members .member.member-status-offline .avatar-small {
  1958. -webkit-filter: grayscale(100%) blur(1px);
  1959. position: relative;
  1960. -webkit-transition: all .8s ease;
  1961. -moz-transition: all .8s ease;
  1962. -o-transition: all .8s ease;
  1963. transition: all .8s ease;
  1964. -webkit-transform: translateZ(0px);
  1965. transform: translateZ(0px);
  1966. }
  1967. .channel-members .member.popout-open .avatar-small, .channel-members .member:hover .avatar-small {
  1968. -webkit-filter: none !important;
  1969. filter: none;
  1970. position: relative;
  1971. -webkit-transition: all .8s ease-out;
  1972. -moz-transition: all .8s ease-out;
  1973. -o-transition: all .8s ease-out;
  1974. transition: all .8s ease-out;
  1975. -webkit-transform: translateZ(0px);
  1976. transform: translateZ(0px);
  1977. }
  1978. .offline {
  1979. background-color: #982929;
  1980. }
  1981. .status-offline {
  1982. background-color: #982929;
  1983. }
  1984. @-webkit-keyframes friend-request-pulse {
  1985. 0% {
  1986. box-shadow: 0 0 0 0 #43b581;
  1987. }
  1988. 70% {
  1989. box-shadow: 0 0 10px 10px rgba(241, 71, 71, 0)
  1990. }
  1991. to {
  1992. box-shadow: 0 0 0 0 rgba(241, 71, 71, 0)
  1993. }
  1994. }
  1995. @keyframes friend-request-pulse {
  1996. 0% {
  1997. box-shadow: 0 0 0 0 #43b581;
  1998. }
  1999. 70% {
  2000. box-shadow: 0 0 10px 10px rgba(241, 71, 71, 0)
  2001. }
  2002. to {
  2003. box-shadow: 0 0 0 0 rgba(241, 71, 71, 0)
  2004. }
  2005. }
  2006. #user-profile-modal footer .btn.add-friend {
  2007. webkit-animation: friend-request-pulse 1.5s infinite;
  2008. animation: friend-request-pulse 1.5s infinite;
  2009. }
  2010. #user-profile-modal .guilds .avatar-large {
  2011. background: #3DA9A9;
  2012. }
  2013. img.image {
  2014. border-radius: 5px;
  2015. }
  2016. #voice-connection .btn {
  2017. background: rgba(0, 0, 0, 0.45);
  2018. box-shadow: none !important;
  2019. border-radius: 40px;
  2020. }
  2021. .account .btn-deafen, .account .btn-mute, .account .btn-settings {
  2022. background: rgba(0, 0, 0, 0.45);
  2023. box-shadow: none !important;
  2024. border-radius: 40px;
  2025. }
  2026. #connecting {
  2027. background: rgba( 0, 0, 0,.80);
  2028. }
  2029. #connecting video.ready {
  2030. visibility: hidden;
  2031. }
  2032. #connecting video {
  2033. visibility: hidden;
  2034. }
  2035. #connecting .quote {
  2036. margin-bottom: 10px;
  2037. color: #fff;
  2038. font-weight: 400;
  2039. font-style: italic;
  2040. font-size: 16px;
  2041. visibility: hidden;
  2042. }
  2043. #connecting img,
  2044. #connecting video {
  2045. visibility: hidden;
  2046. }
  2047. #connecting .attribution {
  2048. visibility: hidden;
  2049. }
  2050. #connecting .attribution, #connecting .connection-status, #connecting .quote {
  2051. margin-bottom: -122px;
  2052. font-size: 30px;
  2053. text-align: center;
  2054. webkit-animation: pulse 1.5s infinite;
  2055. animation: pulse 1.5s infinite;
  2056. }
  2057. @-webkit-keyframes pulse {
  2058. 0% { -webkit-transform: scale(1); }
  2059. 50% { -webkit-transform: scale(1.1); }
  2060. 100% { -webkit-transform: scale(1); }
  2061. }
  2062. @keyframes pulse {
  2063. 0% { transform: scale(1); }
  2064. 50% { transform: scale(1.1); }
  2065. 100% { transform: scale(1); }
  2066. }
  2067. .account .btn-settings:after {
  2068. opacity: .3;
  2069. }
  2070. .guild-header li:hover a {
  2071. background-color: hsla(0, 0%, 0%, 0.78);
  2072. }
  2073. .markdown-modal .markdown-modal-footer {
  2074. background-color: #232729;
  2075. border-top: 1px solid #1A1E1F;
  2076. }
  2077. .markdown-modal .markdown-modal-header {
  2078. border-bottom: 1px solid #1A1E1F;
  2079. }
  2080. #twitchcord-button-container {
  2081. right:30px !important;
  2082. }
  2083. #pubs-header {
  2084. background: #6fd0fc;
  2085. }
  2086. .server-icon {
  2087. border-radius: 30px;
  2088. }
  2089. .server-info span {
  2090. color: #fff;
  2091. }
  2092. .server-row {
  2093. background-color: rgba(12, 12, 12, 0.88);
  2094. }
  2095. .server-row:nth-child(odd) {
  2096. background-color: rgba(21, 21, 21, 0.95)
  2097. }
  2098. .server-info button {
  2099. border-radius: 5px;
  2100. background-color: #6fd0fc;
  2101. }
  2102. .server-info button:hover {
  2103. background-color: #B01834;
  2104. }
  2105. #pubs-footer {
  2106. background: #6fd0fc;
  2107. }
  2108. #pubs-container {
  2109. background: #2D2D2D;
  2110. }
  2111. #bd-customcss-attach-controls {
  2112. border: 1px solid #6fd0fc;
  2113. border-top: 0px solid #6fd0fc;
  2114. }
  2115. #bd-customcss-attach-controls, #bd-customcss-detach-controls {
  2116. background: #2E3136;
  2117. }
  2118. .guild-header ul li:hover a {
  2119. background-color: #045B6B;
  2120. transition: .3s all ease-in-out;
  2121. }
  2122. .guild-header a.red-highlight:hover {
  2123. background-color: #A93D3D !important;
  2124. }
  2125. .guild-header ul a.red-highlight {
  2126. color: #fff;
  2127. background-color: #A93D3D;
  2128. border-radius: 3px;
  2129. }
  2130. .guild-header ul a {
  2131. background-color: #057F95;
  2132. border-radius: 3px;
  2133. opacity: 0.65;
  2134. }
  2135. #clockPluginClock {
  2136. position: absolute;
  2137. color: #8C8F94 !important;
  2138. background: transparent !important;
  2139. padding: 0 2px 0 13px;
  2140. bottom: 6.55px;
  2141. font-size: 10px;
  2142. font-weight: 600;
  2143. text-align: center;
  2144. border-radius: 55px;
  2145. left: 215.6px;
  2146. }
  2147. #clockPluginClock:hover {
  2148. position: absolute;
  2149. color: #dadddf !important;
  2150. }
  2151. .account .account-details .discriminator {
  2152. position: relative;
  2153. background: transparent !important;
  2154. right: 11px;
  2155. font-size: 10px !important;
  2156. font-weight: normal !important;
  2157. }
  2158. .user-settings-modal .btn-ghost {
  2159. background: transparent !important;
  2160. font-weight: 100;
  2161. border-color: #3DA9A9;
  2162. }
  2163. .user-settings-modal .btn-ghost:hover {
  2164. border-color: #3DA9A9;
  2165. color: #3DA9A9;
  2166. }
  2167. .user-settings-security .btn-ghost {
  2168. background: #057F95;
  2169. border: 2px solid #057F95;
  2170. color: #fff;
  2171. }
  2172. .user-settings-security .btn-ghost:hover {
  2173. background: #045B6B;
  2174. border-color: #045B6B;
  2175. }
  2176. .mfa-modal .form-inner p {
  2177. color: #B9B9B9 !important;
  2178. }
  2179. .mfa-modal .mfa-step {
  2180. border-bottom: 1px solid #080808;
  2181. }
  2182. .form .btn {
  2183. -webkit-transition: all .2s ease-in-out !important;
  2184. }
  2185. .user-settings-modal .link-button {
  2186. color: #057F95;
  2187. }
  2188. .user-settings-modal .link-button:hover {
  2189. color: #045B6B;
  2190. }
  2191. .radio-theme input[type=radio]:checked~label {
  2192. border-color: #057F95;
  2193. }
  2194. .header-toolbar button+button {
  2195. background-color: #057F95;
  2196. }
  2197. .guilds-wrapper .guilds .guild.active:first-of-type .guild-inner {
  2198. background: #057F95 !important;
  2199. }
  2200. #friends .btn, .add-friend-popout .btn, .private-channels .channel.selected .icon-friends {
  2201. background-color: #057F95 !important;
  2202. }
  2203. .guild-channels .toggle-muted-text-channels a {
  2204. color: #fff;
  2205. opacity: .3;
  2206. }
  2207. .guild-settings-modal-members .guild-settings-modal-list .member {
  2208. padding: 5px;
  2209. }
  2210. .guild-settings-modal-members .guild-settings-modal-list .member:hover {
  2211. background-color: rgba(0, 0, 0, 0.4);
  2212. border-radius: 3px;
  2213. padding: 5px;
  2214. }
  2215. .guild-channels .channel-user-limit {
  2216. background: #000000;
  2217. }
  2218. .chat>.title-wrap>.topic:before {
  2219. background-color: rgba(0, 0, 0, 0.34);
  2220. }
  2221. div#bd-pub-button:hover {
  2222. background-color: #43B581 !important;
  2223. transition: .3s all ease-in-out;
  2224. }
  2225. #friends .friends-table .friends-row+.friends-row {
  2226. border-top: 1px solid rgba(0, 0, 0, 0.34);
  2227. }
  2228. .tab-bar.TOP .tab-bar-item {
  2229. color: #BBBBBB;
  2230. }
  2231. .tab-bar.TOP .tab-bar-item:hover {
  2232. border-bottom: 2px solid #BBBBBB;
  2233. }
  2234. #voice-connection .btn-info {
  2235. border-right: 0px solid transparent;
  2236. }
  2237. .guild-channels .channel-voice-states li.speaking .avatar-small {
  2238. background-color: #057F95;
  2239. border: 2px solid #057F95;
  2240. }
  2241. .guild-channels .channel-voice-states li.speaking .avatar-small:hover, .guild-channels .channel-voice-states li.speaking .draggable:hover .avatar-small {
  2242. border-color: #045B6B;
  2243. }
  2244. .user-settings-locale p {
  2245. color: #8E8E8E;
  2246. }
  2247. .guild-channels .channel-text.selected:before {
  2248. border-left: 4px solid #057F95;
  2249. }
  2250. .guild-channels .channel-text.unread:not(.selected):not(.channel-muted):before {
  2251. background: #045B6B;
  2252. }
  2253. .guild-channels .channel-text.selected {
  2254. background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.6) 85%, rgba(46, 49, 54, 0)) !important;
  2255. }
  2256. .guild-channels .channel-text:hover {
  2257. background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.4) 85%, rgba(46, 49, 54, 0)) !important;
  2258. }
  2259. .guild-channels .channel-text:hover.channel-muted:before, .guild-channels .channel-text:hover:not(.unread):before {
  2260. border-left: 4px solid #057F95;
  2261. }
  2262. .protip {
  2263. color: #FFFFFF;
  2264. background-color: #3DA9A9;
  2265. border-radius: 3px;
  2266. padding: 2px 4px 2px 4px;
  2267. }
  2268. .user-settings-appearance .protip .tip, .user-settings-streamer-mode .protip .tip {
  2269. color: #FFF;
  2270. }
  2271. .protip .tip a {
  2272. color: #057F95;
  2273. }
  2274. .user-settings-appearance .protip .label, .user-settings-streamer-mode .protip {
  2275. background-color: #3DA9A9;
  2276. padding: 5px 4px 18px 4px;
  2277. }
  2278. .protip .label {
  2279. color: #FFFFFF;
  2280. }
  2281. .guilds-wrapper .guilds .guild.selected:before {
  2282. height: 30px;
  2283. border-radius: 20px;
  2284. background: #057F95;
  2285. margin-top: -15px;
  2286. }
  2287. .guilds-wrapper .guilds .guild.unread:before {
  2288. background: #057F95;
  2289. }
  2290. .guilds-wrapper .guilds .guild .guild-inner {
  2291. background-color: transparent !important;
  2292. }
  2293. .typing {
  2294. font-size: 11px;
  2295. color: #A5A5A5;
  2296. }
  2297. .typing strong {
  2298. font-weight: 700;
  2299. color: #A5A5A5;
  2300. }
  2301. .message-group.compact .message .markup .user-name:After {
  2302. content: ":";
  2303. font-size: 18px;
  2304. line-height: 16px;
  2305. font-weight: 600;
  2306. }
  2307. .user-popout .username-wrapper.has-nickname .discriminator, .user-popout .username-wrapper.has-nickname .username {
  2308. color: #EAEAEA;
  2309. }
  2310. .user-popout .body .section .label {
  2311. color: #A7A7A7;
  2312. }
  2313. .user-popout .footer .update-notice {
  2314. color: #A0A0A0;
  2315. }
  2316. .user-popout .username-wrapper .activity {
  2317. color: #DEDEDE;
  2318. }
  2319. .user-settings-locale .select-item .primary {
  2320. font-size: 15px;
  2321. color: #AEAEAE !important;
  2322. }
  2323. .create-guild-container .action.create .action-icon, .create-guild-container .action.join .action-icon {
  2324. -webkit-filter: invert() hue-rotate(145deg);
  2325. }
  2326. .instant-invites .instant-invites-list .instant-invite {
  2327. color: #C4C4C4;
  2328. }
  2329. .instant-invites .instant-invites-list .instant-invite .code {
  2330. color: #C4C4C4;
  2331. }
  2332. .form .control-group .help-text.error, .form .control-group .help-text.error a {
  2333. color: #FFFFFF;
  2334. background-color: #D22B3A;
  2335. border-radius: 3px;
  2336. padding: 2px;
  2337. }
  2338. #settings-roles-pro-tip .pro-tip {
  2339. color: #FFFFFF;
  2340. }
  2341. #settings-roles-pro-tip {
  2342. color: #F5F5F5;
  2343. background-color: #53BB8C;
  2344. border-radius: 3px;
  2345. padding: 0px 0px 0px 9px;
  2346. }
  2347. #settings-roles .roles li:before {
  2348. width: 3px;
  2349. }
  2350. .chat .welcome-message p {
  2351. color: #A0A0A0;
  2352. }
  2353. .bda-slist li:nth-child(odd) {
  2354. background: rgba(0, 0, 0, 0.56);
  2355. border-top: none;
  2356. border-radius: none;
  2357. }
  2358. .bda-slist .bda-name {
  2359. color: #057F95;
  2360. font-weight: 700;
  2361. font-size: 13px;
  2362. }
  2363. .bda-slist .bda-description {
  2364. color: #D2D2D2;
  2365. border-top: 2px solid #057F95;
  2366. font-size: 14px;
  2367. }
  2368. .bda-slist li {
  2369. background: rgba(0, 0, 0, 0.56);
  2370. border-bottom: 2px solid #057F95;
  2371. border-radius: none;
  2372. }
  2373. #bd-themes-pane .bda-plugin-reload {
  2374. margin-top: 68px;
  2375. margin-left: 20px;
  2376. }
  2377. .bda-slist .bda-right .btn {
  2378. margin-left: 20px;
  2379. }
  2380. .bda-slist .bda-right .bda-plugin-settings {
  2381. margin-top: 3px;
  2382. }
  2383. #user-profile-modal .guilds .guild .status {
  2384. width: 9px;
  2385. height: 9px;
  2386. }
  2387. ul.bda-slist {
  2388. margin-top: 18px;
  2389. width: 588px;
  2390. margin-left: -34px;
  2391. }
  2392. a[data-reactid*=".0.1.1.0.1.0.0.1.1.0"] {
  2393. background-color: #057F95;
  2394. border-radius: 3px;
  2395. }
  2396. a[data-reactid*=".0.1.1.0.1.0.0.1.1.0"]:hover {
  2397. background-color: #057F95 !important;
  2398. }
  2399. a[data-reactid*=".0.1.1.0.1.0.0.1.0.0"] {
  2400. background-color: #057F95;
  2401. border-radius: 3px;
  2402. }
  2403. a[data-reactid*=".0.1.1.0.1.0.0.1.0.0"]:hover {
  2404. background-color: #057F95 !important;
  2405. }
  2406. .guild-header ul a.red-highlight:hover {
  2407. background-color: #A93D3D !important;
  2408. }
  2409. a[data-reactid*=".0.1.1.0.1.0.0.1.2.0"]:hover {
  2410. background-color: #057F95 !important;
  2411. }
  2412. a[data-reactid*=".0.1.1.0.1.0.0.1.2.0"] {
  2413. background-color: #057F95;
  2414. border-radius: 3px;
  2415. }
  2416. a[data-reactid*=".0.1.1.0.1.0.0.1.3.0"]:hover {
  2417. background-color: #057F95 !important;
  2418. }
  2419. a[data-reactid*=".0.1.1.0.1.0.0.1.3.0"] {
  2420. background-color: #057F95;
  2421. border-radius: 3px;
  2422. }
  2423. .win-buttons button {
  2424. width: 26px;
  2425. height: 26px;
  2426. margin-left: 5px;
  2427. }
  2428. button.win-close:hover {
  2429. background-color: #B50303;
  2430. border-radius: 3px;
  2431. }
  2432. button.win-maximize:hover {
  2433. background-color: #0373B5;
  2434. border-radius: 3px;
  2435. }
  2436. button.win-minimize:hover {
  2437. background-color: #03B584;
  2438. border-radius: 3px;
  2439. }
  2440. .header-toolbar button+button[data-reactid=".0.1.1.0.2.0.3.0:1"] {
  2441. background-color: #057F95;
  2442. opacity: 0.8;
  2443. }
  2444. .tipsy-inner {
  2445. border-radius: 3px;
  2446. }
  2447. .bda-slist .checkbox {
  2448. margin-left: 18px;
  2449. margin-top: 0px;
  2450. }
  2451. .auth-background {
  2452. background-image: url("https://imgur.com/RG03PyX.png") !important;
  2453. background-size: cover !important;
  2454. }
  2455. .auth-copyright {
  2456. color: #FFFFFF;
  2457. opacity: .8;
  2458. font-weight: bold;
  2459. border: 2px #fff solid;
  2460. background: #000;
  2461. border-radius: 3px;
  2462. }
  2463. .form .Select-option.is-focused {
  2464. background: rgba(0, 0, 0, 0.68);
  2465. color: #FFFFFF;
  2466. }
  2467. .form .Select-option {
  2468. color: #C5C5C5;
  2469. }
  2470. .form .Select-control:hover {
  2471. border-color: #000;
  2472. }
  2473. .form .Select.is-disabled .Select-control:hover, .form .Select.is-open .Select-control:hover {
  2474. border-color: #000;
  2475. }
  2476. .form .is-focused:not(.is-open)>.Select-control {
  2477. border: 1px solid #000;
  2478. box-shadow: none;
  2479. }
  2480. .form .Select-control {
  2481. border: 1px solid #000000;
  2482. }
  2483. .form .control-group label a {
  2484. color: #057F95;
  2485. }
  2486. .is-open>.Select-control {
  2487. border-color: #000000 #000 #000000;
  2488. }
  2489. .search-bar.search-bar-light input {
  2490. background-color: transparent;
  2491. color: #B6B6B6;
  2492. }
  2493. .search-bar.search-bar-light {
  2494. background-color: rgba(0, 0, 0, 0.58);
  2495. color: #fff !important;
  2496. border-radius: 3px;
  2497. }
  2498. .guild-settings-modal-members {
  2499. background-color: transparent;
  2500. }
  2501. .guild-settings-modal-members .member-buttons .btn:hover {
  2502. background: #045B6B;
  2503. }
  2504. .guild-settings-modal-members .guild-settings-modal-members-header .form .Select .Select-value {
  2505. color: #DDD;
  2506. }
  2507. .form .control-group label a:hover {
  2508. color: #045B6B;
  2509. }
  2510. .theme-dark.context-menu .item-subMenu {
  2511. background: transparent url(https://discordapp.com/assets/1988164a7c55346d32117b151f4e319d.svg) no-repeat 155px 50%;
  2512. }
  2513. .theme-dark.context-menu .item-subMenu:hover {
  2514. background: rgba(0,0,0,0.69) url(https://discordapp.com/assets/e4afe52f6863408a35654a6e5fd69ba9.svg) no-repeat 155px 50%;
  2515. }
  2516. .theme-dark.context-menu .context-menu {
  2517. background: rgba(0,0,0,0.6);
  2518. border: 1px solid #000000;
  2519. box-shadow: 0 1px 4px rgba(0,0,0,.1);
  2520. }
  2521. .theme-dark.context-menu .item-group {
  2522. border-top-color: hsla(0, 0%, 0%, 0.85);
  2523. }
  2524. .user-popout .header {
  2525. background: #057F95;
  2526. }
  2527. .user-popout .avatar-wrapper .avatar-popout {
  2528. border: 4px solid #045B6B;
  2529. background-color: #045B6B;
  2530. }
  2531. .user-popout .body {
  2532. background: #000;
  2533. padding-bottom: 10px;
  2534. }
  2535. .user-popout .footer {
  2536. background: #000;
  2537. border-top: 2px #057F95 solid;
  2538. }
  2539. .user-popout .footer .quick-message-wrapper .input {
  2540. border: 2px solid #057F95;
  2541. background: #0C0C0C;
  2542. color: #fff;
  2543. }
  2544. .theme-dark.context-menu .item:hover {
  2545. background: rgba(0,0,0,0.69);
  2546. box-shadow: 0 0 1px rgba(0,0,0,.82),0 1px 4px rgba(0,0,0,.1);
  2547. cursor: pointer;
  2548. }
  2549. .guilds li:not(.active):not(:first-of-type) {
  2550. opacity: 0.65;
  2551. transition: 0.4s ease-in-out opacity;
  2552. }
  2553. .guilds li:not(.active):not(:first-of-type):hover {
  2554. opacity:1;
  2555. transition:0.2s ease-in-out opacity;
  2556. }
  2557. .emoji-picker .search-bar-clear {
  2558. background: #FFFFFF;
  2559. }
  2560. .emoji-picker .search-bar-clear:before {
  2561. background: rgb(0, 0, 0);
  2562. }
  2563. .emoji-picker .search-bar-clear:after {
  2564. background: #FFFFFF;
  2565. }
  2566. .search-bar-clear:after {
  2567. background: #FFFFFF;
  2568. }
  2569. .emoji-picker .search-bar-clear.active:after, .emoji-picker .search-bar-clear.active:before {
  2570. background: rgb(28, 28, 28);
  2571. }
  2572. .emoji-picker .no-search-results .sad-discord {
  2573. opacity: 0.6;
  2574. -webkit-filter: invert(90%);
  2575. }
  2576. .emoji-picker .no-search-results {
  2577. color: #B2B2B2;
  2578. }
  2579. .theme-dark.context-menu {
  2580. background: rgba(0,0,0,0.6);
  2581. box-shadow: 0 0 1px rgba(0,0,0,.82),0 1px 4px rgba(0,0,0,.1);
  2582. }
  2583. .theme-dark.context-menu:hover {
  2584. background: rgba(0,0,0,0.69);
  2585. box-shadow: 0 0 1px rgba(0,0,0,.82),0 1px 4px rgba(0,0,0,.1);
  2586. cursor: pointer;
  2587. }
  2588. .context-menu {
  2589. background: rgba(0,0,0,0.6);
  2590. box-shadow: 0 0 1px rgba(0,0,0,.82),0 1px 4px rgba(0,0,0,.1);
  2591. }
  2592. .context-menu .item:hover {
  2593. background: rgba(0,0,0,0.69);
  2594. box-shadow: 0 0 1px rgba(0,0,0,.82),0 1px 4px rgba(0,0,0,.1);
  2595. cursor: pointer;
  2596. }
  2597. .emoji-picker {
  2598. overflow: hidden;
  2599. background-color: rgba(0, 0, 0, 0.55);
  2600. border: 1px solid hsla(0, 0%, 0%, 0.31);
  2601. box-shadow: none;
  2602. }
  2603. .emoji-picker .search-bar {
  2604. background-color: transparent;
  2605. }
  2606. .diversity-selector .popout {
  2607. background: rgba(23, 23, 23, 0.82);
  2608. border: 1px solid rgba(0, 0, 0, 0.7);
  2609. }
  2610. .emoji-picker .dimmer.visible {
  2611. pointer-events: auto;
  2612. background-color: hsla(0, 0%, 0%, 0.7);
  2613. }
  2614. .theme-dark #friends .friends-header {
  2615. border-bottom: 1px solid rgba(0, 0, 0, 0.37);
  2616. box-shadow: none;
  2617. }
  2618. .theme-dark #friends .friends-table .friends-table-header {
  2619. border-bottom: 1px solid rgba(0, 0, 0, 0.37);
  2620. }
  2621. .theme-dark #friends .friends-table .friends-table-header .friends-column-separator {
  2622. background-color: rgba(0, 0, 0, 0.54);
  2623. }
  2624. .theme-dark #friends .friends-table .friends-table-header .friends-column {
  2625. color: hsla(0, 0%, 100%, 0.5);
  2626. }
  2627. .theme-dark #friends .friends-table .friends-table-header .friends-column:after {
  2628. color: hsla(0, 0%, 100%, 0.5);
  2629. }
  2630. .emoji-picker .category {
  2631. color: #BBBBBB;
  2632. }
  2633. .member-username-inner[data-reactid*="102180837625200640"]:after {
  2634. content: "Omniscient";
  2635. color: #E81C4F;
  2636. margin-left: 0px;
  2637. font-weight: 900;
  2638. font-size: 120%;
  2639. }
  2640. .member-username-inner[data-reactid*="172218388880293888"] {
  2641. color: #E81C4F;
  2642. margin-left: 0px;
  2643. font-weight: 900;
  2644. font-size: 120%;
  2645. }
  2646. .member-username-inner[data-reactid*="102180837625200640"] {
  2647. color: transparent;
  2648. }
  2649. .streamer-mode-enabled .streamer-mode-enabled-image {
  2650. -webkit-filter: invert(100%);
  2651. opacity: 0.5;
  2652. }
  2653. .user-settings-streamer-mode .user-settings-streamer-mode-image {
  2654. -webkit-filter: invert(100%);
  2655. opacity: 0.5;
  2656. }
  2657. .alert.form.has-icon:before {
  2658. -webkit-filter: invert(100%);
  2659. opacity: 0.5;
  2660. }
  2661. .notice.notice-streamer-mode {
  2662. background-color: rgba(100, 61, 167, 0.71);
  2663. }
  2664. .theme-dark .chat .has-more button {
  2665. background: rgba(0, 0, 0, 0.52);
  2666. border: 1px solid #000000;
  2667. }
  2668. .streamer-mode-enabled .streamer-mode-enabled-btn {
  2669. background-color: rgba(100, 61, 167, 0.41);
  2670. transition: .3s all ease-in-out;
  2671. }
  2672. .streamer-mode-enabled {
  2673. background: transparent;
  2674. }
  2675. .auth-inner .auth-brand {
  2676. background: hsla(0, 0%, 0%, 0.8);
  2677. }
  2678. form.auth-form {
  2679. background: rgba(0, 0, 0, 0.56);
  2680. }
  2681. .modal-new-user>.steps {
  2682. background: rgba(0, 0, 0, 0.85);
  2683. }
  2684. .modal-new-user h5 {
  2685. color: #057F95;
  2686. }
  2687. #friends .friends-table .friends-table-header {
  2688. border-bottom: 1px solid rgba(0, 0, 0, 0.37);
  2689. }
  2690. #friends .friends-header {
  2691. border-bottom: 1px solid rgba(0, 0, 0, 0.44);
  2692. box-shadow: none;
  2693. }
  2694. #friends .friends-header .tab-bar .tab-bar-item.selected {
  2695. background-color: #43B581;
  2696. color: #fff;
  2697. }
  2698. #friends .friends-table .friends-table-header .friends-column-separator {
  2699. background-color: rgba(0, 0, 0, 0.54);
  2700. }
  2701. #friends .friends-empty p {
  2702. color: rgba(195, 195, 195, 0.4);
  2703. }
  2704. .tutorial-popout .button-area .skip-tips a {
  2705. color: #057F95;
  2706. }
  2707. .button {
  2708. background-color: #057F95;
  2709. }
  2710. .button:hover {
  2711. background-color: #045B6B;
  2712. }
  2713. #friends .friends-header .tab-bar .tab-bar-separator {
  2714. background-color: rgba(0, 0, 0, 0.75);
  2715. }
  2716. .popout.popout-right header:before {
  2717. border-right-color: #057F95;
  2718. }
  2719. #friends .friends-empty.section-online .empty-state-image {
  2720. opacity: 0.5;
  2721. }
  2722. .server-info button {
  2723. width: 60px;
  2724. height: 34px;
  2725. }
  2726. .server-icon:hover {
  2727. cursor: pointer;
  2728. opacity: 0.6;
  2729. transition: .3s ease-in-out all;
  2730. }
  2731. .server-row:hover {
  2732. opacity: 0.95;
  2733. cursor: pointer;
  2734. }
  2735. .tab-bar.SIDE .tab-bar-item {
  2736. transition: .2s ease-in-out all;
  2737. }
  2738. span.replyer:hover {
  2739. background: #057F95 !important;
  2740. }
  2741. span.replyer {
  2742. border-radius: 3px;
  2743. transition: .3s ease-in-out all;
  2744. }
  2745. .notice {
  2746. background-color: rgba(251, 81, 0, 0.68);
  2747. }
  2748. .emoji-picker .scroller .emoji-item.selected {
  2749. background-color: #057F95;
  2750. border-radius: 3px;
  2751. }
  2752. .emoji-picker .dimmer {
  2753. background-color: transparent;
  2754. }
  2755. .emoji-picker .search-bar input {
  2756. background-color: rgba(0, 0, 0, 0.55);
  2757. color: #fff;
  2758. border: 1px solid rgb(0, 0, 0);
  2759. }
  2760. .emoji-picker .sticky-header {
  2761. background-color: transparent;
  2762. }
  2763. .emoji-picker .categories .item.selected {
  2764. border-bottom-color: #057F95;;
  2765. }
  2766. .emoji-picker .categories .item.people {
  2767. background-image: url(https://discordapp.com/assets/0509bf058793ef8ddd770a977e63614c.svg);
  2768. }
  2769. .emoji-picker .categories .item.nature {
  2770. background-image: url(https://discordapp.com/assets/aafe899a4d7ad7717acc64f5b8f36342.svg);
  2771. }
  2772. .emoji-picker .categories .item.food {
  2773. background-image: url(https://discordapp.com/assets/0eb5a2b715ff649e9757a232996817ab.svg);
  2774. }
  2775. .emoji-picker .categories .item.activity {
  2776. background-image: url(https://discordapp.com/assets/8674c1028a63d29fb605be53eeedf1bf.svg);
  2777. }
  2778. .emoji-picker .categories .item.travel {
  2779. background-image: url(https://discordapp.com/assets/13e86ddf4302f697243425b2f954d00b.svg);
  2780. }
  2781. .emoji-picker .categories .item.objects {
  2782. background-image: url(https://discordapp.com/assets/6d9a5b47dc3bf7adf54f19b1e3f6c5ad.svg);
  2783. }
  2784. .emoji-picker .categories .item.symbols {
  2785. background-image: url(https://discordapp.com/assets/83095e6af6c7cf33669e3ab169296867.svg);
  2786. }
  2787. .emoji-picker .categories .item.flags {
  2788. background-image: url(https://discordapp.com/assets/ccda5cf0a64abbd18fdb9f914b55292e.svg);
  2789. }
  2790. .emoji-picker .categories .item.recent {
  2791. background-image: url(https://discordapp.com/assets/0f1f2dff98b5e2099086e303d9be0dad.svg);
  2792. }
  2793. .theme-dark .chat .title-wrap .topic .highlight:hover {
  2794. background-color: rgb(61, 169, 169);
  2795. border-radius: 4px;
  2796. }
  2797. .theme-dark .chat .title-wrap .topic .highlight {
  2798. border-radius: 4px;
  2799. }
  2800. .markdown-modal {
  2801. background-color: rgba(0, 0, 0, 0.79);
  2802. color: #A3A3A3;
  2803. }
  2804. .form .control-group .Select.is-disabled .Select-control:hover, .form .control-group .Select.is-open .Select-control:hover {
  2805. border-color: rgba(0, 0, 0, 0.51);
  2806. }
  2807. .is-open>.Select-control {
  2808. background: rgba(0, 0, 0, 0.62);
  2809. }
  2810. .Select-menu-outer {
  2811. background-color: rgba(0, 0, 0, 0.79);
  2812. border: 1px solid rgba(0, 0, 0, 0.51);
  2813. border-top-color: rgba(0, 0, 0, 0.51);
  2814. }
  2815. .form .control-group .Select-option {
  2816. color: #BDBDBD;
  2817. }
  2818. .form .control-group .Select-option.is-focused {
  2819. background: rgba(0, 0, 0, 0.59);
  2820. color: #FFFFFF;
  2821. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement