Advertisement
Guest User

Untitled

a guest
Jul 19th, 2019
112
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 90.49 KB | None | 0 0
  1. @import url('https://fonts.googleapis.com/css?family=Muli&display=swap');
  2.  
  3. body {
  4. font-family: 'Muli', sans-serif !important;
  5. text-rendering: optimizeLegibility important;
  6. word-spacing: -1px;
  7. -webkit-font-smoothing: auto;
  8. }
  9. .c-date_picker_calendar .c-calendar_view_header__title {
  10. flex: 1 0 0;
  11. color: white;}
  12. .p-classic_nav__model__menu__jump__back{
  13. color: #acacac;}
  14. .c-date_picker_calendar__date {
  15. background: #252525;
  16. color: white;}
  17. .c-date_picker_calendar__date{
  18. border:1px solid black !important}
  19. .c-date_picker_calendar__date--disabled:hover, .c-mini_calendar__month_button:disabled:hover {
  20. background-color: #545454 !important;}
  21. div.c-virtual_list__scroll_container{
  22. color:white}
  23. .supports_custom_scrollbar #msg_input.texty_legacy .ql-editor{
  24. font-family: 'Muli', sans-serif !important;
  25. }
  26. .p-threads_footer__input--legacy .p-message_input_field .ql-editor {
  27. font-family: 'Muli', sans-serif !important;
  28. }
  29. div.c-message.c-message--light.c-message--hover {
  30. color: grey !important;
  31. }
  32. .c-message__sender a {
  33. font-weight: 600;
  34. color: white !important;
  35. font-size: 14px !important;
  36. }
  37. span.c-message__body,
  38. a.c-message__sender_link,
  39. span.c-message_attachment__media_trigger.c-message_attachment__media_trigger--caption,
  40. div.p-message_pane__foreword__description span {
  41. color: white;
  42. font-size: 14px;
  43. letter-spacing: 0.3px !important;
  44. }
  45. div.c-virtual_list__scroll_container {
  46. background-color: #222222 !important;
  47. }
  48. .light_theme ts-message .timestamp {
  49. line-height: 18px;
  50. opacity: 0;
  51. color: #ffb088 !important;}
  52. .p-message_pane .c-message_list:not(.c-virtual_list--scrollbar),
  53. .p-message_pane .c-message_list.c-virtual_list--scrollbar>.c-scrollbar__hider {
  54. z-index: 0;
  55. }
  56. .c-scrollbar__hider {
  57. background: #222222 !important;
  58. }
  59. #team_menu,
  60. #team_menu_overlay {
  61. background: #222222 !important;
  62. }
  63. #client_body:not(.onboarding):not(.feature_global_nav_layout):before {
  64. box-shadow: none !important;
  65. border-left: 1px solid #303030;
  66. }
  67. #col_messages,
  68. #client_header {
  69. border-left: 1px solid #303030;
  70. }
  71. #team_menu,
  72. #team_menu_overlay {
  73. border-color: transparent !important;
  74. }
  75.  
  76. .c-team__display-name,
  77. .c-unified_member__display-name,
  78. .c-usergroup__handle {
  79. color: white !important;
  80. }
  81. .c-dialog__content {
  82. background: #333539!important;
  83. }
  84. .c-dialog__header {
  85. background: #222222!important;
  86. color: white;
  87. }
  88. .c-dialog__footer {
  89. background: #222222!important;
  90. }
  91. div.c-message:hover {
  92. background-color: #222222 !important;
  93. }
  94. .c-dialog__title {
  95. color: white !important;
  96. }
  97. a {
  98. color: #36D4F6!important;
  99. }
  100. .comment .app_preview_link_slug,
  101. .comment .internal_member_link,
  102. .comment .internal_user_group_link,
  103. .comment .mention,
  104. .ql-editor .app_preview_link_slug,
  105. .ql-editor .internal_member_link,
  106. .ql-editor .internal_user_group_link,
  107. .ql-editor .mention,
  108. ts-message .app_preview_link_slug,
  109. ts-message .internal_member_link,
  110. ts-message .internal_user_group_link,
  111. ts-message .mention {
  112. color: #fecd8a !important;
  113. font-size: 14px;
  114. background: transparent
  115. }
  116. .btn {
  117. background: #008952;
  118. color: #fff;
  119. line-height: 1.2rem;
  120. font-weight: 900;
  121. -webkit-user-select: none;
  122. -moz-user-select: none;
  123. -ms-user-select: none;
  124. user-select: none;
  125. text-decoration: none;
  126. cursor: pointer;
  127. text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
  128. border: none;
  129. border-radius: .25rem;
  130. box-shadow: none;
  131. position: relative;
  132. display: inline-block;
  133. vertical-align: bottom;
  134. text-align: center;
  135. white-space: nowrap;
  136.  
  137. -webkit-appearance: none;
  138. -webkit-tap-highlight-color: transparent;
  139. }
  140. .btn_outline.hover,
  141. .btn_outline:focus,
  142. .btn_outline:hover {
  143. background: #fff;
  144. }
  145. .btn_outline {
  146. background: #f9f9f9;
  147. color: #2c2d30!important;
  148. font-weight: 700;
  149. text-shadow: none;
  150. }
  151. .c-member_slug--link {
  152. background: transparent;
  153. color: #fcc973!important;
  154. font-weight: 600 !important;
  155. border: none !important;
  156. font-size:13px;
  157. padding: 0px 2px 1px 2px;
  158. }
  159. .c-member_slug--link:hover {
  160. background: #de5ea2; color:white !important}
  161. .menu_content a {
  162. color: white !important;
  163. }
  164. .menuitem a {
  165. color: white !important;
  166. }
  167. .c-member_slug--mention,
  168. .c-member_slug--mention:hover {
  169. background: #fbd9a5 !important;
  170. color: black !important;
  171. overflow: hidden;
  172. line-height: 16px !important;
  173. display: inline-block;
  174. position: relative;
  175. top: 4px;
  176. }
  177. #convo_tab .message_input,
  178. #convo_tab textarea#msg_text {
  179. width: 100%;
  180. background: #31353d !important;
  181. border: 1px solid #31353d !important;
  182. color: white !important;
  183. }
  184. .upload_in_threads .inline_message_input_container:hover .inline_file_upload,
  185. .upload_in_threads.has_focus .inline_message_input_container .inline_file_upload {
  186. background: #008952 !important;
  187. border: 2px solid #008952 !important;
  188. color: white !important;
  189. }
  190. #primary_file_button:hover {
  191. border: 2px solid #006039 !important;
  192. background: #006039 !important;
  193. }
  194. #primary_file_button {
  195. position: absolute;
  196. bottom: 1.375rem;
  197. top: 0;
  198. left: 0;
  199. width: 44px;
  200. padding: 0;
  201. border: 2px solid #008952 !important;
  202. background: #008952 !important;
  203. color: white !important;
  204. line-height: 42px;
  205. text-shadow: none;
  206. text-align: center;
  207. -webkit-transition: background 50ms, color 50ms;
  208. -moz-transition: background 50ms, color 50ms;
  209. transition: background 50ms, color 50ms;
  210. border-radius: 6px 0 0 6px;
  211. }
  212. .inline_file_upload {
  213. background: #008952 !important;
  214. color: white !important;
  215. }
  216. .p-share_dialog_message_input {
  217. background: black !important;
  218. color: white !important;
  219. }
  220. .p-file_upload_dialog__preview {
  221. background: transparent !important;
  222. }
  223. .c-input_select {
  224. background: #222222 !important;
  225. color: white !important;
  226. }
  227. .c-label--inline .c-label__text {
  228. color: white !important;
  229. }
  230. .c-input_select_options_list_container:not(.c-input_select_options_list_container--always-open) {
  231. background:#151515!important;
  232. color: white !important;
  233. border: none !important;
  234. border: 0 !important;
  235. }
  236. .p-search_filter .p-file_list__file_type_select, .p-search_filter__select .c-input_select{
  237. border:transparent;
  238. }
  239. .c-input_select_options_list__option {
  240. color: white !important;
  241. }
  242. .c-input_select__secondary_member_name {
  243. color: white !important;
  244. }
  245. .c-search__input_and_close {
  246. background: #2b2c2e!important;
  247. color white !important;
  248. }
  249. .c-search__input_box {
  250. background: #2b2c2e!important;
  251. color white !important;
  252. }
  253.  
  254. .c-search_autocomplete {
  255. background: #232323!important;
  256. color white !important;
  257. }
  258. .c-search_autocomplete footer {
  259. background: #3B3B3B!important;
  260. color white !important;
  261. }
  262. .c-search_autocomplete__suggestion_text {
  263. color white !important;
  264. }
  265. .c-search_autocomplete__suggestion_content .c-search_autocomplete__suggestion_text {
  266. color white !important;
  267. }
  268. .c-search_autocomplete header {
  269. background: #232323!important;
  270. color: white !important;
  271. }
  272. .c-search_autocomplete footer .c-search_autocomplete__footer_navigation_help {
  273. color: white !important;
  274. }
  275. .c-search__input_box .c-search__input_box__input .ql-editor,
  276. .c-search__input_box .c-search__input_box__input .ql-placeholder {
  277. background: #2b2c2e !important;
  278. border: none !important;
  279. }
  280. .c-search__tabs {
  281. background: #2b2c2e !important;
  282. }
  283. .c-search__view {
  284. background: #2b2c2e !important;
  285. }
  286. .c-search_message__body {
  287. color: #cacbcc !important;
  288. }
  289. .p-search_filter__title_text {
  290. background: #2b2c2e !important;
  291. color: white !important;
  292. }
  293. .p-search_filter__title:before {
  294. color: grey !important;
  295. }
  296. .p-search_filter__dates {
  297. background: #1f2021!important;
  298. border: none !important;
  299. color: #cacbcc !important;
  300. }
  301. .p-search_filter__datepicker_trigger:hover {
  302. color: white !important;
  303. }
  304. .c-calendar_month {
  305. color: black !important
  306. }
  307. .c-pillow_file__content--collapsed:after {
  308.  
  309. background: linear-gradient(0deg,#192a38,hsla(0,0%,100%,0) 40px) !important;
  310. }
  311. .c-pillow_file_container {
  312. background: #363636!important;
  313. color: white !important;
  314.  
  315. }
  316. .c-pillow_file__swap .c-pillow_file__slide{
  317. background: #363636!important;
  318. }
  319. .c-pillow_file__title {
  320. color: white !important;
  321. }
  322. .c-pillow_file__description {
  323. color: #cacbcc !important;
  324. }
  325.  
  326. .c-mrkdwn__highlight,
  327. .c-mrkdwn__mention,
  328. .c-mrkdwn__mention:hover,
  329. .c-mrkdwn__user_group--mention,
  330. .c-mrkdwn__user_group--mention:hover {
  331. color: black !important
  332. }
  333. #threads_msgs .inline_message_input_container.with_file_upload {
  334. border: 2px solid #545454!important;
  335. }
  336. ts-message.active:not(.standalone):not(.multi_delete_mode):not(.highlight):not(.new_reply):not(.show_broadcast_indicator),
  337. ts-message.message--focus:not(.standalone):not(.multi_delete_mode):not(.highlight):not(.new_reply):not(.show_broadcast_indicator),
  338. ts-message:hover:not(.standalone):not(.multi_delete_mode):not(.highlight):not(.new_reply):not(.show_broadcast_indicator) {
  339. background: #1f2021!important;
  340. }
  341. #threads_msgs .inline_message_input_container.with_file_upload .inline_file_upload {
  342. background: #545454 !important;
  343. border: 0px !important;
  344. }
  345. .p-flexpane_header {
  346. background: #222222!important;
  347. }
  348. .p-file_list__filters {
  349. background: #1f2021!important;
  350. }
  351. .p-file_list__file_type_select .c-input_select__selected_value--placeholder {
  352. color: #cacbcc !important;
  353. }
  354. .input.c-input_select__filter_input {
  355. background: transparent;
  356. }
  357. .p-file_list__file.c-pillow_file_container--full_width {
  358. border-bottom: 1px solid #383838
  359. }
  360. .c-search {
  361. background: #2c2c2e !important;
  362. }
  363. .p-search_filter__title:before {
  364. border-bottom: 1px solid #5F5F5F !important;
  365. }
  366. .c-search__input_and_close {
  367. border-bottom: 1px solid #5F5F5F !important;
  368. }
  369. p-search_filter__date:first-child {
  370. border-bottom: 1px solid #5F5F5F !important;
  371. }
  372. .p-search_filter__more_link {
  373. color: #36D4F6;
  374. font-size: 13px;
  375. margin-top: 4px;
  376. }
  377. .c-link--button:active,
  378. .c-link--button:focus,
  379. .c-link--button:hover {
  380. color: #36D4F6;
  381. outline: none;
  382. text-decoration: underline;
  383. }
  384. .c-filter_input {
  385. align-items: center;
  386. background-color: #545454;
  387. }
  388.  
  389. .p-channel_insights__message ts-message.standalone:not(.for_mention_display):not(.for_search_display):not(.for_top_results_search_display):not(.for_star_display) {
  390. background-color: black !important;
  391. border: 1px solid #545454 !important;
  392. }
  393. .p-channel_insights__date_heading span {
  394. position: relative;
  395. z-index: 1;
  396. padding: 0 .5rem;
  397. background-color: #545454;
  398. color: white;
  399. font-size: 15px;
  400. }
  401. .p-channel_insights__date_heading::before {
  402. display: block;
  403. content: '';
  404. position: absolute;
  405. top: 50%;
  406. left: 0;
  407. right: 0;
  408. height: 1px;
  409. background-color: #545454;
  410. }
  411. #client_body:not(.onboarding):not(.feature_global_nav_layout):before {
  412. background: #222222;
  413. }
  414. .p-channel_insights__message--truncate::before {
  415. background: linear-gradient(180deg, transparent, #232323 90%);
  416. }
  417. .c-button--outline {
  418. background: #2C2F33;
  419. color: white;
  420. border: 1px solid #6A6C6E;
  421. }
  422. .c-button--outline a {
  423. color: white;
  424. }
  425. .c-message--light .c-message__sender .c-message__sender_link {
  426. color: #a4d677 !important;
  427. font-weight: 700 !important;
  428. font-size: 14px !important;
  429. }
  430. .light_theme ts-message .message_content .message_sender {
  431. color: #a4d677 !important;
  432. text-transform: capitalize;
  433. font-weight: 700 !important;
  434. }
  435. .p-channel_sidebar__channel--unread:not(.p-channel_sidebar__channel--muted) .p-channel_sidebar__name {
  436. font-weight: bolder !important;
  437. }
  438. .p-download_item__container .p-download_item__name_row{
  439. color:white !important
  440. }
  441. .p-download_item:hover{
  442. border:none !important
  443. }
  444. .p-download_item{
  445. border-bottom:1px solid rgb(72, 72, 72) !important;
  446. }
  447. .p-download_item:hover{
  448. border-bottom:1px solid rgb(72, 72, 72) !important;
  449. }
  450. .p-downloads_list__shift_hint{
  451. background:transparent !important;
  452. color:white;
  453. }
  454. .p-channel_sidebar__channel--unread:not(.p-channel_sidebar__channel--muted):not(.p-channel_sidebar__channel--selected) .p-channel_sidebar__name,
  455. .p-channel_sidebar__link--unread:not(.p-channel_sidebar__link--selected) .p-channel_sidebar__name,
  456. .p-channel_sidebar__link--invites:not(.p-channel_sidebar__link--dim) .p-channel_sidebar__name,
  457. .p-channel_sidebar__section_heading_label--clickable:hover,
  458. .p-channel_sidebar__section_heading_label--unreads,
  459. .p-channel_sidebar__quickswitcher:hover {
  460. color: white !importnat;
  461. }
  462. .p-download_item__actions{
  463. background:none;
  464. }
  465. .c-message__body {
  466. margin: 4px 0 -4px;
  467. !important
  468. }
  469. .p-file_list a {
  470. color: green !important;
  471. }
  472. .p-downloads_flexpane--list {
  473. color: green !important;
  474. }
  475. .p-channel_sidebar {
  476. font-size: 14px !important;
  477. }
  478. .c-file__meta {
  479. background: blue !important;
  480. }
  481. .p-file_details__name {
  482. color: white !important;
  483. }
  484. .p-file_details__share_channel {
  485. color: #36D4F6;
  486. }
  487. .p-file_details__share_divider hr {
  488. border-color: #4B4B4B;
  489. }
  490. .p-flexpane_header {
  491. border-bottom: 1px solid #4B4B4B;
  492. }
  493. .p-file_details__header_back:hover {
  494. color: #36D4F6;
  495. }
  496. .c-deprecated_button--link{
  497. color: #36D4F6 !important;
  498. }
  499. .p-file_list__file.c-pillow_file_container--full_width:hover {
  500. border-bottom: 1px solid #4B4B4B;
  501. border-color: #4B4B4B;
  502. }
  503. .p-file_list__filters {
  504. border-bottom: 1px solid #4B4B4B;
  505. }
  506. .p-file_list__filters {
  507. padding-top: 10px;
  508. }
  509. input.c-input_select__filter_input {
  510. background: transparent !important;
  511. }
  512. .c-search_autocomplete__suggestion_item:hover {
  513. background: #2D9EE0;
  514. color: white;
  515. }
  516. .texty_legacy.texty_single_line_input.focus,
  517. .texty_legacy.texty_single_line_input:hover {
  518. border-color: transparent;
  519. }
  520. .c-search__input_box__input:focus {
  521. outline: none;
  522. }
  523. #search_container .search_input.focus,
  524. #search_container .search_input:focus,
  525. #search_container .search_input:hover {
  526. color: white !important;
  527. background: transparent !important;
  528. }
  529. #search_container .search_input {
  530. color: white;
  531. background: transparent !important;
  532. border: 0px solid transparent !important;
  533. }
  534. .c-react_search_input:active .icon_search_wrapper *,
  535. .c-react_search_input:active .search_input_wrapper *,
  536. .c-react_search_input:focus .icon_search_wrapper *,
  537. .c-react_search_input:focus .search_input_wrapper *,
  538. .c-react_search_input:hover .icon_search_wrapper *,
  539. .c-react_search_input:hover .search_input_wrapper * {
  540. color: white !important;
  541. background: transparent !important;
  542. border: 0px solid transparent !important;
  543. }
  544. .texty_legacy.texty_single_line_input {
  545. background: transparent !important;
  546. border: 0px solid transparent !important;
  547. }
  548. .texty_legacy.texty_single_line_input.focus,
  549. .texty_legacy.texty_single_line_input:hover {
  550. border: 0px solid transparent !important;
  551. background: transparent !important;
  552. }
  553. .c-link--button:active,
  554. .c-link--button:focus,
  555. .c-link--button:hover {
  556. color: #36D4F6 !important;
  557. border: none !important;
  558. }
  559. .c-message_group .c-message_group__header:focus .c-channel_name,
  560. .c-message_group .c-message_group__header:focus .c-channel_name__team_name,
  561. .c-message_group .c-message_group__header:focus .c-message_group__header_date,
  562. .c-message_group:hover .c-message_group__header .c-channel_name,
  563. .c-message_group:hover .c-message_group__header .c-channel_name__team_name,
  564. .c-message_group:hover .c-message_group__header .c-message_group__header_date {
  565. color: #36D4F6 !important;
  566. border: none !important;
  567. }
  568. .p-search_filter__date:first-child {
  569. border-bottom: 1px solid #4B4B4B;
  570. }
  571. a:hover {
  572. border-bottom: none !important;
  573. text-decoration: none !important;
  574. }
  575. .c-menu_item__button,
  576. .c-menu_item__button:link,
  577. .c-menu_item__button:visited {
  578. color: #252525 !important;
  579. }
  580. .c-menu_item__button:hover,
  581. .c-menu_item__button:hover {
  582. color: white !important;
  583. }
  584. .c-message_group__header:active,
  585. .c-message_group__header:hover {
  586. text-decoration: none !important;
  587. }
  588. .c-search__input_box__clear {
  589. color: #36D4F6 !important;
  590. }
  591. .c-search_modal .c-search__input_box__clear {
  592. border-right: 1px solid #4B4B4B !important;
  593. }
  594. .c-file__meta {
  595. background: transparent !important
  596. }
  597. .c-file__slide--meta {
  598. background-color: #4B4B4B!important;
  599. width: 110px;
  600. color: white !important;
  601. }
  602. #msg_input {
  603. background: #424242!important;
  604. }
  605. .p-file_list__empty {
  606. color: white !important;
  607. }
  608. .searchable_member_list_filter .faux_input {
  609. color: white !important;
  610. }
  611. .p-channel_sidebar__badge,
  612. .p-channel_sidebar__banner--mentions {
  613. background: #cd2056 !important;
  614. box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.2) !important;
  615. }
  616. .c-file_container {
  617. background: #393939 !important;
  618. max-width: 600px;
  619. }
  620. .p-file_list__empty {
  621. background #222222 !important;
  622. }
  623. code {
  624. color: #29ffe8!important;
  625. }
  626. .searchable_member_list_filter {
  627. border-bottom: 1px solid #4B4B4B !important;
  628. }
  629. #client-ui #team_list_container .searchable_member_list_search {
  630. border-bottom: 1px solid #4B4B4B !important;
  631. }
  632. .tab_container .star_item .message .star_jump.msg_right_link,
  633. .tab_container .star_item ts-message .star_jump.msg_right_link {
  634. color: white !important;
  635. }
  636. #flex_contents .heading_text {
  637. color: white !important;
  638. font-weight:bold;
  639. }
  640. .c-link--button {
  641. color: #36D4F6 !important;
  642. }
  643. .p-file_upload_dialog__section input.c-input_text:focus {
  644. background: transparent !important;
  645. }
  646. .c-input_character_count::after {
  647. background: transparent !important;
  648. }
  649. .c-message_attachment__author--distinct {
  650. color: white !important;
  651. }
  652. #client_body {
  653. position: relative;
  654. }
  655. #client-ui .searchable_member_list .team_list_item:hover {
  656. background: #2c2c2c;
  657. border-bottom: none !important;
  658. }
  659. a.file_download_link {
  660. color: white !important
  661. }
  662. a.file_download_link:hover {
  663. color: white !important
  664. }
  665. .slack_menu_download {
  666. color: white !important
  667. }
  668. .slack_menu_download ts-icon {
  669. color: white !important
  670. }
  671. .filetype_button:hover .file_download_label {
  672. background: #545454;
  673. color: #e6e6e6;
  674. }
  675. .filetype_button .file_title {
  676. color: #e6e6e6;
  677. }
  678. .filetype_button .file_download_label {
  679. background: #828282;
  680. border-top: 1px solid #545454;
  681. }
  682. #threads_msgs .inline_message_input_container.with_file_upload .inline_file_upload {
  683. background: #393939 !important;
  684. width: 40px;
  685. color: white;
  686. }
  687. #threads_msgs .inline_message_input_container.with_file_upload .inline_file_upload.active .upload_plus_icon,
  688. #threads_msgs .inline_message_input_container.with_file_upload .inline_file_upload.focus-ring .upload_plus_icon,
  689. #threads_msgs .inline_message_input_container.with_file_upload .inline_file_upload:focus .upload_plus_icon,
  690. #threads_msgs .inline_message_input_container.with_file_upload .inline_file_upload:hover .upload_plus_icon {
  691. color: white !important;
  692. }
  693. .supports_custom_scrollbar .reply_input_container .ql-editor,
  694. .supports_custom_scrollbar .reply_input_container .ql-placeholder {
  695. padding: 8px 30px 9px 20px;
  696. }
  697. #threads_msgs .inline_message_input_container.with_file_upload .inline_file_upload .upload_plus_icon {
  698. top: 15px;
  699. }
  700. .c-file__action_button:active,
  701. .c-file__action_button:focus {
  702. color: #e6e6e6 !important;
  703. }
  704. .c-file__action_button,
  705. .c-file__action_button:link,
  706. .c-file__action_button:visited {
  707. color: #e6e6e6!important;
  708. }
  709. .c-pillow_file_container:focus-within .c-file__actions,
  710. .c-pillow_file_container:focus .c-file__actions,
  711. .c-pillow_file_container:hover .c-file__actions {
  712. background: transparent !important;
  713. }
  714. .c-message--focus .c-message__image_container .c-file__actions,
  715. .c-message__image_container:hover .c-file__actions {
  716. background: transparent !important;
  717. }
  718. .p-file_details__meta_container .c-file__actions {
  719. background: transparent !important;
  720. }
  721. .c-message__reply_bar--focus .c-message__reply_bar_view_thread,
  722. .c-message__reply_bar:hover .c-message__reply_bar_view_thread {
  723. background: #222222 !important
  724. }
  725. .c-deprecated_rounded_button:link,
  726. .c-deprecated_rounded_button:visited {
  727. color: white !important;
  728. }
  729. .p-channel_sidebar__channel--unread:not(.p-channel_sidebar__channel--muted):not(.p-channel_sidebar__channel--selected) .p-channel_sidebar__name, .p-channel_sidebar__link--unread .p-channel_sidebar__name, .p-channel_sidebar__link--invites:not(.p-channel_sidebar__link--dim) .p-channel_sidebar__name{
  730. border-left: 2px solid #ff5656;
  731. padding-left: 6px;
  732. height: 20px;
  733. overflow: hidden;
  734. line-height: 16px;
  735. font-size: 17px;
  736. font-weight:700;
  737. }
  738. .p-channel_sidebar {
  739. border-right: 1px solid #464646 !important;}
  740. .p-search_filter__date_readout {
  741. color: #ffb28a !important;
  742. }
  743. .p-search_filter__date .c-icon--times-small {
  744. margin-right: 10px;
  745. margin-left: 10px;
  746. }
  747. .c-calendar_month__day_of_week_heading {
  748. color: white;
  749. }
  750. .c-date_picker_calendar__date {
  751. background: white;
  752. }
  753. .c-calendar_view_header__stepper_btn, .c-calendar_view_header__title_btn i{
  754. color: white !important;
  755. }
  756. .c-calendar_view_header__stepper_btn:hover, .c-calendar_view_header__title_btn:hover {
  757. background-color: #565656 !important;
  758. }
  759. .c-date_picker_calendar__date.c-date_picker_calendar__date--is_active:focus:not(.c-date_picker_calendar__date--is_selected), .c-date_picker_calendar__date:not(.c-date_picker_calendar__date--disabled):not(.c-date_picker_calendar__date--is_selected):hover{
  760. background-color: rgb(255, 110, 39) !important;
  761. color: white !important;
  762. }
  763. .c-date_picker_calendar__date--is_selected {
  764. background-color: #0576b9 !important;
  765. color: #ffffff;}
  766. .p-block_kit_date_picker_calendar_wrapper .c-date_picker_calendar__date--disabled, .p-block_kit_date_picker_calendar_wrapper .c-mini_calendar__month_button:disabled {
  767. background: #ffffff;
  768. }
  769. #team_tab #member_preview_scroller .feature_custom_status_expiry.member_details .member_name {
  770. color: white !important;
  771. }
  772. #member_preview_scroller a:not(.member_name):not(.current_status_preset_option):not(.member_details_manage_link):not(.current_status_presets_edit_link), .team_list_item a:not(.member_name):not(.current_status_preset_option):not(.member_details_manage_link):not(.current_status_presets_edit_link){
  773. color: white !important;
  774. }
  775. #team_tab #member_preview_scroller .feature_custom_status_expiry.member_details .member_action_bar .c-button:not(:first-child){
  776. color: white !important;
  777. }
  778. .c-button--outline:active{
  779. background: #e67a26 !important;
  780. }
  781. .c-button--outline:active {
  782. box-shadow: inset 0 0 0 1px #ff5232 !important;
  783. }
  784. .c-button--outline:hover {
  785. box-shadow: none !important;
  786. background: green !important;
  787. }
  788. .rxn.user_reacted .emoji_rxn_count{
  789. color:white !important;
  790. }
  791. .rxn.rxn_add_btn .c-icon--small-reaction {
  792. color: #6f6f6f !important;
  793. }
  794. ts-message .internal_member_link:hover {
  795. color: #c8a1ff !important;
  796. }
  797. #primary_file_button .ts_icon{
  798. bottom:-5px;
  799. }
  800. #flex_contents .flexpane_tab_toolbar #search #team_filter .member_filter, #flex_contents .flexpane_tab_toolbar #search #user_group_filter .member_filter{
  801. background:transparent;
  802. }
  803. .c-message_list__day_divider__label__pill {
  804. background: #222 !important;
  805. top: 13px;
  806. color: white;
  807. }
  808. .c-message_list__day_divider__line {
  809. border-top-color: #363636;
  810. top: 13px;
  811. }
  812. #client-ui #team_list .team_list_item, #member_preview_scroller .team_list_item{
  813. border-bottom: 1px solid #545454 !important;
  814. }
  815. #client-ui #team_list .team_list_item:hover, #member_preview_scroller .team_list_item:hover {
  816. background: #2d2d2d !important;
  817. }
  818. input[type=text]:focus, input[type=password]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=date]:focus, input[type=month]:focus, input[type=time]:focus, input[type=week]:focus, input[type=number]:focus, input[type=email]:focus, input[type='url']:focus, input[type=tel]:focus, input[type=color]:focus, input[type=search]:focus{
  819. box-shadow: none !important;
  820. }
  821. .p-app_space_profile__info{
  822. background:#222;
  823. }
  824. .supports_custom_scrollbar:not(.slim_scrollbar) #app_space_scroller_div, .supports_custom_scrollbar:not(.slim_scrollbar) #archive_msgs_scroller_div, .supports_custom_scrollbar:not(.slim_scrollbar) #msgs_scroller_div{
  825. border-right:0px !important;
  826. }
  827. .c-message__editor__input_container {
  828. border-radius: 4px;}
  829. .c-message__editor__input--legacy.focus {
  830. border-color: transparent;
  831. background: #585858;
  832. color: white;
  833. border-radius: 3px;
  834. }
  835. .c-menu_item__header, .c-menu_item__header{
  836. color:white !important;
  837. }
  838. #im_browser #im_list_container:not(.keyboard_active).not_scrolling .im_browser_row:not(.disabled_dm):hover, #im_browser .im_browser_row.highlighted{
  839. background:black !important;
  840. }
  841. .c-calendar_view_header__stepper_btn{background: orange !important}
  842. .c-react_search_input .ts_icon_times_small:active, .c-react_search_input .ts_icon_times_small:focus, .c-react_search_input .ts_icon_times_small:hover{
  843. color:white !important;
  844. }
  845. .unread_group .unread_group_header .unread_group_mark, .unread_group .unread_group_header .unread_keyboard{
  846. background: #339252 !important;
  847. color: white !important;
  848. }
  849. .p-threads_footer__input {
  850. background:black;
  851. }
  852. .p-threads_footer__input .p-message_input_field {
  853. border-color: transparent !important;
  854. background: #4d4d4d !important; color: white !important;}
  855. .p-threads_footer__input .p-message_input_field.focus {
  856. border-color: transparent !important;
  857. background: #4d4d4d !important; color: white !important;}
  858. .p-threads_footer__input .p-message_input_field.focus~.p-message_input_file_button:not(:hover){
  859. border-color: transparent;
  860. color:white !important;
  861. }
  862. .p-threads_footer__input--legacy .p-message_input_field .ql-editor{
  863. color:white !important;
  864. }
  865. .p-threads_footer__input--legacy .p-message_input_file_button{
  866. border: transparent !important;
  867. }
  868. .p-threads_footer__input--legacy .p-message_input_plus {
  869. border: 1px solid transparent !important;
  870. border-radius: 4px 0 0 4px;
  871. background: #008952 !important;}
  872. .ql-editor [aria-label] {
  873. color:white !important;
  874. }
  875. .p-threads_footer__input--legacy .p-message_input_field {
  876. min-height: 24px;
  877. padding-left: 42px;
  878. padding-bottom: 6px;
  879. border-radius: 4px;
  880. border-color: #868686;
  881. background: black;
  882. color: white;}
  883.  
  884. .p-threads_footer__input .p-message_input_plus .p-message_input_plus_icon {
  885. transform: scale(1.11);
  886. color: white;
  887. }
  888. #reply_container .inline_message_input_container .message_input div, #reply_container .inline_message_input_container textarea, .reply_input_container .inline_message_input_container .message_input div, .reply_input_container .inline_message_input_container textarea{
  889. colo:white !important;
  890. opacity:1 !important;
  891. }
  892. .c-timestamp__label{
  893. color: #ffb088 !important;
  894. }
  895. .c-message__sender{
  896. color:#a4d677 !important
  897. }
  898. .c-dialog__footer .c-button {
  899. background-color: #2ead5c;
  900. color: #ffffff;}
  901. .btn_outline.hover, .btn_outline:focus, .btn_outline:hover {
  902. background: black !important;
  903. color: #ffffff !important;
  904. }
  905. a.c-message__sender_link{
  906. color: #a4d677 !important;
  907. }
  908. .ql-editor[aria-label]{
  909. color: white !important;
  910. }
  911. .c-menu_item__icon {
  912.  
  913. color: rgba(162, 162, 162, 0.96);
  914. }
  915. .thrills_purple {
  916. color: #ff3636!important;}
  917. .feature_channel_browser_dropdown .show_which_channels_container .lfs_input_container .selected {
  918. color: #ffffff;}
  919. .feature_channel_browser_dropdown .channel_browser_sort_container .lfs_input_container .selected, .feature_channel_browser_dropdown .show_which_channels_container .lfs_input_container .selected{
  920. color: #ffffff;
  921. }
  922. .menu ul li a:not(.inline_menu_link) {
  923. color: #e6e6e6 !important;
  924. }
  925. .ql-container.texty_single_line_input.focus, .ql-container.texty_single_line_input:hover{
  926. box-shadow: none !important;
  927. }
  928. .ql-container.texty_single_line_input.focus, .ql-container.texty_single_line_input:hover{
  929. color: #e6e6e6 !important;
  930. }
  931. .c-message__reply_bar:hover, .c-message__reply_bar--focus{
  932. background-color: #484848;
  933. }
  934. .c-message__reply_bar--focus .c-message__reply_bar_view_thread, .c-message__reply_bar:hover .c-message__reply_bar_view_thread{
  935. background-color: #484848 !important;
  936. }
  937. .c-dialog__cancel{
  938. background: transparent !important;
  939. }
  940. .c-dialog__cancel:hover{
  941. background: transparent !important;
  942. }
  943. .c-search_modal .popover > div, .c-search_modal .c-search__input_box, .c-search_modal:not(.c-search_modal--primarysearch) .popover > div, .c-search_modal:not(.c-search_modal--primarysearch) .c-search__input_box{
  944. background: #2b2c2e !important;
  945. }
  946. .c-card_carousel__text_section p{
  947. color:white;
  948. }
  949. .c-card_carousel__page_count{
  950. color:black;
  951. }
  952. .c-file__slide--meta{
  953. background-color: #393939 !important;
  954. }
  955. #admin_invites_add_row{
  956. background: transparent;
  957. border:transparent;
  958. }
  959. .p-file_upload_dialog__footer_cancel_all{
  960. background: transparent !important;
  961. }
  962. .p-file_upload_dialog__footer_cancel_all:hover{
  963. background: black !important;
  964. }
  965. .p-threads_flexpane__header_permalink, .p-threads_flexpane__header_channel_name{
  966. color: #36D4F6!important;
  967. }
  968. .c-message .c-button--primary{
  969. background-color: #008952;
  970. }
  971. .c-message_kit__file__meta__text {
  972. font-size: 12px;
  973. color: #949494 !important;}
  974. .msg_input_btn {
  975. background-color: #008952 !important;
  976. }
  977. .p-threads_footer__input--legacy .p-message_input_file_button{
  978. background-color: #008952 !important;
  979. color: white;
  980. }
  981. .sli_briefing{
  982. background: #222222;
  983. }
  984. .sli_briefing_preview__title{
  985. color:white;
  986. }
  987. .sli_briefing_preview{background-color: #363636; border:1px solid #585858;}
  988. .sli_briefing_preview_container::after, .sli_briefing_preview_container::before{background:#222222; border:1px solid #737373;}
  989. .sli_briefing_preview__description_text{color:white;}
  990. .sli_briefing_preview__description_text b {
  991. color: #2dffd1; font-weight: 600;}
  992. .sli_briefing__message ts-message:not(.for_mention_display):not(.for_search_display):not(.for_top_results_search_display):not(.for_star_display){
  993. background-color: #313131;
  994. border: 1px solid #000;
  995. }
  996. .sli_briefing_view__footer_title {
  997. color: #ffffff;
  998. }
  999. .sli_briefing__justification {
  1000. color: #bfbfbf;}
  1001. .sli_briefing__header {
  1002. border-bottom: 1px solid #000;
  1003. background-color: #3b3b3b;}
  1004. .sli_briefing__title {
  1005. color: #ffffff;
  1006. }
  1007. .sli_briefing__feedback_controls{
  1008. color: #969696;
  1009. }
  1010. .channel_title .channel_name{
  1011. font-weight:bold !important;
  1012. }
  1013. .p-threads_flexpane__header .p-flexpane_header__children{
  1014. font-weight:700;
  1015. }
  1016. .p-threads_view__default_background--first{
  1017. background:#323232 !important;
  1018. }
  1019. .p-threads_view__footer, .p-threads_view_root {
  1020. border: 1px solid #000;}
  1021. .p-threads_view_reply {
  1022. border: 1px solid #000;}
  1023. .p-threads_view__default_background {
  1024. background: #323232;}
  1025. .p_threads_view_load_newer_button, .p_threads_view_load_older_button {
  1026. height: 32px;
  1027. line-height: 32px;
  1028. display: flex;
  1029. align-items: center;
  1030. background: #535353;
  1031. padding-left: 12px;
  1032. border-left: 1px solid #000;
  1033. border-right: 1px solid #000;}
  1034.  
  1035. .c-channel_name__text--inline{
  1036. color: #36D4F6!important;
  1037. }
  1038. .p-threads_view__divider_label {
  1039. background: #323232; color:white;}
  1040. .p-threads_view__divider_line {
  1041.  
  1042. border-top: 1px solid #323232;}
  1043. .p-threads_view_header__participant_list{
  1044. color:white !important;
  1045. }
  1046. .p-threads_view_reply--new_reply {
  1047. background: #535353;}
  1048. .c-mrkdwn__highlight{
  1049. background: transparent !important;
  1050. }
  1051. .c-message_kit__background--labels {
  1052. background: #323232;}
  1053. .c-icon_button--light, .c-icon_button--light.c-button-unstyled, .c-icon_button--light:link{
  1054. color: rgba(255, 255, 255, 0.7);
  1055. }
  1056. .c-icon_button--light.c-button-unstyled:hover, .c-icon_button--light:hover, .c-icon_button--light:link:hover {
  1057. color: #ffffff;
  1058. }
  1059. .c-fullscreen_modal__header {
  1060. background: #222222;}
  1061. .p-prefs_modal .c-fullscreen_modal__body {
  1062. overflow-y: scroll;
  1063. background: #181818;}
  1064. .p-prefs_modal__radiogroup label.p-prefs_modal__radiogroup--selected {
  1065. background: #383737;
  1066. border-color: #000000;}
  1067. .p-prefs_modal__radiogroup label.p-prefs_modal__radiogroup--selected {
  1068. background: #383737;
  1069. border-color: #000000;}
  1070. p{
  1071. color:white;
  1072. }
  1073. textarea.c-input_textarea.c-input_textarea--with_hint {
  1074. color: white;}
  1075. .c-sidebar_menu__list li .c-link--button{
  1076. color:white !important;
  1077.  
  1078. }
  1079. .p-prefs_modal__radiogroup .p-prefs_modal__radio_decorator {
  1080. background: #2b2b2b;}
  1081. #footer_archives_preview{
  1082. background-color: #2f2f2f;
  1083. border-top: 1px solid #525252;
  1084. }
  1085. .c-archive_footer__metadata {
  1086. color: #ffffff;}
  1087. .c-archive_footer__title {
  1088. color: #ffffff;}
  1089. .c-message_kit__labels__text, .c-icon, .c-menu_item__link_icon, .c-menu_item__shortcut{
  1090. color:white;
  1091. }
  1092. .c-mrkdwn__highlight{
  1093. color:#ffe9b8 !important;
  1094. }
  1095. .c-action_buttons__button{
  1096. background:#242424;
  1097. border-right: 1px solid #000;
  1098. }
  1099. .c-action_buttons{
  1100. border: 1px solid #000;
  1101. }
  1102. .c-action_buttons__button:hover .c-action_buttons__icon {
  1103. color: #9d9d9d;}
  1104. .c-action_buttons:hover {
  1105. border-color: #646464;}
  1106. .c-pillow_file--full_width .c-pillow_file__header:link{
  1107. background: #232323;
  1108. }
  1109. .channel_header {
  1110. display: flex;
  1111. background: #222222;}
  1112.  
  1113. .channel_title .channel_name {
  1114.  
  1115. color: #ffffff;}
  1116.  
  1117. #footer{
  1118. background: #222222;
  1119. }
  1120. .p-channel_sidebar__name {
  1121. color: white;}
  1122.  
  1123. .texty_legacy.texty_single_line_input .ql-editor, .texty_legacy.texty_single_line_input .ql-placeholder {
  1124. color: white !important;}
  1125. .p-flexpane_header__primary_content {
  1126. color: white;}
  1127. #flex_contents .heading {
  1128. border-bottom: none;
  1129. position: relative;
  1130. z-index: 50;
  1131. background: #222222;
  1132. }
  1133. #details_tab .channel_page_section {
  1134. background: #222222;
  1135. position: relative;
  1136. border-top: 1px solid #4c4c4c; color:white}
  1137. #details_tab .channel_page_section .section_title {
  1138. color: #f7f7f7;}
  1139. #details_tab .channel_page_section.expanded .section_content, #details_tab .channel_page_section.expanded .ts_icon_caret_down {
  1140. display: block;
  1141. color: white;}
  1142. #details_tab .conversation_details .member_info_timezone {
  1143. line-height: 1.5;
  1144. padding: 11px 0 11px 11px;
  1145. border-top: 1px solid #4c4c4c;
  1146. font-size: 14px;
  1147. background: #222222;
  1148. color: white;}
  1149. #details_tab .conversation_details .member_info, #details_tab .conversation_details .slackbot_info{
  1150. background: #222222;}
  1151. .flex_content_scroller{
  1152. background: #222222;}
  1153. .p-channel_sidebar__channel--selected, .p-channel_sidebar__channel--selected:hover, .p-channel_sidebar__link--selected, .p-channel_sidebar__link--selected:hover{
  1154. background: #505050; !important}
  1155. .c-color_picker__container {
  1156. color: white !important;}
  1157. .c-color_picker__input[type=text]{
  1158. color:white}
  1159. .c-fullscreen_modal__header .c-fullscreen_modal__title {
  1160. margin: 0;
  1161. color: white !important;}
  1162. h1, h2, h3, h4{
  1163. color: white !important;
  1164. }
  1165. .menu .menu_content {
  1166. background: #3e3e3e;
  1167. box-shadow:0px 20px 20px 20px rgba(0,0,0,0.2)}
  1168.  
  1169. .menu_member_header .member_details .member_current_status, .menu_member_header .member_details .member_timezone_value{
  1170. background: #5b5b5b;
  1171. color: #ffffff;
  1172. }
  1173. .menu_member_footer{
  1174. border-top: 1px solid #000
  1175. }
  1176. .p-multi_file_upload__add_file_btn{
  1177. color:white !important
  1178. }
  1179. .c-message_list__unread_divider__label {
  1180. background: #f81111;
  1181. border: 1px solid transparent;
  1182. text-transform: capitalize;
  1183. box-shadow: 0 8px 16px rgba(0,0,0,0.4);}
  1184. .c-message_list__unread_divider__label{
  1185. color:white;
  1186. padding: 3px 4px 4px;
  1187. margin: -8px 0 -7px 0;}
  1188.  
  1189.  
  1190.  
  1191. .c-message_list__unread_divider--ghost .c-message_list__unread_divider__separator {
  1192. opacity: 1;}
  1193. #col_messages{
  1194. box-shadow: inset 1px 0 0 0 #000;}
  1195.  
  1196. #col_messages, #client_header{
  1197. border-left: 1px solid #464646;
  1198. }
  1199. .flex_pane_showing #col_flex{
  1200. border-left: 1px solid #000;
  1201. box-shadow: inset 1px 0 0 0 #000;}
  1202. .c-search_autocomplete__suggestion_item{
  1203. color:white;}
  1204. .c-tabs__tab.c-tabs__tab--active, .c-tabs__tab:active {
  1205. outline: 0;
  1206. color: #ffffff;}
  1207. .c-search__tab.c-tabs__tab.c-tabs__tab--active, .c-search__tab.c-tabs__tab.c-tabs__tab--active:active, .c-search__tab.c-tabs__tab.c-tabs__tab--active:focus {
  1208. border-radius: 0;
  1209. box-shadow: inset 0 -2px 0 0 #ff0000;
  1210. }
  1211. .c-message_group {
  1212. padding: 7px 12px 12px 12px;
  1213. border: 1px solid #000;
  1214. border-radius: 6px;
  1215. margin-bottom: 10px;
  1216. background-color: #4c4c4c;}
  1217. .c-tabs__tab:hover{
  1218. color:white}
  1219. .p-search_filter__select{
  1220. color:white}
  1221. .c-message_group__header_view_label{
  1222. color:white;}
  1223. code{
  1224. background:black;
  1225. border:1px solid black;}
  1226.  
  1227. .c-menu.p-emoji_picker, .p-emoji_picker__input_container, .p-emoji_picker__heading, .p-emoji_picker__list_container, .p-emoji_picker__footer, .menu #menu_items_scroller{
  1228. background: #3a3a3a;
  1229. }
  1230. .p-channel_sidebar__channel--selected{
  1231. background: #3a3a3a !important}
  1232. #details_tab .channel_page_section .disclosure_triangle{
  1233. color:white !important;}
  1234. .fs_modal_file_viewer_header{
  1235. background-color: #424242;
  1236. }
  1237. .fs_modal_file_viewer_header .control_btn, .fs_modal_file_viewer_header .control_btn:link, .fs_modal_file_viewer_header .control_btn:visited, .fs_modal_file_viewer_header a.control_btn, .fs_modal_file_viewer_header a.control_btn:link, .fs_modal_file_viewer_header a.control_btn:visited{
  1238. color:white}
  1239. .fs_modal_file_viewer_content .viewer{
  1240. background:#232323;
  1241. }
  1242. .channel_header_info_item.channel_header_member_status #header_status_message{
  1243. color:white;}
  1244. .channel_header{
  1245. box-shadow: inset 1px 0 0 0 #000;}
  1246. .p-channel_insights .c-unified_member__title{
  1247. color: #adadad;}
  1248. .channel_page_member_row:hover {
  1249. background-color: #424242;
  1250. border-color: #000000;}
  1251.  
  1252. .btn_link:focus, .btn_link:hover{
  1253. text-decoration:none;
  1254. }
  1255. .c-reaction{
  1256. background: rgb(118, 118, 118);
  1257. }
  1258. .c-reaction__count{
  1259. color:white
  1260. }
  1261. .c-reaction_add{
  1262. opacity:1
  1263. background:#656565;
  1264. }
  1265. .c-reaction:hover {
  1266. box-shadow: inset 0 0 0 1px rgb(58, 58, 58);
  1267. background: #868686;}
  1268. .c-message_kit__labels__text, .c-icon, .c-menu_item__link_icon, .c-menu_item__shortcut{
  1269. color: #949494;
  1270. }
  1271. input.c-input_text, input[type=text].c-input_text, input[type=password].c-input_text{
  1272. border: 1px solid #000000;}
  1273. .p-emoji_picker__group_tab--active {
  1274. margin-bottom: -1px;
  1275. background: #515151;
  1276. padding-top: 3px;
  1277. border-bottom: 3px solid #ff5a5a;}
  1278. .p-emoji_picker__preview_text {
  1279. font-size: .9rem;
  1280. line-height: .9rem;
  1281. padding: .6rem .7rem .8rem 0;
  1282. background: #3a3a3a;
  1283. color: #ffffff;}
  1284.  
  1285. #details_tab .feature_sli_channel_insights .edit_purpose--blank{
  1286. color:white;}
  1287. pre{
  1288. background:black;
  1289. color:white;
  1290. }
  1291. #menu li.team_pricing_info{
  1292. color:white;}
  1293. .c-search_autocomplete__suggestion_item .token {
  1294. border-radius: 2px;
  1295. background-color: hsl(39, 100%, 79%) !important;}
  1296.  
  1297. .c-menu_item__button, .c-menu_item__button:link, .c-menu_item__button:visited{
  1298. color:white}
  1299. .c-menu {
  1300. box-shadow: 0px 20px 20px 12px rgba(0,0,0,0.5), 0 4px 12px 0 rgba(0,0,0,0.5);
  1301. background-color: #444;}
  1302. .light_theme ts-message.first:not(.feature_file_threads) .message_body, .light_theme ts-message.selected:not(.feature_file_threads) .message_body{
  1303. color:white}
  1304. .star_item{
  1305. border-bottom: 1px solid #4a4a4a;
  1306. }
  1307. .tab_container .file_comment_item .actions .star, .tab_container .file_list_item .actions .star, .tab_container .star_item .message .actions .star, .tab_container .star_item ts-message .actions .star{
  1308. background:black;}
  1309. #footer{
  1310. box-shadow: inset 1px 0 0 0 #000;}
  1311. .c-menu_item__button, .c-menu_item__button:link, .c-menu_item__button:visited{
  1312. color:white !important
  1313. }
  1314. .c-menu_item__description {
  1315. font-size: 13px;
  1316. line-height: .9375;
  1317. color: #ababab;}
  1318. .c-message--focus:not(.c-message--highlight):not(.c-message--standalone):not(.c-message--pinned):not(.c-message--ephemeral):not(.c-message--custom_response):not(.c-message--starred):not(.c-message--sli_highlight), .c-message--hover:not(.c-message--highlight):not(.c-message--standalone):not(.c-message--pinned):not(.c-message--ephemeral):not(.c-message--custom_response):not(.c-message--starred):not(.c-message--sli_highlight), .c-message:hover:not(.c-message--highlight):not(.c-message--standalone):not(.c-message--pinned):not(.c-message--ephemeral):not(.c-message--custom_response):not(.c-message--starred):not(.c-message--sli_highlight){
  1319. background-color: #232323;
  1320. }
  1321. .c-message_actions__container {
  1322. background: #000 !important;
  1323. box-shadow:0px 4px 5px rgba(0, 0, 0, 0.3) !important}
  1324. .c-message_actions__button:active {
  1325. background: #2b2b2b;}
  1326. #flex_contents .subheading:not(:empty)#mentions_options {
  1327. background: #000;
  1328. border-top: 0;
  1329. border-bottom: 1px solid #000;}
  1330. #flex_contents .help {
  1331. font-size: 1rem;
  1332. color: #ffffff;
  1333. line-height: 1.3rem;
  1334. padding-top: 1rem;
  1335. border-top: 5px solid #ea5218;}
  1336. #menu.search_filter_menu label{
  1337. color:white;}
  1338. .channel_header .blue_on_hover:hover {
  1339. color: #ffffff;}
  1340. .menu{
  1341. background: #414141;}
  1342. #msg_input.focus, #msg_input:focus{
  1343. border-color: #404040;}
  1344. .mention_day_container_div .day_divider:before {
  1345. position: absolute;
  1346. margin-bottom: .75rem;
  1347. border-bottom: 1px solid #494949;
  1348. background: #232323;}
  1349. .day_divider .day_divider_label {
  1350. background: #424242;
  1351. color: white;}
  1352. #edit_topic_trigger {
  1353. display: none;
  1354. visibility: hidden;
  1355. color: #ffffff;}
  1356. .channel_header_info button{
  1357. color:white;}
  1358. .channel_header .blue_on_hover:hover{
  1359. color:white;}
  1360. #edit_topic_inner:before {
  1361. background:transparent;
  1362. border: 1px solid transparent;
  1363. color:white}
  1364. .p-message_pane__limited_history_foreword {
  1365. text-align: center;
  1366. padding-top: 24px;
  1367. padding-bottom: 32px;
  1368. color: #ffffff;
  1369. background-image: url(https://a.slack-edge.com/436da/img/wave.jpg);
  1370. background-position: 0 100%;
  1371. background-repeat: repeat-x;
  1372. background-color: #383838;
  1373. background-image:none;}
  1374. .supports_custom_scrollbar:not(.slim_scrollbar) #messages_container:after{
  1375. background:none}
  1376. #channel_topic_text{
  1377. color: #d8d8d8;}
  1378. .close_flexpane:focus, .close_flexpane:hover{
  1379. color:white;}
  1380. .close_flexpane{color:white;}
  1381. .p-search_filter__option--suggestion, .c-message_kit__labels__text, .c-icon, .c-menu_item__link_icon, .c-menu_item__shortcut{
  1382. color: white;}
  1383. .c-calendar_view_header__stepper_btn:hover, .c-calendar_view_header__title_btn:hover {
  1384. background-color: #4a3f3f !important;
  1385. color: white;}
  1386. .p-search_filter__checkbox_label--selected {
  1387. font-weight: 700;
  1388. color: white;}
  1389. .p-search_filter__option {
  1390. display: flex;
  1391. align-items: center;
  1392. margin-bottom: .375rem;
  1393. font-weight: 700;
  1394. line-height: inherit;
  1395. font-size: inherit;
  1396. color: white;}
  1397. .c-input_select_options_list__empty_state {
  1398. display: block;
  1399. text-overflow: ellipsis;
  1400. overflow: hidden;
  1401. white-space: nowrap;
  1402. color: #ffffff;}
  1403. #fs_modal .contents_container {
  1404. position: absolute;
  1405. background: #3c3c3c;
  1406. color: white !important;}
  1407. .ts_toggle .ts_toggle_secondary_label {
  1408. display: inline-block;
  1409. color: #ffffff;}
  1410. .modal_input_note {
  1411. font-size: .8rem;
  1412. color: #ffffff;}
  1413. .greigh {
  1414. color: #fda792!important;}
  1415. #new_channel_modal input[type=text], #new_channel_modal textarea, .p-share_channel_dialog__contents input[type=text], .p-share_channel_dialog__contents textarea {
  1416. font-size: 18px;
  1417. margin-bottom: 0;
  1418. background: transparent;}
  1419. .lazy_filter_select .lfs_list_container {
  1420. display: none;
  1421. position: absolute;
  1422. z-index: 200;
  1423. width: 100%;
  1424. max-height: 250px;
  1425. top: 100%;
  1426. left: 0;
  1427. overflow: auto;
  1428. margin-top: 3px;
  1429. margin-bottom: 3px;
  1430. border: 1px solid #232323;
  1431. border-radius: 4px;
  1432. background: #232323;}
  1433. .lazy_filter_select .lfs_list .lfs_item.selected, .lazy_filter_select .lfs_list .lfs_item.selected .c-unified_member__current-status .prevent_copy_paste, .lazy_filter_select .lfs_list .lfs_item.selected .c-unified_member__current-status--small:before, .lazy_filter_select .lfs_list .lfs_item.selected .c-unified_member__display-name, .lazy_filter_select .lfs_list .lfs_item.selected .c-unified_member__name, .lazy_filter_select .lfs_list .lfs_item.selected .c-unified_member__secondary-name {
  1434. color: #9ac4e5;}
  1435. .input_note_special {
  1436. font-size: .9rem;
  1437. line-height: 1.25rem;
  1438. color: #ffffff;}
  1439. .btn{
  1440. text-shadow: none;}
  1441. .plastic_select, input[type=url], input[type=text], input[type=tel], input[type=number], input[type=email], input[type=password], select, textarea{
  1442. color:white;}
  1443. .lazy_filter_select .lfs_list .lfs_item.active {
  1444. background-color: #000000;
  1445. border-color: #000000;}
  1446. .subtle_silver {
  1447. color: #ffffff!important;}
  1448. .black{font-weight:700 !important;}
  1449. #details_tab .feature_sli_channel_insights .channel_created_section .creator_link, #details_tab .feature_sli_channel_insights .channel_purpose_section .channel_purpose_text{color:white}
  1450. .btn_link {
  1451. color: #b2ddff;}
  1452. #channel_browser .channel_browser_row_header {
  1453. color: #ffffff;}
  1454. #channel_browser #channel_list_container:not(.keyboard_active).not_scrolling .channel_browser_row:hover, #channel_browser .channel_browser_row.highlighted {
  1455. background: #232323;
  1456. border: 1px solid #000000;}
  1457. .sk_black {
  1458. color: #ffffff;}
  1459. #channel_browser .channel_browser_channel_created_info, #channel_browser .channel_browser_channel_invite_info, #channel_browser .channel_browser_channel_shared_info, #channel_browser .channel_browser_private_channel_rollup_info {
  1460. font-size: 13px;
  1461. line-height: 1.38463;
  1462. font-weight: initial;
  1463. color: #c0c0c0;}
  1464. .channel_modal .channel_modal_filter_container input[type=text] {
  1465. width: 100%;
  1466. padding-left: 2.5rem;
  1467. padding-right: 12px;
  1468. padding-top: .65rem;
  1469. background: transparent;}
  1470. #channel_browser .channel_browser_divider {
  1471. color: #ffffff;
  1472. font-size: 14px;
  1473. width: 100%;
  1474. padding: 4px 0 4px 12px;
  1475. font-weight: 700;
  1476. background: #000000;}
  1477. #channel_browser .channel_browser_row {
  1478. border-top: 1px solid #676767;}
  1479. #details_toggle.active, #details_toggle.active:hover, #recent_mentions_toggle.active, #recent_mentions_toggle.active:hover, #sli_recap_toggle.active, #stars_toggle.active, #stars_toggle.active:hover {
  1480. background: transparent;
  1481. color: #ffb400;}
  1482. .c-message_list__day_divider__label__pill {
  1483. background: #474747 !important;}
  1484. #im_browser .im_browser_row .im_display_name_container {
  1485. font-size: 15px;
  1486. line-height: 21px;
  1487. height: 21px;
  1488. color: white;}
  1489. #im_browser .im_browser_row {
  1490. width: 100%;
  1491. height: 64px;
  1492. cursor: pointer;
  1493. border: 1px solid transparent;
  1494. border-top: 1px solid #646464;}
  1495. .c-unified_member__secondary-name--medium {
  1496. color: #b0b0b0;
  1497. }
  1498. #im_browser_tokens #im_browser_filter, #im_browser_tokens .member_token {
  1499. margin-top: .25rem;
  1500. margin-right: 6px;
  1501. height: 26px;
  1502. line-height: 26px;
  1503. background: transparent;
  1504. }
  1505. .charcoal_grey {
  1506. color: #ffffff!important;}
  1507. .alert {
  1508. padding: .75rem 1rem .75rem 3rem;
  1509. border: 1px solid #ddd;
  1510. background: #595959;}
  1511.  
  1512. .alert {
  1513. padding: 8px 35px 8px 14px;
  1514. margin-bottom: 20px;
  1515. text-shadow:none}
  1516.  
  1517. .btn_link:focus, .btn_link:hover {
  1518. color: #ffffff;}
  1519. .uneditable-input, input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=tel], input[type=color], input[type=search], textarea{
  1520. border-radius:0 !important; background: #222222;}
  1521. .searchable_member_list_filter .faux_input {
  1522. font-size: 1rem;
  1523. padding: .55rem .75rem .65rem;
  1524. border: 1px solid #3c3c3c;
  1525. border-radius: .25rem;
  1526. -webkit-appearance: none;
  1527. -moz-appearance: none;
  1528. appearance: none;
  1529. outline: 0;
  1530. color: #1d1c1d;
  1531. background: #222222;}
  1532. .searchable_member_list_filter {
  1533. padding: 1rem;
  1534. position: relative;
  1535. border-bottom: 1px solid #ddd;
  1536. background: #222222;}
  1537. #client-ui .searchable_member_list .team_list_item {
  1538. padding: .75rem .5rem .75rem .75rem;
  1539. border-bottom: 1px solid #565656}
  1540. #whats_new_tab p {
  1541. font-size: 15px;
  1542. line-height: 22px;
  1543. color: #ffffff;}
  1544. .indifferent_grey {
  1545. color: white !important;}
  1546. .bottom_border {
  1547. border-bottom: 1px solid #525252;}
  1548. .c-fullscreen_modal__body {
  1549. border-right: .25rem solid transparent;
  1550. -webkit-user-select: text;
  1551. -moz-user-select: text;
  1552. -ms-user-select: text;
  1553. user-select: text;
  1554. align-items: flex-start;
  1555. display: flex;
  1556. flex-grow: 1;
  1557. flex-shrink: 1;
  1558. justify-content: center;
  1559. line-height: 1.46666667;
  1560. overflow-y: auto;
  1561. padding: 15vh 32px 32px 32px;
  1562. color: #ffffff;
  1563. background: #3c3c3c;}
  1564. .c-filter_input__input[type=text][placeholder] {
  1565. background: transparent;
  1566. text-overflow: ellipsis;
  1567. color: white;}
  1568. .c-link--button:active, .c-link--button:focus, .c-link--button:hover{
  1569. color:white !important; text-decoration:none}
  1570. .p-help_modal__list__item:focus, .p-help_modal__list__item:hover, .p-help_modal__list__item__focus {
  1571. cursor: pointer;
  1572. outline: none;
  1573. background-color: transparent;}
  1574. .p-help_modal__popular_topics {
  1575. color: #ffffff;}
  1576. .p-shortcuts_flexpane__shortcut_title {
  1577. flex-grow: 1;
  1578. padding: 6px 0 6px 0;
  1579. color: #ffffff;}
  1580. .p-shortcuts_flexpane__shortcut_hoverable .p-shortcuts_flexpane__shortcut_title {
  1581. color: #ffffff;}
  1582.  
  1583. .p-help_modal__list__item {
  1584.  
  1585. border-top: 0 }
  1586.  
  1587. .p-help_modal__footer {
  1588. position: absolute;
  1589. bottom: 0;
  1590. padding: 1rem;
  1591. background-color: #161616;}
  1592. #msg_input {
  1593. overflow: auto;
  1594. margin: 0;
  1595. width: 100%;
  1596. min-height: 42px;
  1597. height: 38px;
  1598. max-height: 180px;
  1599. border: 2px solid rgba(134, 134, 134, 0);
  1600. color: #fff;}
  1601. #col_messages {
  1602. margin-left: 0;
  1603. position: relative;
  1604. display: flex;
  1605. flex: 1;
  1606. flex-direction: column;
  1607. min-width: 1px;
  1608. box-shadow: inset 1px 0 0 0 #ddd;
  1609. background: #222222;}
  1610. .unread_empty_state_message {
  1611. -webkit-transition: all .4s ease 0s;
  1612. -moz-transition: all .4s ease 0s;
  1613. transition: all .4s ease 0s;
  1614. font-weight: 900;
  1615. font-size: 24px;
  1616. line-height: 32px;
  1617. color: white;}
  1618. .p-shortcuts_flexpane__shortcut {
  1619. border-color: #3b3b3b;}
  1620. .p-shortcuts_flexpane__shortcut:last-of-type {
  1621. border-bottom: 1px solid #46a091;}
  1622. c-keyboard_key {
  1623. background: #646464;
  1624. padding: 2px 8px;
  1625. font-size: 13px;
  1626. font-weight: 400;
  1627. min-width: 24px;
  1628. height: 27px;
  1629. margin: 0 2px;
  1630. border-radius: 5px;
  1631. color: #ffffff;}
  1632. .p-message_pane__foreword__description, .p-message_pane__limited_history_alert {
  1633. color: #ffffff;}
  1634. .modal{
  1635. background:#3c3c3c;}
  1636. .c-button-unstyled:active, .c-button-unstyled:focus, .c-button-unstyled:hover {
  1637. outline: none;
  1638. }
  1639. .p-shortcuts_flexpane__shortcut_hoverable .p-shortcuts_flexpane__shortcut_title:hover{
  1640. text-decoration:none;}
  1641. .c-message--focus:not(.c-message--highlight):not(.c-message--standalone):not(.c-message--pinned):not(.c-message--ephemeral):not(.c-message--custom_response):not(.c-message--starred):not(.c-message--sli_highlight), .c-message--hover:not(.c-message--highlight):not(.c-message--standalone):not(.c-message--pinned):not(.c-message--ephemeral):not(.c-message--custom_response):not(.c-message--starred):not(.c-message--sli_highlight), .c-message:hover:not(.c-message--highlight):not(.c-message--standalone):not(.c-message--pinned):not(.c-message--ephemeral):not(.c-message--custom_response):not(.c-message--starred):not(.c-message--sli_highlight) {
  1642. background-color: #3e3e3e !important;}
  1643. .c-keyboard_key {
  1644. background: #575656;
  1645. padding: 2px 8px;
  1646. font-size: 13px;
  1647. font-weight: 400;
  1648. min-width: 24px;
  1649. height: 27px;
  1650. margin: 0 2px;
  1651. border-radius: 5px;
  1652. color: #ffffff;}
  1653. .p-multi_file_upload__container .p-galler_scroller__wrapper {
  1654. background: #3c3c3c;}
  1655. .c-dialog__body {
  1656. flex-shrink: 1;
  1657. overflow-y: auto;
  1658. padding: 0 24px;
  1659. -webkit-user-select: text;
  1660. -moz-user-select: text;
  1661. -ms-user-select: text;
  1662. user-select: text;
  1663. background: #222222;}
  1664. #col_messages {
  1665. box-shadow: inset 1px 0 0 0 #000 !important;}
  1666. .tab_container .star_item .message .star_jump.msg_right_link, .tab_container .star_item ts-message .star_jump.msg_right_link{
  1667. background:black}
  1668. [lang] .c-message_kit__message {
  1669. font-size: 15px;
  1670. color: white;}
  1671. .p-multi_file_upload__container .p-galler_scroller__wrapper{border:none}
  1672. .fs_modal_file_viewer_header .control_btn.active, .fs_modal_file_viewer_header .control_btn:active, .fs_modal_file_viewer_header .control_btn:focus, .fs_modal_file_viewer_header .control_btn:hover, .fs_modal_file_viewer_header a.control_btn.active, .fs_modal_file_viewer_header a.control_btn:active, .fs_modal_file_viewer_header a.control_btn:focus, .fs_modal_file_viewer_header a.control_btn:hover{color:white;}
  1673. .modal-footer {
  1674. background: #232323;}
  1675. .modal label {
  1676. color: #ffffff;}
  1677. .CodeMirror-scroll {
  1678. background: black;
  1679. color: white;}
  1680. .CodeMirror-gutter {
  1681. white-space: normal;
  1682. height: 100%;
  1683. display: inline-block;
  1684. vertical-align: top;
  1685. margin-bottom: -30px;
  1686. background: #444446;
  1687. color: white !important;}
  1688. .CodeMirror .CodeMirror-linenumber {
  1689. color: #ffffff;}
  1690. .lazy_filter_select.single .lfs_input_container:after {
  1691.  
  1692. color: white;}
  1693. #file_comment_textarea.texty_comment_input, .comment_form .texty_comment_input, .edit_comment_form .texty_comment_input {
  1694.  
  1695. background: #212121;}
  1696. .btn {
  1697. background: #008952;
  1698. color: #fff !important;}
  1699. .c-button-unstyled:active, .c-button-unstyled:focus, .c-button-unstyled:hover {
  1700. outline: none;
  1701. }
  1702. .c-menu_item__button--danger:hover{ background: #e01e5a !important;}
  1703. .c-file__action_button {
  1704.  
  1705. background-color: hsla(0, 0%, 0%, 0.9);}
  1706. .c-file__action_button, .c-file__action_button:link, .c-file__action_button:visited {
  1707. color: #ffffff!important;}
  1708. .CodeMirror {
  1709. position: relative;
  1710. overflow: hidden;
  1711. background: #000;}
  1712. .c-pillow_file__snippet__content .CodeMirror {
  1713. height: auto;
  1714. border: none;
  1715. color: #ffffff;}
  1716. .c-pillow_file__snippet__content .CodeMirror-code>div:before {
  1717.  
  1718. color: rgb(255, 101, 101);}
  1719. .p-channel_sidebar__section_heading_label--clickable:hover{background:transparent}
  1720. .c-message__label__highlight_title {
  1721. color: #ffffff;
  1722. font-weight: 700;}
  1723. .c-message--sli_highlight .c-message__label__icon {
  1724. color: #ffd452;}
  1725. .c-message--pinned, .c-message--sli_highlight:not(.c-message--sli_highlight_negative), .c-message--starred {
  1726. background: rgb(52, 54, 56);
  1727. border: 1px solid #edad37;
  1728. border-radius: 4px;}
  1729. .c-search_autocomplete__suggestion_item .token {
  1730. border-radius: 2px;
  1731.  
  1732. z-index: 99999;
  1733. position: relative;
  1734. color: black;}
  1735. .c-tabs__tab:hover {
  1736. color: white;
  1737. background: transparent !important;}
  1738. .p-search_filter__datepicker_trigger {
  1739. flex-grow: 1;
  1740. display: flex;
  1741. align-items: center;
  1742. padding: 8px 10px;
  1743. line-height: 24px;
  1744. font-size: 15px;
  1745. background: TRANSPARENT !important;}
  1746. .c-message--highlight, .c-message--highlight_yellow_bg {
  1747. background: #171614;}
  1748. .c-message__editor__input--legacy {
  1749. background: #3f3f3f;}
  1750.  
  1751. .c-menu_item__li:hover {
  1752. background: #0c77bb !important;}
  1753. #msg_form .ql-editor, #msg_form .ql-placeholder{
  1754. opacity:0.4, color:white}
  1755. .supports_custom_scrollbar .texty_legacy .ql-editor, .supports_custom_scrollbar .texty_legacy .ql-placeholder {
  1756.  
  1757. color: white !important;}
  1758. .c-texty_input .ql-editor, [lang] .c-texty_input .ql-placeholder{
  1759. color:white !important}
  1760. .c-presence--active {
  1761. color: #93cc93 !important;}
  1762. select {
  1763. background: #232323;}
  1764. .p-apps_browser__app_description, .p-apps_browser__app_name{
  1765. color:white;}
  1766. p-apps_browser__app_limit_meter__paragraph {
  1767. color: #d8d8d8;}
  1768. .p-apps_browser__category_header {
  1769. font-size: 1rem;
  1770. line-height: 1.2rem;
  1771. background: TRANSPARENT;
  1772. color: #ffffff;
  1773. padding-bottom: .5rem;}
  1774. .p-apps_browser__app {
  1775. display: flex;
  1776. align-items: center;
  1777. padding: 11px 12px;
  1778. border: 1px solid transparent;
  1779. border-top-color: #6b6b6b;}
  1780. .p-apps_browser__app--selected {
  1781. border-radius: 6px;
  1782. background: #2b2b2b;
  1783. border: 1px solid #000;}
  1784. .p-apps_browser__app_limit_meter b {
  1785. color: #ffffff;}
  1786. .p-apps_browser__app_limit_meter__paragraph {
  1787. color: #cecece;}
  1788. .pinned_item .pinned_message_text {
  1789. line-height: 18px;
  1790. max-height: 90px;
  1791. overflow: auto;
  1792. position: relative;
  1793. padding-top: 2px;
  1794. color: white;}
  1795. .pinned_item .pin_member_name a, .pinned_item .pin_member_title {
  1796. color: #ffb15e!important;
  1797. font-weight: 700!important;}
  1798. .app_preview_link_slug, .internal_member_link, .internal_user_group_link {
  1799. background: #f1c877;
  1800. color: #000000 !important;
  1801. opacity: 1;
  1802. font-weight: 700;
  1803. padding: 0 4px;
  1804. border-radius: 3px;}
  1805. .pinned_item .pinned_message_text .pin_truncate_fade {
  1806.  
  1807. background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#343434),color-stop(1,rgba(255,255,255,0)));}
  1808. #client-ui .file_list_item.file_list_item--redesign {
  1809. flex-wrap: wrap;
  1810. margin-top: 0;
  1811. margin-bottom: .5rem;
  1812. padding: 12px 12px 8px;
  1813. border: 1px solid #6d6d6d;}
  1814. .tab_container .file_list_item:focus, .tab_container .file_list_item:hover {
  1815. background-color: #000;}
  1816. .tab_container .file_list_item .actions .btn_icon{
  1817. background-color: #444;
  1818. }
  1819. .p-channel_page_apps__list__row:hover .p-channel_page_apps__list__row__wrapper {
  1820. background-color: #3c3c3c;
  1821. border-color: #000000;}
  1822. .p-channel_page_apps__list__row:hover {
  1823. color: #ffffff;}
  1824. .active .tab_container .file_list_item {
  1825. background-color: #000;}
  1826. .tab_complete_ui {
  1827.  
  1828. background: #000000;}
  1829. .tab_complete_ui .tab_complete_ui_header {
  1830.  
  1831. background: #383838;}
  1832.  
  1833. .tab_complete_ui ul.type_members .unify_broadcast {
  1834.  
  1835. color: #ffe34b;}
  1836. .p-file_upload_banner__progress {
  1837. border-radius: 6px;
  1838. width: 100%;
  1839. display: flex;
  1840. align-items: center;
  1841. background: #2b5043;}
  1842. #select_share_channels .lazy_filter_select .lfs_value .lfs_item.selected {
  1843. height: 28px;
  1844. color: #ffffff;}
  1845. .modal .close {
  1846. color: #ffffff;}
  1847. .p-search_filter__checkbox_label {
  1848. color: white;}
  1849. .modal .close:hover{
  1850. color:white}
  1851. .c-label__text{
  1852. color:white}
  1853. #team_tab #member_preview_scroller {
  1854. width: 100%;
  1855. background: #222222;}
  1856. #member_preview_scroller .member_data_table td, #member_preview_web_container .member_data_table td, .menu_member_header .member_data_table td {
  1857.  
  1858. color: white;}
  1859. hr {
  1860. border-top: 1px solid #575757;}
  1861. .p-message_pane .p-message_pane__top_banners:not(:empty)+div .c-message_list.c-virtual_list--scrollbar>.c-scrollbar__hider:before, .p-message_pane .p-message_pane__top_banners:not(:empty)+div .c-message_list:not(.c-virtual_list--scrollbar):before {
  1862. box-shadow: 0 32px #222222;}
  1863.  
  1864. #team_tab #member_preview_scroller .member_details .member_title:not(:empty) {
  1865. color: #cccccc;}
  1866. .p-custom_status_input__dialog .p-custom_status_input__preset_option_text {
  1867.  
  1868. color: wheat;}
  1869. .c-dialog__close:hover {
  1870. color: #ffffff;}
  1871. .c-alert--inline, .c-alert--nested_box {
  1872. color: #e7e7e7;}
  1873. [lang] .c-message_attachment__body {
  1874.  
  1875. color: wheat;}
  1876. .c-message_kit__background--editing {
  1877. background: #3c3c3c;}
  1878. .c-message__editor__emoji_circle_icon, .c-message__editor__emoji_happy_icon, .c-message__editor__emoji_smile_icon {
  1879. color: rgb(154, 154, 154);}
  1880. .c-message__reply_bar_description {
  1881. position: relative;
  1882. margin-left: 8px;
  1883. color: #b1b1b1;}
  1884. .c-message__reply_bar:hover, .c-message__reply_bar--focus {
  1885. border: 1px solid black;}
  1886. .c-select_button{
  1887. background-color:black}
  1888. .c-select_button:active {
  1889. background-color: #000000;}
  1890. .c-select_button:active .c-select_button__icon, .c-select_button:hover .c-select_button__icon {
  1891. color: #ffffff;}
  1892. .p-prefs_modal__notification_example.p-prefs_modal__notification_example--mac {
  1893. background: #5d5d5d;}
  1894. #team_tab #member_preview_scroller .member_details .member_name {
  1895.  
  1896. color: white !important;}
  1897.  
  1898. hr{ border-bottom: 1px solid #424242;}
  1899. .p-threads_flexpane__separator_line {
  1900. flex: 1;
  1901. margin: 1px 0 0 0;
  1902. border-top-color: rgb(0, 0, 0);}
  1903.  
  1904. .c-sidebar_menu__list_item.c-link--button:hover{
  1905. border: 1px solid transparent !important;
  1906. }
  1907. .p-emoji_picker__group_tab:hover {
  1908.  
  1909. background: #5d5d5d;}
  1910. .c-fullscreen_modal__close--with_header:hover {
  1911. background-color: transparent;
  1912. color: white;}
  1913. .c-reaction--reacted .c-reaction__count {
  1914. color: #ffffff;}
  1915. .c-reaction__count {
  1916. color: white !important;}
  1917. .light_theme ts-message .message_body {
  1918. display: block;
  1919. color:white !important;}
  1920.  
  1921. .unread_group_header {
  1922. -ms-box-sizing: content-box;
  1923. -moz-box-sizing: content-box;
  1924. -webkit-box-sizing: content-box;
  1925. box-sizing: content-box;
  1926. border-top: 1px solid #000;
  1927. background: #363636;
  1928. color: #ffffff;}
  1929. .ts_icon:before, ts-icon:before {
  1930. color: white;
  1931. }
  1932. #unread_msgs_div .day_divider .day_divider_line {
  1933. border-top: 1px solid #3c3c3c;}
  1934. ts-message .action_hover_container .btn_msg_action {
  1935.  
  1936. background: #181818;}
  1937. .file_container.image_container .preview_actions.overflow_preview_actions {
  1938.  
  1939. border: .0625rem solid rgba(0, 0, 0, 0.1);
  1940. background: rgba(40, 40, 40, 0.9);}
  1941.  
  1942. .file_container.image_container .image_body {
  1943.  
  1944. background-color: #2c2c2c;
  1945. }
  1946. .file_container.image_container .preview_actions .btn {
  1947. background-color: rgba(0, 0, 0, 0.9);
  1948. }
  1949. .file_container.image_container .preview_actions.overflow_preview_actions {
  1950.  
  1951. background: rgba(0, 0, 0, 0.3);}
  1952. .light_theme ts-message .message_body {
  1953. display: block;
  1954. color: white;}
  1955. #fs_modal #fs_modal_header, #fs_modal #fs_modal_footer{
  1956. background:#232323;}
  1957. .c-icon{
  1958. color:#acacac;}
  1959. .ts_icon_happy_smile:before {
  1960. content: '\E119';
  1961. color: #5b5b5b !important;}
  1962.  
  1963. .c-icon {
  1964. color: #ffffff;}
  1965. .p-channel_sidebar__link--selected{
  1966. background: #2e2e2e !important;
  1967. }
  1968. ts-message .reply_bar:hover {
  1969. background: #3c3c3c;
  1970. border: 1px solid rgba(0, 0, 0, 1);
  1971. border-radius: 6px;}
  1972. .p-channel_sidebar__channel--selected, .p-channel_sidebar__channel--selected:hover, .p-channel_sidebar__link--selected, .p-channel_sidebar__link--selected:hover {
  1973. background: #343434; !important
  1974. }
  1975. .p-channel_sidebar__channel--unread:not(.p-channel_sidebar__channel--muted):not(.p-channel_sidebar__channel--selected) .p-channel_sidebar__name, .p-channel_sidebar__link--unread .p-channel_sidebar__name, .p-channel_sidebar__link--invites:not(.p-channel_sidebar__link--dim) .p-channel_sidebar__name{
  1976. padding-top:2px;}
  1977. #channel_browser #channel_list_container:not(.keyboard_active).not_scrolling .channel_browser_row:hover:not(.disabled), #channel_browser .channel_browser_row.highlighted {
  1978. background: #222222;
  1979. border: 1px solid #000000;}
  1980. #fs_modal .fs_modal_btn:hover {
  1981. color: #ffffff;
  1982. background: #222222;}
  1983. .c-message__label {
  1984. color: #34ffdc;}
  1985. .c-message--ephemeral, .c-message--sli_highlight_negative {
  1986. background: #232323;}
  1987. .c-dialog__body{
  1988. color:white !important}
  1989. .c-message--standalone {
  1990. border: 1px solid #666 !important;}
  1991. .c-dialog__content {
  1992. background: #333539!important;
  1993. color:white !important;}
  1994. .bottom_mark_all_read {
  1995.  
  1996. border-top: 1px solid #444;}
  1997. .c-unified_member--small .presence .presence_icon:before{
  1998. color:#5cf8ad;}
  1999. #details_tab .restricted_members_count{
  2000. color:white}
  2001. }
  2002. .presence_icon:before {
  2003.  
  2004. color: #31d940 !important;}
  2005. .ts_icon_presence:before {
  2006.  
  2007. color: #1fdf4e !important;}
  2008. .away>.ts_icon_presence:before {
  2009.  
  2010. color: #b0b0b0 !important;}
  2011. .modal-body {
  2012. -webkit-user-select: text;
  2013. -moz-user-select: text;
  2014. -ms-user-select: text;
  2015. user-select: text;
  2016. padding: 0 24px 10px;
  2017. margin-top: 10px;
  2018. color: white;
  2019. line-height: 26px;}
  2020. .dialog_cancel{
  2021. background:black !important;}
  2022. .channel_option_item:hover {
  2023. background: #1f1f1f;}
  2024. .channel_option_item:hover {
  2025. border-top: 1px solid #656565;}
  2026.  
  2027. .c-message_list__day_divider__label__pill{
  2028. font-size: 12px;
  2029. }
  2030. .c-card_carousel__btn {
  2031. background: #000;}
  2032. .p-app_profile_flexpane_header__button{
  2033. color:white !important}
  2034. channel_invite_tokens input {
  2035. background: transparent !important}
  2036. #channel_invite_tokens #channel_invite_filter:first-child {
  2037.  
  2038. background: transparent;}
  2039. .c-message_kit__gutter__right{
  2040. color:white}
  2041. .p-starred_item {
  2042. border-bottom: 1px solid #464646;}
  2043. .c-small_mpim_entity__count{
  2044. background-color: #7ab210;
  2045. color: #fff;
  2046. }
  2047. .c-base_list_entity--small:hover, .c-base_list_entity--small:hover:hover {
  2048. color: #fff;
  2049. background-color: transparent !important;}
  2050. .c-search_autocomplete__suggestion_item:hover {
  2051. background: #33414a;}
  2052. .ts_icon_arrow_large_left:before {
  2053. color: black !important;}
  2054. .ts_icon_arrow_large_right:before {
  2055. color: black !important;}
  2056. .c-message__broadcast_preamble_link {
  2057. font-weight: 500 !important;
  2058. margin-right: 4px;
  2059. margin-left: 4px;
  2060. color: #5cfff4 !important;
  2061. }
  2062. .c-message_attachment__author_name{
  2063.  
  2064. color:white;
  2065. }
  2066. .supports_custom_scrollbar:not(.slim_scrollbar) .channel_modal_with_list .channel_modal_list::-webkit-scrollbar-track {
  2067. background: #505050;}
  2068. .supports_custom_scrollbar:not(.slim_scrollbar) .channel_modal_with_list .channel_modal_list::-webkit-scrollbar-thumb, .supports_custom_scrollbar:not(.slim_scrollbar) .channel_modal_with_list .channel_modal_list::-webkit-scrollbar-track{
  2069. background: #505050;
  2070. }
  2071. .pinned_message_file .file_container {
  2072. min-width: 192px;
  2073. background: #1b1b1b;}
  2074. .cm-s-default .cm-def {
  2075. color: #86efbc;}
  2076. .cm-s-default .cm-string {
  2077. color: #faff83;}
  2078. .cm-s-default .cm-keyword {
  2079. color: #ffa9c3;}
  2080. .cm-s-default .cm-variable-2 {
  2081. color: #8bb1ff;
  2082. }
  2083. .cm-s-default .cm-comment {
  2084. color: #7a7a7a;
  2085. }
  2086. .cm-s-default .cm-string-2 {
  2087. color: #ffa081;
  2088. }
  2089. .c-file__actions--overflow{
  2090. background: transparent !important}
  2091. .c-icon--small-reaction:before {
  2092. content: "\E170";
  2093. color: #939393;}
  2094. #messages_container {
  2095. overflow-y: hidden;
  2096. background: transparent;}
  2097. .p-message_pane__search_tip_banner_content{
  2098. background-color: #343434 !important;
  2099. border: 1px solid #000 !important;
  2100. color: white !important;}
  2101. #search_container.is-highlighted .search_form {
  2102. background-color: #000000;}
  2103. .menu.submenu.submenu_help{
  2104. background: #3a3a3a;}
  2105. .c-search_message__reactions{
  2106. color: #b4b4b4;}
  2107. .supports_custom_scrollbar:not(.slim_scrollbar) #unread_msgs_scroller_div::-webkit-scrollbar-track {
  2108. background: #3d3d3d;
  2109. box-shadow:none !important}
  2110. .supports_custom_scrollbar:not(.slim_scrollbar) .flex_content_scroller::-webkit-scrollbar-track {
  2111. background: #4f4f4f !important;
  2112. box-shadow:none !important}
  2113. .supports_custom_scrollbar:not(.slim_scrollbar) .flex_content_scroller::-webkit-scrollbar-thumb{
  2114. box-shadow:none !important}
  2115. .supports_custom_scrollbar:not(.slim_scrollbar) #unread_msgs_scroller_div::-webkit-scrollbar-thumb {
  2116. background: rgba(29,28,29,.52);
  2117. box-shadow: none !important;}
  2118. .supports_custom_scrollbar #flex_contents .subheading:not(:empty){
  2119. width:100% !important}
  2120. ts-message .internal_member_link:hover {
  2121. color: #ffffff !important;
  2122. background: #7b3ac2;}
  2123. .c-message_attachment__pretext {
  2124. color: #ffffff;
  2125. }
  2126. .c-app_badge, .c-app_label {
  2127. border-radius: 2px;
  2128. font-size: 11px;
  2129. padding: 1px 3px;
  2130. color: rgba(255, 255, 255, 1) !important;
  2131. background-color: rgb(142, 60, 245);
  2132. display: inline-block;
  2133. height: 14px;
  2134. line-height: 1.25;
  2135. font-weight: 700;
  2136. vertical-align: .125rem;}
  2137. .c-pillow_file__post__content code,
  2138. .c-pillow_file__post__content pre,
  2139. .c-pillow_file__post__content ul.checklist {
  2140. background: black;
  2141. }
  2142. span.c-message__body, a.c-message__sender_link, span.c-message_attachment__media_trigger.c-message_attachment__media_trigger--caption, div.p-message_pane__foreword__description span {
  2143. color: white;
  2144. font-size: 14.6px;
  2145. letter-spacing: -0.3px !important;}
  2146. .p-workspace--classic-nav .p-workspace__primary_view_footer {
  2147. background: #222222 !important;}
  2148. .p-workspace__input .p-message_input_field {
  2149. background: #474747;
  2150. border-radius: 4px;
  2151. border-width: 1px;
  2152. border-color: #000000;
  2153. min-height: 42px;
  2154. min-width: 1px;
  2155. padding-left: 10px;
  2156. padding-top: 0;
  2157. padding-bottom: 8px;
  2158. flex: 1;
  2159. padding-left: 43px;
  2160. z-index: 200;
  2161. color: white;}
  2162. .c-member_slug--link{
  2163. font-size:14.6px !important}
  2164. .c-texty_autocomplete {
  2165. background: #000;}
  2166. .c-texty_autocomplete__help {
  2167. background: #222222;}
  2168. .p-classic_nav__drag {
  2169. -webkit-app-region: drag;
  2170. background: #222222;
  2171. color:white}
  2172. .p-message_pane .c-message_list.c-virtual_list--scrollbar>.c-scrollbar__hider:before, .p-message_pane .c-message_list:not(.c-virtual_list--scrollbar):before{
  2173. background:transparent !important}
  2174. .p-classic_nav__model__title__info__members, .p-classic_nav__model__title__info__pins, .p-classic_nav__model__title__info__presence {
  2175. display: flex;
  2176. align-items: baseline;
  2177. color: white;}
  2178. .p-classic_nav__model__title__info__topic__text {
  2179. position: relative;
  2180. display: block;
  2181. text-overflow: ellipsis;
  2182. overflow: hidden;
  2183. white-space: nowrap;
  2184. color: white;}
  2185. .p-classic_nav__model__title__info__topic--focus-within .p-classic_nav__model__title__info__topic__text:before, .p-classic_nav__model__title__info__topic:hover .p-classic_nav__model__title__info__topic__text:before{
  2186. background: #494949 !important;}
  2187. .p-classic_nav__model__title__info__topic:hover .p-classic_nav__model__title__info__topic__edit, .p-classic_nav__model__title__info__topic__edit.c-button--focus-visible {
  2188. display: block;
  2189. color: #ffb99c !important;}
  2190. .p-classic_nav__right__search {
  2191. flex: 1;
  2192. display: flex;
  2193. align-items: center;
  2194. min-width: 0;
  2195. cursor: pointer;
  2196. border: 1px solid rgb(113, 113, 113) !important;}
  2197. .p-classic_nav__right__search:hover .p-classic_nav__right__search__icon {
  2198. color: #ffffff;}
  2199. .p-classic_nav__right__search:hover .p-classic_nav__right__search__placeholder {
  2200. color: #ffffff !important}
  2201. .p-classic_nav__right__search__placeholder {
  2202. color: #858585;}
  2203. p-classic_nav__right__search:hover {
  2204. border-color: rgba(255, 255, 255, 0.7) !important;}
  2205. .p-channel_details_section__title-content{
  2206. color:white !important}
  2207. .c-member_name {
  2208. margin-right: 4px;
  2209. color: white; !important}
  2210. .c-message_kit__pillow {
  2211. background: #000;}
  2212. .p-highlights_section__group_title_label {
  2213. margin-top: 16px;
  2214. position: relative;
  2215. padding: 0 12px;
  2216. background-color: #222222;
  2217. display: inline-block;
  2218. color: white;}
  2219. .p-highlights_section__group_title_line {
  2220. height: 0;
  2221. position: absolute;
  2222. top: 50%;
  2223. width: 100%;
  2224. border-top: 1px solid #535353;}
  2225. .c-message_kit__replies_count {
  2226. display: flex;
  2227. align-items: center;
  2228. font-size: 13px;
  2229. color: #ffffff !important;}
  2230. .p-workspace__secondary_view {
  2231. grid-area: p-workspace__secondary_view;
  2232. display: grid;
  2233. grid-template-columns: auto;
  2234. grid-template-rows: 44px auto;
  2235. grid-template-areas: "p-workspace__secondary_view_header" "p-workspace__secondary_view_contents";
  2236. overflow: hidden;
  2237. border-left: 1px solid rgb(56, 56, 56) !important;}
  2238. p-search_filter__from_name, .p-search_filter__in_channel, .p-search_filter__in_channel .c-channel_name__team_name, .p-search_filter__in_channel .c-channel_name__text, .p-search_filter__in_member {
  2239. white-space: nowrap;
  2240. overflow-x: hidden;
  2241. text-overflow: ellipsis;
  2242. color: #ffabab !important;}
  2243. .c-message--adjacent:hover .c-message__gutter {
  2244. opacity: 1;
  2245. position:relative;
  2246. top: -6px !important;}
  2247. .c-basic_unified_entity__lable{
  2248. color:white !important}
  2249. .c-message_kit__inline_channel_context {
  2250. color: #fba2ac;}
  2251. .p-search_filter__from_name, .p-search_filter__in_channel, .p-search_filter__in_channel .c-channel_name__team_name, .p-search_filter__in_channel .c-channel_name__text, .p-search_filter__in_member {
  2252. white-space: nowrap;
  2253. overflow-x: hidden;
  2254. text-overflow: ellipsis;
  2255. color: white;}
  2256. .sk_dark_gray, .sk_dark_grey {
  2257. color: #c186ea;}
  2258. .p-team_sidebar__unread_dot {
  2259. background:#ff8960 !important;
  2260. }
  2261. .p-activity_flexpane__item_gutter {
  2262. padding: 16px 16px 20px 16px;
  2263. border-bottom: 1px solid black;}
  2264. .p-classic_nav__team_header {
  2265. background: #222222 !important;}
  2266. .p-channel_sidebar {
  2267. background: #222222 !important;}
  2268. .c-mrkdwn__broadcast--mention{
  2269. background: #9651f9 !important;
  2270. color:white !important;
  2271. display: inline-block;
  2272. height: 20px;
  2273. line-height: 16px;
  2274. }
  2275. .c-mrkdwn__broadcast--mention:hover{
  2276. background:#ec51f9;
  2277. color:white !important}
  2278. .p-flexpane__body--empty {
  2279. align-items: center;
  2280. background-color: #141414 . !important;
  2281. display: flex;
  2282. flex-flow: column;
  2283. justify-content: center;
  2284. padding: 0 24px;
  2285. text-align: center;
  2286. color: white !important;}
  2287.  
  2288. .p-pinned_items__empty_list .p-pinned_items__empty_list_action {
  2289. color: #ffb672 !important;}
  2290. .p-channel_details_section {
  2291. display: flex;
  2292. flex-direction: column;
  2293. justify-content: center;
  2294. border-bottom: 1px solid rgb(51, 51, 51) !important;}
  2295. .p-channel_details__dm_section__tz_section {
  2296. padding: 12px 16px;
  2297. border-bottom: 1px solid rgba(29,28,29,.13);
  2298. color: white;}
  2299. .p-channel_details__dm_section__tz_label {
  2300. color: rgba(255, 255, 255, 0.7);}
  2301. .p-member_profile_card {
  2302. box-shadow: 0 0 0 1px rgba(0,0,0,.08), 0 4px 12px 0 rgba(0,0,0,.08);
  2303. background: #333;}
  2304. .p-member_profile_field__label {
  2305. font-size: 13px;
  2306. color: rgb(255, 255, 255);}
  2307. .p-member_profile_field__value{
  2308. color:white}
  2309. .p-member_profile_name__subtitle{
  2310. color:white}
  2311. .p-member_profile_field__value{
  2312. color:white}
  2313. .p-member_profile_name__title {
  2314. font-size: 22px;
  2315. line-height: 1.36365;
  2316. font-weight: 900;
  2317. color: white;}
  2318. .p-workspace--classic-nav .p-workspace__primary_view {
  2319. grid-template-areas: "p-workspace__primary_view_contents";
  2320. grid-template-rows: auto;
  2321. }
  2322. .p-member_profile_field {
  2323. display: flex;
  2324. padding: 0 16px 12px 16px;
  2325. border-bottom: 1px solid #333333;}
  2326. .p-classic_nav__model__title__name--dim{
  2327. color: rgba(144, 144, 144, 0.7) !important;}
  2328. .p-team_sidebar__icon--active, .p-team_sidebar__icon--active:hover {
  2329. box-shadow: 0 0 0 3px rgb(14,14,14), 0 0 0 6px #31dad2 !important;}
  2330. .p-message_pane .c-message_list.c-virtual_list--scrollbar>.c-scrollbar__hider:before, .p-message_pane .c-message_list:not(.c-virtual_list--scrollbar):before{
  2331. box-shadow:none !important}
  2332. .c-team_icon--default {
  2333. flex-shrink: 0;
  2334. background-color: #383c4a !important;}
  2335. .p-channel_create_modal__label_title strong {
  2336. color: #ffffff !important;}
  2337. .p-invite_users_input__label_title strong {
  2338. color: #ffffff !important;}
  2339. .p-channel_create_modal__input_subtext {
  2340. padding-top: 4px;
  2341. font-size: 13px;
  2342. line-height: 1.38463;
  2343. font-weight: 400;
  2344. color: rgb(187, 187, 187);}
  2345. .p-channel_create_modal, .p-channel_create_modal__label_title, .p-channel_create_modal__private_toggle_copy_body, .p-channel_create_modal__private_toggle_copy_title, .p-channel_create_modal__share, .p-channel_name_input__label_title, .p-invite_users_input__label_title {
  2346. font-size: 15px;
  2347. line-height: 1.46668;
  2348. font-weight: 400;
  2349. color: white !important;
  2350. }
  2351. .c-multi_select_input {
  2352. position: relative;
  2353. border-radius: 4px;
  2354. border: 1px solid #868686;
  2355. transition: border 80ms ease-out,box-shadow 80ms ease-out;
  2356. overflow: hidden;
  2357. min-height: 36px;
  2358. background-color: #222222 !important;}
  2359. .p-invite_users_input__input_subtext {
  2360. padding-top: 4px;
  2361. font-size: 13px;
  2362. line-height: 1.38463;
  2363. font-weight: 400;
  2364. color: rgb(255, 255, 255) !important;}
  2365. .p-dm_browser_modal__list_heading {
  2366. font-size: 13px;
  2367. line-height: 1.38463;
  2368. font-weight: 400;
  2369. color: rgb(255, 255, 255) !important;}
  2370. .c-base_entity__metadata, .c-base_entity__subtext {
  2371. display: block;
  2372. text-overflow: ellipsis;
  2373. overflow: hidden;
  2374. white-space: nowrap;
  2375. color: rgb(255, 255, 255) !important; }
  2376. .p-dm_browser_modal__list_row_meta {
  2377. font-size: 13px;
  2378. line-height: 1.38463;
  2379. font-weight: 400;
  2380. color: rgb(255, 255, 255) !important;}
  2381. .p-channel_create_modal__share {
  2382. position: absolute;
  2383. top: 20px;
  2384. left: 40px;
  2385. color: rgba(29,28,29,.7);
  2386. background-color: #000 !important;}
  2387. .c-alert--boxed {
  2388. color: #ffffff !important;}
  2389. .p-dm_browser_modal__controls_meta {
  2390. font-size: 13px;
  2391. line-height: 1.38463;
  2392. font-weight: 400;
  2393. color: rgba(255, 255, 255, 0.7) !important;}
  2394. .p-classic_nav__right__search:hover .p-classic_nav__right__search__text {
  2395. color: #96fff2 !important;}
  2396. .p-apps_browser_links__link {
  2397. margin-right: 24px;
  2398. color: #ffffff !important;}
  2399. .p-channel_details__subtitle {
  2400. color: #f9a1b8 !important;}
  2401. .p-channel_details__notification_prefs_section__pref, .p-channel_details__notification_prefs_section__pref_label {
  2402. display: block;
  2403. padding-bottom: 8px;
  2404. color: #a6a6a6 !important;
  2405. }
  2406. .c-message__editor__input {
  2407. background: #222222 !important; }
  2408. .p-classic_nav__channel_header, .p-classic_nav__right_header {
  2409. box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.1);
  2410. background: #222222 !important;
  2411. }
  2412. .p-classic_nav__channel_header__subtitle {
  2413. font-size: 13px;
  2414. line-height: 1.38463;
  2415. font-weight: 400;
  2416. color: rgba(255, 255, 255, 0.7) !important;}
  2417. .p-channel_name_input__label_title strong {
  2418. color: #ffffff !important;}
  2419. .p-unreads_view__empty {
  2420.  
  2421. background: #2e2e2e;
  2422. color: white;}
  2423. .c-token {
  2424. align-items: center;
  2425. background: #000000 !important;}
  2426. c-search_autocomplete__query_parts .token:hover{
  2427. color:black !important}
  2428. .p-classic_nav__model__title__name {
  2429. font-size: 18px;
  2430. line-height: 1.33334;
  2431. font-weight: 900;
  2432. display: inline-flex;
  2433. max-width: 100%;
  2434. align-items: baseline;
  2435. color: white !important;}
  2436. .p-classic_nav__model__title {
  2437. flex: 1;
  2438. min-width: 0;
  2439. color: white !important;}
  2440. .p-classic_nav__model__title__name__button {
  2441. display: block;
  2442. text-overflow: ellipsis;
  2443. overflow: hidden;
  2444. white-space: nowrap;
  2445. color: white !important;
  2446. }
  2447. .p-channel_details__shared_files__empty {
  2448. color: rgba(255, 255, 255, 0.7)!important;}
  2449. .p-classic_nav__team_menu__blurb__name, .p-classic_nav__team_menu__blurb__sub {
  2450. display: block;
  2451. text-overflow: ellipsis;
  2452. overflow: hidden;
  2453. white-space: nowrap;
  2454. color: white !important;}
  2455. .p-classic_nav__team_menu__blurb__sub {
  2456. color: rgb(247, 183, 150) !important;}
  2457. .p-classic_nav__team_messages_progress_bar_text{
  2458. fill: white !important}
  2459. .c-select_options_list__wrapper {
  2460. background-color: #4f4e4e !important; }
  2461. .c-select_options_list__option {
  2462. font-size: 15px;
  2463. line-height: 1.46668;
  2464. font-weight: 400;
  2465. display: flex;
  2466. align-items: center;
  2467. color: #ffffff !important;}
  2468. .c-select_options_list__option--selected {
  2469. color: #1bf7ff !important;}
  2470. .c-basic-select{
  2471. margin-right:10px }
  2472. .p-channel_browser_list_item {
  2473. display: flex;
  2474. min-height: 64px;
  2475. margin: 0 1px;
  2476. box-shadow: 0 -1px 0 0 #494848 !important;}
  2477. .p-message_pane_input__preview {
  2478. padding: 24px 30px;
  2479. background-color: #222222 !important;}
  2480. .p-message_pane_input__preview_metadata {
  2481. color: rgba(255, 255, 255, 0.7) !important;}
  2482. .c-base_inline_entity__primary_content {
  2483. display: inline;
  2484. white-space: pre-wrap;
  2485. overflow-wrap: break-word;
  2486. color: #5ff2ff !important;}
  2487. .p-message_pane_input__preview_subtitle {
  2488. font-size: 18px;
  2489. line-height: 1.33334;
  2490. font-weight: 900;
  2491. font-weight: 400;
  2492. color: #ffffff !important;}
  2493.  
  2494. .c-texty_autocomplete__result{
  2495. color:white !important}
  2496. .overflow_ellipsis{
  2497. color:white !important}
  2498. .p-classic_nav__team_header{
  2499. border-right: 1px solid #404040 !important;
  2500. }
  2501. .c-texty_autocomplete__result_highlight{
  2502. background:#222222 !important}
  2503. .p-message_pane .p-message_pane__top_banners:not(:empty)+div .c-message_list.c-virtual_list--scrollbar>.c-scrollbar__hider:before, .p-message_pane .p-message_pane__top_banners:not(:empty)+div .c-message_list:not(.c-virtual_list--scrollbar):before {
  2504. box-shadow: 0 32px #fff;
  2505. border-bottom: none !important;}
  2506. .p-unreads_view__header {
  2507. background: #373737;
  2508. color: white;}
  2509. .p-threads_flexpane__separator_count {
  2510. margin-right: 12px;
  2511. color: #a0a0a0;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement