Advertisement
Guest User

slackblackandgrey

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