Advertisement
Guest User

Untitled

a guest
Jul 20th, 2019
332
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 258.86 KB | None | 0 0
  1. body {
  2. background: #222 !important;
  3. color: #a1a1a1 !important;
  4. }
  5.  
  6. a {
  7. color: #949494 !important;
  8. }
  9.  
  10. a:link, a:visited {
  11. color: #949494 !important;
  12. }
  13.  
  14. a:hover, a:active, a:focus {
  15. color: #c7c7c7 !important;
  16. }
  17.  
  18. hr {
  19. border-bottom: 1px solid #424242 !important;
  20. border-top: 1px solid #222 !important;
  21. }
  22.  
  23. h1, h2, h3, h4 {
  24. color: #a1a1a1 !important;
  25. }
  26.  
  27. h1 a {
  28. color: #a1a1a1 !important;
  29. }
  30.  
  31. h1 a:active, h1 a:hover, h1 a:link, h1 a:visited {
  32. color: #a1a1a1 !important;
  33. }
  34.  
  35. .bordered {
  36. border: 1px solid #363636 !important;
  37. }
  38.  
  39. .top_border {
  40. border-top: 1px solid #363636 !important;
  41. }
  42.  
  43. .bottom_border {
  44. border-bottom: 1px solid #363636 !important;
  45. }
  46.  
  47. .left_border {
  48. border-left: 1px solid #363636 !important;
  49. }
  50.  
  51. .right_border {
  52. border-right: 1px solid #363636 !important;
  53. }
  54.  
  55. .bullet {
  56. color: #949494 !important;
  57. }
  58.  
  59. .alert {
  60. background-color: #363636 !important;
  61. border-color: #000 !important;
  62. color: #a1a1a1 !important;
  63. text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5) !important;
  64. }
  65.  
  66. .alert h4 {
  67. color: #a1a1a1 !important;
  68. }
  69.  
  70. .alert-info {
  71. background-color: #363636 !important;
  72. border-color: #000 !important;
  73. color: #a1a1a1 !important;
  74. }
  75.  
  76. .alert-info h4 {
  77. color: #a1a1a1 !important;
  78. }
  79.  
  80. ::-webkit-scrollbar-track {
  81. background: #363636 !important;
  82. border-left-color: #363636 !important;
  83. border-right-color: #363636 !important;
  84. color: #363636 !important;
  85. }
  86.  
  87. ::-webkit-scrollbar-thumb {
  88. background: #545454 !important;
  89. border-left-color: #363636 !important;
  90. border-right-color: #363636 !important;
  91. color: #222 !important;
  92. }
  93.  
  94. ::-webkit-scrollbar-corner {
  95. background: #222 !important;
  96. }
  97.  
  98. .supports_custom_scrollbar #messages_container::after {
  99. background: none !important;
  100. }
  101.  
  102. .monkey_scroll_bar {
  103. background: #424242 !important;
  104. }
  105.  
  106. .monkey_scroll_handle_inner {
  107. background: #545454 !important;
  108. border: 1px solid #828282 !important;
  109. }
  110.  
  111. .monkey_scroll_bar_native_scrollbar_shim {
  112. background: transparent !important;
  113. }
  114.  
  115. #client-ui .monkey_scroll_bar {
  116. background: #424242 !important;
  117. }
  118.  
  119. #client-ui .monkey_scroll_handle_inner {
  120. background: #545454 !important;
  121. border: 3px solid #222 !important;
  122. }
  123.  
  124. .c-scrollbar--monkey .c-scrollbar__track {
  125. background: #424242 !important;
  126. }
  127.  
  128. .c-scrollbar--monkey .c-scrollbar__bar {
  129. background: #545454 !important;
  130. box-shadow: 0 3px 0 #222, 0 -3px 0 #222 !important;
  131. }
  132.  
  133. .client_channels_list_container {
  134. background-color: #363636 !important;
  135. border-right-color: #222 !important;
  136. }
  137.  
  138. #col_channels {
  139. color: #a1a1a1 !important;
  140. }
  141.  
  142. .p-channel_sidebar {
  143. background-color: #363636 !important;
  144. color: #a1a1a1 !important;
  145. }
  146.  
  147. .p-channel_sidebar__channel, .p-channel_sidebar__channel:link, .p-channel_sidebar__channel:visited, .p-channel_sidebar__channel:hover, .p-channel_sidebar__link, .p-channel_sidebar__link:link, .p-channel_sidebar__link:visited, .p-channel_sidebar__link:hover {
  148. color: rgba(230, 230, 230, 0.8) !important;
  149. }
  150.  
  151. .p-channel_sidebar__channel--selected, .p-channel_sidebar__channel--selected:link, .p-channel_sidebar__channel--selected:visited, .p-channel_sidebar__channel--selected:hover, .p-channel_sidebar__link--selected, .p-channel_sidebar__link--selected:link, .p-channel_sidebar__link--selected:visited, .p-channel_sidebar__link--selected:hover {
  152. color: #a1a1a1 !important;
  153. }
  154.  
  155. .p-channel_sidebar__channel:hover, .p-channel_sidebar__link:hover {
  156. background: #222 !important;
  157. }
  158.  
  159. .p-channel_sidebar__header {
  160. color: #a1a1a1 !important;
  161. }
  162.  
  163. .p-channel_sidebar__channel--im.p-channel_sidebar__channel--selected .c-presence, .p-channel_sidebar__channel--im-slackbot.p-channel_sidebar__channel--selected::before {
  164. color: #a1a1a1 !important;
  165. }
  166.  
  167. .p-channel_sidebar__channel--im .c-presence--away {
  168. color: #949494 !important;
  169. }
  170.  
  171. .p-channel_sidebar__channel--selected, .p-channel_sidebar__link--selected {
  172. background: #545454 !important;
  173. }
  174.  
  175. .p-channel_sidebar__channel--selected:hover, .p-channel_sidebar__link--selected:hover {
  176. background: #545454 !important;
  177. }
  178.  
  179. .p-channel_sidebar__channel--selected::before, .p-channel_sidebar__channel--selected:hover::before, .p-channel_sidebar__channel--selected::after, .p-channel_sidebar__channel--selected:hover::after {
  180. color: #a1a1a1 !important;
  181. }
  182.  
  183. .p-channel_sidebar__link--selected::before, .p-channel_sidebar__link--selected::after {
  184. color: #a1a1a1 !important;
  185. }
  186.  
  187. .p-channel_sidebar__badge, .p-channel_sidebar__banner--mentions {
  188. background: #bf360c !important;
  189. }
  190.  
  191. .p-channel_sidebar .c-custom_scrollbar__thumb_vertical, .p-channel_sidebar .c-scrollbar__bar {
  192. background: #545454 !important;
  193. }
  194.  
  195. .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, .p-channel_sidebar__section_heading_label--clickable:hover, .p-channel_sidebar__quickswitcher:hover {
  196. color: whitesmoke !important;
  197. }
  198.  
  199. .p-channel_sidebar__close_container:hover {
  200. background: #000 !important;
  201. }
  202.  
  203. .channels_list_holder h2 {
  204. color: #a1a1a1 !important;
  205. }
  206.  
  207. .channels_list_holder h2.hoverable:not(.jquery_hover):hover {
  208. color: #a1a1a1 !important;
  209. opacity: 0.8 !important;
  210. }
  211.  
  212. .channels_list_holder ul {
  213. color: #a1a1a1 !important;
  214. }
  215.  
  216. .channels_list_holder ul li {
  217. text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) !important;
  218. }
  219.  
  220. .channels_list_holder ul li .channel_name, .channels_list_holder ul li .group_name, .channels_list_holder ul li .im_name, .channels_list_holder ul li .mpim_name, .channels_list_holder ul li > a {
  221. background: #363636 !important;
  222. color: rgba(230, 230, 230, 0.8) !important;
  223. }
  224.  
  225. .channels_list_holder ul li .channel_name:hover, .channels_list_holder ul li .group_name:hover, .channels_list_holder ul li .im_name:hover, .channels_list_holder ul li .mpim_name:hover, .channels_list_holder ul li > a:hover {
  226. background: #222 !important;
  227. border-bottom-right-radius: 0.25rem !important;
  228. border-top-right-radius: 0.25rem !important;
  229. }
  230.  
  231. .channels_list_holder ul li .primary_action.im_name:hover .im_name_background, .channels_list_holder ul li .primary_action.feature_user_custom_status:hover .im_name_background, .channels_list_holder ul li .primary_action:not(.feature_user_custom_status):hover {
  232. background: #222 !important;
  233. }
  234.  
  235. .channels_list_holder ul li.mention a {
  236. color: #a1a1a1 !important;
  237. }
  238.  
  239. .channels_list_holder ul li.unread:not(.muted_channel) .primary_action {
  240. color: whitesmoke !important;
  241. }
  242.  
  243. .channels_list_holder ul li.unread .prefix {
  244. color: #a1a1a1 !important;
  245. opacity: 1 !important;
  246. }
  247.  
  248. .channels_list_holder .group_close, .channels_list_holder .im_close, .channels_list_holder .mpim_close {
  249. color: #949494 !important;
  250. }
  251.  
  252. .channels_list_holder .unread_highlights {
  253. background: #bf360c !important;
  254. color: #a1a1a1 !important;
  255. text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15) !important;
  256. }
  257.  
  258. .channels_list_holder .unread_msgs {
  259. background: #222 !important;
  260. color: #a1a1a1 !important;
  261. }
  262.  
  263. #channel_list_invites_link {
  264. border-bottom: 1px dotted #949494 !important;
  265. color: #949494 !important;
  266. font-size: 0.9rem !important;
  267. }
  268.  
  269. #channel_list_invites_link:hover {
  270. border-bottom: 1px solid #949494 !important;
  271. }
  272.  
  273. #quick_switcher_btn {
  274. background: #363636 !important;
  275. border-top: 2px solid #363636 !important;
  276. }
  277.  
  278. #quick_switcher_btn > i {
  279. color: #949494 !important;
  280. }
  281.  
  282. #quick_switcher_btn:active, #quick_switcher_btn:hover {
  283. background: #222 !important;
  284. border-color: #222 !important;
  285. }
  286.  
  287. #quick_switcher_btn:active > i, #quick_switcher_btn:hover > i {
  288. color: #949494 !important;
  289. }
  290.  
  291. #quick_switcher_btn:active #quick_switcher_label, #quick_switcher_btn:hover #quick_switcher_label {
  292. color: #949494 !important;
  293. }
  294.  
  295. #quick_switcher_label {
  296. color: #949494 !important;
  297. }
  298.  
  299. .loading #loading-zone {
  300. background: #222 !important;
  301. }
  302.  
  303. #loading_welcome {
  304. background-image: none !important;
  305. }
  306.  
  307. #loading_message p {
  308. color: #a1a1a1 !important;
  309. }
  310.  
  311. #loading_message #loading_message_attribution {
  312. color: #949494 !important;
  313. }
  314.  
  315. #loading_team_menu_bg, #loading_user_menu_bg {
  316. background: #222 !important;
  317. border: none !important;
  318. }
  319.  
  320. .LoadingScreen {
  321. background-color: #000 !important;
  322. }
  323.  
  324. .LoadingScreen-primaryText {
  325. color: #a1a1a1 !important;
  326. }
  327.  
  328. .LoadingScreen-secondaryText {
  329. color: #a1a1a1 !important;
  330. }
  331.  
  332. .LoadingScreen-link {
  333. color: #949494 !important;
  334. }
  335.  
  336. .p-degraded_list__loading {
  337. background-color: #222 !important;
  338. }
  339.  
  340. .infinite_spinner_bg, .infinite_spinner_blue {
  341. stroke: #a1a1a1 !important;
  342. }
  343.  
  344. body.loading #team_menu, body.loading #quick_switcher_btn, body.loading #team_menu_overlay, body.loading #col_channels_overlay, body.loading #col_channels {
  345. background-color: #363636 !important;
  346. }
  347.  
  348. 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] {
  349. background-color: #545454 !important;
  350. border-color: #000 !important;
  351. color: #a1a1a1 !important;
  352. }
  353.  
  354. 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 {
  355. border-color: rgba(54, 54, 54, 0.8) !important;
  356. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(130, 130, 130, 0.6) !important;
  357. }
  358.  
  359. input[type=file]:focus {
  360. outline: #a1a1a1 dotted thin !important;
  361. }
  362.  
  363. input[type=radio]:focus, input[type=checkbox]:focus {
  364. outline: #a1a1a1 dotted thin !important;
  365. }
  366.  
  367. select {
  368. background: #545454 !important;
  369. }
  370.  
  371. select, textarea {
  372. border: 1px solid #000 !important;
  373. color: #a1a1a1 !important;
  374. }
  375.  
  376. select:active, select:focus, textarea:active, textarea:focus {
  377. border-color: #363636 !important;
  378. box-shadow: 0 0 7px rgba(130, 130, 130, 0.15) !important;
  379. }
  380.  
  381. input:disabled, input:disabled:active, select:disabled, textarea:disabled {
  382. border-color: #424242 !important;
  383. }
  384.  
  385. .no_touch input:hover, .no_touch select:hover, .no_touch textarea:hover {
  386. border-color: #363636 !important;
  387. }
  388.  
  389. .no_touch label.select:hover select {
  390. border-color: #363636 !important;
  391. }
  392.  
  393. .no_touch label.select:not(.disabled):hover::after {
  394. color: #363636 !important;
  395. }
  396.  
  397. label.disabled {
  398. color: #a1a1a1 !important;
  399. }
  400.  
  401. legend {
  402. border-bottom: 1px solid #828282 !important;
  403. }
  404.  
  405. legend small {
  406. color: #949494 !important;
  407. }
  408.  
  409. .uneditable-input, .uneditable-textarea {
  410. background-color: #424242 !important;
  411. border: 1px solid #000 !important;
  412. color: #a1a1a1 !important;
  413. }
  414.  
  415. .uneditable-input:focus, .uneditable-textarea:focus {
  416. border-color: rgba(130, 130, 130, 0.8) !important;
  417. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(130, 130, 130, 0.6) !important;
  418. }
  419.  
  420. textarea {
  421. background-color: #545454 !important;
  422. border: 1px solid #000 !important;
  423. color: #a1a1a1 !important;
  424. }
  425.  
  426. textarea:focus {
  427. border-color: rgba(130, 130, 130, 0.8) !important;
  428. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(130, 130, 130, 0.6) !important;
  429. }
  430.  
  431. ::-webkit-input-placeholder {
  432. color: #a1a1a1 !important;
  433. -webkit-filter: none !important;
  434. filter: none !important;
  435. opacity: 0.5 !important;
  436. }
  437.  
  438. ::-moz-placeholder {
  439. color: #a1a1a1 !important;
  440. filter: none !important;
  441. opacity: 0.5 !important;
  442. }
  443.  
  444. ::placeholder {
  445. color: #a1a1a1 !important;
  446. filter: none !important;
  447. opacity: 0.5 !important;
  448. }
  449.  
  450. [data-placeholder]:empty::before {
  451. color: #a1a1a1 !important;
  452. }
  453.  
  454. input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  455. color: #a1a1a1 !important;
  456. -webkit-filter: none !important;
  457. filter: none !important;
  458. opacity: 0.5 !important;
  459. }
  460.  
  461. input::-moz-placeholder, textarea::-moz-placeholder {
  462. color: #a1a1a1 !important;
  463. filter: none !important;
  464. opacity: 0.5 !important;
  465. }
  466.  
  467. input::placeholder, textarea::placeholder {
  468. color: #a1a1a1 !important;
  469. filter: none !important;
  470. opacity: 0.5 !important;
  471. }
  472.  
  473. input[data-placeholder]:empty::before, textarea[data-placeholder]:empty::before {
  474. color: #a1a1a1 !important;
  475. }
  476.  
  477. input[disabled], input[readonly], textarea[disabled], textarea[readonly] {
  478. background-color: #545454 !important;
  479. }
  480.  
  481. .form-actions {
  482. background-color: #424242 !important;
  483. border-top: 1px solid #363636 !important;
  484. }
  485.  
  486. .help-block, .help-inline {
  487. color: #949494 !important;
  488. }
  489.  
  490. .input-append .add-on, .input-prepend .add-on {
  491. background-color: #828282 !important;
  492. border: 1px solid #545454 !important;
  493. text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15) !important;
  494. }
  495.  
  496. .btn {
  497. background-color: #545454 !important;
  498. color: #a1a1a1 !important;
  499. text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) !important;
  500. }
  501.  
  502. .btn.hover, .btn:focus, .btn:hover, .btn.active, .btn:active {
  503. background-color: #545454 !important;
  504. color: #a1a1a1 !important;
  505. }
  506.  
  507. .btn.btn_border {
  508. border: 2px solid #424242 !important;
  509. }
  510.  
  511. .btn.disabled, .btn:disabled {
  512. background-color: #000 !important;
  513. }
  514.  
  515. .btn.disabled:active, .btn.disabled:hover, .btn:disabled:active, .btn:disabled:hover {
  516. background-color: #000 !important;
  517. }
  518.  
  519. .btn.btn_outline.btn_danger, .btn.btn_outline.btn_warning {
  520. background-color: #bf360c !important;
  521. color: #a1a1a1 !important;
  522. }
  523.  
  524. .btn.btn_outline.btn_danger:focus, .btn.btn_outline.btn_danger:hover, .btn.btn_outline.btn_warning:focus, .btn.btn_outline.btn_warning:hover {
  525. background-color: #222 !important;
  526. border-color: #bf360c !important;
  527. color: #bf360c !important;
  528. }
  529.  
  530. .btn.btn_outline.disabled {
  531. background: #424242 !important;
  532. color: #949494 !important;
  533. }
  534.  
  535. .btn.btn_outline.disabled:hover {
  536. background: #424242 !important;
  537. color: #949494 !important;
  538. }
  539.  
  540. .btn.btn_attachment {
  541. border-color: #545454 !important;
  542. }
  543.  
  544. .btn.btn_attachment:hover, .btn.btn_attachment:focus {
  545. background-color: #363636 !important;
  546. border-color: #828282 !important;
  547. }
  548.  
  549. .btn.btn_attachment.btn_danger {
  550. border-color: #bf360c !important;
  551. }
  552.  
  553. .btn.btn_attachment.btn_danger:hover, .btn.btn_attachment.btn_danger:focus {
  554. border-color: #ef440f !important;
  555. }
  556.  
  557. .btn.btn_attachment.btn_primary {
  558. border-color: #828282 !important;
  559. }
  560.  
  561. .btn.btn_attachment.btn_primary:hover, .btn.btn_attachment.btn_primary:focus {
  562. border-color: #9c9c9c !important;
  563. }
  564.  
  565. .btn_basic:focus, .btn_basic:hover {
  566. color: #a1a1a1 !important;
  567. }
  568.  
  569. .btn_outline {
  570. background: #222 !important;
  571. color: #949494 !important;
  572. }
  573.  
  574. .btn_outline::after {
  575. border: 1px solid #424242 !important;
  576. }
  577.  
  578. .btn_outline.btn_transparent {
  579. color: rgba(84, 84, 84, 0.9) !important;
  580. }
  581.  
  582. .btn_outline.btn_transparent::after {
  583. border: 1px solid rgba(34, 34, 34, 0.5) !important;
  584. }
  585.  
  586. .btn_outline.btn_transparent.active, .btn_outline.btn_transparent.hover, .btn_outline.btn_transparent:active, .btn_outline.btn_transparent:focus, .btn_outline.btn_transparent:hover {
  587. background-color: rgba(84, 84, 84, 0.9) !important;
  588. color: #c7c7c7 !important;
  589. }
  590.  
  591. .btn_outline.btn_transparent.active, .btn_outline.btn_transparent:active {
  592. background-color: rgba(84, 84, 84, 0.8) !important;
  593. }
  594.  
  595. .btn_outline.hover, .btn_outline:focus, .btn_outline:hover {
  596. background: #222 !important;
  597. color: #c7c7c7 !important;
  598. }
  599.  
  600. .btn_outline:active {
  601. color: #c7c7c7 !important;
  602. }
  603.  
  604. .btn_outline.active {
  605. color: #c7c7c7 !important;
  606. }
  607.  
  608. .btn_link {
  609. color: #949494 !important;
  610. }
  611.  
  612. .btn_link:hover, .btn_link:focus {
  613. color: #c7c7c7 !important;
  614. }
  615.  
  616. .btn-group.open .btn.dropdown-toggle {
  617. background-color: #545454 !important;
  618. }
  619.  
  620. .btn-group.open .btn-primary.dropdown-toggle {
  621. background-color: #424242 !important;
  622. }
  623.  
  624. .btn-group > .btn + .dropdown-toggle {
  625. box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.125), inset 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 2px rgba(255, 255, 255, 0.05) !important;
  626. }
  627.  
  628. .btn_info, .btn.btn_success {
  629. background-color: #222 !important;
  630. }
  631.  
  632. .btn_warning, .btn_danger {
  633. background-color: #bf360c !important;
  634. }
  635.  
  636. .btn-danger .caret, .btn-info .caret, .btn-inverse .caret, .btn-primary .caret, .btn-success .caret, .btn-warning .caret {
  637. border-bottom-color: #a1a1a1 !important;
  638. border-top-color: #a1a1a1 !important;
  639. }
  640.  
  641. .input_note {
  642. color: #a1a1a1 !important;
  643. }
  644.  
  645. .c-enhanced_text_input {
  646. background-color: #545454 !important;
  647. border-color: #363636 !important;
  648. color: #949494 !important;
  649. }
  650.  
  651. .c-enhanced_text_input:hover, .c-enhanced_text_input.c-enhanced_text_input--active {
  652. border-color: #545454 !important;
  653. }
  654.  
  655. .lazy_filter_select.disabled {
  656. background: #363636 !important;
  657. }
  658.  
  659. .lazy_filter_select.disabled input.lfs_input {
  660. background: #828282 !important;
  661. }
  662.  
  663. .lazy_filter_select .lfs_input_container {
  664. background-color: #545454 !important;
  665. border-color: #000 !important;
  666. }
  667.  
  668. .lazy_filter_select .lfs_input_container.active, .lazy_filter_select .lfs_input_container:hover {
  669. border-color: #363636 !important;
  670. }
  671.  
  672. .lazy_filter_select .lfs_input_container.active {
  673. box-shadow: 0 0 7px rgba(34, 34, 34, 0.15) !important;
  674. }
  675.  
  676. .lazy_filter_select .lfs_list_container {
  677. background: #222 !important;
  678. border-color: #000 !important;
  679. box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) !important;
  680. }
  681.  
  682. .lazy_filter_select .lfs_list .lfs_item.selected {
  683. color: #a1a1a1 !important;
  684. }
  685.  
  686. .lazy_filter_select .lfs_list .lfs_item.selected .c-member__current-status .prevent_copy_paste, .lazy_filter_select .lfs_list .lfs_item.selected .c-member__current-status--small::before, .lazy_filter_select .lfs_list .lfs_item.selected .c-member__display-name, .lazy_filter_select .lfs_list .lfs_item.selected .c-member__name, .lazy_filter_select .lfs_list .lfs_item.selected .c-member__secondary-name {
  687. color: #a1a1a1 !important;
  688. }
  689.  
  690. .lazy_filter_select .lfs_list .lfs_item.disabled {
  691. color: #949494 !important;
  692. }
  693.  
  694. .lazy_filter_select .lfs_list .lfs_item.active {
  695. background-color: #000 !important;
  696. border-color: #363636 !important;
  697. color: #a1a1a1 !important;
  698. }
  699.  
  700. .lazy_filter_select .lfs_token {
  701. background: #222 !important;
  702. border: 1px solid #000 !important;
  703. color: #a1a1a1 !important;
  704. }
  705.  
  706. .lazy_filter_select .lfs_token::after {
  707. color: #a1a1a1 !important;
  708. }
  709.  
  710. .lazy_filter_select.single .lfs_input_container.active::after, .lazy_filter_select.single .lfs_input_container:hover::after {
  711. color: #a1a1a1 !important;
  712. }
  713.  
  714. #select_share_channels .lazy_filter_select .lfs_value .lfs_item.selected {
  715. color: #a1a1a1 !important;
  716. }
  717.  
  718. #select_share_channels .lazy_filter_select .lfs_value .lfs_item.selected .ts_icon:not(.presence_icon) {
  719. color: #949494 !important;
  720. }
  721.  
  722. #select_share_channels .lazy_filter_select .lfs_item {
  723. color: #949494 !important;
  724. }
  725.  
  726. #select_share_channels .lazy_filter_select .lfs_item .ts_icon:not(.presence_icon) {
  727. color: #949494 !important;
  728. }
  729.  
  730. #message_edit_form .emo_menu {
  731. color: rgba(230, 230, 230, 0.3) !important;
  732. }
  733.  
  734. #message_edit_form .emo_menu.active .ts_icon_happy_smile, #message_edit_form .emo_menu:hover .ts_icon_happy_smile {
  735. color: #828282 !important;
  736. }
  737.  
  738. #message_edit_form.focus .emo_menu {
  739. color: rgba(230, 230, 230, 0.6) !important;
  740. }
  741.  
  742. #message_edit_form.focus #primary_file_button:not(:hover) {
  743. border-color: #363636 !important;
  744. }
  745.  
  746. #message_edit_form.offline #message-input, #message_edit_form.offline #primary_file_button {
  747. background-color: #363636 !important;
  748. }
  749.  
  750. #message_edit_form.offline #primary_file_button {
  751. border-color: #424242 !important;
  752. color: #949494 !important;
  753. }
  754.  
  755. #msg_form.focus #msg_input, #msg_form.focus #primary_file_button:not(:hover):not(.active) {
  756. border-color: #363636 !important;
  757. }
  758.  
  759. #msg_form #msg_input {
  760. background: padding-box #545454 !important;
  761. border-color: #424242 !important;
  762. border-left: 0 !important;
  763. color: #a1a1a1 !important;
  764. }
  765.  
  766. #msg_form #msg_input.focus ~ .msg_mentions_button:not(.hover) {
  767. color: #a1a1a1 !important;
  768. }
  769.  
  770. #msg_form .msg_mentions_button {
  771. color: #949494 !important;
  772. }
  773.  
  774. #msg_form .msg_mentions_button:hover {
  775. color: #a1a1a1 !important;
  776. }
  777.  
  778. #msg_input {
  779. background: #545454 !important;
  780. border-color: #424242 !important;
  781. color: #a1a1a1 !important;
  782. }
  783.  
  784. #msg_input::-webkit-input-placeholder {
  785. color: #a1a1a1 !important;
  786. -webkit-filter: none !important;
  787. filter: none !important;
  788. opacity: 0.5 !important;
  789. }
  790.  
  791. #msg_input::-moz-placeholder {
  792. color: #a1a1a1 !important;
  793. filter: none !important;
  794. opacity: 0.5 !important;
  795. }
  796.  
  797. #msg_input::placeholder {
  798. color: #a1a1a1 !important;
  799. filter: none !important;
  800. opacity: 0.5 !important;
  801. }
  802.  
  803. #msg_input .ql-placeholder {
  804. color: #a1a1a1 !important;
  805. }
  806.  
  807. #msg_input[data-placeholder]:empty::before {
  808. color: #a1a1a1 !important;
  809. }
  810.  
  811. #msg_input:focus, #msg_input.focus {
  812. border-color: #363636 !important;
  813. }
  814.  
  815. #msg_input:focus + #primary_file_button:not(:hover):not(.active), #msg_input.focus + #primary_file_button:not(:hover):not(.active) {
  816. border-color: #363636 !important;
  817. }
  818.  
  819. #msg_input + #primary_file_button:not(:hover):not(.active) {
  820. border-color: #424242 !important;
  821. }
  822.  
  823. #msg_input + #primary_file_button.focus-ring:not(:hover):not(.active) {
  824. border-color: #424242 !important;
  825. }
  826.  
  827. #msg_input.offline:not(.pretend-to-be-online) {
  828. background-color: #363636 !important;
  829. color: #949494 !important;
  830. }
  831.  
  832. #msg_input.disabled, #msg_input.ql-disabled {
  833. background-color: #363636 !important;
  834. border-color: #363636 !important;
  835. color: #949494 !important;
  836. }
  837.  
  838. #msg_input_message {
  839. background-color: #363636 !important;
  840. color: #a1a1a1 !important;
  841. }
  842.  
  843. #primary_file_button {
  844. background: padding-box #545454 !important;
  845. border-color: #424242 !important;
  846. color: #949494 !important;
  847. }
  848.  
  849. #primary_file_button.active, #primary_file_button.focus-ring, #primary_file_button:focus, #primary_file_button:hover {
  850. background: #424242 !important;
  851. border-color: #363636 !important;
  852. color: #a1a1a1 !important;
  853. }
  854.  
  855. #footer, #footer.footer_msg_input {
  856. background: #222 !important;
  857. box-shadow: inset 1px 0 0 0 #222 !important;
  858. }
  859.  
  860. #footer.disabled #message-input, #footer.disabled #msg_input {
  861. background: padding-box #363636 !important;
  862. border-color: #363636 !important;
  863. }
  864.  
  865. #footer_archives_table {
  866. color: #949494 !important;
  867. }
  868.  
  869. #typing_text {
  870. color: #949494 !important;
  871. filter: none !important;
  872. }
  873.  
  874. #notification_bar.wide #typing_text.overflow_ellipsis {
  875. -webkit-filter: none !important;
  876. filter: none !important;
  877. }
  878.  
  879. #special_formatting_text {
  880. color: #949494 !important;
  881. }
  882.  
  883. #message_edit_container .message_input, .inline_message_input_container .message_input {
  884. color: #a1a1a1 !important;
  885. }
  886.  
  887. .inline_message_input_container .ql-container {
  888. border-color: #545454 !important;
  889. }
  890.  
  891. .inline_message_input_container .ql-container.focus, .inline_message_input_container .ql-container:active, .inline_message_input_container .ql-container:hover {
  892. border-color: #828282 !important;
  893. }
  894.  
  895. .c-message__editor__input {
  896. background: #545454 !important;
  897. border-color: #363636 !important;
  898. color: #a1a1a1 !important;
  899. }
  900.  
  901. .c-message__editor__input.focus {
  902. border-color: #363636 !important;
  903. box-shadow: 0 0 7px rgba(0, 0, 0, 0.15) !important;
  904. }
  905.  
  906. .c-message__editor__warning {
  907. color: #bf360c !important;
  908. }
  909.  
  910. #message_edit_container .message_input {
  911. background: #545454 !important;
  912. border-color: #363636 !important;
  913. color: #a1a1a1 !important;
  914. }
  915.  
  916. #message_edit_container .message_input.focus {
  917. border-color: #363636 !important;
  918. box-shadow: 0 0 7px rgba(0, 0, 0, 0.15) !important;
  919. }
  920.  
  921. .ql-editor::-webkit-scrollbar-thumb {
  922. background-color: rgba(84, 84, 84, 0.5) !important;
  923. color: #222 !important;
  924. }
  925.  
  926. .ql-editor::-webkit-scrollbar-thumb:hover {
  927. background-color: rgba(84, 84, 84, 0.8) !important;
  928. }
  929.  
  930. .ql-placeholder {
  931. color: #a1a1a1 !important;
  932. filter: none !important;
  933. }
  934.  
  935. .ql-container.texty_single_line_input {
  936. background: #545454 !important;
  937. border: 1px solid #363636 !important;
  938. color: #a1a1a1 !important;
  939. }
  940.  
  941. .ql-container.texty_single_line_input.focus, .ql-container.texty_single_line_input:hover {
  942. border-color: #363636 !important;
  943. box-shadow: 0 0 7px rgba(0, 0, 0, 0.15) !important;
  944. }
  945.  
  946. .ts_toggle .ts_toggle_button {
  947. background: #000 !important;
  948. color: #a1a1a1 !important;
  949. }
  950.  
  951. .ts_toggle .ts_toggle_button .ts_toggle_handle {
  952. background: #363636 !important;
  953. }
  954.  
  955. .ts_toggle .ts_toggle_secondary_label {
  956. color: #949494 !important;
  957. }
  958.  
  959. .ts_toggle.checked .ts_toggle_button {
  960. background: #828282 !important;
  961. color: #a1a1a1 !important;
  962. }
  963.  
  964. .ts_toggle.ts_toggle_orange .ts_toggle_button {
  965. background: #bf360c !important;
  966. color: #a1a1a1 !important;
  967. }
  968.  
  969. .menu {
  970. background: #363636 !important;
  971. border: 1px solid #222 !important;
  972. box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5) !important;
  973. color: #a1a1a1 !important;
  974. }
  975.  
  976. .menu .menu_content {
  977. background: #363636 !important;
  978. }
  979.  
  980. .menu .menu_filter_container {
  981. background: #222 !important;
  982. }
  983.  
  984. .menu .menu_filter_container input.menu_filter {
  985. border: 1px solid #424242 !important;
  986. }
  987.  
  988. .menu .menu_filter_container input.menu_filter:focus {
  989. border-color: #545454 !important;
  990. }
  991.  
  992. .menu .menu_filter_container .icon_search {
  993. color: #949494 !important;
  994. }
  995.  
  996. .menu .menu_filter_container .icon_close {
  997. color: #949494 !important;
  998. }
  999.  
  1000. .menu #menu_header .menu_simple_header {
  1001. background: #000 !important;
  1002. border-color: #363636 !important;
  1003. color: #a1a1a1 !important;
  1004. }
  1005.  
  1006. .menu #menu_header .menu_simple_header a {
  1007. color: #949494 !important;
  1008. }
  1009.  
  1010. .menu #menu_header .menu_simple_header a:hover {
  1011. color: #c7c7c7 !important;
  1012. }
  1013.  
  1014. .menu #menu_header .menu_close {
  1015. color: #a1a1a1 !important;
  1016. }
  1017.  
  1018. .menu .section_header .header_label {
  1019. background-color: #363636 !important;
  1020. color: #949494 !important;
  1021. }
  1022.  
  1023. .menu .section_header > div.header_label_container {
  1024. color: #949494 !important;
  1025. }
  1026.  
  1027. .menu ul li a {
  1028. background: #363636 !important;
  1029. border-bottom: 0 !important;
  1030. color: #a1a1a1 !important;
  1031. }
  1032.  
  1033. .menu ul li a.delete_link {
  1034. color: #bf360c !important;
  1035. }
  1036.  
  1037. .menu ul li a:not(.inline_menu_link) {
  1038. color: inherit !important;
  1039. }
  1040.  
  1041. .menu ul li.highlighted a {
  1042. background: #222 !important;
  1043. border-bottom-color: #000 !important;
  1044. color: #a1a1a1 !important;
  1045. text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15) !important;
  1046. }
  1047.  
  1048. .menu ul li.highlighted a .menu_item_details, .menu ul li.highlighted a .prefix, .menu ul li.highlighted a i, .menu ul li.highlighted a ts-icon {
  1049. color: #a1a1a1 !important;
  1050. }
  1051.  
  1052. .menu ul li.highlighted a.delete_link {
  1053. color: #bf360c !important;
  1054. }
  1055.  
  1056. .menu ul li.disabled a {
  1057. color: #949494 !important;
  1058. }
  1059.  
  1060. .menu ul li i {
  1061. color: #949494 !important;
  1062. }
  1063.  
  1064. .menu ul li.divider {
  1065. border-bottom-color: #222 !important;
  1066. }
  1067.  
  1068. .menu ul li .menu_item_details {
  1069. color: #949494 !important;
  1070. }
  1071.  
  1072. .menu:not(.keyboard_active) ul li:hover:not(.disabled) a {
  1073. background: #222 !important;
  1074. border-bottom-color: #000 !important;
  1075. color: #a1a1a1 !important;
  1076. text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15) !important;
  1077. }
  1078.  
  1079. .menu:not(.keyboard_active) ul li:hover:not(.disabled) a .menu_item_details, .menu:not(.keyboard_active) ul li:hover:not(.disabled) a .prefix, .menu:not(.keyboard_active) ul li:hover:not(.disabled) a i, .menu:not(.keyboard_active) ul li:hover:not(.disabled) a ts-icon {
  1080. color: #a1a1a1 !important;
  1081. }
  1082.  
  1083. .menu:not(.keyboard_active) ul li:hover:not(.disabled) a.delete_link {
  1084. color: #bf360c !important;
  1085. }
  1086.  
  1087. .menu input {
  1088. background: #363636 !important;
  1089. border: 1px solid #545454 !important;
  1090. }
  1091.  
  1092. .menu textarea {
  1093. background: #363636 !important;
  1094. border: 1px solid #545454 !important;
  1095. }
  1096.  
  1097. .menu #menu_footer .menu_footer {
  1098. background: #000 !important;
  1099. border-top: 1px solid #363636 !important;
  1100. }
  1101.  
  1102. .menu #monkey_scroll_wrapper_for_menu_items_scroller {
  1103. background: #363636 !important;
  1104. }
  1105.  
  1106. .menu #menu_list_container #menu_list .menu_list_item a {
  1107. color: #a1a1a1 !important;
  1108. }
  1109.  
  1110. .menu #menu_list_container #menu_list .menu_list_item.active a {
  1111. background: #545454 !important;
  1112. color: #a1a1a1 !important;
  1113. text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15) !important;
  1114. }
  1115.  
  1116. #autocomplete_menu {
  1117. color: #a1a1a1 !important;
  1118. }
  1119.  
  1120. #autocomplete_menu header {
  1121. background-color: #222 !important;
  1122. }
  1123.  
  1124. #autocomplete_menu header .header_label {
  1125. color: #949494 !important;
  1126. }
  1127.  
  1128. #autocomplete_menu header hr {
  1129. border-bottom-color: transparent !important;
  1130. border-top-color: #000 !important;
  1131. }
  1132.  
  1133. #autocomplete_menu h2 {
  1134. color: #a1a1a1 !important;
  1135. }
  1136.  
  1137. #autocomplete_menu .no_results {
  1138. color: #a1a1a1 !important;
  1139. }
  1140.  
  1141. #autocomplete_menu .keyword_match .modifier {
  1142. color: #949494 !important;
  1143. }
  1144.  
  1145. #autocomplete_menu .boxed {
  1146. background: #222 !important;
  1147. border: 1px solid #363636 !important;
  1148. box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15) !important;
  1149. }
  1150.  
  1151. #autocomplete_menu .pickmeup {
  1152. border-bottom: 1px solid #363636 !important;
  1153. }
  1154.  
  1155. #autocomplete_menu.search_menu .section_header::before, #autocomplete_menu.search_menu.unified .section_header::before {
  1156. background-color: #545454 !important;
  1157. }
  1158.  
  1159. #autocomplete_menu.search_menu header, #autocomplete_menu.search_menu.unified header {
  1160. color: #a1a1a1 !important;
  1161. }
  1162.  
  1163. #autocomplete_menu.search_menu header .header_label::before, #autocomplete_menu.search_menu.unified header .header_label::before {
  1164. background-color: #363636 !important;
  1165. }
  1166.  
  1167. #autocomplete_menu.search_menu .query_header, #autocomplete_menu.search_menu.unified .query_header {
  1168. background-color: transparent !important;
  1169. }
  1170.  
  1171. #autocomplete_menu.search_menu .query_header .search_query_preview, #autocomplete_menu.search_menu.unified .query_header .search_query_preview {
  1172. color: #a1a1a1 !important;
  1173. }
  1174.  
  1175. #autocomplete_menu.search_menu li.highlighted .result_item_btn, #autocomplete_menu.search_menu.unified li.highlighted .result_item_btn {
  1176. background: #363636 !important;
  1177. color: #a1a1a1 !important;
  1178. text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15) !important;
  1179. }
  1180.  
  1181. #autocomplete_menu.search_menu li.highlighted .modifier_icon, #autocomplete_menu.search_menu.unified li.highlighted .modifier_icon {
  1182. color: #949494 !important;
  1183. }
  1184.  
  1185. #autocomplete_menu.search_menu li.highlighted .action_btn, #autocomplete_menu.search_menu.unified li.highlighted .action_btn {
  1186. color: #a1a1a1 !important;
  1187. }
  1188.  
  1189. #autocomplete_menu.search_menu li.highlighted .delete_btn, #autocomplete_menu.search_menu.unified li.highlighted .delete_btn {
  1190. color: #949494 !important;
  1191. }
  1192.  
  1193. #autocomplete_menu.search_menu li.highlighted .delete_btn:focus, #autocomplete_menu.search_menu li.highlighted .delete_btn:hover, #autocomplete_menu.search_menu.unified li.highlighted .delete_btn:focus, #autocomplete_menu.search_menu.unified li.highlighted .delete_btn:hover {
  1194. color: #bf360c !important;
  1195. }
  1196.  
  1197. #autocomplete_menu.search_menu li.highlighted .muted_text, #autocomplete_menu.search_menu.unified li.highlighted .muted_text {
  1198. color: #949494 !important;
  1199. }
  1200.  
  1201. #autocomplete_menu.search_menu:not(.keyboard_active) li:focus, #autocomplete_menu.search_menu:not(.keyboard_active) li:hover, #autocomplete_menu.search_menu .results.unified:not(.keyboard_active) li:focus, #autocomplete_menu.search_menu .results.unified:not(.keyboard_active) li:hover, #autocomplete_menu.search_menu.unified:not(.keyboard_active) li:focus, #autocomplete_menu.search_menu.unified:not(.keyboard_active) li:hover, #autocomplete_menu.search_menu.unified .results.unified:not(.keyboard_active) li:focus, #autocomplete_menu.search_menu.unified .results.unified:not(.keyboard_active) li:hover {
  1202. background: transparent !important;
  1203. }
  1204.  
  1205. #autocomplete_menu.search_menu:not(.keyboard_active) li:focus .muted_text, #autocomplete_menu.search_menu:not(.keyboard_active) li:hover .muted_text, #autocomplete_menu.search_menu .results.unified:not(.keyboard_active) li:focus .muted_text, #autocomplete_menu.search_menu .results.unified:not(.keyboard_active) li:hover .muted_text, #autocomplete_menu.search_menu.unified:not(.keyboard_active) li:focus .muted_text, #autocomplete_menu.search_menu.unified:not(.keyboard_active) li:hover .muted_text, #autocomplete_menu.search_menu.unified .results.unified:not(.keyboard_active) li:focus .muted_text, #autocomplete_menu.search_menu.unified .results.unified:not(.keyboard_active) li:hover .muted_text {
  1206. color: #949494 !important;
  1207. }
  1208.  
  1209. #autocomplete_menu.search_menu:not(.keyboard_active) li:focus .result_item_btn, #autocomplete_menu.search_menu:not(.keyboard_active) li:hover .result_item_btn, #autocomplete_menu.search_menu .results.unified:not(.keyboard_active) li:focus .result_item_btn, #autocomplete_menu.search_menu .results.unified:not(.keyboard_active) li:hover .result_item_btn, #autocomplete_menu.search_menu.unified:not(.keyboard_active) li:focus .result_item_btn, #autocomplete_menu.search_menu.unified:not(.keyboard_active) li:hover .result_item_btn, #autocomplete_menu.search_menu.unified .results.unified:not(.keyboard_active) li:focus .result_item_btn, #autocomplete_menu.search_menu.unified .results.unified:not(.keyboard_active) li:hover .result_item_btn {
  1210. background: #363636 !important;
  1211. color: #a1a1a1 !important;
  1212. text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15) !important;
  1213. }
  1214.  
  1215. #autocomplete_menu.search_menu:not(.keyboard_active) li:focus .modifier_icon, #autocomplete_menu.search_menu:not(.keyboard_active) li:hover .modifier_icon, #autocomplete_menu.search_menu .results.unified:not(.keyboard_active) li:focus .modifier_icon, #autocomplete_menu.search_menu .results.unified:not(.keyboard_active) li:hover .modifier_icon, #autocomplete_menu.search_menu.unified:not(.keyboard_active) li:focus .modifier_icon, #autocomplete_menu.search_menu.unified:not(.keyboard_active) li:hover .modifier_icon, #autocomplete_menu.search_menu.unified .results.unified:not(.keyboard_active) li:focus .modifier_icon, #autocomplete_menu.search_menu.unified .results.unified:not(.keyboard_active) li:hover .modifier_icon {
  1216. color: #949494 !important;
  1217. }
  1218.  
  1219. #autocomplete_menu.search_menu:not(.keyboard_active) li:focus .action_btn, #autocomplete_menu.search_menu:not(.keyboard_active) li:hover .action_btn, #autocomplete_menu.search_menu .results.unified:not(.keyboard_active) li:focus .action_btn, #autocomplete_menu.search_menu .results.unified:not(.keyboard_active) li:hover .action_btn, #autocomplete_menu.search_menu.unified:not(.keyboard_active) li:focus .action_btn, #autocomplete_menu.search_menu.unified:not(.keyboard_active) li:hover .action_btn, #autocomplete_menu.search_menu.unified .results.unified:not(.keyboard_active) li:focus .action_btn, #autocomplete_menu.search_menu.unified .results.unified:not(.keyboard_active) li:hover .action_btn {
  1220. color: #a1a1a1 !important;
  1221. }
  1222.  
  1223. #autocomplete_menu.search_menu:not(.keyboard_active) li:focus .delete_btn, #autocomplete_menu.search_menu:not(.keyboard_active) li:hover .delete_btn, #autocomplete_menu.search_menu .results.unified:not(.keyboard_active) li:focus .delete_btn, #autocomplete_menu.search_menu .results.unified:not(.keyboard_active) li:hover .delete_btn, #autocomplete_menu.search_menu.unified:not(.keyboard_active) li:focus .delete_btn, #autocomplete_menu.search_menu.unified:not(.keyboard_active) li:hover .delete_btn, #autocomplete_menu.search_menu.unified .results.unified:not(.keyboard_active) li:focus .delete_btn, #autocomplete_menu.search_menu.unified .results.unified:not(.keyboard_active) li:hover .delete_btn {
  1224. color: #949494 !important;
  1225. }
  1226.  
  1227. #autocomplete_menu.search_menu:not(.keyboard_active) li:focus .delete_btn:focus, #autocomplete_menu.search_menu:not(.keyboard_active) li:focus .delete_btn:hover, #autocomplete_menu.search_menu:not(.keyboard_active) li:hover .delete_btn:focus, #autocomplete_menu.search_menu:not(.keyboard_active) li:hover .delete_btn:hover, #autocomplete_menu.search_menu .results.unified:not(.keyboard_active) li:focus .delete_btn:focus, #autocomplete_menu.search_menu .results.unified:not(.keyboard_active) li:focus .delete_btn:hover, #autocomplete_menu.search_menu .results.unified:not(.keyboard_active) li:hover .delete_btn:focus, #autocomplete_menu.search_menu .results.unified:not(.keyboard_active) li:hover .delete_btn:hover, #autocomplete_menu.search_menu.unified:not(.keyboard_active) li:focus .delete_btn:focus, #autocomplete_menu.search_menu.unified:not(.keyboard_active) li:focus .delete_btn:hover, #autocomplete_menu.search_menu.unified:not(.keyboard_active) li:hover .delete_btn:focus, #autocomplete_menu.search_menu.unified:not(.keyboard_active) li:hover .delete_btn:hover, #autocomplete_menu.search_menu.unified .results.unified:not(.keyboard_active) li:focus .delete_btn:focus, #autocomplete_menu.search_menu.unified .results.unified:not(.keyboard_active) li:focus .delete_btn:hover, #autocomplete_menu.search_menu.unified .results.unified:not(.keyboard_active) li:hover .delete_btn:focus, #autocomplete_menu.search_menu.unified .results.unified:not(.keyboard_active) li:hover .delete_btn:hover {
  1228. color: #bf360c !important;
  1229. }
  1230.  
  1231. #autocomplete_menu.search_menu .muted_text, #autocomplete_menu.search_menu.unified .muted_text {
  1232. color: #949494 !important;
  1233. }
  1234.  
  1235. #autocomplete_menu.search_menu .time_modifiers::before, #autocomplete_menu.search_menu.unified .time_modifiers::before {
  1236. background-color: #363636 !important;
  1237. }
  1238.  
  1239. #autocomplete_menu.search_menu .result_item_btn, #autocomplete_menu.search_menu.unified .result_item_btn {
  1240. color: #a1a1a1 !important;
  1241. }
  1242.  
  1243. #autocomplete_menu.search_menu .results.unified .unified_autocomplete_item .text, #autocomplete_menu.search_menu.unified .results.unified .unified_autocomplete_item .text {
  1244. color: #a1a1a1 !important;
  1245. }
  1246.  
  1247. #autocomplete_menu.search_menu .action_btn, #autocomplete_menu.search_menu .modifier_icon, #autocomplete_menu.search_menu.unified .action_btn, #autocomplete_menu.search_menu.unified .modifier_icon {
  1248. color: #949494 !important;
  1249. }
  1250.  
  1251. #autocomplete_menu.search_menu footer .keyword::before, #autocomplete_menu.search_menu footer .modifier::before, #autocomplete_menu.search_menu footer.unified .keyword::before, #autocomplete_menu.search_menu footer.unified .modifier::before, #autocomplete_menu.search_menu.unified footer .keyword::before, #autocomplete_menu.search_menu.unified footer .modifier::before, #autocomplete_menu.search_menu.unified footer.unified .keyword::before, #autocomplete_menu.search_menu.unified footer.unified .modifier::before {
  1252. background: #828282 !important;
  1253. border: 1px solid #545454 !important;
  1254. color: #a1a1a1 !important;
  1255. }
  1256.  
  1257. #autocomplete_menu.search_menu footer .selected .keyword::before, #autocomplete_menu.search_menu footer .selected .modifier::before, #autocomplete_menu.search_menu footer.unified .selected .keyword::before, #autocomplete_menu.search_menu footer.unified .selected .modifier::before, #autocomplete_menu.search_menu.unified footer .selected .keyword::before, #autocomplete_menu.search_menu.unified footer .selected .modifier::before, #autocomplete_menu.search_menu.unified footer.unified .selected .keyword::before, #autocomplete_menu.search_menu.unified footer.unified .selected .modifier::before {
  1258. background: rgba(84, 84, 84, 0.25) !important;
  1259. border: #828282 !important;
  1260. }
  1261.  
  1262. #autocomplete_menu.search_menu footer .modifier.incomplete::before, #autocomplete_menu.search_menu footer.unified .modifier.incomplete::before, #autocomplete_menu.search_menu.unified footer .modifier.incomplete::before, #autocomplete_menu.search_menu.unified footer.unified .modifier.incomplete::before {
  1263. background: #363636 !important;
  1264. border: 1px solid #000 !important;
  1265. }
  1266.  
  1267. .search_light_grey {
  1268. color: #a1a1a1 !important;
  1269. }
  1270.  
  1271. .highlighter_underlay .keyword::before {
  1272. background: #828282 !important;
  1273. border: 1px solid #545454 !important;
  1274. color: #a1a1a1 !important;
  1275. }
  1276.  
  1277. .highlighter_underlay .modifier::before {
  1278. background: #828282 !important;
  1279. border: 1px solid #545454 !important;
  1280. color: #a1a1a1 !important;
  1281. }
  1282.  
  1283. .highlighter_underlay .modifier.incomplete::before {
  1284. background: #363636 !important;
  1285. border: 1px solid #000 !important;
  1286. }
  1287.  
  1288. .highlighter_underlay .selected .keyword::before, .highlighter_underlay .selected .modifier::before {
  1289. background: rgba(130, 130, 130, 0.25) !important;
  1290. border: #545454 !important;
  1291. }
  1292.  
  1293. .highlighter_underlay .ghost_text {
  1294. color: #a1a1a1 !important;
  1295. }
  1296.  
  1297. .pickmeup {
  1298. background: #222 !important;
  1299. border: 1px solid #363636 !important;
  1300. box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15) !important;
  1301. }
  1302.  
  1303. .pickmeup .pmu-instance .pmu-button {
  1304. color: #a1a1a1 !important;
  1305. }
  1306.  
  1307. .pickmeup .pmu-instance .pmu-today.pmu-selected, .pickmeup .pmu-instance .pmu-today:hover {
  1308. background: #363636 !important;
  1309. }
  1310.  
  1311. .pickmeup .pmu-instance .pmu-today.pmu-selected .pmu-today-border, .pickmeup .pmu-instance .pmu-today:hover .pmu-today-border {
  1312. background: #828282 !important;
  1313. color: #a1a1a1 !important;
  1314. }
  1315.  
  1316. .pickmeup .pmu-instance .pmu-today-border {
  1317. border: 2px solid #545454 !important;
  1318. color: #828282 !important;
  1319. }
  1320.  
  1321. .pickmeup .pmu-instance .pmu-button:not(.pmu-disabled):hover {
  1322. background: #545454 !important;
  1323. color: #a1a1a1 !important;
  1324. }
  1325.  
  1326. .pickmeup .pmu-instance .pmu-not-in-month {
  1327. background: #222 !important;
  1328. color: #949494 !important;
  1329. }
  1330.  
  1331. .pickmeup .pmu-instance .pmu-not-in-month.pmu-selected {
  1332. background: #545454 !important;
  1333. }
  1334.  
  1335. .pickmeup .pmu-instance .pmu-disabled {
  1336. background: #222 !important;
  1337. color: #949494 !important;
  1338. }
  1339.  
  1340. .pickmeup .pmu-instance .pmu-disabled:hover {
  1341. background: #222 !important;
  1342. color: #949494 !important;
  1343. }
  1344.  
  1345. .pickmeup .pmu-instance .pmu-selected {
  1346. background: #545454 !important;
  1347. color: #a1a1a1 !important;
  1348. }
  1349.  
  1350. .pickmeup .pmu-instance nav {
  1351. color: #949494 !important;
  1352. }
  1353.  
  1354. .pickmeup .pmu-instance nav :first-child :hover {
  1355. color: #c7c7c7 !important;
  1356. }
  1357.  
  1358. .pickmeup .pmu-instance .pmu-months *, .pickmeup .pmu-instance .pmu-years * {
  1359. border: 1px solid #363636 !important;
  1360. }
  1361.  
  1362. .pickmeup .pmu-instance .pmu-day-of-week {
  1363. color: #a1a1a1 !important;
  1364. }
  1365.  
  1366. .pickmeup .pmu-instance .pmu-day-of-week * {
  1367. border: 1px solid #363636 !important;
  1368. }
  1369.  
  1370. .pickmeup .pmu-instance .pmu-days * {
  1371. border: 1px solid #363636 !important;
  1372. }
  1373.  
  1374. #menu.date_picker .pickmeup .pmu-instance .pmu-button:not(.pmu-disabled):hover, #menu.date_picker .pickmeup .pmu-selected {
  1375. background: #545454 !important;
  1376. }
  1377.  
  1378. #menu.date_picker li.date_picker_item a {
  1379. color: #a1a1a1 !important;
  1380. }
  1381.  
  1382. #menu.date_picker li.date_picker_item a:hover {
  1383. color: #a1a1a1 !important;
  1384. }
  1385.  
  1386. #menu.date_picker li.date_picker_item.highlighted a {
  1387. color: #949494 !important;
  1388. }
  1389.  
  1390. #file_member_filter {
  1391. background: #000 !important;
  1392. }
  1393.  
  1394. #client-ui .member_filter {
  1395. border: 1px solid #545454 !important;
  1396. }
  1397.  
  1398. #client-ui .member_file_filter_menu .searchable_member_list_scroller .team_list_item:hover .channel_page_member_row {
  1399. background: #222 !important;
  1400. }
  1401.  
  1402. #client-ui .member_file_filter_menu .searchable_member_list_scroller .team_list_item:hover .member {
  1403. color: #a1a1a1 !important;
  1404. }
  1405.  
  1406. #client-ui #team_list_container #team_filter .member_filter {
  1407. background-color: #222 !important;
  1408. border-left: 1px solid #000 !important;
  1409. }
  1410.  
  1411. #client-ui #file_member_filter {
  1412. border-color: #545454 !important;
  1413. }
  1414.  
  1415. #client-ui #file_member_filter .member_filter {
  1416. border-color: #545454 !important;
  1417. }
  1418.  
  1419. #client-ui .team_tabs_container {
  1420. border-bottom: 1px solid #000 !important;
  1421. }
  1422.  
  1423. #team_filter .icon_search {
  1424. color: #949494 !important;
  1425. }
  1426.  
  1427. #team_filter a.icon_close {
  1428. color: #949494 !important;
  1429. }
  1430.  
  1431. #team_filter a.icon_close:hover {
  1432. color: #c7c7c7 !important;
  1433. }
  1434.  
  1435. .filter_header {
  1436. background-color: #222 !important;
  1437. }
  1438.  
  1439. .popover_menu {
  1440. background-color: #222 !important;
  1441. border-top: 1px solid #545454 !important;
  1442. }
  1443.  
  1444. .popover_menu .arrow::after {
  1445. background-color: #000 !important;
  1446. }
  1447.  
  1448. .popover_menu .arrow_shadow::after {
  1449. background-color: #222 !important;
  1450. box-shadow: 0 0 0 1px #545454, 0 0 3px rgba(0, 0, 0, 0.08) !important;
  1451. }
  1452.  
  1453. .popover_menu.showing_header .arrow::after, .popover_menu.showing_header .arrow_shadow::after {
  1454. background-color: #222 !important;
  1455. }
  1456.  
  1457. .popover_menu .content {
  1458. background-color: #222 !important;
  1459. }
  1460.  
  1461. .tab_complete_ui {
  1462. background: #222 !important;
  1463. border: 1px solid #363636 !important;
  1464. box-shadow: 0 1px 15px rgba(0, 0, 0, 0.5) !important;
  1465. }
  1466.  
  1467. .tab_complete_ui .tab_complete_ui_header {
  1468. background: padding-box #000 !important;
  1469. border-bottom: 1px solid #363636 !important;
  1470. color: #a1a1a1 !important;
  1471. text-shadow: 0 1px rgba(0, 0, 0, 0.15) !important;
  1472. }
  1473.  
  1474. .tab_complete_ui ul.type_emoji li {
  1475. color: #a1a1a1 !important;
  1476. }
  1477.  
  1478. .tab_complete_ui ul.type_members .broadcast_info, .tab_complete_ui ul.type_members .realname {
  1479. color: #a1a1a1 !important;
  1480. }
  1481.  
  1482. .tab_complete_ui ul.type_members .unify_broadcast {
  1483. color: #a1a1a1 !important;
  1484. }
  1485.  
  1486. .tab_complete_ui ul.type_members .unify_broadcast .ts_icon_broadcast {
  1487. color: #949494 !important;
  1488. }
  1489.  
  1490. .tab_complete_ui ul.type_cmds li.tab_complete_ui_group .group_name {
  1491. color: #a1a1a1 !important;
  1492. }
  1493.  
  1494. .tab_complete_ui ul.type_cmds li.tab_complete_ui_group .group_divider {
  1495. border-bottom: 0 !important;
  1496. border-top-color: #363636 !important;
  1497. }
  1498.  
  1499. .tab_complete_ui ul.type_cmds li.tab_complete_ui_item .cmd-left-td, .tab_complete_ui ul.type_cmds li.tab_complete_ui_item .cmd-right-td {
  1500. color: #949494 !important;
  1501. }
  1502.  
  1503. .tab_complete_ui ul.type_cmds .cmdname {
  1504. color: #a1a1a1 !important;
  1505. }
  1506.  
  1507. .tab_complete_ui ul.type_cmds .cmddesc {
  1508. color: #949494 !important;
  1509. }
  1510.  
  1511. .tab_complete_ui li.tab_complete_ui_item, .tab_complete_ui li.tab_complete_ui_group {
  1512. border-bottom: 1px solid #363636 !important;
  1513. }
  1514.  
  1515. .tab_complete_ui li.tab_complete_ui_item.active, .tab_complete_ui li.tab_complete_ui_group.active {
  1516. background: #545454 !important;
  1517. border-bottom-color: #363636 !important;
  1518. text-shadow: 0 1px rgba(0, 0, 0, 0.15) !important;
  1519. }
  1520.  
  1521. .tab_complete_ui li.tab_complete_ui_item.active span, .tab_complete_ui li.tab_complete_ui_group.active span {
  1522. color: #a1a1a1 !important;
  1523. }
  1524.  
  1525. .tab_complete_ui .not_in_channel {
  1526. color: #949494 !important;
  1527. }
  1528.  
  1529. #team_menu {
  1530. background: #363636 !important;
  1531. border-bottom: 2px solid #363636 !important;
  1532. color: #a1a1a1 !important;
  1533. }
  1534.  
  1535. #team_menu.active, #team_menu:hover {
  1536. background: #363636 !important;
  1537. border-bottom-color: #363636 !important;
  1538. }
  1539.  
  1540. #team_menu.active i, #team_menu:hover i {
  1541. color: #a1a1a1 !important;
  1542. }
  1543.  
  1544. #team_menu i {
  1545. color: #949494 !important;
  1546. }
  1547.  
  1548. #team_menu .presence .presence_icon {
  1549. text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) !important;
  1550. }
  1551.  
  1552. #team_menu .team_name_caret, #team_menu .notifications_menu_btn {
  1553. color: #a1a1a1 !important;
  1554. }
  1555.  
  1556. #team_menu_user {
  1557. color: #949494 !important;
  1558. }
  1559.  
  1560. #team_menu_user_name, #team_menu_user_details {
  1561. color: #a1a1a1 !important;
  1562. opacity: 0.75 !important;
  1563. }
  1564.  
  1565. .slack_menu_section::before {
  1566. border-top-color: #222 !important;
  1567. }
  1568.  
  1569. .slack_menu_header_secondary {
  1570. color: #949494 !important;
  1571. }
  1572.  
  1573. .slack_menu_download {
  1574. background-color: #363636 !important;
  1575. }
  1576.  
  1577. .slack_menu_download ts-icon {
  1578. color: #949494 !important;
  1579. }
  1580.  
  1581. #menu_items_scroller::-webkit-scrollbar-track {
  1582. background: #222 !important;
  1583. }
  1584.  
  1585. #limit_meter:hover #limit_meter_message_body {
  1586. color: #a1a1a1 !important;
  1587. }
  1588.  
  1589. #limit_meter_message_body {
  1590. color: #949494 !important;
  1591. }
  1592.  
  1593. .channel_header {
  1594. background: #222 !important;
  1595. box-shadow: inset 1px 0 0 0 #222 !important;
  1596. }
  1597.  
  1598. .channel_header .blue_on_hover:hover {
  1599. color: #a1a1a1 !important;
  1600. }
  1601.  
  1602. #client_body:not(.onboarding):not(.feature_global_nav_layout):before {
  1603. background: #222 !important;
  1604. border-bottom: 1px solid #363636 !important;
  1605. box-shadow: inset 1px 0 0 0 #222 !important;
  1606. }
  1607.  
  1608. .messages_header {
  1609. color: #a1a1a1 !important;
  1610. }
  1611.  
  1612. .channel_title .channel_name_container .channel_name {
  1613. color: #a1a1a1 !important;
  1614. }
  1615.  
  1616. .channel_title .channel_name_container .channel_name.muted {
  1617. color: #949494 !important;
  1618. }
  1619.  
  1620. .channel_title .channel_name_container .ts_icon_shared_channel.away, .channel_title .channel_name_container .mpdm_member.away {
  1621. color: #949494 !important;
  1622. }
  1623.  
  1624. .channel_title .channel_name_container .muted_icon {
  1625. color: #949494 !important;
  1626. }
  1627.  
  1628. .channel_title .channel_name_container .muted_icon:hover {
  1629. color: #bf360c !important;
  1630. }
  1631.  
  1632. #im_title.away {
  1633. color: #949494 !important;
  1634. }
  1635.  
  1636. .channel_header_info button {
  1637. color: #949494 !important;
  1638. }
  1639.  
  1640. .channel_title_info {
  1641. background: #222 !important;
  1642. color: #949494 !important;
  1643. }
  1644.  
  1645. .channel_title_info .channel_details_toggle, .channel_title_info .channel_actions_toggle {
  1646. color: #949494 !important;
  1647. }
  1648.  
  1649. .channel_header_icon {
  1650. color: #a1a1a1 !important;
  1651. }
  1652.  
  1653. .channel_calls_button .call_icon.call_window_offline {
  1654. color: #949494 !important;
  1655. }
  1656.  
  1657. .channel_actions_toggle.active:focus, .details_toggle.active:focus {
  1658. color: #a1a1a1 !important;
  1659. }
  1660.  
  1661. #flex_menu_toggle.active, #flex_menu_toggle.active:focus {
  1662. color: #a1a1a1 !important;
  1663. }
  1664.  
  1665. #flex_menu_toggle .flex_menu_download_circle {
  1666. background: #222 !important;
  1667. }
  1668.  
  1669. #flex_menu_toggle .flex_menu_download_circle canvas {
  1670. background: #222 !important;
  1671. }
  1672.  
  1673. #flex_menu_toggle.unread #help_icon_circle_count {
  1674. background-color: #bf360c !important;
  1675. color: #fff !important;
  1676. }
  1677.  
  1678. #flex_menu_toggle.open #help_icon_circle_count {
  1679. background-color: #000 !important;
  1680. color: #a1a1a1 !important;
  1681. }
  1682.  
  1683. #canvases_toggle.active, #details_toggle.active, #recent_mentions_toggle.active, #sli_recap_toggle.active, #stars_toggle.active {
  1684. background: #363636 !important;
  1685. color: #a1a1a1 !important;
  1686. }
  1687.  
  1688. #canvases_toggle.active:hover, #details_toggle.active:hover, #recent_mentions_toggle.active:hover, #sli_recap_toggle.active:hover, #stars_toggle.active:hover {
  1689. background: #545454 !important;
  1690. color: #a1a1a1 !important;
  1691. }
  1692.  
  1693. #recent_mentions_toggle:hover {
  1694. color: #bf360c !important;
  1695. }
  1696.  
  1697. #rxn_toast_div {
  1698. background: #000 !important;
  1699. border: 1px solid #545454 !important;
  1700. }
  1701.  
  1702. .presence {
  1703. color: #949494 !important;
  1704. }
  1705.  
  1706. #channel_topic_text {
  1707. background: #222 !important;
  1708. }
  1709.  
  1710. #edit_topic_container:hover {
  1711. overflow: hidden !important;
  1712. }
  1713.  
  1714. #edit_topic_trigger {
  1715. color: #949494 !important;
  1716. }
  1717.  
  1718. .c-message_list__day_divider__label {
  1719. color: #949494 !important;
  1720. }
  1721.  
  1722. .c-message_list__day_divider__label__pill {
  1723. background: #222 !important;
  1724. position: relative !important;
  1725. }
  1726.  
  1727. .c-message_list__day_divider__line {
  1728. border-top-color: #363636 !important;
  1729. }
  1730.  
  1731. .day_divider, .mention_day_container_div .day_divider {
  1732. background: #222 !important;
  1733. color: #949494 !important;
  1734. }
  1735.  
  1736. .day_divider hr, .mention_day_container_div .day_divider hr {
  1737. border-bottom: 0 !important;
  1738. border-top: 1px solid #363636 !important;
  1739. }
  1740.  
  1741. .day_divider .day_divider_label {
  1742. background: #222 !important;
  1743. }
  1744.  
  1745. .day_container .day_msgs {
  1746. border-top: 1px solid #363636 !important;
  1747. }
  1748.  
  1749. .day_container.unread_day_container .day_msgs {
  1750. border-color: #828282 !important;
  1751. }
  1752.  
  1753. .day_container .day_divider {
  1754. background: none !important;
  1755. color: #949494 !important;
  1756. }
  1757.  
  1758. .day_container .day_divider .day_divider_label {
  1759. background: #222 !important;
  1760. }
  1761.  
  1762. .search_form {
  1763. border-color: #545454 !important;
  1764. }
  1765.  
  1766. .search_form .search_input {
  1767. background: transparent !important;
  1768. }
  1769.  
  1770. .search_form:hover {
  1771. border-color: #828282 !important;
  1772. }
  1773.  
  1774. .search_focused .search_form {
  1775. border-color: #828282 !important;
  1776. }
  1777.  
  1778. .search_clear_icon .ts_icon_times_circle {
  1779. color: #949494 !important;
  1780. }
  1781.  
  1782. #search_spinner {
  1783. color: #a1a1a1 !important;
  1784. }
  1785.  
  1786. #search_container .search_input {
  1787. background: transparent !important;
  1788. }
  1789.  
  1790. #search_container .icon_search {
  1791. color: #949494 !important;
  1792. }
  1793.  
  1794. #search_container .icon_close {
  1795. color: #949494 !important;
  1796. }
  1797.  
  1798. #team_filter .icon_search, #team_filter .ts_icon_spinner, #user_group_filter .icon_search, #user_group_filter .ts_icon_spinner, .searchable_member_list_search_bar .icon_search, .searchable_member_list_search_bar .ts_icon_spinner {
  1799. color: #949494 !important;
  1800. }
  1801.  
  1802. #team_filter a.icon_close, #user_group_filter a.icon_close, .searchable_member_list_search_bar a.icon_close {
  1803. color: #949494 !important;
  1804. }
  1805.  
  1806. #team_filter a.icon_close:hover, #user_group_filter a.icon_close:hover, .searchable_member_list_search_bar a.icon_close:hover {
  1807. color: #c7c7c7 !important;
  1808. }
  1809.  
  1810. #msgs_overlay_div {
  1811. background: #222 !important;
  1812. }
  1813.  
  1814. #col_messages {
  1815. box-shadow: inset 1px 0 0 0 #222 !important;
  1816. }
  1817.  
  1818. .c-message:hover .c-message__broadcast_preamble_outer, .c-message:hover .c-message__broadcast_preamble {
  1819. color: #949494 !important;
  1820. }
  1821.  
  1822. .c-message--hover .c-message__broadcast_preamble_outer .c-message--focus .c-message__broadcast_preamble_outer, .c-message--hover .c-message__broadcast_preamble_outer .c-message--focus .c-message__broadcast_preamble, .c-message--hover .c-message__broadcast_preamble .c-message--focus .c-message__broadcast_preamble_outer, .c-message--hover .c-message__broadcast_preamble .c-message--focus .c-message__broadcast_preamble {
  1823. color: #949494 !important;
  1824. }
  1825.  
  1826. .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), .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) {
  1827. background: rgba(0, 0, 0, 0.1) !important;
  1828. }
  1829.  
  1830. .c-message:hover .c-message__body--automated, .c-message--hover .c-message__body--automated .c-message--focus .c-message__body--automated {
  1831. color: #949494 !important;
  1832. }
  1833.  
  1834. .c-message:hover .c-message__file_meta, .c-message--hover .c-message__file_meta .c-message--focus .c-message__file_meta {
  1835. color: #949494 !important;
  1836. }
  1837.  
  1838. .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) {
  1839. background: rgba(0, 0, 0, 0.1) !important;
  1840. }
  1841.  
  1842. .c-message--pinned, .c-message--sli_highlight:not(.c-message--sli_highlight_negative), .c-message--starred {
  1843. background: rgba(0, 0, 0, 0.2) !important;
  1844. }
  1845.  
  1846. .c-message--custom_response {
  1847. background: rgba(0, 0, 0, 0.15) !important;
  1848. }
  1849.  
  1850. .c-message--sli_highlight_negative, .c-message--ephemeral {
  1851. background: rgba(0, 0, 0, 0.1) !important;
  1852. }
  1853.  
  1854. .c-message--pinned .c-message__label__icon {
  1855. color: #bf360c !important;
  1856. }
  1857.  
  1858. .c-message--custom_response .c-message__label__icon, .c-message--sli_highlight .c-message__label__icon {
  1859. color: #a1a1a1 !important;
  1860. }
  1861.  
  1862. .c-message--sli_highlight .c-message__label .c-mrkdwn__member--link, .c-message--sli_highlight .c-message__label .c-mrkdwn__channel.internal_channel_link {
  1863. color: #949494 !important;
  1864. }
  1865.  
  1866. .c-message--sli_highlight_negative .c-message__label {
  1867. background: rgba(0, 0, 0, 0.1) !important;
  1868. }
  1869.  
  1870. .c-message--resend .c-message__body {
  1871. color: #949494 !important;
  1872. }
  1873.  
  1874. .c-message--deleting {
  1875. background: rgba(191, 54, 12, 0.6) !important;
  1876. }
  1877.  
  1878. .c-message--standalone {
  1879. border-color: rgba(84, 84, 84, 0.1) !important;
  1880. }
  1881.  
  1882. .c-message--unprocessed .c-message__body {
  1883. animation: to-grey 50ms linear 10s forwards !important;
  1884. }
  1885.  
  1886. .c-message__broadcast_preamble_outer, .c-message__broadcast_preamble {
  1887. color: #949494 !important;
  1888. }
  1889.  
  1890. .c-message__sender {
  1891. color: #a1a1a1 !important;
  1892. }
  1893.  
  1894. .c-message__sender a {
  1895. color: #a1a1a1 !important;
  1896. }
  1897.  
  1898. .c-message__sender .c-emoji__text_mode_icon {
  1899. color: #949494 !important;
  1900. }
  1901.  
  1902. .c-message__body {
  1903. color: #a1a1a1 !important;
  1904. }
  1905.  
  1906. .c-message__body--unknown {
  1907. background: rgba(84, 84, 84, 0.1) !important;
  1908. }
  1909.  
  1910. .c-message__body--automated {
  1911. color: #949494 !important;
  1912. }
  1913.  
  1914. .c-message__body--tombstone {
  1915. color: #949494 !important;
  1916. }
  1917.  
  1918. .c-message__body .c-mrkdwn__mention, .c-message__body .c-mrkdwn__broadcast--mention {
  1919. color: #949494 !important;
  1920. }
  1921.  
  1922. .c-message__label {
  1923. color: #949494 !important;
  1924. }
  1925.  
  1926. .c-message__label__highlight_title {
  1927. color: #a1a1a1 !important;
  1928. }
  1929.  
  1930. .c-message__label__highlight_positive, .c-message__label__highlight_negative {
  1931. color: #949494 !important;
  1932. }
  1933.  
  1934. .c-message__label__highlight_positive--active, .c-message__label__highlight_negative--active {
  1935. color: #a1a1a1 !important;
  1936. }
  1937.  
  1938. .c-message__resend_controls {
  1939. color: #949494 !important;
  1940. }
  1941.  
  1942. .c-message__resend_column {
  1943. background-color: rgba(84, 84, 84, 0.1) !important;
  1944. }
  1945.  
  1946. .c-message__resend, .c-message__cancel {
  1947. color: #a1a1a1 !important;
  1948. }
  1949.  
  1950. .c-message__edited_label {
  1951. color: #949494 !important;
  1952. }
  1953.  
  1954. .c-message__tombstone_icon {
  1955. background: rgba(84, 84, 84, 0.1) !important;
  1956. color: #949494 !important;
  1957. }
  1958.  
  1959. .c-message__bot_label {
  1960. background: rgba(84, 84, 84, 0.1) !important;
  1961. color: #949494 !important;
  1962. }
  1963.  
  1964. .c-message__comment:before {
  1965. color: #949494 !important;
  1966. }
  1967.  
  1968. .c-message__call_attachment {
  1969. background: #222 !important;
  1970. border-color: rgba(84, 84, 84, 0.1) !important;
  1971. }
  1972.  
  1973. .c-message__call_icon {
  1974. color: #a1a1a1 !important;
  1975. }
  1976.  
  1977. .c-message__call--ended .c-message__call_icon {
  1978. color: #949494 !important;
  1979. }
  1980.  
  1981. .c-message__call_info {
  1982. color: #a1a1a1 !important;
  1983. }
  1984.  
  1985. .c-message__call_name--linked {
  1986. color: #a1a1a1 !important;
  1987. }
  1988.  
  1989. .c-message__call_name + .c-message__call_description::before {
  1990. color: #949494 !important;
  1991. }
  1992.  
  1993. .c-message__call_sub {
  1994. color: #949494 !important;
  1995. }
  1996.  
  1997. .c-message_actions__container {
  1998. background: #222 !important;
  1999. border-color: #363636 !important;
  2000. }
  2001.  
  2002. .c-message_actions__container:hover {
  2003. border-color: #545454 !important;
  2004. box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25) !important;
  2005. }
  2006.  
  2007. .c-message_actions__button {
  2008. border-right-color: #363636 !important;
  2009. color: #949494 !important;
  2010. }
  2011.  
  2012. .c-message_actions__button:hover {
  2013. color: #a1a1a1 !important;
  2014. }
  2015.  
  2016. .c-message_actions__button:active {
  2017. background: #363636 !important;
  2018. }
  2019.  
  2020. .c-message_group {
  2021. background-color: #222 !important;
  2022. border-color: #363636 !important;
  2023. }
  2024.  
  2025. .c-message_group:hover .c-message_group__header {
  2026. color: #949494 !important;
  2027. }
  2028.  
  2029. .c-message_group__header {
  2030. color: #a1a1a1 !important;
  2031. }
  2032.  
  2033. .c-message_group__divider_text {
  2034. background-color: #222 !important;
  2035. color: #a1a1a1 !important;
  2036. }
  2037.  
  2038. .c-message_list__unread_divider__separator {
  2039. border-color: #545454 !important;
  2040. }
  2041.  
  2042. .c-message_list__unread_divider__label {
  2043. background: #222 !important;
  2044. box-shadow: 0 0 2px rgba(0, 0, 0, 0.25) !important;
  2045. color: #545454 !important;
  2046. }
  2047.  
  2048. .c-message_list__spinner {
  2049. color: #949494 !important;
  2050. }
  2051.  
  2052. .c-message_list .c-scrollbar__bar {
  2053. background: #424242 !important;
  2054. }
  2055.  
  2056. .c-virtual_list__item--focus:focus .c-message_list__focus_indicator {
  2057. box-shadow: inset 0 0 0 3px rgba(130, 130, 130, 0.8) !important;
  2058. }
  2059.  
  2060. ts-message {
  2061. color: #a1a1a1 !important;
  2062. }
  2063.  
  2064. ts-message.active:not(.standalone):not(.multi_delete_mode):not(.highlight):not(.new_reply), ts-message.message--focus:not(.standalone):not(.multi_delete_mode):not(.highlight):not(.new_reply), ts-message:hover:not(.standalone):not(.multi_delete_mode):not(.highlight):not(.new_reply) {
  2065. background: rgba(0, 0, 0, 0.1) !important;
  2066. box-shadow: inset 1px 0 0 0 #222 !important;
  2067. }
  2068.  
  2069. ts-message.active:not(.standalone):not(.multi_delete_mode):not(.highlight):not(.new_reply).is_pinned, ts-message.active:not(.standalone):not(.multi_delete_mode):not(.highlight):not(.new_reply).show_recap:not(.is_pinned), ts-message.message--focus:not(.standalone):not(.multi_delete_mode):not(.highlight):not(.new_reply).is_pinned, ts-message.message--focus:not(.standalone):not(.multi_delete_mode):not(.highlight):not(.new_reply).show_recap:not(.is_pinned), ts-message:hover:not(.standalone):not(.multi_delete_mode):not(.highlight):not(.new_reply).is_pinned, ts-message:hover:not(.standalone):not(.multi_delete_mode):not(.highlight):not(.new_reply).show_recap:not(.is_pinned) {
  2070. background: rgba(0, 0, 0, 0.2) !important;
  2071. }
  2072.  
  2073. ts-message.active .edited, ts-message.active .reply_bar .last_reply_at, ts-message.active .timestamp, ts-message.active.automated .message_body, ts-message.message--focus .edited, ts-message.message--focus .reply_bar .last_reply_at, ts-message.message--focus .timestamp, ts-message.message--focus.automated .message_body, ts-message:hover .edited, ts-message:hover .reply_bar .last_reply_at, ts-message:hover .timestamp, ts-message:hover.automated .message_body {
  2074. color: #949494 !important;
  2075. }
  2076.  
  2077. ts-message.active .meta, ts-message.message--focus .meta, ts-message:hover .meta {
  2078. color: #949494 !important;
  2079. }
  2080.  
  2081. ts-message.active .meta.msg_inline_file_preview_toggler a, ts-message.message--focus .meta.msg_inline_file_preview_toggler a, ts-message:hover .meta.msg_inline_file_preview_toggler a {
  2082. color: #949494 !important;
  2083. }
  2084.  
  2085. ts-message.is_pinned {
  2086. background: rgba(0, 0, 0, 0.15) !important;
  2087. }
  2088.  
  2089. ts-message .timestamp {
  2090. color: #949494 !important;
  2091. }
  2092.  
  2093. ts-message .temp_msg_controls {
  2094. color: #949494 !important;
  2095. }
  2096.  
  2097. ts-message .edited {
  2098. color: rgba(148, 148, 148, 0.8) !important;
  2099. }
  2100.  
  2101. ts-message:hover .edited {
  2102. color: #949494 !important;
  2103. }
  2104.  
  2105. ts-message .only_visible_to_user {
  2106. color: #949494 !important;
  2107. }
  2108.  
  2109. ts-message.ephemeral {
  2110. color: #a1a1a1 !important;
  2111. }
  2112.  
  2113. ts-message .bot_label {
  2114. background: #000 !important;
  2115. color: #949494 !important;
  2116. }
  2117.  
  2118. ts-message .in_reply_to {
  2119. background: #000 !important;
  2120. color: #949494 !important;
  2121. }
  2122.  
  2123. ts-message.standalone:not(.for_mention_display):not(.for_search_display):not(.for_top_results_search_display):not(.for_star_display) {
  2124. border: 1px solid #363636 !important;
  2125. }
  2126.  
  2127. ts-message.unprocessed {
  2128. color: rgba(230, 230, 230, 0.75) !important;
  2129. }
  2130.  
  2131. ts-message.highlight {
  2132. background: rgba(191, 54, 12, 0.4) !important;
  2133. }
  2134.  
  2135. ts-message.highlight:hover {
  2136. background: rgba(191, 54, 12, 0.4) !important;
  2137. }
  2138.  
  2139. ts-message .is_highlights_holder {
  2140. color: #949494 !important;
  2141. }
  2142.  
  2143. ts-message .is_highlights_holder ts-icon {
  2144. color: #949494 !important;
  2145. }
  2146.  
  2147. ts-message .is_highlights_holder .highlights_feedback_link {
  2148. color: #949494 !important;
  2149. }
  2150.  
  2151. ts-message .is_highlights_holder .highlights_feedback a:not(.highlights_feedback_link) {
  2152. color: #a1a1a1 !important;
  2153. }
  2154.  
  2155. ts-message .recap_highlight {
  2156. background: rgba(191, 54, 12, 0.4) !important;
  2157. }
  2158.  
  2159. ts-message .recap_highlight a {
  2160. color: #a1a1a1 !important;
  2161. }
  2162.  
  2163. ts-message.delete_mode, ts-message.multi_delete_mode {
  2164. background: rgba(191, 54, 12, 0.75) !important;
  2165. }
  2166.  
  2167. ts-message.automated .message_body {
  2168. color: rgba(230, 230, 230, 0.8) !important;
  2169. }
  2170.  
  2171. ts-message .action_hover_container {
  2172. border: 1px solid #363636 !important;
  2173. }
  2174.  
  2175. ts-message .action_hover_container:hover {
  2176. border-color: #545454 !important;
  2177. box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25) !important;
  2178. }
  2179.  
  2180. ts-message .action_hover_container:hover a {
  2181. background: #363636 !important;
  2182. border-right: 1px solid #545454 !important;
  2183. }
  2184.  
  2185. ts-message .action_hover_container .btn_msg_action {
  2186. background: #222 !important;
  2187. border-right: 1px solid #363636 !important;
  2188. color: #949494 !important;
  2189. }
  2190.  
  2191. ts-message .action_hover_container .btn_msg_action:hover {
  2192. color: #a1a1a1 !important;
  2193. }
  2194.  
  2195. ts-message .action_hover_container .btn_msg_action.active, ts-message .action_hover_container .btn_msg_action:active {
  2196. background: #363636 !important;
  2197. color: #a1a1a1 !important;
  2198. }
  2199.  
  2200. ts-message.selected {
  2201. background: #222 !important;
  2202. }
  2203.  
  2204. ts-message.selected:not(.delete_mode) {
  2205. background: #222 !important;
  2206. }
  2207.  
  2208. ts-message.selected:hover {
  2209. background: rgba(0, 0, 0, 0.15) !important;
  2210. }
  2211.  
  2212. ts-message .meta {
  2213. color: #949494 !important;
  2214. }
  2215.  
  2216. ts-message .meta.msg_inline_img_toggler .member, ts-message .meta.msg_inline_img_toggler .service_link, ts-message .meta.msg_inline_file_preview_toggler .member, ts-message .meta.msg_inline_file_preview_toggler .service_link {
  2217. color: #949494 !important;
  2218. }
  2219.  
  2220. ts-message .meta.msg_inline_img_toggler .msg_inline_media_toggler, ts-message .meta.msg_inline_img_toggler .ts_icon_dropbox, ts-message .meta.msg_inline_img_toggler a, ts-message .meta.msg_inline_file_preview_toggler .msg_inline_media_toggler, ts-message .meta.msg_inline_file_preview_toggler .ts_icon_dropbox, ts-message .meta.msg_inline_file_preview_toggler a {
  2221. color: #949494 !important;
  2222. }
  2223.  
  2224. ts-message .pinned_item_message_header {
  2225. color: #949494 !important;
  2226. }
  2227.  
  2228. ts-message .mention {
  2229. background: #828282 !important;
  2230. color: #a1a1a1 !important;
  2231. }
  2232.  
  2233. ts-message .internal_member_link {
  2234. background: #222 !important;
  2235. border: 0 !important;
  2236. color: #949494 !important;
  2237. }
  2238.  
  2239. ts-message .internal_member_link:hover {
  2240. color: #c7c7c7 !important;
  2241. }
  2242.  
  2243. ts-message.show_recap:not(.is_pinned) {
  2244. background: rgba(0, 0, 0, 0.15) !important;
  2245. }
  2246.  
  2247. ts-message.show_recap:not(.is_pinned):hover {
  2248. background: rgba(0, 0, 0, 0.15) !important;
  2249. }
  2250.  
  2251. .ephemeral.message .message_content {
  2252. color: #a1a1a1 !important;
  2253. }
  2254.  
  2255. ts-mention {
  2256. background: rgba(130, 130, 130, 0.1) !important;
  2257. color: #a1a1a1 !important;
  2258. }
  2259.  
  2260. .selecting_messages ts-message:hover {
  2261. background: #000 !important;
  2262. }
  2263.  
  2264. .selecting_messages ts-message.multi_delete_mode:hover {
  2265. background: rgba(191, 54, 12, 0.75) !important;
  2266. }
  2267.  
  2268. #convo_container {
  2269. background-color: #222 !important;
  2270. }
  2271.  
  2272. #convo_container #message_edit_container {
  2273. border-bottom: 1px solid #545454 !important;
  2274. border-top: 1px solid #545454 !important;
  2275. }
  2276.  
  2277. #convo_container ts-conversation::after {
  2278. background: rgba(0, 0, 0, 0.08) !important;
  2279. background: -webkit-gradient(linear, left bottom, left top, color-stop(0, transparent), color-stop(1, rgba(0, 0, 0, 0.08))) !important;
  2280. background: -moz-linear-gradient(center bottom, transparent 0, rgba(0, 0, 0, 0.08) 100%) !important;
  2281. }
  2282.  
  2283. #convo_container ts-conversation::before {
  2284. background: transparent !important;
  2285. background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.08)), color-stop(1, transparent)) !important;
  2286. background: -moz-linear-gradient(center bottom, rgba(0, 0, 0, 0.08) 0, transparent 100%) !important;
  2287. }
  2288.  
  2289. #convo_container ts-conversation ts-message.selected {
  2290. background: #222 !important;
  2291. }
  2292.  
  2293. #convo_container ts-conversation ts-relatives::after {
  2294. background: #545454 !important;
  2295. }
  2296.  
  2297. #convo_container ts-conversation ts-relatives ts-message.deleted .message_icon i {
  2298. background-color: #545454 !important;
  2299. color: #949494 !important;
  2300. }
  2301.  
  2302. #convo_container ts-conversation ts-relatives ts-message.deleted .message_content {
  2303. color: #a1a1a1 !important;
  2304. }
  2305.  
  2306. #convo_container ts-conversation ts-relatives ts-message:not(.selected):not(.highlight):not(.delete_mode) {
  2307. background-color: #222 !important;
  2308. }
  2309.  
  2310. #convo_container ts-conversation ts-relatives ts-message:not(.selected):not(.highlight):not(.delete_mode).new {
  2311. background-color: #2f2f2f !important;
  2312. }
  2313.  
  2314. #msgs_div .unread_divider hr {
  2315. border-top: 1px solid #545454 !important;
  2316. }
  2317.  
  2318. #msgs_div .unread_divider .divider_label {
  2319. background: #222 !important;
  2320. color: #545454 !important;
  2321. }
  2322.  
  2323. #msgs_div .unread_divider.no_unreads hr {
  2324. border-top-color: #363636 !important;
  2325. }
  2326.  
  2327. #msgs_div .unread_divider.no_unreads .divider_label {
  2328. color: #949494 !important;
  2329. }
  2330.  
  2331. .channel_archive_messages.card .col:first-child {
  2332. border-right: 1px solid #545454 !important;
  2333. }
  2334.  
  2335. .star {
  2336. color: #949494 !important;
  2337. }
  2338.  
  2339. .star_item {
  2340. border-bottom: 1px solid #000 !important;
  2341. }
  2342.  
  2343. .star_item .star_meta {
  2344. color: #949494 !important;
  2345. }
  2346.  
  2347. .bot_message .message_sender {
  2348. color: #a1a1a1 !important;
  2349. }
  2350.  
  2351. .bot_message .message_sender a {
  2352. color: #a1a1a1 !important;
  2353. }
  2354.  
  2355. .color_USLACKBOT:not(.nuc), #col_channels ul li:not(.active):not(.away) > .color_USLACKBOT:not(.nuc), #col_channels:not(.show_presence) ul li > .color_USLACKBOT:not(.nuc) {
  2356. color: #a1a1a1 !important;
  2357. }
  2358.  
  2359. #msgs_scroller_div #end_display_div #end_display_status {
  2360. color: #949494 !important;
  2361. }
  2362.  
  2363. #msgs_scroller_div #end_display_div #end_display_meta {
  2364. color: #949494 !important;
  2365. }
  2366.  
  2367. #msgs_scroller_div #end_display_div #end_display_meta h1 {
  2368. color: #a1a1a1 !important;
  2369. }
  2370.  
  2371. #msgs_scroller_div #end_display_div p {
  2372. color: #a1a1a1 !important;
  2373. }
  2374.  
  2375. .member_mentions_options {
  2376. background-color: #000 !important;
  2377. border-top: 1px solid #363636 !important;
  2378. }
  2379.  
  2380. .dm_badge .dm_badge_meta {
  2381. color: #a1a1a1 !important;
  2382. }
  2383.  
  2384. .dm_badge a {
  2385. color: #949494 !important;
  2386. }
  2387.  
  2388. .dm_badge a.member_preview_link {
  2389. color: #949494 !important;
  2390. }
  2391.  
  2392. .dm_badge .dm_badge:hover a {
  2393. color: #949494 !important;
  2394. }
  2395.  
  2396. .dm_badge .hint {
  2397. color: #949494 !important;
  2398. }
  2399.  
  2400. #toggle-subscription-status .subscription_desc {
  2401. color: #949494 !important;
  2402. }
  2403.  
  2404. .bot_label {
  2405. background: #000 !important;
  2406. color: #949494 !important;
  2407. }
  2408.  
  2409. @keyframes to-grey {
  2410. 0% {
  2411. color: inherit !important;
  2412. }
  2413.  
  2414. 100% {
  2415. color: #949494 !important;
  2416. }
  2417. }
  2418.  
  2419. @keyframes fade-background-highlight {
  2420. 0% {
  2421. background: #545454 !important;
  2422. }
  2423.  
  2424. 100% {
  2425. background: transparent !important;
  2426. }
  2427. }
  2428.  
  2429. @keyframes border_focus_animation {
  2430. 0% {
  2431. box-shadow: 0 0 4px 0.25px #545454, 0 0 0 0.5px #828282 !important;
  2432. }
  2433.  
  2434. 100% {
  2435. box-shadow: 0 0 4px 0 #545454, 0 0 0 0 #828282 !important;
  2436. }
  2437. }
  2438.  
  2439. .c-message_attachment {
  2440. color: #a1a1a1 !important;
  2441. }
  2442.  
  2443. .c-message_attachment__border {
  2444. background-color: #545454 !important;
  2445. }
  2446.  
  2447. .c-message_attachment__delete {
  2448. color: #949494 !important;
  2449. }
  2450.  
  2451. .c-message_attachment__delete:hover {
  2452. color: #c7c7c7 !important;
  2453. }
  2454.  
  2455. .c-message_attachment__pretext {
  2456. color: #a1a1a1 !important;
  2457. }
  2458.  
  2459. .c-message_attachment__part + .c-message_attachment__part::before {
  2460. color: #545454 !important;
  2461. }
  2462.  
  2463. .c-message_attachment__author .c-message_attachment__autor--distinct {
  2464. color: #949494 !important;
  2465. }
  2466.  
  2467. .c-message_attachment__author_link + .c-message_attachment__author_link {
  2468. color: #949494 !important;
  2469. }
  2470.  
  2471. .c-message_attachment__title_link span {
  2472. color: #a1a1a1 !important;
  2473. }
  2474.  
  2475. .c-message_attachment__text_expander {
  2476. color: #949494 !important;
  2477. }
  2478.  
  2479. .c-message_attachment__footer {
  2480. color: #949494 !important;
  2481. }
  2482.  
  2483. .c-message_attachment__image, .c-message_attachment__thumb, .c-message_attachment__video_thumb {
  2484. box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset !important;
  2485. }
  2486.  
  2487. .c-message_attachment__video_html {
  2488. background-color: rgba(34, 34, 34, 0.4) !important;
  2489. }
  2490.  
  2491. .c-message_attachment__video_buttons {
  2492. background: rgba(0, 0, 0, 0.4) !important;
  2493. }
  2494.  
  2495. .c-message_attachment__video_link:visited, .c-message_attachment__video_link:link {
  2496. color: #a1a1a1 !important;
  2497. }
  2498.  
  2499. .c-message_attachment__video_play, .c-message_attachment__video_link {
  2500. color: #a1a1a1 !important;
  2501. text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) !important;
  2502. }
  2503.  
  2504. .c-message_attachment__video_play:hover, .c-message_attachment__video_link:hover {
  2505. color: #a1a1a1 !important;
  2506. }
  2507.  
  2508. .c-message_attachment__media_trigger .c-expandable_trigger {
  2509. color: #949494 !important;
  2510. }
  2511.  
  2512. .c-message_attachment__media_trigger--too_large {
  2513. color: #949494 !important;
  2514. }
  2515.  
  2516. .c-message_attachment__select {
  2517. border-color: #000 !important;
  2518. }
  2519.  
  2520. .c-message_attachment__select:hover, .c-message_attachment__select:active {
  2521. border-color: #545454 !important;
  2522. }
  2523.  
  2524. .c-message__reply_bar:hover, .c-message__reply_bar--focus {
  2525. background-color: #222 !important;
  2526. border-color: #000 !important;
  2527. }
  2528.  
  2529. .c-message__reply_bar:hover .c-message__reply_bar_arrow, .c-message__reply_bar--focus .c-message__reply_bar_arrow {
  2530. color: #949494 !important;
  2531. }
  2532.  
  2533. .c-message__reply_bar:hover .c-message__reply_bar_view_thread, .c-message__reply_bar--focus .c-message__reply_bar_view_thread {
  2534. background-color: #545454 !important;
  2535. }
  2536.  
  2537. .c-message__reply_bar_description {
  2538. color: #949494 !important;
  2539. }
  2540.  
  2541. .c-message__file_meta {
  2542. color: #949494 !important;
  2543. }
  2544.  
  2545. .c-message__image_container {
  2546. background: rgba(0, 0, 0, 0.1) !important;
  2547. }
  2548.  
  2549. .c-message__image_wrapper:after {
  2550. border-color: transparent !important;
  2551. }
  2552.  
  2553. .attachment_group.has_container {
  2554. background: #222 !important;
  2555. border: 1px solid #363636 !important;
  2556. }
  2557.  
  2558. .attachment_group.has_container .inline_attachment::after {
  2559. background-color: #363636 !important;
  2560. }
  2561.  
  2562. .attachment_group.has_container.has_link:hover {
  2563. border-bottom-color: #363636 !important;
  2564. border-left-color: #363636 !important;
  2565. border-right-color: #363636 !important;
  2566. box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) !important;
  2567. }
  2568.  
  2569. .attachment_group .media_caret {
  2570. color: #949494 !important;
  2571. }
  2572.  
  2573. .attachment_group .attachment_source span {
  2574. color: #949494 !important;
  2575. }
  2576.  
  2577. .attachment_group .attachment_source .attachment_source_name + .attachment_author_name::before {
  2578. color: #949494 !important;
  2579. }
  2580.  
  2581. .attachment_group .inline_attachment.reply_broadcast + .attachment_rule {
  2582. color: #949494 !important;
  2583. }
  2584.  
  2585. .attachment_group .inline_attachment.reply_broadcast + .attachment_rule::after {
  2586. border-bottom: 1px solid #363636 !important;
  2587. }
  2588.  
  2589. .attachment_group .inline_attachment.message_unfurl .attachment_source .attachment_source_name a, .attachment_group .inline_attachment.message_unfurl .attachment_source .attachment_source_name span {
  2590. color: #949494 !important;
  2591. }
  2592.  
  2593. .attachment_group .attachment_title a {
  2594. color: #a1a1a1 !important;
  2595. }
  2596.  
  2597. .attachment_group .attachment_footer_text + .attachment_ts::before {
  2598. color: #949494 !important;
  2599. }
  2600.  
  2601. .attachment_group .delete_attachment_link ts-icon::before {
  2602. color: #949494 !important;
  2603. }
  2604.  
  2605. .attachment_group .delete_attachment_link:hover ts-icon::before {
  2606. color: #c7c7c7 !important;
  2607. }
  2608.  
  2609. .attachment_still_pending ts-inline-saver {
  2610. color: #949494 !important;
  2611. }
  2612.  
  2613. .msg_inline_attachment_column.column_border {
  2614. background-color: #545454 !important;
  2615. }
  2616.  
  2617. .msg_inline_img_holder .msg_inline_img {
  2618. box-shadow: inset 0 0 0 1px #000 !important;
  2619. }
  2620.  
  2621. .msg_inline_attachment_collapser, .msg_inline_attachment_expander, .msg_inline_img_collapser, .msg_inline_img_expander, .msg_inline_media_toggler, .msg_inline_room_preview_collapser, .msg_inline_room_preview_expander {
  2622. color: #949494 !important;
  2623. }
  2624.  
  2625. .msg_inline_attachment_collapser:hover, .msg_inline_attachment_expander:hover, .msg_inline_img_collapser:hover, .msg_inline_img_expander:hover, .msg_inline_media_toggler:hover, .msg_inline_room_preview_collapser:hover, .msg_inline_room_preview_expander:hover {
  2626. color: #c7c7c7 !important;
  2627. }
  2628.  
  2629. .msg_inline_img {
  2630. background: #545454 !important;
  2631. }
  2632.  
  2633. .msg_inline_room_preview_collapser {
  2634. color: #949494 !important;
  2635. }
  2636.  
  2637. .msg_inline_room_preview_collapser:hover {
  2638. color: #949494 !important;
  2639. }
  2640.  
  2641. .inline_attachment span.attachment_author_name {
  2642. color: #949494 !important;
  2643. }
  2644.  
  2645. .inline_attachment span.attachment_author_subname, .inline_attachment span.attachment_service_name {
  2646. color: #949494 !important;
  2647. }
  2648.  
  2649. .inline_attachment a span:active, .inline_attachment a span:hover {
  2650. color: #c7c7c7 !important;
  2651. }
  2652.  
  2653. .inline_attachment .attachment_footer, .inline_attachment .attachment_ts {
  2654. color: #949494 !important;
  2655. }
  2656.  
  2657. .inline_attachment .attachment_footer a, .inline_attachment .attachment_ts a {
  2658. color: #949494 !important;
  2659. }
  2660.  
  2661. .inline_attachment .attachment_footer a:active, .inline_attachment .attachment_footer a:hover {
  2662. color: #c7c7c7 !important;
  2663. }
  2664.  
  2665. .inline_attachment .attachment_ts a:active, .inline_attachment .attachment_ts a:hover {
  2666. color: #c7c7c7 !important;
  2667. }
  2668.  
  2669. .inline_attachment .iframe_placeholder, .inline_attachment iframe {
  2670. background-color: #000 !important;
  2671. }
  2672.  
  2673. .meta.msg_inline_file_preview_toggler, .meta.msg_inline_img_toggler, .dense_meta.msg_inline_file_preview_toggler, .dense_meta.msg_inline_img_toggler {
  2674. color: #949494 !important;
  2675. }
  2676.  
  2677. .meta.msg_inline_file_preview_toggler a[data-file-id], .meta.msg_inline_img_toggler a[data-file-id], .dense_meta.msg_inline_file_preview_toggler a[data-file-id], .dense_meta.msg_inline_img_toggler a[data-file-id] {
  2678. color: #949494 !important;
  2679. }
  2680.  
  2681. .meta.msg_inline_file_preview_toggler:hover, .meta.msg_inline_img_toggler:hover, .dense_meta.msg_inline_file_preview_toggler:hover, .dense_meta.msg_inline_img_toggler:hover {
  2682. color: #c7c7c7 !important;
  2683. }
  2684.  
  2685. .meta.msg_inline_file_preview_toggler:hover a[data-file-id], .meta.msg_inline_img_toggler:hover a[data-file-id], .dense_meta.msg_inline_file_preview_toggler:hover a[data-file-id], .dense_meta.msg_inline_img_toggler:hover a[data-file-id] {
  2686. color: #c7c7c7 !important;
  2687. }
  2688.  
  2689. .meta.msg_inline_file_preview_toggler .msg_inline_file_preview_title, .meta.msg_inline_img_toggler .msg_inline_file_preview_title, .dense_meta.msg_inline_file_preview_toggler .msg_inline_file_preview_title, .dense_meta.msg_inline_img_toggler .msg_inline_file_preview_title {
  2690. color: #a1a1a1 !important;
  2691. }
  2692.  
  2693. .meta.msg_inline_file_preview_toggler .msg_inline_file_preview_title:hover, .meta.msg_inline_img_toggler .msg_inline_file_preview_title:hover, .dense_meta.msg_inline_file_preview_toggler .msg_inline_file_preview_title:hover, .dense_meta.msg_inline_img_toggler .msg_inline_file_preview_title:hover {
  2694. color: #949494 !important;
  2695. }
  2696.  
  2697. .meta.msg_inline_file_preview_toggler .ts_icon.msg_inline_media_toggler:hover, .meta.msg_inline_img_toggler .ts_icon.msg_inline_media_toggler:hover, .dense_meta.msg_inline_file_preview_toggler .ts_icon.msg_inline_media_toggler:hover, .dense_meta.msg_inline_img_toggler .ts_icon.msg_inline_media_toggler:hover {
  2698. color: #c7c7c7 !important;
  2699. }
  2700.  
  2701. .meta.meta_feature_fix_files .file_new_window_link:hover, .dense_meta.meta_feature_fix_files .file_new_window_link:hover {
  2702. color: #c7c7c7 !important;
  2703. }
  2704.  
  2705. .meta.meta_feature_fix_files .file_new_window_link:hover .file_inline_icon, .dense_meta.meta_feature_fix_files .file_new_window_link:hover .file_inline_icon {
  2706. color: #c7c7c7 !important;
  2707. }
  2708.  
  2709. .meta.meta_feature_fix_files .member, .dense_meta.meta_feature_fix_files .member {
  2710. color: #949494 !important;
  2711. }
  2712.  
  2713. .delete_attachment_link {
  2714. color: #949494 !important;
  2715. }
  2716.  
  2717. .delete_attachment_link:hover {
  2718. color: #c7c7c7 !important;
  2719. }
  2720.  
  2721. .file_container {
  2722. background: #000 !important;
  2723. border: 1px solid #363636 !important;
  2724. color: #a1a1a1 !important;
  2725. }
  2726.  
  2727. .file_container:hover, .file_container:focus, .file_container.file_menu_open {
  2728. border-bottom-color: #363636 !important;
  2729. border-left-color: #363636 !important;
  2730. border-right-color: #363636 !important;
  2731. }
  2732.  
  2733. .file_container::after, .file_container.post_container::after {
  2734. background-image: -webkit-linear-gradient(top, rgba(34, 34, 34, 0) 0, #222 100%) !important;
  2735. background-image: -moz-linear-gradient(top, rgba(34, 34, 34, 0) 0, #222 100%) !important;
  2736. background-image: -o-linear-gradient(top, rgba(34, 34, 34, 0) 0, #222 100%) !important;
  2737. background-image: linear-gradient(top, rgba(34, 34, 34, 0) 0, #222 100%) !important;
  2738. }
  2739.  
  2740. .file_container.generic_container .file_header_icon .ts_icon {
  2741. background: #222 !important;
  2742. box-shadow: 0 0 0 3px #222 !important;
  2743. color: #a1a1a1 !important;
  2744. }
  2745.  
  2746. .file_container.generic_container .file_header_icon .ts_icon.snippet {
  2747. background: #363636 !important;
  2748. }
  2749.  
  2750. .file_container.generic_container .file_header_meta .meta_hover {
  2751. background: #000 !important;
  2752. color: #a1a1a1 !important;
  2753. }
  2754.  
  2755. .file_container .file_header .file_header_meta {
  2756. color: #949494 !important;
  2757. }
  2758.  
  2759. .file_container .file_header + .file_body {
  2760. border-top: 1px solid #000 !important;
  2761. }
  2762.  
  2763. .file_container .preview_actions .btn {
  2764. background-color: #363636 !important;
  2765. color: #a1a1a1 !important;
  2766. }
  2767.  
  2768. .file_container .preview_actions .btn::after {
  2769. border-color: #000 !important;
  2770. }
  2771.  
  2772. .file_container .preview_actions .btn.preview_show_less_header {
  2773. background-color: rgba(130, 130, 130, 0.9) !important;
  2774. color: #a1a1a1 !important;
  2775. }
  2776.  
  2777. .file_container .preview_actions .btn.preview_show_less_header::after {
  2778. border: 2px solid #000 !important;
  2779. }
  2780.  
  2781. .file_container .preview_actions .btn.preview_show_less_header:focus, .file_container .preview_actions .btn.preview_show_less_header:hover {
  2782. background-color: #363636 !important;
  2783. }
  2784.  
  2785. .file_container .preview_actions .btn.preview_show_less_header:focus::after, .file_container .preview_actions .btn.preview_show_less_header:hover::after {
  2786. border-color: #363636 !important;
  2787. }
  2788.  
  2789. .file_container.image_container .image_body {
  2790. background-color: #222 !important;
  2791. }
  2792.  
  2793. .file_container.image_container .preview_actions .btn {
  2794. background-color: rgba(130, 130, 130, 0.9) !important;
  2795. }
  2796.  
  2797. .file_container.image_container .preview_actions .btn:focus, .file_container.image_container .preview_actions .btn:hover {
  2798. background-color: #363636 !important;
  2799. }
  2800.  
  2801. .file_container.image_container .preview_actions.overflow_preview_actions {
  2802. background: rgba(130, 130, 130, 0.9) !important;
  2803. border: 1px solid rgba(0, 0, 0, 0.1) !important;
  2804. }
  2805.  
  2806. .file_container .preview_show .preview_show_btn {
  2807. background: linear-gradient(rgba(84, 84, 84, 0.8), rgba(84, 84, 84, 0.8)), linear-gradient(rgba(130, 130, 130, 0.3), rgba(130, 130, 130, 0.3)) !important;
  2808. color: #a1a1a1 !important;
  2809. }
  2810.  
  2811. .file_container.file_menu_open .preview_show_less .preview_show_btn, .file_container:focus .preview_show_less .preview_show_btn, .file_container:hover .preview_show_less .preview_show_btn {
  2812. background: rgba(84, 84, 84, 0.8) !important;
  2813. color: #a1a1a1 !important;
  2814. }
  2815.  
  2816. .message--focus .file_container .preview_show.preview_show_less .preview_show_btn {
  2817. background: #545454 !important;
  2818. color: #a1a1a1 !important;
  2819. }
  2820.  
  2821. .msg_inline_video_buttons_div {
  2822. background-color: rgba(34, 34, 34, 0.4) !important;
  2823. }
  2824.  
  2825. .msg_inline_video_buttons_div a {
  2826. color: #a1a1a1 !important;
  2827. text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) !important;
  2828. }
  2829.  
  2830. .msg_inline_video_buttons_div a:visited {
  2831. color: #a1a1a1 !important;
  2832. text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) !important;
  2833. }
  2834.  
  2835. .post_body ul.checklist {
  2836. background-color: #363636 !important;
  2837. }
  2838.  
  2839. .post_body ul.checklist li::before {
  2840. background: #363636 !important;
  2841. }
  2842.  
  2843. .post_body ul.checklist li.checked {
  2844. color: #949494 !important;
  2845. }
  2846.  
  2847. .post_body ul.list.checklist li {
  2848. border-bottom: 1px solid #545454 !important;
  2849. }
  2850.  
  2851. .post_body ul.list.checklist li.checked {
  2852. color: #949494 !important;
  2853. }
  2854.  
  2855. .post_body .message {
  2856. background-color: #a1a1a1 !important;
  2857. }
  2858.  
  2859. .post_body code, .post_body pre {
  2860. background: #363636 !important;
  2861. }
  2862.  
  2863. ts-message .reply_bar .reply_bar_caret, ts-message .reply_bar .view_conv_hover, ts-message .reply_bar .last_reply_at {
  2864. color: #949494 !important;
  2865. }
  2866.  
  2867. ts-message .reply_bar:hover {
  2868. background: #222 !important;
  2869. border-color: #000 !important;
  2870. }
  2871.  
  2872. .inline_color_block {
  2873. border-color: #545454 !important;
  2874. }
  2875.  
  2876. .p-message_pane .c-message_list.c-virtual_list--scrollbar > .c-scrollbar__hider:before {
  2877. background: #222 !important;
  2878. border-bottom: 1px solid #222 !important;
  2879. }
  2880.  
  2881. .p-message_pane .c-message_list:not(.c-virtual_list--scrollbar), .p-message_pane .c-message_list.c-virtual_list--scrollbar > .c-scrollbar__hider {
  2882. background: #222 !important;
  2883. }
  2884.  
  2885. .p-message_pane .p-message_pane__top_banners:not(:empty) + div .c-message_list:not(.c-virtual_list--scrollbar):before, .p-message_pane .p-message_pane__top_banners:not(:empty) + div .c-message_list.c-virtual_list--scrollbar > .c-scrollbar__hider:before {
  2886. box-shadow: 0 32px #222 !important;
  2887. }
  2888.  
  2889. .p-message_pane__foreword__description, .p-message_pane__limited_history_alert {
  2890. color: #a1a1a1 !important;
  2891. }
  2892.  
  2893. .p-message_pane__unread_banner__banner {
  2894. background: #545454 !important;
  2895. text-shadow: 0 1px rgba(0, 0, 0, 0.15) !important;
  2896. }
  2897.  
  2898. .messages_banner {
  2899. color: #a1a1a1 !important;
  2900. text-shadow: 0 1px rgba(0, 0, 0, 0.15) !important;
  2901. }
  2902.  
  2903. .messages_banner a {
  2904. color: #a1a1a1 !important;
  2905. }
  2906.  
  2907. .messages_banner a:hover {
  2908. color: #a1a1a1 !important;
  2909. }
  2910.  
  2911. #connection_div {
  2912. background: #bf360c !important;
  2913. }
  2914.  
  2915. #archives_return {
  2916. background: padding-box #828282 !important;
  2917. color: #a1a1a1 !important;
  2918. }
  2919.  
  2920. #archives_return.warning {
  2921. background: #bf360c !important;
  2922. }
  2923.  
  2924. #archives_return a {
  2925. color: #a1a1a1 !important;
  2926. }
  2927.  
  2928. #archives_return a:hover {
  2929. color: rgba(230, 230, 230, 0.8) !important;
  2930. }
  2931.  
  2932. #messages_unread_status {
  2933. background: #545454 !important;
  2934. }
  2935.  
  2936. #messages_unread_status:hover {
  2937. background: #828282 !important;
  2938. }
  2939.  
  2940. #messages_unread_status:hover .clear_unread_messages {
  2941. background: #828282 !important;
  2942. }
  2943.  
  2944. #messages_unread_status:hover .clear_unread_messages:hover {
  2945. background: #545454 !important;
  2946. }
  2947.  
  2948. #messages_unread_status.quiet {
  2949. background: #828282 !important;
  2950. color: #a1a1a1 !important;
  2951. text-shadow: 0 1px rgba(0, 0, 0, 0.15) !important;
  2952. }
  2953.  
  2954. #messages_unread_status.quiet a {
  2955. color: #a1a1a1 !important;
  2956. }
  2957.  
  2958. .clear_unread_messages {
  2959. border-left: 1px solid rgba(0, 0, 0, 0.15) !important;
  2960. }
  2961.  
  2962. #messages_container.has_top_messages_banner::before {
  2963. background: none !important;
  2964. }
  2965.  
  2966. .end_div_msg_lim {
  2967. background-color: #363636 !important;
  2968. background-image: none !important;
  2969. }
  2970.  
  2971. #archives_end_div_msg_lim h1, #end_display_msg_lim h1 {
  2972. color: #a1a1a1 !important;
  2973. }
  2974.  
  2975. #archives_end_div_msg_lim h2, #end_display_msg_lim h2 {
  2976. color: rgba(230, 230, 230, 0.8) !important;
  2977. }
  2978.  
  2979. code {
  2980. background-color: #000 !important;
  2981. border: 1px solid #363636 !important;
  2982. color: #a1a1a1 !important;
  2983. }
  2984.  
  2985. .file_list_item.snippet .snippet_preview {
  2986. background: #000 !important;
  2987. }
  2988.  
  2989. .snippet_preview, .snippet_body {
  2990. background: #000 !important;
  2991. }
  2992.  
  2993. .snippet_preview pre, .snippet_body pre {
  2994. color: #a1a1a1 !important;
  2995. }
  2996.  
  2997. .file_container .CodeMirror .CodeMirror-code > div::before, .file_container .CodeMirror .sssh-line::before, .file_container .sssh-code .CodeMirror-code > div::before, .file_container .sssh-code .sssh-line::before, .c-file_container .CodeMirror .CodeMirror-code > div::before, .c-file_container .CodeMirror .sssh-line::before, .c-file_container .sssh-code .CodeMirror-code > div::before, .c-file_container .sssh-code .sssh-line::before {
  2998. background-color: #363636 !important;
  2999. border-right: 1px solid #363636 !important;
  3000. color: #949494 !important;
  3001. }
  3002.  
  3003. .CodeMirror {
  3004. background: #000 !important;
  3005. border: 1px solid #363636 !important;
  3006. color: #a1a1a1 !important;
  3007. }
  3008.  
  3009. .CodeMirror pre {
  3010. background: transparent !important;
  3011. }
  3012.  
  3013. .CodeMirror div.CodeMirror-cursor {
  3014. border-left: 1px solid #a1a1a1 !important;
  3015. }
  3016.  
  3017. .CodeMirror.cm-fat-cursor div.CodeMirror-cursor {
  3018. background: #a1a1a1 !important;
  3019. }
  3020.  
  3021. .CodeMirror .CodeMirror-gutters {
  3022. background-color: #363636 !important;
  3023. border-right: 1px solid #222 !important;
  3024. }
  3025.  
  3026. .CodeMirror-gutter-filler, .CodeMirror-scrollbar-filler {
  3027. background-color: #363636 !important;
  3028. }
  3029.  
  3030. .CodeMirror-linenumber {
  3031. color: #949494 !important;
  3032. }
  3033.  
  3034. .CodeMirror-guttermarker {
  3035. color: #949494 !important;
  3036. }
  3037.  
  3038. .CodeMirror-guttermarker-subtle {
  3039. color: #949494 !important;
  3040. }
  3041.  
  3042. .CodeMirror-ruler {
  3043. border-left: 1px solid #828282 !important;
  3044. }
  3045.  
  3046. .cm-s-default .cm-keyword {
  3047. color: #ce93d8 !important;
  3048. }
  3049.  
  3050. .cm-s-default .cm-atom {
  3051. color: #9fa8da !important;
  3052. }
  3053.  
  3054. .cm-s-default .cm-number {
  3055. color: #a5d6a7 !important;
  3056. }
  3057.  
  3058. .cm-s-default .cm-def {
  3059. color: #536dfe !important;
  3060. }
  3061.  
  3062. .cm-s-default .cm-variable-2 {
  3063. color: #9fa8da !important;
  3064. }
  3065.  
  3066. .cm-s-default .cm-variable-3 {
  3067. color: #c5e1a5 !important;
  3068. }
  3069.  
  3070. .cm-s-default .cm-comment {
  3071. color: #ffcc80 !important;
  3072. }
  3073.  
  3074. .cm-s-default .cm-string {
  3075. color: #ef9a9a !important;
  3076. }
  3077.  
  3078. .cm-s-default .cm-string-2 {
  3079. color: #ffab91 !important;
  3080. }
  3081.  
  3082. .cm-s-default .cm-meta {
  3083. color: #eee !important;
  3084. }
  3085.  
  3086. .cm-s-default .cm-qualifier {
  3087. color: #eee !important;
  3088. }
  3089.  
  3090. .cm-s-default .cm-builtin {
  3091. color: #b39ddb !important;
  3092. }
  3093.  
  3094. .cm-s-default .cm-bracket {
  3095. color: #e6ee9c !important;
  3096. }
  3097.  
  3098. .cm-s-default .cm-tag {
  3099. color: #a5d6a7 !important;
  3100. }
  3101.  
  3102. .cm-s-default .cm-attribute {
  3103. color: #40c4ff !important;
  3104. }
  3105.  
  3106. .cm-s-default .cm-header {
  3107. color: #80cbc4 !important;
  3108. }
  3109.  
  3110. .cm-s-default .cm-quote {
  3111. color: #b0bec5 !important;
  3112. }
  3113.  
  3114. .cm-s-default .cm-hr {
  3115. color: #363636 !important;
  3116. }
  3117.  
  3118. .cm-s-default .cm-link {
  3119. color: #949494 !important;
  3120. }
  3121.  
  3122. .cm-negative {
  3123. color: #bf360c !important;
  3124. }
  3125.  
  3126. .cm-positive {
  3127. color: #0cbf72 !important;
  3128. }
  3129.  
  3130. .cm-invalidchar, .cm-s-default .cm-error {
  3131. color: #bf360c !important;
  3132. }
  3133.  
  3134. div.CodeMirror span.CodeMirror-matchingbracket {
  3135. color: #0cbf72 !important;
  3136. }
  3137.  
  3138. div.CodeMirror span.CodeMirror-nonmatchingbracket {
  3139. color: #bf360c !important;
  3140. }
  3141.  
  3142. .CodeMirror-matchingtag {
  3143. background: #000 !important;
  3144. }
  3145.  
  3146. .CodeMirror-activeline-background {
  3147. background: #828282 !important;
  3148. }
  3149.  
  3150. .CodeMirror-selected {
  3151. background: #828282 !important;
  3152. }
  3153.  
  3154. .CodeMirror-focused .CodeMirror-selected {
  3155. background: #828282 !important;
  3156. }
  3157.  
  3158. .cm-searching {
  3159. background: #828282 !important;
  3160. }
  3161.  
  3162. .sssh-keyword {
  3163. color: #ce93d8 !important;
  3164. }
  3165.  
  3166. .sssh-atom {
  3167. color: #9fa8da !important;
  3168. }
  3169.  
  3170. .sssh-number {
  3171. color: #a5d6a7 !important;
  3172. }
  3173.  
  3174. .sssh-def {
  3175. color: #536dfe !important;
  3176. }
  3177.  
  3178. .sssh-variable {
  3179. color: #9fa8da !important;
  3180. }
  3181.  
  3182. .sssh-variable-2 {
  3183. color: #c5e1a5 !important;
  3184. }
  3185.  
  3186. .sssh-variable-3 {
  3187. color: #c1a5e1 !important;
  3188. }
  3189.  
  3190. .sssh-operator {
  3191. color: #a1a1a1 !important;
  3192. }
  3193.  
  3194. .sssh-property {
  3195. color: #a1a1a1 !important;
  3196. }
  3197.  
  3198. .sssh-comment {
  3199. color: #ffcc80 !important;
  3200. }
  3201.  
  3202. .sssh-string {
  3203. color: #ef9a9a !important;
  3204. }
  3205.  
  3206. .sssh-string-2 {
  3207. color: #ffab91 !important;
  3208. }
  3209.  
  3210. .sssh-meta {
  3211. color: #eee !important;
  3212. }
  3213.  
  3214. .sssh-error {
  3215. color: #bf360c !important;
  3216. }
  3217.  
  3218. .sssh-qualifier {
  3219. color: #eee !important;
  3220. }
  3221.  
  3222. .sssh-builtin {
  3223. color: #b39ddb !important;
  3224. }
  3225.  
  3226. .sssh-bracket {
  3227. color: #e6ee9c !important;
  3228. }
  3229.  
  3230. .sssh-tag {
  3231. color: #a5d6a7 !important;
  3232. }
  3233.  
  3234. .sssh-attribute {
  3235. color: #40c4ff !important;
  3236. }
  3237.  
  3238. .sssh-header {
  3239. color: #80cbc4 !important;
  3240. }
  3241.  
  3242. .sssh-quote {
  3243. color: #b0bec5 !important;
  3244. }
  3245.  
  3246. .sssh-hr {
  3247. color: #363636 !important;
  3248. }
  3249.  
  3250. .sssh-link {
  3251. color: #949494 !important;
  3252. }
  3253.  
  3254. .c-message--dense .c-timestamp__label {
  3255. color: #949494 !important;
  3256. }
  3257.  
  3258. .c-message--dense .c-message__content_header .c-custom_status {
  3259. border-color: #363636 !important;
  3260. }
  3261.  
  3262. .dense_theme ts-message {
  3263. color: #a1a1a1 !important;
  3264. }
  3265.  
  3266. .dense_theme ts-message.first .message_gutter .timestamp, .dense_theme ts-message.selected .message_gutter .timestamp {
  3267. color: #949494 !important;
  3268. }
  3269.  
  3270. .dense_theme ts-message .message_content .message_current_status {
  3271. border-color: #363636 !important;
  3272. }
  3273.  
  3274. .c-message--light .c-message__sender .c-message__sender_link {
  3275. color: #a1a1a1 !important;
  3276. }
  3277.  
  3278. .c-message--editing {
  3279. background: #363636 !important;
  3280. color: #a1a1a1 !important;
  3281. }
  3282.  
  3283. .c-texty_input--multi_line {
  3284. background: #545454 !important;
  3285. color: #a1a1a1 !important;
  3286. }
  3287.  
  3288. .c-texty_input--multi_line.focus {
  3289. border-color: #868686 !important;
  3290. }
  3291.  
  3292. .c-message__editor__emoji_smile_icon {
  3293. color: #949494 !important;
  3294. }
  3295.  
  3296. .c-menu {
  3297. background: #363636 !important;
  3298. border-top-color: #a1a1a1 !important;
  3299. }
  3300.  
  3301. .c-menu .c-menu_item__button, .c-menu .c-menu_separator__separator, .c-menu .c-menu_item__link-indicator::before, .c-menu .c-menu_item__submenu-indicator:before {
  3302. color: #a1a1a1 !important;
  3303. }
  3304.  
  3305. .c-menu .c-menu_item__button--highlighted, .c-menu_item__button--highlighted .c-menu_item__link-indicator::before, .c-menu_item__button--highlighted .c-menu_item__submenu-indicator:before {
  3306. color: #fff !important;
  3307. }
  3308.  
  3309. .light_theme ts-message {
  3310. color: #a1a1a1 !important;
  3311. }
  3312.  
  3313. .light_theme ts-message .message_content .message_sender, .light_theme ts-message .message_content .meta .message_sender:hover {
  3314. color: #a1a1a1 !important;
  3315. }
  3316.  
  3317. .light_theme ts-message .comment::before {
  3318. color: #949494 !important;
  3319. }
  3320.  
  3321. .channel_overlay {
  3322. border-color: #363636 !important;
  3323. color: #949494 !important;
  3324. }
  3325.  
  3326. .channel_overlay.channel_overlay_redesign .channel_overlay_title {
  3327. color: #a1a1a1 !important;
  3328. }
  3329.  
  3330. .channel_overlay.channel_overlay_redesign li {
  3331. color: #949494 !important;
  3332. }
  3333.  
  3334. .channel_overlay_title_wrap {
  3335. border-color: #363636 !important;
  3336. }
  3337.  
  3338. .channel_overlay_title_shared {
  3339. color: #a1a1a1 !important;
  3340. }
  3341.  
  3342. pre {
  3343. background: #000 !important;
  3344. border: 1px solid #363636 !important;
  3345. color: #a1a1a1 !important;
  3346. }
  3347.  
  3348. pre span.mention {
  3349. padding: 2px 0 !important;
  3350. }
  3351.  
  3352. #page pre, body > pre {
  3353. background: #000 !important;
  3354. color: #a1a1a1 !important;
  3355. }
  3356.  
  3357. body > pre {
  3358. background: #828282 !important;
  3359. }
  3360.  
  3361. .special_formatting_quote .quote_bar {
  3362. background-color: #545454 !important;
  3363. }
  3364.  
  3365. #threads_msgs_scroller_div {
  3366. background: #222 !important;
  3367. }
  3368.  
  3369. #threads_msgs_scroller_div:not(.loading)::before {
  3370. background: #222 !important;
  3371. }
  3372.  
  3373. #threads_msgs_scroller_div.loading::before {
  3374. color: #949494 !important;
  3375. }
  3376.  
  3377. #threads_msgs_scroller_div .threads_caught_up_divider .divider_line {
  3378. border-top: 1px solid #363636 !important;
  3379. }
  3380.  
  3381. #threads_msgs_scroller_div .threads_caught_up_divider .divider_label {
  3382. background: #545454 !important;
  3383. color: #a1a1a1 !important;
  3384. }
  3385.  
  3386. #threads_msgs_scroller_div.loading {
  3387. background: none !important;
  3388. }
  3389.  
  3390. #threads_msgs_scroller_div.loading::before {
  3391. color: #a1a1a1 !important;
  3392. }
  3393.  
  3394. #threads_view_banner.messages_banner {
  3395. background: #363636 !important;
  3396. }
  3397.  
  3398. #threads_view_banner.messages_banner:hover {
  3399. background: #545454 !important;
  3400. }
  3401.  
  3402. #threads_view_banner.messages_banner:hover .clear_unread_messages {
  3403. background: #545454 !important;
  3404. }
  3405.  
  3406. #threads_msgs.new_banner_is_showing::before {
  3407. background: #222 !important;
  3408. }
  3409.  
  3410. ts-thread {
  3411. background: #222 !important;
  3412. }
  3413.  
  3414. ts-thread .reply_input_container .inline_message_input_container form textarea {
  3415. border-color: #363636 !important;
  3416. color: #a1a1a1 !important;
  3417. }
  3418.  
  3419. ts-thread .reply_input_container .collapsed_input_placeholder, ts-thread .reply_input_container .join_channel_from_thread_container, ts-thread .reply_input_container .reply_limited_in_general {
  3420. background: #363636 !important;
  3421. border-color: #363636 !important;
  3422. }
  3423.  
  3424. ts-thread .thread_messages {
  3425. background: #363636 !important;
  3426. border-color: #363636 !important;
  3427. }
  3428.  
  3429. ts-thread ts-message.new_reply {
  3430. background: #222 !important;
  3431. }
  3432.  
  3433. ts-thread ts-message.new_reply:hover {
  3434. background: #363636 !important;
  3435. }
  3436.  
  3437. ts-thread .thread_header .thread_channel_name a {
  3438. color: #a1a1a1 !important;
  3439. }
  3440.  
  3441. ts-thread .thread_header .thread_action_btns button {
  3442. color: #949494 !important;
  3443. }
  3444.  
  3445. ts-thread .new_reply_indicator .blue_dot {
  3446. color: #bf360c !important;
  3447. }
  3448.  
  3449. #convo_tab .thread_participants, ts-thread .thread_participants {
  3450. color: #949494 !important;
  3451. }
  3452.  
  3453. #convo_loading_indicator {
  3454. background-image: none !important;
  3455. }
  3456.  
  3457. .reply_input_container .inline_message_input_container .ql-container {
  3458. background-color: #545454 !important;
  3459. border: 1px solid #363636 !important;
  3460. }
  3461.  
  3462. .reply_input_container .inline_message_input_container .ql-container .ql-editor::-webkit-scrollbar-thumb {
  3463. background-color: rgba(0, 0, 0, 0.15) !important;
  3464. }
  3465.  
  3466. .reply_input_container .inline_message_input_container .ql-container .ql-editor::-webkit-scrollbar-thumb:hover {
  3467. background-color: rgba(0, 0, 0, 0.25) !important;
  3468. }
  3469.  
  3470. .reply_input_container .inline_message_input_container .ql-container.focus {
  3471. border-color: rgba(0, 0, 0, 0.15) !important;
  3472. }
  3473.  
  3474. .reply_input_container .inline_message_input_container .ql-container.focus ~ .emo_menu {
  3475. color: #a1a1a1 !important;
  3476. }
  3477.  
  3478. .reply_input_container .inline_message_input_container .ql-container ~ .emo_menu {
  3479. color: #949494 !important;
  3480. }
  3481.  
  3482. #file_reply_container .reply_container_info .reply_broadcast_buttons_container .reply_broadcast_label_container, #reply_container .reply_container_info .reply_broadcast_buttons_container .reply_broadcast_label_container, .reply_input_container .reply_container_info .reply_broadcast_buttons_container .reply_broadcast_label_container {
  3483. color: #949494 !important;
  3484. }
  3485.  
  3486. #unread_msgs_scroller_div::after {
  3487. background: transparent !important;
  3488. }
  3489.  
  3490. #unread_msgs_scroller_div.loading {
  3491. background-image: none !important;
  3492. }
  3493.  
  3494. #unread_msgs_scroller_div.loading::before {
  3495. color: #949494 !important;
  3496. }
  3497.  
  3498. #unread_msgs_div .day_divider .day_divider_line {
  3499. border-top-color: #363636 !important;
  3500. }
  3501.  
  3502. .unread_group.marked_as_read .unread_group_header {
  3503. background: #222 !important;
  3504. }
  3505.  
  3506. .unread_group_header {
  3507. background: #363636 !important;
  3508. border-top-color: #545454 !important;
  3509. color: #a1a1a1 !important;
  3510. }
  3511.  
  3512. .unread_group_header .unread_group_collapse_toggle:hover ts-icon {
  3513. color: #a1a1a1 !important;
  3514. }
  3515.  
  3516. .unread_group_header .unread_group_collapse_caret .ts_icon_caret_down {
  3517. color: #949494 !important;
  3518. }
  3519.  
  3520. .collapsed .unread_group_header .ts_icon_caret_right, .collapsing .unread_group_header .ts_icon_caret_right {
  3521. color: #949494 !important;
  3522. }
  3523.  
  3524. .mark_as_read_checkmark {
  3525. color: #949494 !important;
  3526. }
  3527.  
  3528. .bottom_mark_all_read {
  3529. border-top-color: #363636 !important;
  3530. }
  3531.  
  3532. .unread_group_header_name a {
  3533. color: #a1a1a1 !important;
  3534. }
  3535.  
  3536. .unread_group_footer .unread_group_new .unread_group_new_text {
  3537. color: #949494 !important;
  3538. }
  3539.  
  3540. .unread_group_footer .unread_group_new:hover .unread_group_new_text {
  3541. color: #949494 !important;
  3542. }
  3543.  
  3544. .unread_empty_state_message {
  3545. color: #949494 !important;
  3546. }
  3547.  
  3548. .unread_empty_state_undo_inner {
  3549. background: #000 !important;
  3550. color: #a1a1a1 !important;
  3551. }
  3552.  
  3553. .unread_empty_state_undo_action {
  3554. color: #a1a1a1 !important;
  3555. }
  3556.  
  3557. .unread_empty_state_refresh {
  3558. background: rgba(34, 34, 34, 0.97) !important;
  3559. }
  3560.  
  3561. .unread_msgs_loading {
  3562. background: #222 !important;
  3563. background-image: none !important;
  3564. }
  3565.  
  3566. #col_flex {
  3567. background: transparent !important;
  3568. }
  3569.  
  3570. #flex_contents {
  3571. background: #222 !important;
  3572. }
  3573.  
  3574. #flex_contents .heading {
  3575. background: #151515 !important;
  3576. border-bottom-color: #363636 !important;
  3577. color: #949494 !important;
  3578. }
  3579.  
  3580. #flex_contents .heading a {
  3581. color: #949494 !important;
  3582. }
  3583.  
  3584. #flex_contents .heading a:hover {
  3585. color: #c7c7c7 !important;
  3586. }
  3587.  
  3588. #flex_contents .heading a.close_flexpane {
  3589. color: #949494 !important;
  3590. }
  3591.  
  3592. #flex_contents .heading .cancel_link {
  3593. color: #949494 !important;
  3594. }
  3595.  
  3596. #flex_contents .heading .menu_heading:hover {
  3597. color: #a1a1a1 !important;
  3598. }
  3599.  
  3600. #flex_contents .heading .menu_icon {
  3601. color: #949494 !important;
  3602. }
  3603.  
  3604. #flex_contents .heading .menu_icon:hover {
  3605. color: #c7c7c7 !important;
  3606. }
  3607.  
  3608. #flex_contents .heading_text {
  3609. color: #949494 !important;
  3610. }
  3611.  
  3612. #flex_contents .subheading:not(.empty) {
  3613. background: #222 !important;
  3614. border-top: 1px solid #000 !important;
  3615. color: #949494 !important;
  3616. }
  3617.  
  3618. #flex_contents .subheading:not(.empty) p a {
  3619. color: #a1a1a1 !important;
  3620. }
  3621.  
  3622. #flex_contents .subheading:not(.empty) .filter_menu_label.active .arrow_down {
  3623. color: #949494 !important;
  3624. }
  3625.  
  3626. #flex_contents .toolbar_container {
  3627. background: #222 !important;
  3628. }
  3629.  
  3630. #flex_contents .flexpane_tab_bar li .tab, #flex_contents .flexpane_tab_bar li a {
  3631. color: #949494 !important;
  3632. }
  3633.  
  3634. #flex_contents .flexpane_tab_bar li:hover {
  3635. border-bottom: 4px solid #363636 !important;
  3636. }
  3637.  
  3638. #flex_contents .flexpane_tab_bar li:hover a, #flex_contents .flexpane_tab_bar li:hover .tab {
  3639. color: #949494 !important;
  3640. }
  3641.  
  3642. #flex_contents .flexpane_tab_bar li.active {
  3643. border-bottom: 4px solid #363636 !important;
  3644. }
  3645.  
  3646. #flex_contents .flexpane_tab_bar li.active a, #flex_contents .flexpane_tab_bar li.active .tab {
  3647. color: #949494 !important;
  3648. }
  3649.  
  3650. #flex_contents .help {
  3651. border-top: 5px solid #000 !important;
  3652. color: #a1a1a1 !important;
  3653. }
  3654.  
  3655. #flex_contents i.callout {
  3656. color: #949494 !important;
  3657. }
  3658.  
  3659. .close_flexpane {
  3660. color: #949494 !important;
  3661. }
  3662.  
  3663. .close_flexpane:focus, .close_flexpane:hover {
  3664. color: #a1a1a1 !important;
  3665. }
  3666.  
  3667. #client-ui.flex_pane_showing #col_flex {
  3668. border-left-color: #363636 !important;
  3669. }
  3670.  
  3671. .toolbar_container {
  3672. background: #222 !important;
  3673. border-bottom: 1px solid #000 !important;
  3674. color: #a1a1a1 !important;
  3675. }
  3676.  
  3677. .msg_right_link {
  3678. color: #949494 !important;
  3679. }
  3680.  
  3681. .message_location_label {
  3682. color: #949494 !important;
  3683. }
  3684.  
  3685. #details_tab .heading {
  3686. background: #151515 !important;
  3687. }
  3688.  
  3689. #details_tab .heading a.close_flexpane {
  3690. color: #949494 !important;
  3691. }
  3692.  
  3693. #details_tab .heading a.close_flexpane:hover {
  3694. color: #c7c7c7 !important;
  3695. }
  3696.  
  3697. #details_tab hr {
  3698. border-top-color: #363636 !important;
  3699. }
  3700.  
  3701. #details_tab .conversation_details .member_name:hover {
  3702. color: #949494 !important;
  3703. }
  3704.  
  3705. #details_tab .conversation_details .member_username:hover {
  3706. color: #a1a1a1 !important;
  3707. }
  3708.  
  3709. #details_tab .conversation_details .member_info_timezone {
  3710. border-top-color: #545454 !important;
  3711. }
  3712.  
  3713. #details_tab .channel_page_section {
  3714. background: #222 !important;
  3715. border-top: 1px solid #363636 !important;
  3716. }
  3717.  
  3718. #details_tab .channel_page_section .section_header:hover .disclosure_triangle {
  3719. color: #c7c7c7 !important;
  3720. }
  3721.  
  3722. #details_tab .channel_page_section .section_header a {
  3723. color: #949494 !important;
  3724. }
  3725.  
  3726. #details_tab .channel_page_section .section_title {
  3727. color: #a1a1a1 !important;
  3728. }
  3729.  
  3730. #details_tab .channel_page_section .disclosure_triangle {
  3731. color: #949494 !important;
  3732. }
  3733.  
  3734. #details_tab .channel_page_section .channel_page_members_highlighter, #details_tab .channel_page_section .channel_page_pinned_items_highlighter {
  3735. background: rgba(191, 54, 12, 0.25) !important;
  3736. }
  3737.  
  3738. #details_tab .created_by {
  3739. color: #a1a1a1 !important;
  3740. }
  3741.  
  3742. #details_tab .channel_page_member_tabs .icon_member_header {
  3743. color: #949494 !important;
  3744. }
  3745.  
  3746. #details_tab .pinned_item:hover {
  3747. border-color: #545454 !important;
  3748. }
  3749.  
  3750. #details_tab .channel_page_action .leave_link {
  3751. color: #949494 !important;
  3752. }
  3753.  
  3754. #details_tab .channel_page_action .leave_link:hover {
  3755. color: #c7c7c7 !important;
  3756. }
  3757.  
  3758. #details_tab .channel_section_label .ts_icon_info_circle {
  3759. color: #949494 !important;
  3760. }
  3761.  
  3762. #details_tab .feature_sli_channel_insights .channel_created_section .creator_link, #details_tab .feature_sli_channel_insights .channel_purpose_section .channel_purpose_text {
  3763. color: #949494 !important;
  3764. }
  3765.  
  3766. .channel_page_member_row {
  3767. color: #a1a1a1 !important;
  3768. }
  3769.  
  3770. .channel_page_member_row a {
  3771. color: #949494 !important;
  3772. }
  3773.  
  3774. .channel_page_member_row.away {
  3775. color: #a1a1a1 !important;
  3776. }
  3777.  
  3778. .channel_page_member_row.away a {
  3779. color: #949494 !important;
  3780. }
  3781.  
  3782. .channel_page_member_row:hover {
  3783. background-color: #545454 !important;
  3784. border-color: #363636 !important;
  3785. }
  3786.  
  3787. .pinned_item {
  3788. color: #a1a1a1 !important;
  3789. }
  3790.  
  3791. .pinned_item .pin_file_title {
  3792. color: #949494 !important;
  3793. }
  3794.  
  3795. .pinned_item .pin_member_name a {
  3796. color: #949494 !important;
  3797. }
  3798.  
  3799. .pinned_item .pin_metadata {
  3800. color: #949494 !important;
  3801. }
  3802.  
  3803. .pinned_item .remove_pin {
  3804. color: #949494 !important;
  3805. }
  3806.  
  3807. .pinned_item .remove_pin:hover {
  3808. color: #c7c7c7 !important;
  3809. }
  3810.  
  3811. .pinned_item .pinned_message_text .pin_truncate_fade {
  3812. background: #222 !important;
  3813. }
  3814.  
  3815. .pinned_item.delete_mode {
  3816. border-color: #bf360c !important;
  3817. }
  3818.  
  3819. .c-channel_insights__title {
  3820. color: #a1a1a1 !important;
  3821. }
  3822.  
  3823. .c-channel_insights__section:not(.c-channel_insights__section--no_border) {
  3824. border-color: #545454 !important;
  3825. }
  3826.  
  3827. .c-channel_insights__drawer_title {
  3828. color: #949494 !important;
  3829. }
  3830.  
  3831. .c-channel_insights__item--user .member_preview_link, .c-channel_insights__item--user .message_sender {
  3832. color: #a1a1a1 !important;
  3833. }
  3834.  
  3835. .c-channel_insights__user_title {
  3836. color: #949494 !important;
  3837. }
  3838.  
  3839. .c-channel_insights__channel .channel_link {
  3840. color: #a1a1a1 !important;
  3841. }
  3842.  
  3843. .c-channel_insights__member_count {
  3844. color: #949494 !important;
  3845. }
  3846.  
  3847. .c-channel_insights__member_count .ts_icon_user {
  3848. color: #949494 !important;
  3849. }
  3850.  
  3851. .c-channel_insights .c-member__title {
  3852. color: #949494 !important;
  3853. }
  3854.  
  3855. .c-channel_insights__activity {
  3856. border-color: #545454 !important;
  3857. }
  3858.  
  3859. .c-channel_insights_activity_bar_container:hover {
  3860. background-color: rgba(0, 0, 0, 0.05) !important;
  3861. }
  3862.  
  3863. .c-channel_insights_activity_bar_container:hover .c-channel_insights__activity_bar {
  3864. background-color: #545454 !important;
  3865. }
  3866.  
  3867. .c-channel_insights__activity_bar {
  3868. background-color: rgba(84, 84, 84, 0.5) !important;
  3869. }
  3870.  
  3871. .c-channel_insights__message ts-message.standalone:not(.for_mention_display):not(.for_search_display):not(.for_top_results_search_display):not(.for_star_display) {
  3872. background-color: #222 !important;
  3873. border-color: #545454 !important;
  3874. }
  3875.  
  3876. .c-channel_insights__message--truncate::before {
  3877. background: linear-gradient(180deg, transparent, #222 90%) !important;
  3878. }
  3879.  
  3880. .c-channel_insights__highlights_description {
  3881. color: #949494 !important;
  3882. }
  3883.  
  3884. .c-channel_insights__date_heading span {
  3885. background-color: #222 !important;
  3886. color: #a1a1a1 !important;
  3887. }
  3888.  
  3889. .c-channel_insights__date_heading::before {
  3890. background-color: #545454 !important;
  3891. }
  3892.  
  3893. #file_list_toggle_users {
  3894. color: #949494 !important;
  3895. }
  3896.  
  3897. #file_list_toggle_users.active:hover, #file_list_toggle_users:hover {
  3898. color: #c7c7c7 !important;
  3899. }
  3900.  
  3901. #file_list_toggle_users.active {
  3902. color: #949494 !important;
  3903. }
  3904.  
  3905. .file_list_item .icon, .file_reference .icon {
  3906. background: #828282 !important;
  3907. border: 1px solid #545454 !important;
  3908. color: #a1a1a1 !important;
  3909. }
  3910.  
  3911. .filetype_button {
  3912. background: #828282 !important;
  3913. border: 1px solid #545454 !important;
  3914. color: #a1a1a1 !important;
  3915. }
  3916.  
  3917. .filetype_button:hover {
  3918. background: #828282 !important;
  3919. }
  3920.  
  3921. .filetype_button:hover .file_download_label {
  3922. background: #545454 !important;
  3923. color: #a1a1a1 !important;
  3924. }
  3925.  
  3926. .filetype_button .file_title {
  3927. color: #a1a1a1 !important;
  3928. }
  3929.  
  3930. .filetype_button .file_download_label {
  3931. background: #828282 !important;
  3932. border-top: 1px solid #545454 !important;
  3933. }
  3934.  
  3935. a.filetype_button_web {
  3936. background: #828282 !important;
  3937. border: 1px solid #545454 !important;
  3938. color: #a1a1a1 !important;
  3939. }
  3940.  
  3941. a.filetype_button_web .filetype_icon {
  3942. background-color: #545454 !important;
  3943. }
  3944.  
  3945. a.file_download_link {
  3946. color: #949494 !important;
  3947. }
  3948.  
  3949. a.file_download_link:hover {
  3950. color: #c7c7c7 !important;
  3951. }
  3952.  
  3953. a:hover .file_inline_icon {
  3954. color: #949494 !important;
  3955. }
  3956.  
  3957. a.gsheet img, a.pdf img {
  3958. background: #222 !important;
  3959. }
  3960.  
  3961. html.no_touch a.filetype_button_web:hover {
  3962. border-color: #545454 !important;
  3963. }
  3964.  
  3965. html.no_touch a.filetype_button_web:hover .file_title {
  3966. color: #a1a1a1 !important;
  3967. }
  3968.  
  3969. .file_header_detailed {
  3970. color: #949494 !important;
  3971. }
  3972.  
  3973. .file_header_detailed .member {
  3974. color: #a1a1a1 !important;
  3975. }
  3976.  
  3977. .file_inline_icon {
  3978. color: #949494 !important;
  3979. }
  3980.  
  3981. .file_header .member {
  3982. color: #949494 !important;
  3983. }
  3984.  
  3985. .file_header .title {
  3986. color: #a1a1a1 !important;
  3987. }
  3988.  
  3989. .file_header .title a {
  3990. color: #949494 !important;
  3991. }
  3992.  
  3993. .file_header .title a:hover {
  3994. color: #c7c7c7 !important;
  3995. }
  3996.  
  3997. .flexpane_file_title .member, .flexpane_file_title .service_link {
  3998. color: #949494 !important;
  3999. }
  4000.  
  4001. .flexpane_file_title .title a, .flexpane_file_title .file_action_list a {
  4002. color: #949494 !important;
  4003. }
  4004.  
  4005. .flexpane_file_title .title a:hover, .flexpane_file_title .file_action_list a:hover {
  4006. color: #c7c7c7 !important;
  4007. }
  4008.  
  4009. .file_actions_cog {
  4010. color: #949494 !important;
  4011. }
  4012.  
  4013. .file_actions_cog:hover {
  4014. color: #c7c7c7 !important;
  4015. }
  4016.  
  4017. .file_list_item {
  4018. color: #a1a1a1 !important;
  4019. }
  4020.  
  4021. .file_list_item a {
  4022. color: #949494 !important;
  4023. }
  4024.  
  4025. .file_list_item a.member {
  4026. color: #c7c7c7 !important;
  4027. }
  4028.  
  4029. .file_list_item .bullet {
  4030. color: #949494 !important;
  4031. }
  4032.  
  4033. .file_list_item .icon {
  4034. background: #828282 !important;
  4035. border-color: #545454 !important;
  4036. }
  4037.  
  4038. .file_list_item .ts_icon_comment {
  4039. color: #949494 !important;
  4040. }
  4041.  
  4042. .file_list_item .file_comment_link:hover {
  4043. color: #949494 !important;
  4044. }
  4045.  
  4046. .file_list_item .file_comment_link:hover .ts_icon_comment {
  4047. color: #949494 !important;
  4048. }
  4049.  
  4050. .file_list_item .title a {
  4051. color: #949494 !important;
  4052. }
  4053.  
  4054. .file_list_item .share_info .unshare_link {
  4055. color: #949494 !important;
  4056. }
  4057.  
  4058. .file_list_item .share_info .unshare_link:hover {
  4059. color: #c7c7c7 !important;
  4060. }
  4061.  
  4062. .file_list_item .actions a, .file_list_item .actions span {
  4063. background-color: #363636 !important;
  4064. border: 1px solid #828282 !important;
  4065. color: #949494 !important;
  4066. }
  4067.  
  4068. .file_list_item .actions a:hover {
  4069. background-color: #222 !important;
  4070. border-color: #828282 !important;
  4071. color: #c7c7c7 !important;
  4072. }
  4073.  
  4074. .file_list_item.post .preview, .file_list_item.space .preview {
  4075. color: #a1a1a1 !important;
  4076. }
  4077.  
  4078. .file_list_item #share_dialog, .file_list_item.active, .file_list_item:active, .file_list_item:hover {
  4079. background-color: #363636 !important;
  4080. border-color: #545454 !important;
  4081. }
  4082.  
  4083. .file_list_item #share_dialog .title a, .file_list_item.active .title a, .file_list_item:active .title a, .file_list_item:hover .title a {
  4084. color: #949494 !important;
  4085. }
  4086.  
  4087. .file_list_item #share_dialog .actions, .file_list_item.active .actions, .file_list_item:active .actions, .file_list_item:hover .actions {
  4088. background-color: transparent !important;
  4089. }
  4090.  
  4091. .file_list_item #share_dialog .actions a, .file_list_item #share_dialog .actions span, .file_list_item.active .actions a, .file_list_item.active .actions span, .file_list_item:active .actions a, .file_list_item:active .actions span, .file_list_item:hover .actions a, .file_list_item:hover .actions span {
  4092. background-color: #363636 !important;
  4093. }
  4094.  
  4095. .unshare_link {
  4096. color: #949494 !important;
  4097. }
  4098.  
  4099. .unshare_link i::before {
  4100. color: #949494 !important;
  4101. }
  4102.  
  4103. .unshare_link i.ts_icon_minus_circle_small:hover::before {
  4104. color: #bf360c !important;
  4105. }
  4106.  
  4107. .snippet_preview pre {
  4108. color: #a1a1a1 !important;
  4109. }
  4110.  
  4111. .file_preview_wrapper .file_preview {
  4112. background: #222 !important;
  4113. }
  4114.  
  4115. .file_preview_wrapper .file_preview:hover {
  4116. background: #363636 !important;
  4117. }
  4118.  
  4119. #file_preview_container .file_meta {
  4120. color: #949494 !important;
  4121. }
  4122.  
  4123. .file_page_meta {
  4124. color: #949494 !important;
  4125. }
  4126.  
  4127. #file_page_preview img {
  4128. background: #222 !important;
  4129. border: 1px solid #000 !important;
  4130. }
  4131.  
  4132. #file_page_preview img:hover {
  4133. background: #363636 !important;
  4134. }
  4135.  
  4136. .comment_meta {
  4137. color: #949494 !important;
  4138. }
  4139.  
  4140. .comment .special_formatting_quote .content {
  4141. color: #a1a1a1 !important;
  4142. }
  4143.  
  4144. .comment .member {
  4145. color: #a1a1a1 !important;
  4146. }
  4147.  
  4148. .comment_body {
  4149. color: #a1a1a1 !important;
  4150. }
  4151.  
  4152. .comment_actions {
  4153. color: #949494 !important;
  4154. }
  4155.  
  4156. .comment_actions:hover {
  4157. color: #a1a1a1 !important;
  4158. }
  4159.  
  4160. .icon_quote {
  4161. color: #a1a1a1 !important;
  4162. }
  4163.  
  4164. .edit_comment_form .texty_comment_input, .comment_form .texty_comment_input {
  4165. background: #545454 !important;
  4166. border-color: #363636 !important;
  4167. color: #a1a1a1 !important;
  4168. }
  4169.  
  4170. .edit_comment_form .texty_comment_input.focus, .edit_comment_form .texty_comment_input:hover, .comment_form .texty_comment_input.focus, .comment_form .texty_comment_input:hover {
  4171. border-color: #363636 !important;
  4172. }
  4173.  
  4174. .tab_container .star_item .message .actions .btn_icon, .tab_container .star_item .message .actions .star_jump, .tab_container .star_item ts-message .actions .btn_icon, .tab_container .star_item ts-message .actions .star_jump, .tab_container .file_list_item .actions .btn_icon, .tab_container .file_list_item .actions .star_jump, .tab_container .file_comment_item .actions .btn_icon, .tab_container .file_comment_item .actions .star_jump {
  4175. background-color: #222 !important;
  4176. }
  4177.  
  4178. .tab_container .star_item .message .actions .btn::after, .tab_container .star_item ts-message .actions .btn::after, .tab_container .file_list_item .actions .btn::after, .tab_container .file_comment_item .actions .btn::after {
  4179. border-color: #363636 !important;
  4180. }
  4181.  
  4182. .tab_container .star_item ts-message .timestamp {
  4183. color: #949494 !important;
  4184. }
  4185.  
  4186. .tab_container .file_list_item:focus, .tab_container .file_list_item:hover {
  4187. background-color: #222 !important;
  4188. border-color: #363636 !important;
  4189. }
  4190.  
  4191. .tab_container .file_list_item .star {
  4192. color: #949494 !important;
  4193. }
  4194.  
  4195. .tab_container .file_list_item .contents .file_comment_link {
  4196. color: #949494 !important;
  4197. }
  4198.  
  4199. .tab_container .file_list_item .contents .file_comment_link .ts_icon {
  4200. color: #949494 !important;
  4201. }
  4202.  
  4203. .tab_container .file_list_item .contents .file_comment_link:focus, .tab_container .file_list_item .contents .file_comment_link:hover {
  4204. color: #c7c7c7 !important;
  4205. }
  4206.  
  4207. .tab_container .file_list_item .contents .file_comment_link:focus .ts_icon, .tab_container .file_list_item .contents .file_comment_link:hover .ts_icon {
  4208. color: #c7c7c7 !important;
  4209. }
  4210.  
  4211. .tab_container .file_list_item .contents .member, .tab_container .file_list_item .contents .service_link, .tab_container .file_list_item .contents .share_info, .tab_container .file_list_item .contents .time {
  4212. color: #949494 !important;
  4213. }
  4214.  
  4215. .tab_container .file_list_item .filetype_image {
  4216. background-color: #000 !important;
  4217. }
  4218.  
  4219. .active .tab_container .file_list_item {
  4220. background-color: #222 !important;
  4221. }
  4222.  
  4223. #user_groups_pane .mention {
  4224. background: rgba(191, 54, 12, 0.25) !important;
  4225. border: 0 !important;
  4226. border-radius: 3px !important;
  4227. padding: 2px !important;
  4228. }
  4229.  
  4230. #user_groups_container .info_panel {
  4231. background: #222 !important;
  4232. border: 1px solid #545454 !important;
  4233. }
  4234.  
  4235. #user_groups_container .mention {
  4236. background-color: rgba(191, 54, 12, 0.25) !important;
  4237. }
  4238.  
  4239. #user_groups_header .user_groups_search .icon_search {
  4240. color: #949494 !important;
  4241. }
  4242.  
  4243. #user_groups_header a.icon_close {
  4244. color: #949494 !important;
  4245. }
  4246.  
  4247. #user_groups_header a.icon_close:hover {
  4248. color: #c7c7c7 !important;
  4249. }
  4250.  
  4251. .user_group_item {
  4252. border-bottom: 1px solid #545454 !important;
  4253. }
  4254.  
  4255. .user_group_item a {
  4256. color: #949494 !important;
  4257. }
  4258.  
  4259. #flex_contents .user_group_item:hover {
  4260. background-color: #222 !important;
  4261. }
  4262.  
  4263. #flex_contents .user_group_item:hover h4 {
  4264. color: #a1a1a1 !important;
  4265. }
  4266.  
  4267. #flex_contents .flexpane_tab_toolbar #user_group_edit {
  4268. background-color: #222 !important;
  4269. }
  4270.  
  4271. #flex_contents .flexpane_tab_toolbar #user_group_edit.user_group_edit--flexpane .tab_action_button {
  4272. color: #a1a1a1 !important;
  4273. }
  4274.  
  4275. .user_group_invite_member_small .add_icon {
  4276. color: #949494 !important;
  4277. }
  4278.  
  4279. #user_group_member_invite_div .disabled .lfs_item.lfs_token {
  4280. background-color: #828282 !important;
  4281. border-color: #828282 !important;
  4282. }
  4283.  
  4284. #flex_contents .subheading:not(.empty)#mentions_options {
  4285. background-color: #222 !important;
  4286. border-bottom-color: #363636 !important;
  4287. color: #a1a1a1 !important;
  4288. }
  4289.  
  4290. .mention_day_container_div .day_divider::before {
  4291. background: none !important;
  4292. border-color: #363636 !important;
  4293. }
  4294.  
  4295. #member_mentions h3 a {
  4296. color: #949494 !important;
  4297. }
  4298.  
  4299. .mention_rxn .mention_rxn_summary {
  4300. color: #a1a1a1 !important;
  4301. }
  4302.  
  4303. .mention_rxn .mention_rxn_summary .member_preview_link, .mention_rxn .mention_rxn_summary .mention_rxn_summary_members {
  4304. color: #949494 !important;
  4305. }
  4306.  
  4307. .search_message_result {
  4308. background: #222 !important;
  4309. border-color: #363636 !important;
  4310. color: #a1a1a1 !important;
  4311. }
  4312.  
  4313. .search_message_result .search_message_result_meta {
  4314. color: #949494 !important;
  4315. }
  4316.  
  4317. .search_message_result .search_message_result_meta a {
  4318. color: #949494 !important;
  4319. }
  4320.  
  4321. .search_message_result .search_message_result_meta .date_links a {
  4322. color: #949494 !important;
  4323. }
  4324.  
  4325. .search_message_result_text .result_msg_format a {
  4326. color: #949494 !important;
  4327. }
  4328.  
  4329. span.match {
  4330. background: rgba(191, 54, 12, 0.25) !important;
  4331. }
  4332.  
  4333. #search_filters .tab {
  4334. background: #222 !important;
  4335. color: #a1a1a1 !important;
  4336. }
  4337.  
  4338. #search_filters .tab:hover {
  4339. border-bottom: 4px solid #363636 !important;
  4340. }
  4341.  
  4342. #search_filters.files #filter_files, #search_filters.messages #filter_messages {
  4343. border-bottom: 4px solid #363636 !important;
  4344. color: #a1a1a1 !important;
  4345. }
  4346.  
  4347. #search_file_list_toggle_users.active:hover {
  4348. border: 2px solid #c7c7c7 !important;
  4349. color: #c7c7c7 !important;
  4350. }
  4351.  
  4352. .no_results {
  4353. color: #a1a1a1 !important;
  4354. }
  4355.  
  4356. #search_results_team .team_results_heading {
  4357. color: #a1a1a1 !important;
  4358. }
  4359.  
  4360. #search_results_team .team_result {
  4361. background-color: #545454 !important;
  4362. border-color: #828282 !important;
  4363. color: #a1a1a1 !important;
  4364. }
  4365.  
  4366. #search_results_team .team_result a {
  4367. color: #949494 !important;
  4368. }
  4369.  
  4370. #search_results_team .team_result:hover a {
  4371. color: #c7c7c7 !important;
  4372. }
  4373.  
  4374. #search_results_team .team_result a:hover {
  4375. color: #c7c7c7 !important;
  4376. }
  4377.  
  4378. #search_results_team .member_name {
  4379. color: #a1a1a1 !important;
  4380. }
  4381.  
  4382. .suggestion {
  4383. color: #a1a1a1 !important;
  4384. }
  4385.  
  4386. .suggestion.active, .suggestion:hover {
  4387. background: #545454 !important;
  4388. }
  4389.  
  4390. #paging_in_options .search_paging {
  4391. color: #949494 !important;
  4392. }
  4393.  
  4394. #search_results_items .search_paging {
  4395. color: #a1a1a1 !important;
  4396. }
  4397.  
  4398. .search_paging i.disabled {
  4399. color: #949494 !important;
  4400. }
  4401.  
  4402. .search_paging a {
  4403. color: #949494 !important;
  4404. }
  4405.  
  4406. .search_paging a:hover {
  4407. color: #c7c7c7 !important;
  4408. }
  4409.  
  4410. .search_sort_prefix {
  4411. color: #a1a1a1 !important;
  4412. }
  4413.  
  4414. .search_segmented_control {
  4415. border-color: #363636 !important;
  4416. color: #949494 !important;
  4417. }
  4418.  
  4419. .search_segmented_control:hover {
  4420. color: #c7c7c7 !important;
  4421. }
  4422.  
  4423. .search_segmented_control.active {
  4424. background: #000 !important;
  4425. color: #c7c7c7 !important;
  4426. }
  4427.  
  4428. .search_result_with_extract {
  4429. background: #363636 !important;
  4430. border-color: #545454 !important;
  4431. box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15) !important;
  4432. }
  4433.  
  4434. .search_result_with_extract:hover {
  4435. border-color: #828282 !important;
  4436. }
  4437.  
  4438. .search_result_for_context::after {
  4439. background: rgba(34, 34, 34, 0.1) !important;
  4440. }
  4441.  
  4442. .extract_expand_text, .extract_expand_icons {
  4443. color: #949494 !important;
  4444. }
  4445.  
  4446. .search_result_with_extract:hover .extract_expand_text, .search_result_with_extract:hover .extract_expand_icons {
  4447. color: #c7c7c7 !important;
  4448. }
  4449.  
  4450. .search_module_header {
  4451. color: #a1a1a1 !important;
  4452. }
  4453.  
  4454. .search_module_footer {
  4455. background-color: #363636 !important;
  4456. border-bottom-color: #545454 !important;
  4457. border-left-color: #545454 !important;
  4458. border-right-color: #545454 !important;
  4459. }
  4460.  
  4461. .search_module_footer p {
  4462. color: #a1a1a1 !important;
  4463. }
  4464.  
  4465. .search_module_footer #see_more {
  4466. color: #a1a1a1 !important;
  4467. }
  4468.  
  4469. .search_module_footer #see_more a {
  4470. color: #a1a1a1 !important;
  4471. }
  4472.  
  4473. .search_module_footer .top_results_feedback a {
  4474. color: #a1a1a1 !important;
  4475. }
  4476.  
  4477. .search_module_footer ts-icon {
  4478. color: #a1a1a1 !important;
  4479. }
  4480.  
  4481. .top_results_search_message_result {
  4482. background-color: #363636 !important;
  4483. border-bottom-color: #545454 !important;
  4484. border-left-color: #545454 !important;
  4485. border-right-color: #545454 !important;
  4486. }
  4487.  
  4488. .top_results_search_message_result.duplicate {
  4489. background-color: #363636 !important;
  4490. }
  4491.  
  4492. .top_results_search_message_result .timestamp {
  4493. color: #949494 !important;
  4494. }
  4495.  
  4496. .top_results_search_message_result .channel {
  4497. color: #949494 !important;
  4498. }
  4499.  
  4500. .top_results_search_message_result .channel a {
  4501. color: #949494 !important;
  4502. }
  4503.  
  4504. .top_results_search_message_result .jump {
  4505. color: #a1a1a1 !important;
  4506. }
  4507.  
  4508. .top_results_search_message_result:hover {
  4509. border-color: rgba(130, 130, 130, 0.6) !important;
  4510. border-top: 2px solid #545454 !important;
  4511. }
  4512.  
  4513. .top_results_search_message_result:first-child {
  4514. border-top: 2px solid #545454 !important;
  4515. }
  4516.  
  4517. .sli_expert_search {
  4518. background-color: #222 !important;
  4519. color: #a1a1a1 !important;
  4520. }
  4521.  
  4522. .sli_expert_search__result {
  4523. border-color: #545454 !important;
  4524. }
  4525.  
  4526. .sli_expert_search__result .app_preview_link, .sli_expert_search__result .member_preview_link {
  4527. color: #a1a1a1 !important;
  4528. }
  4529.  
  4530. .sli_expert_search__fg_face::before {
  4531. background-color: #222 !important;
  4532. }
  4533.  
  4534. .sli_expert_search_cta {
  4535. border-color: #545454 !important;
  4536. }
  4537.  
  4538. .sli_expert_search_cta:hover {
  4539. border-color: #828282 !important;
  4540. }
  4541.  
  4542. .sli_expert_search_cta__text {
  4543. color: #a1a1a1 !important;
  4544. }
  4545.  
  4546. .sli_expert_search_cta__text:hover {
  4547. color: #a1a1a1 !important;
  4548. }
  4549.  
  4550. .sli_expert_search__plus_sign_overlay {
  4551. background-color: #363636 !important;
  4552. color: #949494 !important;
  4553. }
  4554.  
  4555. .sli_expert_search__arrow {
  4556. color: #949494 !important;
  4557. }
  4558.  
  4559. .sli_expert_search_cta:hover .sli_expert_search__arrow, .sli_expert_search_header:hover .sli_expert_search__arrow {
  4560. color: #949494 !important;
  4561. }
  4562.  
  4563. .sli_expert_search__partial_terms {
  4564. color: #949494 !important;
  4565. }
  4566.  
  4567. .feature_sli_file_search #search_filters.all #filter_all {
  4568. border-bottom-color: #363636 !important;
  4569. color: #a1a1a1 !important;
  4570. }
  4571.  
  4572. .feature_sli_file_search #search_results .file_list_item {
  4573. background-color: #222 !important;
  4574. border-color: #545454 !important;
  4575. }
  4576.  
  4577. .feature_sli_file_search #search_results.all, .feature_sli_file_search #search_results.messages {
  4578. background-color: #222 !important;
  4579. }
  4580.  
  4581. .feature_sli_file_search #search_results.all .search_message_result, .feature_sli_file_search #search_results.messages .search_message_result {
  4582. background-color: #222 !important;
  4583. border-color: #545454 !important;
  4584. }
  4585.  
  4586. .feature_sli_file_search #search_results.all .search_result_with_extract.first_extract_message_in_group, .feature_sli_file_search #search_results.all .search_result_with_extract:first-child, .feature_sli_file_search #search_results.messages .search_result_with_extract.first_extract_message_in_group, .feature_sli_file_search #search_results.messages .search_result_with_extract:first-child {
  4587. border-top-color: #545454 !important;
  4588. }
  4589.  
  4590. .feature_sli_file_search #search_results.all .search_result_with_extract.first_extract_message_in_group:hover, .feature_sli_file_search #search_results.all .search_result_with_extract:first-child:hover, .feature_sli_file_search #search_results.messages .search_result_with_extract.first_extract_message_in_group:hover, .feature_sli_file_search #search_results.messages .search_result_with_extract:first-child:hover {
  4591. border-top-color: #545454 !important;
  4592. }
  4593.  
  4594. .feature_sli_file_search #search_results.all .search_result_with_extract.last_extract_message_in_group, .feature_sli_file_search #search_results.messages .search_result_with_extract.last_extract_message_in_group {
  4595. border-bottom-color: #545454 !important;
  4596. }
  4597.  
  4598. .feature_sli_file_search #search_results.all .search_result_with_extract.last_extract_message_in_group:hover, .feature_sli_file_search #search_results.messages .search_result_with_extract.last_extract_message_in_group:hover {
  4599. border-bottom-color: #545454 !important;
  4600. }
  4601.  
  4602. .feature_sli_file_search #search_results.all .search_message_result_meta, .feature_sli_file_search #search_results.messages .search_message_result_meta {
  4603. color: #949494 !important;
  4604. }
  4605.  
  4606. .feature_sli_file_search #search_results.all .channel_link, .feature_sli_file_search #search_results.messages .channel_link {
  4607. color: #949494 !important;
  4608. }
  4609.  
  4610. .feature_sli_file_search #search_results.all .sli_expert_search .channel_link, .feature_sli_file_search #search_results.messages .sli_expert_search .channel_link {
  4611. color: #a1a1a1 !important;
  4612. }
  4613.  
  4614. .feature_sli_file_search #search_results.all .new_jump_link, .feature_sli_file_search #search_results.messages .new_jump_link {
  4615. color: #a1a1a1 !important;
  4616. }
  4617.  
  4618. .feature_sli_file_search #search_results.all {
  4619. background-color: #222 !important;
  4620. }
  4621.  
  4622. .feature_sli_file_search #search_results.all .top_search_results .search_message_result {
  4623. background-color: #222 !important;
  4624. border-color: #545454 !important;
  4625. }
  4626.  
  4627. .feature_sli_file_search #search_results.all .top_search_results .search_message_result__channel a {
  4628. color: #949494 !important;
  4629. }
  4630.  
  4631. .feature_sli_file_search #search_results.all .sli_expert_search_cta {
  4632. border-color: #545454 !important;
  4633. }
  4634.  
  4635. .feature_sli_file_search #search_results.all .sli_expert_search_cta:hover {
  4636. border-color: #828282 !important;
  4637. }
  4638.  
  4639. .feature_sli_file_search #search_results.all .sli_expert_search__result {
  4640. border-color: #828282 !important;
  4641. }
  4642.  
  4643. .feature_sli_file_search #search_results.all .team_result {
  4644. background-color: #222 !important;
  4645. border-color: #545454 !important;
  4646. }
  4647.  
  4648. .feature_sli_file_search #search_results.files {
  4649. background-color: #222 !important;
  4650. }
  4651.  
  4652. .feature_sli_file_search #search_results.files #search_file_list_clear_filter, .feature_sli_file_search #search_results.files #search_file_list_heading {
  4653. color: #a1a1a1 !important;
  4654. }
  4655.  
  4656. .feature_sli_file_search #search_results_loading {
  4657. background-color: #222 !important;
  4658. }
  4659.  
  4660. .feature_sli_file_search #search_results_container #search_options {
  4661. background-color: #222 !important;
  4662. }
  4663.  
  4664. .feature_sli_file_search #search_results_container .heading {
  4665. background-color: #222 !important;
  4666. }
  4667.  
  4668. #client-ui .file_list_item.file_list_item--redesign {
  4669. border-color: #545454 !important;
  4670. }
  4671.  
  4672. #client-ui .file_list_item.file_list_item--redesign .file_list_item__channel {
  4673. color: #949494 !important;
  4674. }
  4675.  
  4676. #client-ui .file_list_item.file_list_item--redesign .message_sender {
  4677. color: #949494 !important;
  4678. }
  4679.  
  4680. .p-shortcuts_flexpane__shortcut {
  4681. border-color: #000 !important;
  4682. }
  4683.  
  4684. .p-shortcuts_flexpane__shortcut:last-of-type {
  4685. border-bottom-color: #000 !important;
  4686. }
  4687.  
  4688. .p-shortcuts_flexpane__shortcut_hoverable .p-shortcuts_flexpane__shortcut_title {
  4689. color: #a1a1a1 !important;
  4690. }
  4691.  
  4692. .p-shortcuts_flexpane__shortcut_title {
  4693. color: #949494 !important;
  4694. }
  4695.  
  4696. .p-shortcuts_flexpane__title {
  4697. color: #a1a1a1 !important;
  4698. }
  4699.  
  4700. .p-shortcuts_flexpane__tip {
  4701. color: #949494 !important;
  4702. }
  4703.  
  4704. .p-shortcuts_flexpane__section_description {
  4705. color: #949494 !important;
  4706. }
  4707.  
  4708. .p-shortcuts_flexpane__sub_heading {
  4709. color: #949494 !important;
  4710. }
  4711.  
  4712. .c-keyboard_key {
  4713. background: #545454 !important;
  4714. border-color: #828282 !important;
  4715. box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25) !important;
  4716. color: #a1a1a1 !important;
  4717. }
  4718.  
  4719. .tab_container .star_item .message .timestamp, .tab_container .star_item ts-message .timestamp {
  4720. color: #949494 !important;
  4721. }
  4722.  
  4723. #member_preview_scroller a:not(.member_name):not(.current_status_preset_option), .team_list_item a:not(.member_name):not(.current_status_preset_option) {
  4724. color: #949494 !important;
  4725. }
  4726.  
  4727. #member_preview_scroller a:not(.member_name):not(.current_status_preset_option):hover, .team_list_item a:not(.member_name):not(.current_status_preset_option):hover {
  4728. color: #c7c7c7 !important;
  4729. }
  4730.  
  4731. #member_preview_scroller .member_data_table a, #team_list .member_data_table a {
  4732. color: #949494 !important;
  4733. }
  4734.  
  4735. #member_preview_scroller .member_data_table a:hover, #team_list .member_data_table a:hover {
  4736. color: #c7c7c7 !important;
  4737. }
  4738.  
  4739. #member_preview_scroller a.member_action_button, #team_list a.member_action_button {
  4740. color: #949494 !important;
  4741. }
  4742.  
  4743. #member_preview_scroller a.member_action_button:hover, #team_list a.member_action_button:hover {
  4744. border-color: #828282 !important;
  4745. color: #c7c7c7 !important;
  4746. }
  4747.  
  4748. #member_preview_scroller .member_data_table tr, #member_preview_web_container .member_data_table tr, #team_list .member_data_table tr, .menu_member_header .member_data_table tr {
  4749. color: #a1a1a1 !important;
  4750. }
  4751.  
  4752. #member_preview_scroller .member_data_table a, #member_preview_web_container .member_data_table a, #team_list .member_data_table a, .menu_member_header .member_data_table a {
  4753. color: #949494 !important;
  4754. }
  4755.  
  4756. #member_preview_scroller .member_data_table a:hover, #member_preview_web_container .member_data_table a:hover, #team_list .member_data_table a:hover, .menu_member_header .member_data_table a:hover {
  4757. color: #c7c7c7 !important;
  4758. }
  4759.  
  4760. #member_preview_scroller .member_data_table .bot_label, #member_preview_web_container .member_data_table .bot_label, #team_list .member_data_table .bot_label, .menu_member_header .member_data_table .bot_label {
  4761. background: #000 !important;
  4762. color: #949494 !important;
  4763. }
  4764.  
  4765. #member_preview_scroller {
  4766. background-color: #363636 !important;
  4767. }
  4768.  
  4769. #member_preview_scroller .member_data_table .current_status_cell .current_status_container .current_status_cover:hover {
  4770. border-color: #363636 !important;
  4771. }
  4772.  
  4773. #member_preview_scroller .member_data_table .current_status_cell .current_status_container:not(.active) .current_status_cover.without_status_set .current_status_placeholder {
  4774. color: rgba(230, 230, 230, 0.35) !important;
  4775. }
  4776.  
  4777. #team_tab #member_preview_scroller {
  4778. background-color: #222 !important;
  4779. }
  4780.  
  4781. #member_preview_scroller .member_details .member_name_and_presence .member_name, #member_preview_web_container .member_details .member_name_and_presence .member_name, .menu_member_header .member_details .member_name_and_presence .member_name {
  4782. color: #a1a1a1 !important;
  4783. }
  4784.  
  4785. #member_preview_scroller .member_details .member_title, #member_preview_web_container .member_details .member_title, .menu_member_header .member_details .member_title {
  4786. color: #a1a1a1 !important;
  4787. }
  4788.  
  4789. #member_preview_scroller .member_details .member_restriction, #member_preview_scroller .member_details .member_timezone_value, #member_preview_scroller .member_details .member_current_status, #member_preview_web_container .member_details .member_restriction, #member_preview_web_container .member_details .member_timezone_value, #member_preview_web_container .member_details .member_current_status, .menu_member_header .member_details .member_restriction, .menu_member_header .member_details .member_timezone_value, .menu_member_header .member_details .member_current_status {
  4790. color: #949494 !important;
  4791. }
  4792.  
  4793. #member_preview_scroller .member_details .member_restriction a, #member_preview_scroller .member_details .member_timezone_value a, #member_preview_scroller .member_details .member_current_status a, #member_preview_web_container .member_details .member_restriction a, #member_preview_web_container .member_details .member_timezone_value a, #member_preview_web_container .member_details .member_current_status a, .menu_member_header .member_details .member_restriction a, .menu_member_header .member_details .member_timezone_value a, .menu_member_header .member_details .member_current_status a {
  4794. color: #949494 !important;
  4795. }
  4796.  
  4797. #member_preview_scroller .member_details .member_restriction a:hover, #member_preview_scroller .member_details .member_timezone_value a:hover, #member_preview_scroller .member_details .member_current_status a:hover, #member_preview_web_container .member_details .member_restriction a:hover, #member_preview_web_container .member_details .member_timezone_value a:hover, #member_preview_web_container .member_details .member_current_status a:hover, .menu_member_header .member_details .member_restriction a:hover, .menu_member_header .member_details .member_timezone_value a:hover, .menu_member_header .member_details .member_current_status a:hover {
  4798. color: #c7c7c7 !important;
  4799. }
  4800.  
  4801. #member_preview_scroller .member_details .member_restriction .ts_icon_question_circle:focus, #member_preview_scroller .member_details .member_restriction .ts_icon_question_circle:hover, #member_preview_scroller .member_details .member_timezone_value .ts_icon_question_circle:focus, #member_preview_scroller .member_details .member_timezone_value .ts_icon_question_circle:hover, #member_preview_scroller .member_details .member_current_status .ts_icon_question_circle:focus, #member_preview_scroller .member_details .member_current_status .ts_icon_question_circle:hover, #member_preview_web_container .member_details .member_restriction .ts_icon_question_circle:focus, #member_preview_web_container .member_details .member_restriction .ts_icon_question_circle:hover, #member_preview_web_container .member_details .member_timezone_value .ts_icon_question_circle:focus, #member_preview_web_container .member_details .member_timezone_value .ts_icon_question_circle:hover, #member_preview_web_container .member_details .member_current_status .ts_icon_question_circle:focus, #member_preview_web_container .member_details .member_current_status .ts_icon_question_circle:hover, .menu_member_header .member_details .member_restriction .ts_icon_question_circle:focus, .menu_member_header .member_details .member_restriction .ts_icon_question_circle:hover, .menu_member_header .member_details .member_timezone_value .ts_icon_question_circle:focus, .menu_member_header .member_details .member_timezone_value .ts_icon_question_circle:hover, .menu_member_header .member_details .member_current_status .ts_icon_question_circle:focus, .menu_member_header .member_details .member_current_status .ts_icon_question_circle:hover {
  4802. color: #949494 !important;
  4803. }
  4804.  
  4805. #member_preview_scroller .member_details_divider, #member_preview_web_container .member_details_divider, .menu_member_header .member_details_divider {
  4806. border-color: #363636 !important;
  4807. }
  4808.  
  4809. #disabled_members_tab a {
  4810. color: #949494 !important;
  4811. }
  4812.  
  4813. #disabled_members_tab a:hover {
  4814. background: #424242 !important;
  4815. color: #c7c7c7 !important;
  4816. }
  4817.  
  4818. #disabled_members_tab.active a {
  4819. color: #949494 !important;
  4820. }
  4821.  
  4822. .team_list_item {
  4823. border-top: 1px solid #545454 !important;
  4824. color: #949494 !important;
  4825. }
  4826.  
  4827. .team_list_item .member_name {
  4828. color: #a1a1a1 !important;
  4829. }
  4830.  
  4831. #client-ui .searchable_member_list .team_list_item a, #client-ui #team_list .team_list_item a, #member_preview_scroller .team_list_item a {
  4832. color: #a1a1a1 !important;
  4833. }
  4834.  
  4835. #client-ui .searchable_member_list .team_list_item.expanded, #client-ui #team_list .team_list_item.expanded, #member_preview_scroller .team_list_item.expanded {
  4836. border-color: #363636 !important;
  4837. }
  4838.  
  4839. #client-ui .searchable_member_list .team_list_item:hover, #client-ui #team_list .team_list_item:hover, #member_preview_scroller .team_list_item:hover {
  4840. border-color: #545454 !important;
  4841. }
  4842.  
  4843. #client-ui .searchable_member_list .team_list_item {
  4844. border-bottom-color: #000 !important;
  4845. }
  4846.  
  4847. #client-ui .searchable_member_list .team_list_item:hover {
  4848. background: #545454 !important;
  4849. }
  4850.  
  4851. #convo_tab #convo_tab_btns .close_flexpane:focus, #convo_tab #convo_tab_btns .close_flexpane:hover {
  4852. color: #a1a1a1 !important;
  4853. }
  4854.  
  4855. #convo_tab textarea.message_input {
  4856. color: #a1a1a1 !important;
  4857. }
  4858.  
  4859. #convo_tab #convo_scroller #reply_container .inline_message_input_container.with_file_upload {
  4860. background: #545454 !important;
  4861. border-color: #424242 !important;
  4862. color: #a1a1a1 !important;
  4863. }
  4864.  
  4865. #convo_tab #convo_scroller #reply_container .inline_message_input_container.with_file_upload .message_input .ql-blank.ql-editor {
  4866. border-color: #424242 !important;
  4867. color: #a1a1a1 !important;
  4868. }
  4869.  
  4870. .inline_file_upload.btn_unstyle {
  4871. background: padding-box #545454 !important;
  4872. border-color: #424242 !important;
  4873. color: #949494 !important;
  4874. }
  4875.  
  4876. .inline_file_upload.btn_unstyle.active, .inline_file_upload.btn_unstyle.focus-ring, .inline_file_upload.btn_unstyle:focus, .inline_file_upload.btn_unstyle:hover {
  4877. background: #424242 !important;
  4878. border-color: #363636 !important;
  4879. color: #949494 !important;
  4880. }
  4881.  
  4882. .inline_file_upload.btn_unstyle .ts_icon_plus_thick.upload_plus_icon:hover, .inline_file_upload.btn_unstyle .ts_icon_plus_thick.upload_plus_icon.active, .inline_file_upload.btn_unstyle .ts_icon_plus_thick.upload_plus_icon.focus-ring, .inline_file_upload.btn_unstyle .ts_icon_plus_thick.upload_plus_icon:focus {
  4883. background: #424242 !important;
  4884. border-color: #363636 !important;
  4885. color: #949494 !important;
  4886. }
  4887.  
  4888. #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 {
  4889. border-color: #363636 !important;
  4890. color: #a1a1a1 !important;
  4891. }
  4892.  
  4893. #reply_container .inline_message_input_container .message_input div:active, #reply_container .inline_message_input_container .message_input div:focus, #reply_container .inline_message_input_container textarea:active, #reply_container .inline_message_input_container textarea:focus, .reply_input_container .inline_message_input_container .message_input div:active, .reply_input_container .inline_message_input_container .message_input div:focus, .reply_input_container .inline_message_input_container textarea:active, .reply_input_container .inline_message_input_container textarea:focus {
  4894. border-color: #000 !important;
  4895. }
  4896.  
  4897. #reply_container .reply_broadcast_buttons_container .reply_broadcast_label_container, .reply_input_container .reply_broadcast_buttons_container .reply_broadcast_label_container {
  4898. color: #a1a1a1 !important;
  4899. }
  4900.  
  4901. #reply_container .reply_broadcast_buttons_container .reply_broadcast_label_container ts-icon.ts_icon_question_circle, .reply_input_container .reply_broadcast_buttons_container .reply_broadcast_label_container ts-icon.ts_icon_question_circle {
  4902. color: #949494 !important;
  4903. }
  4904.  
  4905. #reply_container .reply_limited_in_general, .reply_input_container .reply_limited_in_general {
  4906. background: #222 !important;
  4907. color: #949494 !important;
  4908. }
  4909.  
  4910. #convo_container .convo_flexpane_divider {
  4911. border-top-color: #363636 !important;
  4912. color: #949494 !important;
  4913. }
  4914.  
  4915. #convo_container .convo_flexpane_divider .reply_count {
  4916. background: #222 !important;
  4917. }
  4918.  
  4919. #convo_container ts-conversation ts-message.selected .message_content .thread_channel_link {
  4920. color: #949494 !important;
  4921. }
  4922.  
  4923. #convo_tab .message_input, #convo_tab textarea#msg_text {
  4924. color: #a1a1a1 !important;
  4925. }
  4926.  
  4927. #whats_new_tab p {
  4928. color: #a1a1a1 !important;
  4929. }
  4930.  
  4931. #whats_new_tab .flex_heading_controls label {
  4932. color: #949494 !important;
  4933. }
  4934.  
  4935. .c-member__display-name, .c-team__display-name, .c-usergroup__handle {
  4936. color: #c7c7c7 !important;
  4937. }
  4938.  
  4939. .c-member__current-status--small::before, .c-member__secondary-name--large + .c-member__current-status--large::before, .c-member__secondary-name--medium + .c-member__current-status--medium::before {
  4940. color: #c7c7c7 !important;
  4941. }
  4942.  
  4943. .c-team__display-name, .c-unified_member__display-name, .c-usergroup__handle {
  4944. color:#c7c7c7 !important;
  4945. font-weight:700
  4946. }
  4947.  
  4948. .c-member .external_team_badge {
  4949. background-color: #545454 !important;
  4950. box-shadow: 0 0 0 2px #545454 !important;
  4951. }
  4952.  
  4953. .c-member .external_team_badge.default {
  4954. background-color: #949494 !important;
  4955. color: #a1a1a1 !important;
  4956. text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) !important;
  4957. }
  4958.  
  4959. .c-member .external_team_badge::after {
  4960. box-shadow: inset 0 0 0 1px #545454 !important;
  4961. }
  4962.  
  4963. .c-member__name--small, .c-team__name--small, .c-usergroup__name--small {
  4964. color: #a1a1a1 !important;
  4965. }
  4966.  
  4967. .c-member--small .presence {
  4968. color: #949494 !important;
  4969. }
  4970.  
  4971. .c-member--small .team_image.icon_16 {
  4972. border-color: #363636 !important;
  4973. }
  4974.  
  4975. .c-member--small .team_image.default {
  4976. background-color: #949494 !important;
  4977. color: #a1a1a1 !important;
  4978. text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) !important;
  4979. }
  4980.  
  4981. .c-member--dark .c-member__current-status {
  4982. color: #949494 !important;
  4983. }
  4984.  
  4985. .c-member--dark .c-member__current-status::before {
  4986. color: #949494 !important;
  4987. }
  4988.  
  4989. .c-member--dark .c-member__name, .c-member--dark .c-member__secondary-name {
  4990. color: #949494 !important;
  4991. }
  4992.  
  4993. .c-member--dark .c-member__display-name, .c-member--dark .presence {
  4994. color: #a1a1a1 !important;
  4995. }
  4996.  
  4997. .c-member--medium {
  4998. color: #949494 !important;
  4999. }
  5000.  
  5001. .c-member--medium .presence {
  5002. color: #949494 !important;
  5003. }
  5004.  
  5005. .c-member__secondary-name--medium {
  5006. color: #a1a1a1 !important;
  5007. }
  5008.  
  5009. .c-member--large {
  5010. color: #949494 !important;
  5011. }
  5012.  
  5013. .c-member__display-name--large, .c-member__title--large {
  5014. color: #a1a1a1 !important;
  5015. }
  5016.  
  5017. .c-member__other-names--large {
  5018. color: #949494 !important;
  5019. }
  5020.  
  5021. .c-usergroup--small .c-usergroup__icon {
  5022. background-color: #949494 !important;
  5023. color: #a1a1a1 !important;
  5024. }
  5025.  
  5026. .c-usergroup__not-in-channel-context--small {
  5027. color: #949494 !important;
  5028. }
  5029.  
  5030. .p-emoji_picker {
  5031. background: #000 !important;
  5032. color: #a1a1a1 !important;
  5033. }
  5034.  
  5035. .p-emoji_picker[data-using-keyboard="true"] .p-emoji_picker__list_item[data-color-index="0"].key_selection {
  5036. background: rgba(183, 232, 135, 0.5) !important;
  5037. }
  5038.  
  5039. .p-emoji_picker[data-using-keyboard="true"] .p-emoji_picker__list_item[data-color-index="1"].key_selection {
  5040. background: rgba(181, 224, 254, 0.5) !important;
  5041. }
  5042.  
  5043. .p-emoji_picker[data-using-keyboard="true"] .p-emoji_picker__list_item[data-color-index="2"].key_selection {
  5044. background: rgba(249, 239, 103, 0.5) !important;
  5045. }
  5046.  
  5047. .p-emoji_picker[data-using-keyboard="true"] .p-emoji_picker__list_item[data-color-index="3"].key_selection {
  5048. background: rgba(243, 193, 253, 0.5) !important;
  5049. }
  5050.  
  5051. .p-emoji_picker[data-using-keyboard="true"] .p-emoji_picker__list_item[data-color-index="4"].key_selection {
  5052. background: rgba(255, 225, 174, 0.5) !important;
  5053. }
  5054.  
  5055. .p-emoji_picker[data-using-keyboard="true"] .p-emoji_picker__list_item[data-color-index="5"].key_selection {
  5056. background: rgba(224, 223, 255, 0.5) !important;
  5057. }
  5058.  
  5059. .p-emoji_picker__list_item {
  5060. text-shadow: 0 1px rgba(0, 0, 0, 0.15) !important;
  5061. }
  5062.  
  5063. .p-emoji_picker__list_item[data-color-index="0"]:hover, .p-emoji_picker__list_item[data-color-index="0"].key_selection {
  5064. background: rgba(183, 232, 135, 0.5) !important;
  5065. }
  5066.  
  5067. .p-emoji_picker__list_item[data-color-index="1"]:hover, .p-emoji_picker__list_item[data-color-index="1"].key_selection {
  5068. background: rgba(181, 224, 254, 0.5) !important;
  5069. }
  5070.  
  5071. .p-emoji_picker__list_item[data-color-index="2"]:hover, .p-emoji_picker__list_item[data-color-index="2"].key_selection {
  5072. background: rgba(249, 239, 103, 0.5) !important;
  5073. }
  5074.  
  5075. .p-emoji_picker__list_item[data-color-index="3"]:hover, .p-emoji_picker__list_item[data-color-index="3"].key_selection {
  5076. background: rgba(243, 193, 253, 0.5) !important;
  5077. }
  5078.  
  5079. .p-emoji_picker__list_item[data-color-index="4"]:hover, .p-emoji_picker__list_item[data-color-index="4"].key_selection {
  5080. background: rgba(255, 225, 174, 0.5) !important;
  5081. }
  5082.  
  5083. .p-emoji_picker__list_item[data-color-index="5"]:hover, .p-emoji_picker__list_item[data-color-index="5"].key_selection {
  5084. background: rgba(224, 223, 255, 0.5) !important;
  5085. }
  5086.  
  5087. .p-emoji_picker__heading, .p-emoji_picker__list_container, .p-emoji_picker__input_container {
  5088. background: #222 !important;
  5089. }
  5090.  
  5091. .p-emoji_picker__group_tabs {
  5092. border-bottom-color: #424242 !important;
  5093. }
  5094.  
  5095. .p-emoji_picker__group_tab {
  5096. color: #949494 !important;
  5097. }
  5098.  
  5099. .p-emoji_picker__group_tab:hover {
  5100. background: #363636 !important;
  5101. color: #c7c7c7 !important;
  5102. }
  5103.  
  5104. .p-emoji_picker__group_tab--active {
  5105. background: #545454 !important;
  5106. border-bottom-color: #424242 !important;
  5107. color: #a1a1a1 !important;
  5108. }
  5109.  
  5110. .p-emoji_picker__icon_search {
  5111. color: #949494 !important;
  5112. }
  5113.  
  5114. .p-emoji_picker__content:hover .p-emoji_picker__skintone_btn_container {
  5115. background: #222 !important;
  5116. border-color: #222 !important;
  5117. }
  5118.  
  5119. .p-emoji_picker__skintone_options {
  5120. background: #222 !important;
  5121. }
  5122.  
  5123. .p-emoji_picker__tip i, .p-emoji_picker__no_results i {
  5124. color: #949494 !important;
  5125. }
  5126.  
  5127. .p-emoji_picker__tip {
  5128. color: #a1a1a1 !important;
  5129. }
  5130.  
  5131. .p-emoji_picker__no_results {
  5132. color: #949494 !important;
  5133. }
  5134.  
  5135. .p-emoji_picker__preview_text {
  5136. background: #000 !important;
  5137. color: #a1a1a1 !important;
  5138. }
  5139.  
  5140. .p-emoji_picker__footer {
  5141. background: #000 !important;
  5142. border-top-color: #363636 !important;
  5143. }
  5144.  
  5145. .p-emoji_picker__footer .p-emoji_picker__heading {
  5146. background: #000 !important;
  5147. }
  5148.  
  5149. .p-emoji_picker__emoji_deluxe_label {
  5150. color: #949494 !important;
  5151. }
  5152.  
  5153. input[type="text"].p-emoji_picker__input:focus {
  5154. border-color: #545454 !important;
  5155. box-shadow: none !important;
  5156. }
  5157.  
  5158. #message_edit_form .current_status_empty_emoji, #message_edit_form .current_status_empty_emoji_cover, #message_edit_form .emo_menu, #msg_form .current_status_empty_emoji, #msg_form .current_status_empty_emoji_cover, #msg_form .emo_menu, .current_status_container .current_status_empty_emoji, .current_status_container .current_status_empty_emoji_cover, .current_status_container .emo_menu, .current_status_input_container .current_status_empty_emoji, .current_status_input_container .current_status_empty_emoji_cover, .current_status_input_container .emo_menu, .inline_message_input_container .current_status_empty_emoji, .inline_message_input_container .current_status_empty_emoji_cover, .inline_message_input_container .emo_menu, .share_channel_modal_contents .current_status_empty_emoji, .share_channel_modal_contents .current_status_empty_emoji_cover, .share_channel_modal_contents .emo_menu {
  5159. color: #949494 !important;
  5160. }
  5161.  
  5162. #message_edit_form .current_status_input.focus ~ .current_status_emoji_picker .current_status_empty_emoji, #msg_form .current_status_input.focus ~ .current_status_emoji_picker .current_status_empty_emoji, .current_status_container .current_status_input.focus ~ .current_status_emoji_picker .current_status_empty_emoji, .current_status_input_container .current_status_input.focus ~ .current_status_emoji_picker .current_status_empty_emoji, .inline_message_input_container .current_status_input.focus ~ .current_status_emoji_picker .current_status_empty_emoji, .share_channel_modal_contents .current_status_input.focus ~ .current_status_emoji_picker .current_status_empty_emoji {
  5163. color: #a1a1a1 !important;
  5164. }
  5165.  
  5166. #message_edit_form #msg_input.focus ~ #primary_file_button:not(:hover):not(.active), #message_edit_form #msg_input.focus ~ .emo_menu, #message_edit_form #msg_input:focus ~ #primary_file_button:not(:hover):not(.active), #message_edit_form #msg_input:focus ~ .emo_menu, #msg_form #msg_input.focus ~ #primary_file_button:not(:hover):not(.active), #msg_form #msg_input.focus ~ .emo_menu, #msg_form #msg_input:focus ~ #primary_file_button:not(:hover):not(.active), #msg_form #msg_input:focus ~ .emo_menu, .current_status_container #msg_input.focus ~ #primary_file_button:not(:hover):not(.active), .current_status_container #msg_input.focus ~ .emo_menu, .current_status_container #msg_input:focus ~ #primary_file_button:not(:hover):not(.active), .current_status_container #msg_input:focus ~ .emo_menu, .current_status_input_container #msg_input.focus ~ #primary_file_button:not(:hover):not(.active), .current_status_input_container #msg_input.focus ~ .emo_menu, .current_status_input_container #msg_input:focus ~ #primary_file_button:not(:hover):not(.active), .current_status_input_container #msg_input:focus ~ .emo_menu, .inline_message_input_container #msg_input.focus ~ #primary_file_button:not(:hover):not(.active), .inline_message_input_container #msg_input.focus ~ .emo_menu, .inline_message_input_container #msg_input:focus ~ #primary_file_button:not(:hover):not(.active), .inline_message_input_container #msg_input:focus ~ .emo_menu, .share_channel_modal_contents #msg_input.focus ~ #primary_file_button:not(:hover):not(.active), .share_channel_modal_contents #msg_input.focus ~ .emo_menu, .share_channel_modal_contents #msg_input:focus ~ #primary_file_button:not(:hover):not(.active), .share_channel_modal_contents #msg_input:focus ~ .emo_menu {
  5167. color: #a1a1a1 !important;
  5168. }
  5169.  
  5170. #message_edit_form .message_input:focus ~ #primary_file_button:not(:hover):not(.active), #message_edit_form .message_input:focus ~ .emo_menu, #msg_form .message_input:focus ~ #primary_file_button:not(:hover):not(.active), #msg_form .message_input:focus ~ .emo_menu, .current_status_container .message_input:focus ~ #primary_file_button:not(:hover):not(.active), .current_status_container .message_input:focus ~ .emo_menu, .current_status_input_container .message_input:focus ~ #primary_file_button:not(:hover):not(.active), .current_status_input_container .message_input:focus ~ .emo_menu, .inline_message_input_container .message_input:focus ~ #primary_file_button:not(:hover):not(.active), .inline_message_input_container .message_input:focus ~ .emo_menu, .share_channel_modal_contents .message_input:focus ~ #primary_file_button:not(:hover):not(.active), .share_channel_modal_contents .message_input:focus ~ .emo_menu {
  5171. color: #a1a1a1 !important;
  5172. }
  5173.  
  5174. .current_status_emoji_picker {
  5175. border-right-color: #363636 !important;
  5176. }
  5177.  
  5178. .current_status_input_for_team_menu .current_status_presets {
  5179. border-top: 1px solid #000 !important;
  5180. }
  5181.  
  5182. .current_status_input_for_team_menu .current_status_presets .current_status_presets_section_header .header_label {
  5183. color: #949494 !important;
  5184. }
  5185.  
  5186. .rxn {
  5187. background: #424242 !important;
  5188. border: 1px solid #545454 !important;
  5189. }
  5190.  
  5191. .rxn.active, .rxn:hover {
  5192. border-color: #424242 !important;
  5193. }
  5194.  
  5195. .rxn.active .emoji_rxn_count, .rxn:hover .emoji_rxn_count {
  5196. color: #a1a1a1 !important;
  5197. }
  5198.  
  5199. .rxn.rxn_add_btn {
  5200. background: #949494 !important;
  5201. }
  5202.  
  5203. .rxn.user_reacted {
  5204. background-color: rgba(66, 66, 66, 0.08) !important;
  5205. border-color: rgba(130, 130, 130, 0.4) !important;
  5206. }
  5207.  
  5208. .rxn.user_reacted .emoji_rxn_count {
  5209. color: #a1a1a1 !important;
  5210. }
  5211.  
  5212. .rxn .emoji_rxn_count {
  5213. color: #a1a1a1 !important;
  5214. }
  5215.  
  5216. .rxn.menu_rxn .ts_icon {
  5217. color: rgba(230, 230, 230, 0.25) !important;
  5218. }
  5219.  
  5220. .modal {
  5221. background-color: #222 !important;
  5222. border: 0 !important;
  5223. box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5) !important;
  5224. }
  5225.  
  5226. .modal .close, .modal label {
  5227. color: #a1a1a1 !important;
  5228. }
  5229.  
  5230. .modal_input_note, .modal_input_note_full_width, .input_note_special {
  5231. color: #949494 !important;
  5232. }
  5233.  
  5234. .modal-footer {
  5235. background: padding-box #222 !important;
  5236. border-top: 1px solid transparent !important;
  5237. box-shadow: none !important;
  5238. }
  5239.  
  5240. .modal-header {
  5241. background: padding-box #000 !important;
  5242. border-bottom: 1px solid #363636 !important;
  5243. color: #a1a1a1 !important;
  5244. }
  5245.  
  5246. .modal-backdrop {
  5247. background-color: #222 !important;
  5248. }
  5249.  
  5250. .close {
  5251. color: #a1a1a1 !important;
  5252. text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5) !important;
  5253. }
  5254.  
  5255. #fs_modal_bg {
  5256. background: #222 !important;
  5257. }
  5258.  
  5259. #fs_modal {
  5260. background: #222 !important;
  5261. }
  5262.  
  5263. #fs_modal h1, #fs_modal h2, #fs_modal h3, #fs_modal h4, #fs_modal h5, #fs_modal h6 {
  5264. color: #a1a1a1 !important;
  5265. }
  5266.  
  5267. #fs_modal #fs_modal_sidebar a {
  5268. color: #a1a1a1 !important;
  5269. }
  5270.  
  5271. #fs_modal #fs_modal_sidebar a:hover {
  5272. background: #363636 !important;
  5273. }
  5274.  
  5275. #fs_modal #fs_modal_sidebar a.active {
  5276. background: #000 !important;
  5277. color: #a1a1a1 !important;
  5278. text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15) !important;
  5279. }
  5280.  
  5281. #fs_modal .fs_modal_btn {
  5282. color: rgba(230, 230, 230, 0.5) !important;
  5283. }
  5284.  
  5285. #fs_modal .fs_modal_btn:hover {
  5286. background: #828282 !important;
  5287. color: #a1a1a1 !important;
  5288. }
  5289.  
  5290. #fs_modal .fs_modal_btn:active {
  5291. background: #828282 !important;
  5292. color: #a1a1a1 !important;
  5293. }
  5294.  
  5295. #fs_modal.fs_modal_header .fs_modal_btn:active {
  5296. color: #a1a1a1 !important;
  5297. }
  5298.  
  5299. #fs_modal #fs_modal_footer {
  5300. background-color: #363636 !important;
  5301. }
  5302.  
  5303. .p-apps_browser__apps_list--loading::before {
  5304. background-color: #363636 !important;
  5305. }
  5306.  
  5307. .p-apps_browser__category_section--tutorial .p-apps_browser__app {
  5308. border-color: #545454 !important;
  5309. box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15) !important;
  5310. }
  5311.  
  5312. .p-apps_browser__category_section--tutorial .p-apps_browser__app--selected {
  5313. background: #363636 !important;
  5314. box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25) !important;
  5315. }
  5316.  
  5317. .p-apps_browser__category_header {
  5318. background: #222 !important;
  5319. color: #949494 !important;
  5320. }
  5321.  
  5322. .p-apps_browser__app {
  5323. border-top-color: #545454 !important;
  5324. }
  5325.  
  5326. .p-apps_browser__app--selected {
  5327. background: #363636 !important;
  5328. border-color: #828282 !important;
  5329. }
  5330.  
  5331. .p-apps_browser__app_info {
  5332. color: #a1a1a1 !important;
  5333. }
  5334.  
  5335. .p-apps_browser__browse_apps, .p-apps_browser__app_action {
  5336. background-color: #545454 !important;
  5337. border-color: #828282 !important;
  5338. color: #a1a1a1 !important;
  5339. }
  5340.  
  5341. .p-apps_browser__browse_apps:hover, .p-apps_browser__browse_apps:focus, .p-apps_browser__app_action:hover, .p-apps_browser__app_action:focus {
  5342. background-color: #828282 !important;
  5343. color: #a1a1a1 !important;
  5344. }
  5345.  
  5346. .p-apps_browser__browse_apps:active, .p-apps_browser__app_action:active {
  5347. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15) !important;
  5348. }
  5349.  
  5350. .p-apps_browser__app_description {
  5351. color: #949494 !important;
  5352. }
  5353.  
  5354. #fs_modal.p-apps_browser_modal .contents_container .contents .links_container a {
  5355. color: #949494 !important;
  5356. }
  5357.  
  5358. #fs_modal.p-apps_browser_modal .contents_container .contents .links_container a:active, #fs_modal.p-apps_browser_modal .contents_container .contents .links_container a:hover, #fs_modal.p-apps_browser_modal .contents_container .contents .links_container a:visited {
  5359. color: #a1a1a1 !important;
  5360. }
  5361.  
  5362. #incoming_call {
  5363. background-color: rgba(0, 0, 0, 0.97) !important;
  5364. color: #a1a1a1 !important;
  5365. }
  5366.  
  5367. #fs_modal.channel_options_modal .channel_options_header {
  5368. border-bottom-color: #363636 !important;
  5369. }
  5370.  
  5371. #fs_modal.channel_options_modal .convert_to_shared label {
  5372. color: #949494 !important;
  5373. }
  5374.  
  5375. #fs_modal.channel_options_modal .channel_option_item {
  5376. border-top-color: #363636 !important;
  5377. }
  5378.  
  5379. #fs_modal.channel_options_modal .channel_option_item .channel_option_open {
  5380. color: #a1a1a1 !important;
  5381. }
  5382.  
  5383. #fs_modal.channel_options_modal .channel_option_item:hover {
  5384. background: rgba(0, 0, 0, 0.75) !important;
  5385. border-color: #363636 !important;
  5386. }
  5387.  
  5388. #channel_invite_container .lfs_list_container .lfs_item {
  5389. border-top-color: #363636 !important;
  5390. }
  5391.  
  5392. #channel_invite_container .lfs_list_container .lfs_item.active {
  5393. border-color: #363636 !important;
  5394. }
  5395.  
  5396. #channel_invite_container.page_needs_enterprise .channel_invite_row {
  5397. border-top-color: #363636 !important;
  5398. }
  5399.  
  5400. #channel_invite_container.page_needs_enterprise .channel_invite_row.disabled {
  5401. color: #949494 !important;
  5402. }
  5403.  
  5404. #channel_invite_modal #channel_invite_container:not(.keyboard_active).not_scrolling .channel_invite_row:not(.disabled):hover, #channel_invite_modal .channel_invite_row.highlighted:not(.disabled) {
  5405. background: #222 !important;
  5406. border-color: #363636 !important;
  5407. }
  5408.  
  5409. #channel_prefs_dialog {
  5410. color: #a1a1a1 !important;
  5411. }
  5412.  
  5413. .channel_prefs_modal_header {
  5414. color: #a1a1a1 !important;
  5415. }
  5416.  
  5417. .channel_prefs_body__section_header_title {
  5418. color: #a1a1a1 !important;
  5419. }
  5420.  
  5421. .channel_prefs_body__section_header_icon::before {
  5422. color: #a1a1a1 !important;
  5423. }
  5424.  
  5425. .channel_prefs_body__mute_help_text {
  5426. color: #949494 !important;
  5427. }
  5428.  
  5429. .channel_prefs_notifications_table {
  5430. border-bottom-color: #363636 !important;
  5431. color: #a1a1a1 !important;
  5432. }
  5433.  
  5434. .channel_prefs_notifications_table__large_cell, .channel_prefs_notifications_table__small_cell, .channel_prefs_notifications_table__row_title {
  5435. border-bottom-color: #545454 !important;
  5436. }
  5437.  
  5438. .channel_prefs__muting_checkbox_label {
  5439. color: #a1a1a1 !important;
  5440. }
  5441.  
  5442. .channel_prefs__muting_checkbox_label:not(.subtle_silver) {
  5443. color: #a1a1a1 !important;
  5444. }
  5445.  
  5446. .notification_prefs_icon::before {
  5447. color: #a1a1a1 !important;
  5448. }
  5449.  
  5450. .channel_modal_header {
  5451. color: #a1a1a1 !important;
  5452. }
  5453.  
  5454. #channel_browser .channel_browser_row {
  5455. border-top: 1px solid #363636 !important;
  5456. color: #a1a1a1 !important;
  5457. }
  5458.  
  5459. #channel_browser .channel_browser_row_header {
  5460. color: #a1a1a1 !important;
  5461. }
  5462.  
  5463. #channel_browser .channel_browser_creator_name {
  5464. color: #949494 !important;
  5465. }
  5466.  
  5467. #channel_browser .channel_browser_open, #channel_browser .channel_browser_preview {
  5468. color: #949494 !important;
  5469. }
  5470.  
  5471. #channel_browser #channel_list_container:not(.keyboard_active).not_scrolling .channel_browser_row:hover, #channel_browser .channel_browser_row.highlighted {
  5472. background: #000 !important;
  5473. border: 1px solid #545454 !important;
  5474. }
  5475.  
  5476. #channel_browser .channel_browser_divider {
  5477. background: transparent !important;
  5478. color: #949494 !important;
  5479. }
  5480.  
  5481. #channel_browser .channel_browser_sort_container::after {
  5482. color: #a1a1a1 !important;
  5483. }
  5484.  
  5485. .channel_invite_member .add_icon, .channel_invite_member_small .add_icon {
  5486. color: #949494 !important;
  5487. }
  5488.  
  5489. .channel_invite_member .name_container .not_in_token, .channel_invite_member_small .name_container .not_in_token {
  5490. color: #949494 !important;
  5491. }
  5492.  
  5493. .channel_invite_member .invite_user_group_avatar, .channel_invite_member_small .invite_user_group_avatar {
  5494. background-color: #000 !important;
  5495. color: #a1a1a1 !important;
  5496. }
  5497.  
  5498. #invite_members_container .lfs_input_container {
  5499. background: #545454 !important;
  5500. }
  5501.  
  5502. #notifications_not_working p.highlight_yellow_bg a {
  5503. color: #a1a1a1 !important;
  5504. }
  5505.  
  5506. #im_browser .im_browser_row {
  5507. border-top: 1px solid #545454 !important;
  5508. }
  5509.  
  5510. #im_browser .im_browser_row.multiparty .member_image + .member_image:not(.ra):not(.ura) {
  5511. border: 2px solid #000 !important;
  5512. }
  5513.  
  5514. #im_browser .im_browser_row .im_unread_cnt {
  5515. background: #bf360c !important;
  5516. color: #a1a1a1 !important;
  5517. }
  5518.  
  5519. #im_browser .im_browser_row.disabled {
  5520. color: #949494 !important;
  5521. }
  5522.  
  5523. #im_browser #im_list_container:not(.keyboard_active).not_scrolling .im_browser_row:not(.disabled_dm):hover, #im_browser #im_browser .im_browser_row.highlighted {
  5524. background: #000 !important;
  5525. border: 1px solid #545454 !important;
  5526. }
  5527.  
  5528. #im_browser_tokens {
  5529. background: #545454 !important;
  5530. border: 1px solid #828282 !important;
  5531. }
  5532.  
  5533. #im_browser_tokens.active {
  5534. border-color: #828282 !important;
  5535. box-shadow: 0 0 7px rgba(130, 130, 130, 0.15) !important;
  5536. }
  5537.  
  5538. #im_browser_tokens .member_token {
  5539. background: #222 !important;
  5540. border: 1px solid #000 !important;
  5541. color: #a1a1a1 !important;
  5542. }
  5543.  
  5544. #im_browser_tokens .member_token.ra {
  5545. background: #bf360c !important;
  5546. }
  5547.  
  5548. .fs_modal_file_viewer_header {
  5549. background-color: #363636 !important;
  5550. box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5) !important;
  5551. }
  5552.  
  5553. .fs_modal_file_viewer_header .btn {
  5554. color: #a1a1a1 !important;
  5555. }
  5556.  
  5557. .fs_modal_file_viewer_header .star {
  5558. color: #949494 !important;
  5559. }
  5560.  
  5561. .fs_modal_file_viewer_header .control_btn, .fs_modal_file_viewer_header a.control_btn {
  5562. color: #a1a1a1 !important;
  5563. }
  5564.  
  5565. .fs_modal_file_viewer_header .control_btn:link, .fs_modal_file_viewer_header .control_btn:visited, .fs_modal_file_viewer_header a.control_btn:link, .fs_modal_file_viewer_header a.control_btn:visited {
  5566. color: #a1a1a1 !important;
  5567. }
  5568.  
  5569. .fs_modal_file_viewer_header .control_btn:focus, .fs_modal_file_viewer_header .control_btn:hover, .fs_modal_file_viewer_header a.control_btn:focus, .fs_modal_file_viewer_header a.control_btn:hover {
  5570. color: #949494 !important;
  5571. }
  5572.  
  5573. .fs_modal_file_viewer_header .control_btn.active, .fs_modal_file_viewer_header .control_btn:active, .fs_modal_file_viewer_header a.control_btn.active, .fs_modal_file_viewer_header a.control_btn:active {
  5574. background: #545454 !important;
  5575. }
  5576.  
  5577. .fs_modal_file_viewer_header .file_size, .fs_modal_file_viewer_header .muted_tooltip_info {
  5578. color: #949494 !important;
  5579. }
  5580.  
  5581. .fs_modal_file_viewer_header .close_btn::after {
  5582. border-right: 1px solid #545454 !important;
  5583. }
  5584.  
  5585. .fs_modal_file_viewer_content .viewer {
  5586. background-color: #000 !important;
  5587. color: #a1a1a1 !important;
  5588. }
  5589.  
  5590. .fs_modal_file_viewer_content .viewer .next_btn ts-icon, .fs_modal_file_viewer_content .viewer .previous_btn ts-icon {
  5591. background: #545454 !important;
  5592. box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25) !important;
  5593. }
  5594.  
  5595. .fs_modal_file_viewer_content .viewer .next_btn:focus:not([disabled]), .fs_modal_file_viewer_content .viewer .next_btn:hover:not([disabled]), .fs_modal_file_viewer_content .viewer .previous_btn:focus:not([disabled]), .fs_modal_file_viewer_content .viewer .previous_btn:hover:not([disabled]) {
  5596. background: rgba(130, 130, 130, 0.25) !important;
  5597. color: #a1a1a1 !important;
  5598. }
  5599.  
  5600. .fs_modal_file_viewer_content .viewer .next_btn[disabled]:focus, .fs_modal_file_viewer_content .viewer .next_btn[disabled]:hover, .fs_modal_file_viewer_content .viewer .previous_btn[disabled]:focus, .fs_modal_file_viewer_content .viewer .previous_btn[disabled]:hover {
  5601. color: rgba(148, 148, 148, 0.8) !important;
  5602. }
  5603.  
  5604. .fs_modal_file_viewer_content .aside_panel {
  5605. background-color: #222 !important;
  5606. box-shadow: -1px 0 0 rgba(0, 0, 0, 0.25) !important;
  5607. }
  5608.  
  5609. .fs_modal_file_viewer_content .comment_header {
  5610. background-color: transparent !important;
  5611. border-bottom: 1px solid #000 !important;
  5612. }
  5613.  
  5614. .fs_modal_file_viewer_content .no_comment {
  5615. background-color: #222 !important;
  5616. color: #949494 !important;
  5617. }
  5618.  
  5619. .fs_modal_file_viewer_content .aside_close_btn {
  5620. color: #a1a1a1 !important;
  5621. }
  5622.  
  5623. .fs_modal_file_viewer_content #file_comment {
  5624. color: #a1a1a1 !important;
  5625. }
  5626.  
  5627. #file_comment_textarea.texty_comment_input {
  5628. background: #222 !important;
  5629. border-color: #363636 !important;
  5630. color: #a1a1a1 !important;
  5631. }
  5632.  
  5633. #file_comment_textarea.texty_comment_input.focus, #file_comment_textarea.texty_comment_input:hover {
  5634. border-color: #363636 !important;
  5635. }
  5636.  
  5637. #fs_modal.help_modal #fs_modal_footer .help_modal_status #no_open_issues {
  5638. color: #949494 !important;
  5639. }
  5640.  
  5641. #fs_modal.help_modal .help_modal_header {
  5642. background-color: #363636 !important;
  5643. border-color: #545454 !important;
  5644. }
  5645.  
  5646. #fs_modal.help_modal .help_modal_header a {
  5647. color: #a1a1a1 !important;
  5648. }
  5649.  
  5650. #fs_modal.help_modal .help_modal_divider {
  5651. color: #949494 !important;
  5652. }
  5653.  
  5654. #fs_modal.help_modal .help_modal_article_row {
  5655. border-top: 1px solid #363636 !important;
  5656. }
  5657.  
  5658. #fs_modal.help_modal .help_modal_article_row .channel_browser_open {
  5659. color: #949494 !important;
  5660. }
  5661.  
  5662. #fs_modal.help_modal #help_modal_list_container:not(.keyboard_active).not_scrolling .help_modal_article_row:hover, #fs_modal.help_modal .help_modal_article_row.highlighted {
  5663. background-color: #363636 !important;
  5664. border-color: #000 !important;
  5665. }
  5666.  
  5667. .admin_invites_account_type_option {
  5668. border-bottom: 1px solid #363636 !important;
  5669. }
  5670.  
  5671. .admin_invites_account_type_option p {
  5672. color: #a1a1a1 !important;
  5673. }
  5674.  
  5675. .admin_invites_account_type_option .option_arrow {
  5676. color: #949494 !important;
  5677. }
  5678.  
  5679. .admin_invites_account_type_option:hover:not(.disabled) h3 {
  5680. color: #a1a1a1 !important;
  5681. }
  5682.  
  5683. .admin_invites_account_type_option.disabled .account_type_disabled_hover {
  5684. background: rgba(255, 255, 255, 0) !important;
  5685. }
  5686.  
  5687. .admin_invites_account_type_option.disabled:hover .account_type_disabled_hover {
  5688. background: rgba(34, 34, 34, 0.95) !important;
  5689. }
  5690.  
  5691. .admin_invite_row .delete_row, .admin_invite_row .hide_custom_message, .admin_invites_custom_message_container .delete_row, .admin_invites_custom_message_container .hide_custom_message {
  5692. color: #949494 !important;
  5693. }
  5694.  
  5695. .admin_invite_row .delete_row:hover, .admin_invite_row .hide_custom_message:hover, .admin_invites_custom_message_container .delete_row:hover, .admin_invites_custom_message_container .hide_custom_message:hover {
  5696. color: #bf360c !important;
  5697. }
  5698.  
  5699. .admin_invite_row.delete_highlight, .admin_invites_custom_message_container.delete_highlight {
  5700. background: rgba(191, 54, 12, 0.4) !important;
  5701. }
  5702.  
  5703. #admin_invites_channel_picker_container {
  5704. border-bottom: 1px solid #363636 !important;
  5705. }
  5706.  
  5707. #admin_invites_add_row {
  5708. background: #545454 !important;
  5709. border: 1px solid #363636 !important;
  5710. }
  5711.  
  5712. #admin_invites_workflow .lazy_filter_select .lfs_input_container {
  5713. background-color: #545454 !important;
  5714. }
  5715.  
  5716. #channel_invite_tokens {
  5717. background-color: #545454 !important;
  5718. border-color: #828282 !important;
  5719. }
  5720.  
  5721. #channel_invite_tokens.active {
  5722. border-color: #949494 !important;
  5723. box-shadow: 0 0 7px rgba(148, 148, 148, 0.15) !important;
  5724. }
  5725.  
  5726. #channel_invite_tokens .member_token {
  5727. background: #222 !important;
  5728. color: #a1a1a1 !important;
  5729. }
  5730.  
  5731. #channel_invite_tokens .member_token.ra {
  5732. background: rgba(191, 54, 12, 0.4) !important;
  5733. }
  5734.  
  5735. #admin_invites_alert {
  5736. background: #545454 !important;
  5737. border-color: #828282 !important;
  5738. }
  5739.  
  5740. .channel_invite_member .add_icon, .channel_invite_member_small .add_icon, .channel_invite_pending_user_small .add_icon {
  5741. color: #a1a1a1 !important;
  5742. }
  5743.  
  5744. .channel_invite_member .invite_user_group_avatar, .channel_invite_member_small .invite_user_group_avatar, .channel_invite_pending_user_small .invite_user_group_avatar {
  5745. background-color: #222 !important;
  5746. color: #a1a1a1 !important;
  5747. }
  5748.  
  5749. #shortcuts_dialog {
  5750. background: rgba(34, 34, 34, 0.95) !important;
  5751. text-shadow: 0 1px 1px rgba(0, 0, 0, 0.7) !important;
  5752. }
  5753.  
  5754. #shortcuts_dialog.modal .modal-body, #shortcuts_dialog.modal h1, #shortcuts_dialog.modal h3 {
  5755. color: #a1a1a1 !important;
  5756. }
  5757.  
  5758. #shortcuts_dialog.modal ul ul {
  5759. border-left-color: #545454 !important;
  5760. }
  5761.  
  5762. #shortcuts_dialog.modal .info_block {
  5763. color: #949494 !important;
  5764. }
  5765.  
  5766. #shortcuts_dialog.modal .close {
  5767. background: #545454 !important;
  5768. border-color: #828282 !important;
  5769. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
  5770. color: #a1a1a1 !important;
  5771. }
  5772.  
  5773. #shortcuts_dialog.modal .close:hover {
  5774. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.9) !important;
  5775. }
  5776.  
  5777. #fs_modal.prefs_modal label.sound_option:hover:not(.disabled) ts-icon {
  5778. color: #949494 !important;
  5779. }
  5780.  
  5781. #fs_modal.prefs_modal #prefs_sidebar .theme_thumb {
  5782. box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25) !important;
  5783. }
  5784.  
  5785. #fs_modal.prefs_modal #prefs_sidebar #prefs_themes_customize .custom_theme_label {
  5786. border: 1px solid #363636 !important;
  5787. }
  5788.  
  5789. #fs_modal.prefs_modal #prefs_sidebar #prefs_themes_customize .custom_theme_label .color_swatch {
  5790. border: 1px solid #363636 !important;
  5791. }
  5792.  
  5793. #fs_modal.prefs_modal #prefs_sidebar #prefs_themes_customize .colpick {
  5794. background: #424242 !important;
  5795. border: 1px solid #363636 !important;
  5796. }
  5797.  
  5798. #fs_modal.prefs_modal #prefs_sidebar #prefs_sidebar_theme::after {
  5799. background: #bf360c !important;
  5800. border-radius: 3px !important;
  5801. content: "Light sidebar themes (e.g. Hoth) will break this Stylish theme." !important;
  5802. display: block !important;
  5803. font-size: 14px !important;
  5804. line-height: 18px !important;
  5805. margin: 12px 0 6px !important;
  5806. padding: 6px !important;
  5807. width: 100% !important;
  5808. }
  5809.  
  5810. #fs_modal.prefs_modal legend {
  5811. color: #a1a1a1 !important;
  5812. }
  5813.  
  5814. #fs_modal.prefs_modal .global_notification_block {
  5815. background: #222 !important;
  5816. border-color: #000 !important;
  5817. }
  5818.  
  5819. #fs_modal.prefs_modal .global_notification_block.selected {
  5820. background: #363636 !important;
  5821. border-color: #000 !important;
  5822. }
  5823.  
  5824. #fs_modal.prefs_modal .channel_overrides_row {
  5825. border-top-color: #000 !important;
  5826. }
  5827.  
  5828. #fs_modal.prefs_modal .channel_overrides_row:hover {
  5829. background: #363636 !important;
  5830. border-color: #000 !important;
  5831. }
  5832.  
  5833. #fs_modal.prefs_modal .channel_overrides_row .channel_overrides_summary {
  5834. color: #a1a1a1 !important;
  5835. }
  5836.  
  5837. #fs_modal.prefs_modal .notification_example.mac {
  5838. background: #000 !important;
  5839. box-shadow: 0 1px 8px 2px #363636 !important;
  5840. }
  5841.  
  5842. #fs_modal.prefs_modal .notification_example.linux, #fs_modal.prefs_modal .notification_example.windows {
  5843. background: #000 !important;
  5844. color: #a1a1a1 !important;
  5845. }
  5846.  
  5847. #fs_modal.prefs_modal .badge_example {
  5848. background: #bf360c !important;
  5849. }
  5850.  
  5851. #fs_modal.prefs_modal .message_theme_preview {
  5852. border-bottom-color: #000 !important;
  5853. border-top-color: #000 !important;
  5854. }
  5855.  
  5856. #fs_modal.prefs_modal .display_real_names_block_sample {
  5857. background: #222 !important;
  5858. }
  5859.  
  5860. .sidebar_menu_list_item {
  5861. border: 0 !important;
  5862. color: #a1a1a1 !important;
  5863. }
  5864.  
  5865. .sidebar_menu_list_item.is_active {
  5866. background-color: #000 !important;
  5867. color: #a1a1a1 !important;
  5868. text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15) !important;
  5869. }
  5870.  
  5871. .sidebar_menu_list_item:not(.is_active):hover {
  5872. background-color: #363636 !important;
  5873. }
  5874.  
  5875. .jumbomoji_pref_disabled {
  5876. color: #949494 !important;
  5877. }
  5878.  
  5879. .jumbomoji_disabled_note {
  5880. color: rgba(148, 148, 148, 0.6) !important;
  5881. }
  5882.  
  5883. #edit_team_profile_container input:disabled, #edit_team_profile_container select:disabled {
  5884. background: #545454 !important;
  5885. border: 1px solid #000 !important;
  5886. }
  5887.  
  5888. #edit_team_profile_container .lazy_filter_select.disabled {
  5889. background: #545454 !important;
  5890. }
  5891.  
  5892. #edit_team_profile_container .lazy_filter_select.disabled input {
  5893. background: #545454 !important;
  5894. }
  5895.  
  5896. #edit_team_profile_add .row, #edit_team_profile_list .row {
  5897. border-top: 1px solid #363636 !important;
  5898. }
  5899.  
  5900. #edit_team_profile_list .row:nth-last-child(2):hover {
  5901. border-color: #363636 !important;
  5902. }
  5903.  
  5904. #edit_team_profile_list .row:nth-child(n+5).active, #edit_team_profile_list .row:nth-child(n+5):hover {
  5905. background: #363636 !important;
  5906. border: 1px solid #000 !important;
  5907. }
  5908.  
  5909. #edit_team_profile_list .row:nth-child(n+5).active .edit_team_profile_list_controls i.ts_icon_cog_o {
  5910. color: #949494 !important;
  5911. }
  5912.  
  5913. #edit_team_profile_list .edit_team_profile_list_controls i {
  5914. color: #a1a1a1 !important;
  5915. }
  5916.  
  5917. #edit_team_profile_list .edit_team_profile_list_controls i.ts_icon_cog_o:hover {
  5918. color: #949494 !important;
  5919. }
  5920.  
  5921. #edit_team_profile_list .edit_team_profile_list_controls i.ts_icon_grabby_patty:hover {
  5922. color: #949494 !important;
  5923. }
  5924.  
  5925. #edit_team_profile_list .sortable-placeholder::before {
  5926. border-top: 1px solid #545454 !important;
  5927. }
  5928.  
  5929. #edit_team_profile_add .row:last-child {
  5930. border-bottom: 1px solid #545454 !important;
  5931. }
  5932.  
  5933. #edit_team_profile_add .row:not(.header_row):hover {
  5934. background: #363636 !important;
  5935. border: 1px solid #000 !important;
  5936. }
  5937.  
  5938. #edit_team_profile_add .row:not(.header_row):hover .col:first-child {
  5939. color: #a1a1a1 !important;
  5940. }
  5941.  
  5942. #edit_team_profile_add .row:not(.header_row):hover i {
  5943. border-color: #000 !important;
  5944. color: #a1a1a1 !important;
  5945. }
  5946.  
  5947. #edit_team_profile_add i {
  5948. color: #949494 !important;
  5949. }
  5950.  
  5951. #edit_team_profile_edit .profile_field_preview_protector label.select::after, #edit_team_profile_edit .profile_field_preview_protector label.select:hover::after {
  5952. color: #949494 !important;
  5953. }
  5954.  
  5955. #edit_team_profile_edit .row.option_row.show_remove_action i {
  5956. border: 1px solid #000 !important;
  5957. }
  5958.  
  5959. #edit_team_profile_edit .row.option_row.show_remove_action i:hover {
  5960. background-color: #bf360c !important;
  5961. border-color: #bf360c !important;
  5962. color: #a1a1a1 !important;
  5963. }
  5964.  
  5965. #edit_team_profile_edit .row i {
  5966. border: 1px solid #000 !important;
  5967. color: #a1a1a1 !important;
  5968. }
  5969.  
  5970. #edit_team_profile_custom .row .col .profile_field_preview {
  5971. background: #363636 !important;
  5972. border: 2px solid #000 !important;
  5973. }
  5974.  
  5975. #edit_team_profile_custom .row .col .profile_field_preview:active, #edit_team_profile_custom .row .col .profile_field_preview:hover {
  5976. border-color: #363636 !important;
  5977. }
  5978.  
  5979. #edit_team_profile_custom .row .col .profile_field_preview:active span, #edit_team_profile_custom .row .col .profile_field_preview:hover span {
  5980. color: #949494 !important;
  5981. }
  5982.  
  5983. #edit_team_profile_custom .row .col input {
  5984. background: #545454 !important;
  5985. border: 1px solid #000 !important;
  5986. }
  5987.  
  5988. #edit_team_profile_custom .row .col[data-type=options_list] span::after {
  5989. color: #949494 !important;
  5990. }
  5991.  
  5992. #edit_team_profile_custom .row .col[data-type=options_list] input {
  5993. border-right: 1px solid #000 !important;
  5994. }
  5995.  
  5996. .profile_field_preview_protector .profile_field_preview {
  5997. background: #222 !important;
  5998. border: 1px solid #545454 !important;
  5999. }
  6000.  
  6001. .profile_field_preview_protector .profile_field_preview::after {
  6002. background-color: #222 !important;
  6003. box-shadow: 0 0.75rem 0.75rem rgba(0, 0, 0, 0.25) !important;
  6004. }
  6005.  
  6006. .profile_field_preview_protector .profile_field_preview::before {
  6007. background-color: #222 !important;
  6008. box-shadow: 0 0.75rem 0.75rem rgba(0, 0, 0, 0.25) !important;
  6009. }
  6010.  
  6011. .profile_field_preview_protector .profile_field_preview input:disabled, .profile_field_preview_protector .profile_field_preview select:disabled {
  6012. background: #545454 !important;
  6013. color: #949494 !important;
  6014. }
  6015.  
  6016. .profile_field_preview_protector .profile_field_preview .profile_field_preview_fade_out_mask {
  6017. background: linear-gradient(to left, #000, rgba(255, 255, 255, 0)) !important;
  6018. }
  6019.  
  6020. .profile_field_preview_protector .profile_field_preview .profile_field_preview_ribbon::before {
  6021. border-color: transparent transparent transparent #000 !important;
  6022. }
  6023.  
  6024. .profile_field_preview_protector .profile_field_preview .profile_field_preview_ribbon::after {
  6025. border-color: #000 transparent transparent !important;
  6026. }
  6027.  
  6028. ts-jumper ts-jumper-container {
  6029. background: #222 !important;
  6030. box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5) !important;
  6031. }
  6032.  
  6033. ts-jumper ts-jumper-help {
  6034. color: #949494 !important;
  6035. }
  6036.  
  6037. ts-jumper input[type=text] {
  6038. border: 1px solid #000 !important;
  6039. color: #a1a1a1 !important;
  6040. }
  6041.  
  6042. ts-jumper input[type=text]:focus {
  6043. border: 1px solid rgba(54, 54, 54, 0.8) !important;
  6044. color: #a1a1a1 !important;
  6045. }
  6046.  
  6047. ts-jumper input[type=text]::-webkit-input-placeholder, ts-jumper input[type=text]:focus::-webkit-input-placeholder, ts-jumper input[type=text]::-moz-placeholder, ts-jumper input[type=text]:focus::-moz-placeholder {
  6048. color: #a1a1a1 !important;
  6049. }
  6050.  
  6051. ts-jumper ol li {
  6052. color: #a1a1a1 !important;
  6053. }
  6054.  
  6055. ts-jumper ol li .channel_name, ts-jumper ol li .member_real_name, ts-jumper ol li .member_username, ts-jumper ol li .team_username {
  6056. color: #949494 !important;
  6057. }
  6058.  
  6059. ts-jumper ol li .channel_not_member, ts-jumper ol li .team_username, ts-jumper ol li .member_real_name + .member_username, ts-jumper ol li .member_username + .member_real_name, ts-jumper ol li ts-icon {
  6060. color: #949494 !important;
  6061. }
  6062.  
  6063. ts-jumper ol li .unread_count {
  6064. background: #bf360c !important;
  6065. color: #a1a1a1 !important;
  6066. text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25) !important;
  6067. }
  6068.  
  6069. ts-jumper ol li.highlighted {
  6070. background: #828282 !important;
  6071. color: #a1a1a1 !important;
  6072. }
  6073.  
  6074. ts-jumper ol:not(.keyboard_active) li:hover {
  6075. background: #828282 !important;
  6076. color: #a1a1a1 !important;
  6077. }
  6078.  
  6079. ts-jumper ol li.highlighted .channel_not_member, ts-jumper ol li.highlighted .member_real_name + .member_username, ts-jumper ol li.highlighted .member_username + .member_real_name, ts-jumper ol li.highlighted i.presence_icon, ts-jumper ol li.highlighted ts-icon, ts-jumper ol:not(.keyboard_active) li:hover .channel_not_member, ts-jumper ol:not(.keyboard_active) li:hover .member_real_name + .member_username, ts-jumper ol:not(.keyboard_active) li:hover .member_username + .member_real_name, ts-jumper ol:not(.keyboard_active) li:hover i.presence_icon, ts-jumper ol:not(.keyboard_active) li:hover ts-icon {
  6080. color: #a1a1a1 !important;
  6081. }
  6082.  
  6083. .basic_share_dialog .share_dialog_divider {
  6084. border-top-color: transparent !important;
  6085. }
  6086.  
  6087. .share_dialog_attachment_container {
  6088. color: #a1a1a1 !important;
  6089. }
  6090.  
  6091. #share_dialog .file_list_item {
  6092. border-color: #000 !important;
  6093. }
  6094.  
  6095. #generic_dialog.basic_share_dialog .lazy_filter_select .lfs_item .ts_icon:not(.presence_icon), #share_dialog .lazy_filter_select .lfs_item .ts_icon:not(.presence_icon) {
  6096. color: #949494 !important;
  6097. }
  6098.  
  6099. #share_dialog_input_container #file_comment_textarea.ql-container {
  6100. border-color: #363636 !important;
  6101. }
  6102.  
  6103. #share_dialog_input_container #file_comment_textarea.ql-container.focus {
  6104. border-color: #545454 !important;
  6105. }
  6106.  
  6107. #share_dialog_input_container #file_comment_textarea.ql-container.focus ~ .emo_menu {
  6108. color: #a1a1a1 !important;
  6109. }
  6110.  
  6111. .ts_tip .ts_tip_multiline_inner, .ts_tip:not(.ts_tip_multiline) .ts_tip_tip {
  6112. background: #545454 !important;
  6113. }
  6114.  
  6115. .ts_tip .ts_tip_tip {
  6116. color: #a1a1a1 !important;
  6117. }
  6118.  
  6119. .ts_tip.ts_tip_left .ts_tip_tip::after {
  6120. border-left-color: #545454 !important;
  6121. }
  6122.  
  6123. .ts_tip.ts_tip_right .ts_tip_tip::after {
  6124. border-right-color: #545454 !important;
  6125. }
  6126.  
  6127. .ts_tip.ts_tip_top .ts_tip_tip::after {
  6128. border-top-color: #545454 !important;
  6129. }
  6130.  
  6131. .ts_tip.ts_tip_bottom .ts_tip_tip::after {
  6132. border-bottom-color: #545454 !important;
  6133. }
  6134.  
  6135. .ts_tip.success .ts_tip_tip {
  6136. background: #828282 !important;
  6137. }
  6138.  
  6139. .ts_tip.success.ts_tip_left .ts_tip_tip::after {
  6140. border-left-color: #828282 !important;
  6141. }
  6142.  
  6143. .ts_tip.success.ts_tip_right .ts_tip_tip::after {
  6144. border-right-color: #828282 !important;
  6145. }
  6146.  
  6147. .ts_tip.success.ts_tip_top .ts_tip_tip::after {
  6148. border-top-color: #828282 !important;
  6149. }
  6150.  
  6151. .ts_tip.success.ts_tip_bottom .ts_tip_tip::after {
  6152. border-bottom-color: #828282 !important;
  6153. }
  6154.  
  6155. .c-tooltip__tip {
  6156. background-color: #545454 !important;
  6157. color: #a1a1a1 !important;
  6158. }
  6159.  
  6160. .c-tooltip__tip--top .c-tooltip__tip__arrow {
  6161. border-top-color: #545454 !important;
  6162. }
  6163.  
  6164. .c-tooltip__tip--top-left .c-tooltip__tip__arrow {
  6165. border-top-color: #545454 !important;
  6166. }
  6167.  
  6168. .c-tooltip__tip--top-right .c-tooltip__tip__arrow {
  6169. border-top-color: #545454 !important;
  6170. }
  6171.  
  6172. .c-tooltip__tip--right .c-tooltip__tip__arrow {
  6173. border-right-color: #545454 !important;
  6174. }
  6175.  
  6176. .c-tooltip__tip--bottom .c-tooltip__tip__arrow {
  6177. border-bottom-color: #545454 !important;
  6178. }
  6179.  
  6180. .c-tooltip__tip--bottom-left .c-tooltip__tip__arrow {
  6181. border-bottom-color: #545454 !important;
  6182. }
  6183.  
  6184. .c-tooltip__tip--bottom-right .c-tooltip__tip__arrow {
  6185. border-bottom-color: #545454 !important;
  6186. }
  6187.  
  6188. .c-tooltip__tip--left .c-tooltip__tip__arrow {
  6189. border-left-color: #545454 !important;
  6190. }
  6191.  
  6192. .c-tooltip__tip--success {
  6193. background-color: #0cbf72 !important;
  6194. }
  6195.  
  6196. .c-tooltip__tip--success.c-tooltip__tip--top::after, .c-tooltip__tip--success.c-tooltip__tip--top-left::after, .c-tooltip__tip--success.c-tooltip__tip--top-right::after {
  6197. border-top-color: #0cbf72 !important;
  6198. }
  6199.  
  6200. .c-tooltip__tip--success.c-tooltip__tip--right::after {
  6201. border-right-color: #0cbf72 !important;
  6202. }
  6203.  
  6204. .c-tooltip__tip--success.c-tooltip__tip--bottom::after, .c-tooltip__tip--success.c-tooltip__tip--bottom-left::after, .c-tooltip__tip--success.c-tooltip__tip--bottom-right::after {
  6205. border-bottom-color: #0cbf72 !important;
  6206. }
  6207.  
  6208. .c-tooltip__tip--success.c-tooltip__tip--left::after {
  6209. border-left-color: #0cbf72 !important;
  6210. }
  6211.  
  6212. #coachmark.calls_interactive_mas_migration_coachmark_div, #coachmark.calls_iss_window_coachmark_div, #coachmark.calls_ss_main_coachmark_div, #coachmark.calls_ss_window_coachmark_div, #coachmark.calls_video_beta_coachmark_div, #coachmark.calls_video_ga_coachmark_div, #coachmark.channels_coachmark_div, #coachmark.direct_messages_coachmark_div, #coachmark.enterprise_analytics_usage_callouts_coachmark_div, #coachmark.gdrive_coachmark_div, #coachmark.highlights_arrows_coachmark_div, #coachmark.highlights_feedback_coachmark_div, #coachmark.highlights_message_coachmark_div, #coachmark.intl_channel_names_coachmark_div, #coachmark.invites_coachmark_div, #coachmark.name_tagging_coachmark_div, #coachmark.onboarding_coachmark_div, #coachmark.recent_mentions_coachmark_div, #coachmark.replies_coachmark_div, #coachmark.screenhero_deprecation_coachmark_div, #coachmark.starred_items_coachmark_div, #coachmark.unread_view_coachmark_div {
  6213. background: #545454 !important;
  6214. }
  6215.  
  6216. #coachmark.calls_interactive_mas_migration_coachmark_div #coachmark_callout, #coachmark.calls_interactive_mas_migration_coachmark_div #coachmark_interior, #coachmark.calls_iss_window_coachmark_div #coachmark_callout, #coachmark.calls_iss_window_coachmark_div #coachmark_interior, #coachmark.calls_ss_main_coachmark_div #coachmark_callout, #coachmark.calls_ss_main_coachmark_div #coachmark_interior, #coachmark.calls_ss_window_coachmark_div #coachmark_callout, #coachmark.calls_ss_window_coachmark_div #coachmark_interior, #coachmark.calls_video_beta_coachmark_div #coachmark_callout, #coachmark.calls_video_beta_coachmark_div #coachmark_interior, #coachmark.calls_video_ga_coachmark_div #coachmark_callout, #coachmark.calls_video_ga_coachmark_div #coachmark_interior, #coachmark.channels_coachmark_div #coachmark_callout, #coachmark.channels_coachmark_div #coachmark_interior, #coachmark.direct_messages_coachmark_div #coachmark_callout, #coachmark.direct_messages_coachmark_div #coachmark_interior, #coachmark.enterprise_analytics_usage_callouts_coachmark_div #coachmark_callout, #coachmark.enterprise_analytics_usage_callouts_coachmark_div #coachmark_interior, #coachmark.gdrive_coachmark_div #coachmark_callout, #coachmark.gdrive_coachmark_div #coachmark_interior, #coachmark.highlights_arrows_coachmark_div #coachmark_callout, #coachmark.highlights_arrows_coachmark_div #coachmark_interior, #coachmark.highlights_feedback_coachmark_div #coachmark_callout, #coachmark.highlights_feedback_coachmark_div #coachmark_interior, #coachmark.highlights_message_coachmark_div #coachmark_callout, #coachmark.highlights_message_coachmark_div #coachmark_interior, #coachmark.intl_channel_names_coachmark_div #coachmark_callout, #coachmark.intl_channel_names_coachmark_div #coachmark_interior, #coachmark.invites_coachmark_div #coachmark_callout, #coachmark.invites_coachmark_div #coachmark_interior, #coachmark.name_tagging_coachmark_div #coachmark_callout, #coachmark.name_tagging_coachmark_div #coachmark_interior, #coachmark.onboarding_coachmark_div #coachmark_callout, #coachmark.onboarding_coachmark_div #coachmark_interior, #coachmark.recent_mentions_coachmark_div #coachmark_callout, #coachmark.recent_mentions_coachmark_div #coachmark_interior, #coachmark.replies_coachmark_div #coachmark_callout, #coachmark.replies_coachmark_div #coachmark_interior, #coachmark.screenhero_deprecation_coachmark_div #coachmark_callout, #coachmark.screenhero_deprecation_coachmark_div #coachmark_interior, #coachmark.starred_items_coachmark_div #coachmark_callout, #coachmark.starred_items_coachmark_div #coachmark_interior, #coachmark.unread_view_coachmark_div #coachmark_callout, #coachmark.unread_view_coachmark_div #coachmark_interior {
  6217. background: #545454 !important;
  6218. }
  6219.  
  6220. #coachmark_footer .coachmark_done, #coachmark_footer .coachmark_got_it, #coachmark_footer .coachmark_next_tip, #coachmark_footer .coachmark_ok {
  6221. background: rgba(130, 130, 130, 0.5) !important;
  6222. }
  6223.  
  6224. #coachmark_interior {
  6225. color: #a1a1a1 !important;
  6226. }
  6227.  
  6228. #coachmark_interior .coachmark_close_btn {
  6229. color: #a1a1a1 !important;
  6230. }
  6231.  
  6232. .menu_member_header {
  6233. background: #000 !important;
  6234. }
  6235.  
  6236. .menu_member_header .member_details .member_name_and_presence {
  6237. color: #a1a1a1 !important;
  6238. }
  6239.  
  6240. .menu_member_header .member_details .member_name_and_presence .member_name {
  6241. color: #a1a1a1 !important;
  6242. }
  6243.  
  6244. .menu_member_header .member_details .member_name_and_presence .presence.away {
  6245. color: #fff !important;
  6246. }
  6247.  
  6248. .menu_member_header .member_details .member_title {
  6249. color: #949494 !important;
  6250. }
  6251.  
  6252. .menu_member_header .member_details .member_restriction, .menu_member_header .member_details .member_timezone_value {
  6253. color: #949494 !important;
  6254. }
  6255.  
  6256. .menu_member_header .member_details .member_restriction a, .menu_member_header .member_details .member_timezone_value a {
  6257. color: #949494 !important;
  6258. }
  6259.  
  6260. .menu_member_header .member_details .member_restriction a:hover, .menu_member_header .member_details .member_timezone_value a:hover {
  6261. color: #c7c7c7 !important;
  6262. }
  6263.  
  6264. .menu_member_header .member_details_divider {
  6265. border-color: #545454 !important;
  6266. }
  6267.  
  6268. .menu_member_footer {
  6269. background: #000 !important;
  6270. border-top: 1px solid #545454 !important;
  6271. }
  6272.  
  6273. .menu_member_footer p {
  6274. color: #949494 !important;
  6275. }
  6276.  
  6277. .member_meta {
  6278. color: #949494 !important;
  6279. }
  6280.  
  6281. .mini, .dull_grey, .flat_grey, .blue_link, .blue_fill, .slate_blue, .charcoal_grey, .indifferent_grey, .ts_tip_tip .subtle_silver {
  6282. color: #a1a1a1 !important;
  6283. }
  6284.  
  6285. .greigh, .sky_blue, .severe_grey, .havana_blue, .burnt_violet, .plastic_grey, .cloud_silver, .sk_dark_gray, .sk_dark_grey, .subtle_silver, .old_petunia_grey {
  6286. color: #949494 !important;
  6287. }
  6288.  
  6289. .clear_blue {
  6290. color: #949494 !important;
  6291. }
  6292.  
  6293. .moscow_red, .yolk_orange, .mustard_yellow, .candy_red_on_hover:hover, .moscow_red_on_hover:hover {
  6294. color: #bf360c !important;
  6295. }
  6296.  
  6297. .seafoam_green {
  6298. color: #0cbf72 !important;
  6299. }
  6300.  
  6301. .candy_red_bg {
  6302. background-color: #bf360c !important;
  6303. }
  6304.  
  6305. .off_white_bg, .neutral_white_bg {
  6306. background-color: #363636 !important;
  6307. }
  6308.  
  6309. .yolk_orange_bg, .burnt_violet_bg, .flexpane_grey_bg {
  6310. background-color: #424242 !important;
  6311. }
  6312.  
  6313. .sky_blue_bg, .clear_blue_bg, .seafoam_green_bg {
  6314. background-color: #545454 !important;
  6315. }
  6316.  
  6317. .monkey_scroll_bar {
  6318. z-index: 99 !important;
  6319. }
  6320.  
  6321. .client_header_icon {
  6322. -moz-filter: brightness(0.6) contrast(3) invert(1) sepia(0.5) !important;
  6323. -webkit-filter: brightness(0.6) contrast(3) invert(1) sepia(0.5) !important;
  6324. filter: brightness(0.6) contrast(3) invert(1) sepia(0.5) !important;
  6325. }
  6326.  
  6327. nav.top.persistent {
  6328. background: #363636 !important;
  6329. }
  6330.  
  6331. nav.top.persistent .logo {
  6332. background-position: 50% 0 !important;
  6333. }
  6334.  
  6335. .widescreen #header_team_name a i {
  6336. margin-left: 1.5em !important;
  6337. }
  6338.  
  6339. .widescreen #user_menu {
  6340. border-right: none !important;
  6341. }
  6342.  
  6343. header #menu_toggle {
  6344. color: #949494 !important;
  6345. }
  6346.  
  6347. header #header_team_nav {
  6348. background: #363636 !important;
  6349. border: 1px solid #000 !important;
  6350. }
  6351.  
  6352. header #header_team_nav li.active a {
  6353. background: #222 !important;
  6354. color: #a1a1a1 !important;
  6355. }
  6356.  
  6357. header .header_btns a {
  6358. color: #949494 !important;
  6359. }
  6360.  
  6361. header .header_btns a .label {
  6362. color: #949494 !important;
  6363. }
  6364.  
  6365. header .vert_divider {
  6366. border-left: 1px solid #000 !important;
  6367. }
  6368.  
  6369. footer, #autocomplete_menu.search_menu footer.unified {
  6370. background-color: #363636 !important;
  6371. border-color: #000 !important;
  6372. color: #a1a1a1 !important;
  6373. }
  6374.  
  6375. footer ul a, #autocomplete_menu.search_menu footer.unified ul a {
  6376. color: #a1a1a1 !important;
  6377. }
  6378.  
  6379. footer ul a:link, footer ul a:visited, #autocomplete_menu.search_menu footer.unified ul a:link, #autocomplete_menu.search_menu footer.unified ul a:visited {
  6380. color: #a1a1a1 !important;
  6381. }
  6382.  
  6383. .plastic_row h3 {
  6384. color: #a1a1a1 !important;
  6385. }
  6386.  
  6387. .plastic_row h4 a {
  6388. color: #a1a1a1 !important;
  6389. }
  6390.  
  6391. .plastic_row .icon {
  6392. color: #a1a1a1 !important;
  6393. }
  6394.  
  6395. .plastic_row .chevron {
  6396. color: #949494 !important;
  6397. }
  6398.  
  6399. .plastic_row .description {
  6400. color: #a1a1a1 !important;
  6401. }
  6402.  
  6403. .plastic_row:active {
  6404. background: #222 !important;
  6405. border-color: #000 !important;
  6406. }
  6407.  
  6408. .plastic_row:active .chevron {
  6409. color: #a1a1a1 !important;
  6410. }
  6411.  
  6412. html.no_touch .plastic_row:hover {
  6413. background: #222 !important;
  6414. border-color: #000 !important;
  6415. }
  6416.  
  6417. html.no_touch .plastic_row:hover .chevron {
  6418. color: #a1a1a1 !important;
  6419. }
  6420.  
  6421. html.no_touch .pagination ul > li > a:hover {
  6422. background-color: #000 !important;
  6423. }
  6424.  
  6425. html.no_touch .pagination ul > .disabled > a:hover {
  6426. background: #363636 !important;
  6427. color: #949494 !important;
  6428. }
  6429.  
  6430. html.no_touch .pager li > a:hover, html.no_touch .pager li > a:focus {
  6431. color: #c7c7c7 !important;
  6432. }
  6433.  
  6434. .card, .tab_pane {
  6435. background: #363636 !important;
  6436. border: 1px solid #000 !important;
  6437. color: #a1a1a1 !important;
  6438. }
  6439.  
  6440. .card h3 a {
  6441. color: #a1a1a1 !important;
  6442. }
  6443.  
  6444. #page_contents .card {
  6445. background: rgba(54, 54, 54, 0.8) !important;
  6446. }
  6447.  
  6448. #page_contents .card p {
  6449. color: #a1a1a1 !important;
  6450. }
  6451.  
  6452. .tab_set a.secondary {
  6453. color: #949494 !important;
  6454. }
  6455.  
  6456. .tab_set a.selected, .tab_set a.secondary.selected {
  6457. background: #363636 !important;
  6458. border: 1px solid #000 !important;
  6459. border-bottom-color: #363636 !important;
  6460. color: #c7c7c7 !important;
  6461. }
  6462.  
  6463. .tab_actions {
  6464. background: #363636 !important;
  6465. border: 1px solid #000 !important;
  6466. border-color: #000 !important;
  6467. }
  6468.  
  6469. .accordion_section {
  6470. border-bottom-color: #222 !important;
  6471. }
  6472.  
  6473. .accordion_section h4 {
  6474. color: #a1a1a1 !important;
  6475. }
  6476.  
  6477. .accordion_section h4 a {
  6478. color: #a1a1a1 !important;
  6479. }
  6480.  
  6481. .no_touch .accordion_section h4 a:hover {
  6482. color: #a1a1a1 !important;
  6483. }
  6484.  
  6485. .accordion_section_fixed {
  6486. border-bottom-color: #222 !important;
  6487. }
  6488.  
  6489. .pager li > a, .pager li > span {
  6490. background-color: #222 !important;
  6491. background-image: none !important;
  6492. border-color: #363636 !important;
  6493. color: #949494 !important;
  6494. }
  6495.  
  6496. .pager li.previous > a, .pager li.previous > span {
  6497. background-position: 0 !important;
  6498. padding-right: 0 !important;
  6499. text-align: center !important;
  6500. }
  6501.  
  6502. .pager li.next > a, .pager li.next > span {
  6503. background-position: 0 !important;
  6504. padding-left: 0 !important;
  6505. text-align: center !important;
  6506. }
  6507.  
  6508. .pager .disabled > a, .pager .disabled > span {
  6509. color: #949494 !important;
  6510. }
  6511.  
  6512. .pagination ul > li > a, .pagination ul > li > span {
  6513. background: #363636 !important;
  6514. border: 1px solid #000 !important;
  6515. color: #a1a1a1 !important;
  6516. }
  6517.  
  6518. .pagination ul > li > a:focus {
  6519. background-color: #000 !important;
  6520. }
  6521.  
  6522. .pagination ul > .active > a, .pagination ul > .active > span {
  6523. background-color: #000 !important;
  6524. }
  6525.  
  6526. .pagination ul > .disabled > span {
  6527. background: #363636 !important;
  6528. color: #949494 !important;
  6529. }
  6530.  
  6531. .pagination ul > .disabled > a {
  6532. background: #363636 !important;
  6533. color: #949494 !important;
  6534. }
  6535.  
  6536. .pagination ul > .disabled > a:focus {
  6537. background: #363636 !important;
  6538. color: #c7c7c7 !important;
  6539. }
  6540.  
  6541. .loading_hash_animation img {
  6542. display: none !important;
  6543. }
  6544.  
  6545. .icon_search_close {
  6546. color: #949494 !important;
  6547. }
  6548.  
  6549. .icon_search_close:hover {
  6550. color: #c7c7c7 !important;
  6551. }
  6552.  
  6553. .help {
  6554. border-top-color: #000 !important;
  6555. color: #949494 !important;
  6556. }
  6557.  
  6558. .two_factor_option_app, .two_factor_option_sms, .configure-step1, .configure-step3 {
  6559. display: none !important;
  6560. }
  6561.  
  6562. .two_factor_choice {
  6563. background-color: #363636 !important;
  6564. border: 1px solid #545454 !important;
  6565. box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25) !important;
  6566. }
  6567.  
  6568. .two_factor_choice:hover {
  6569. box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.15) !important;
  6570. }
  6571.  
  6572. .two_factor_choice:hover .two_factor_link {
  6573. color: #a1a1a1 !important;
  6574. }
  6575.  
  6576. a.two_factor_choice {
  6577. background-color: #363636 !important;
  6578. border: 1px solid #545454 !important;
  6579. box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25) !important;
  6580. }
  6581.  
  6582. a.two_factor_choice:link {
  6583. background-color: #363636 !important;
  6584. border: 1px solid #545454 !important;
  6585. box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25) !important;
  6586. }
  6587.  
  6588. a.two_factor_choice:hover, a.two_factor_choice:link:hover {
  6589. box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.15) !important;
  6590. }
  6591.  
  6592. a.two_factor_choice:hover .two_factor_link, a.two_factor_choice:link:hover .two_factor_link {
  6593. color: #a1a1a1 !important;
  6594. }
  6595.  
  6596. .backup_codes {
  6597. background: #000 !important;
  6598. border-color: #545454 !important;
  6599. color: #a1a1a1 !important;
  6600. }
  6601.  
  6602. #channel_specific_settings tr {
  6603. border-top-color: #222 !important;
  6604. }
  6605.  
  6606. #channel_specific_settings tr.channel_override_row.muted td {
  6607. background: rgba(34, 34, 34, 0.5) !important;
  6608. }
  6609.  
  6610. #channel_specific_settings .extra_left_border {
  6611. border-left-color: #222 !important;
  6612. }
  6613.  
  6614. #channel_specific_settings .extra_right_border {
  6615. border-right-color: #222 !important;
  6616. }
  6617.  
  6618. #channel_specific_settings .revert_to_default {
  6619. color: #949494 !important;
  6620. }
  6621.  
  6622. #channel_specific_settings .revert_to_default:hover {
  6623. color: #bf360c !important;
  6624. }
  6625.  
  6626. .admin_list_item {
  6627. border-bottom-color: #222 !important;
  6628. color: #949494 !important;
  6629. }
  6630.  
  6631. .admin_list_item:hover {
  6632. background-color: #363636 !important;
  6633. }
  6634.  
  6635. .admin_list_item .admin_member_full_name, .admin_list_item .admin_member_real_name {
  6636. color: #a1a1a1 !important;
  6637. }
  6638.  
  6639. .admin_list_item .admin_member_type, .admin_list_item .admin_member_caret {
  6640. color: #949494 !important;
  6641. }
  6642.  
  6643. .admin_list_item .pill.group {
  6644. background: #424242 !important;
  6645. }
  6646.  
  6647. .admin_list_item .two_factor_auth_badge:hover {
  6648. background: #424242 !important;
  6649. }
  6650.  
  6651. .admin_list_item .inline_email:hover, .admin_list_item .inline_name:hover, .admin_list_item .inline_username:hover {
  6652. background: none !important;
  6653. }
  6654.  
  6655. .admin_list_item.invite_item.bouncing {
  6656. background: #828282 !important;
  6657. }
  6658.  
  6659. .admin_list_item.invite_item.bouncing .email {
  6660. color: #bf360c !important;
  6661. }
  6662.  
  6663. .admin_list_item.error, .admin_list_item.expanded, .admin_list_item.processing, .admin_list_item.success {
  6664. background-color: #222 !important;
  6665. }
  6666.  
  6667. .admin_list_item.expanded .btn_outline {
  6668. border-color: #222 !important;
  6669. color: #a1a1a1 !important;
  6670. }
  6671.  
  6672. .admin_list_item.expanded .btn_outline:hover {
  6673. border-color: #363636 !important;
  6674. color: #a1a1a1 !important;
  6675. }
  6676.  
  6677. .admin_list_item.expanded .sub_action {
  6678. color: #949494 !important;
  6679. }
  6680.  
  6681. .admin_list_item.expanded .sub_action:hover {
  6682. color: #c7c7c7 !important;
  6683. }
  6684.  
  6685. @media screen and (max-width: 768px) {
  6686. .admin_list_item.expanded .sub_action + .sub_action:hover::before, .admin_list_item.expanded .sub_action + .sub_action:hover::after {
  6687. color: #949494 !important;
  6688. }
  6689. }
  6690.  
  6691. .billing_selection {
  6692. border-color: #000 !important;
  6693. color: #a1a1a1 !important;
  6694. text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) !important;
  6695. }
  6696.  
  6697. .billing_selection:hover {
  6698. border-color: #828282 !important;
  6699. }
  6700.  
  6701. .billing_selection.active {
  6702. background: #545454 !important;
  6703. border-color: #828282 !important;
  6704. }
  6705.  
  6706. .billing_selection.billing_selection--refactor {
  6707. border-color: #545454 !important;
  6708. text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) !important;
  6709. }
  6710.  
  6711. .billing_selection.billing_selection--refactor:hover {
  6712. border-color: #828282 !important;
  6713. }
  6714.  
  6715. .billing_selection.billing_selection--refactor.active {
  6716. background: #545454 !important;
  6717. border-color: #828282 !important;
  6718. }
  6719.  
  6720. .billing_selection .billing_selection__price {
  6721. color: #a1a1a1 !important;
  6722. }
  6723.  
  6724. #billing_contacts_container {
  6725. background: #363636 !important;
  6726. border-top: 1px solid #000 !important;
  6727. }
  6728.  
  6729. .billing_contact {
  6730. border-bottom: 1px solid #222 !important;
  6731. }
  6732.  
  6733. table.billing tr:hover td {
  6734. background: #363636 !important;
  6735. }
  6736.  
  6737. .link_billing_statement {
  6738. color: #a1a1a1 !important;
  6739. }
  6740.  
  6741. .link_invoice_id, .link_statement_id {
  6742. color: #949494 !important;
  6743. }
  6744.  
  6745. .billing_invoice tbody tbody tr {
  6746. color: #a1a1a1 !important;
  6747. }
  6748.  
  6749. .billing_settings_label_name {
  6750. color: #a1a1a1 !important;
  6751. }
  6752.  
  6753. table tr {
  6754. border-bottom-color: #222 !important;
  6755. }
  6756.  
  6757. table tr:first-child th:not(:only-of-type) {
  6758. border-bottom-color: #000 !important;
  6759. }
  6760.  
  6761. .slackbot_response_fieldset .delete_response {
  6762. color: #949494 !important;
  6763. }
  6764.  
  6765. .slackbot_response_fieldset .delete_response:hover {
  6766. color: #bf360c !important;
  6767. }
  6768.  
  6769. .author_cell {
  6770. color: #a1a1a1 !important;
  6771. }
  6772.  
  6773. .message_cell.disabled {
  6774. color: #949494 !important;
  6775. }
  6776.  
  6777. #message_container #msg_limit {
  6778. color: #a1a1a1 !important;
  6779. }
  6780.  
  6781. .statuses_container .current_status_cell .current_status_container .current_status_cover, .statuses_container .current_status_cell .current_status_container:not(.active).with_status_set .current_status_cover {
  6782. border-color: #545454 !important;
  6783. }
  6784.  
  6785. .statuses_container .current_status_cell .current_status_container .current_status_emoji_picker_cover, .statuses_container .current_status_cell .current_status_container:not(.active).with_status_set .current_status_emoji_picker_cover {
  6786. border-right: 1px solid #545454 !important;
  6787. }
  6788.  
  6789. .inactive {
  6790. background-image: none !important;
  6791. }
  6792.  
  6793. .c3 line, .c3 path {
  6794. stroke: #828282 !important;
  6795. }
  6796.  
  6797. .c3-chart-arc .c3-gauge-value {
  6798. fill: #828282 !important;
  6799. }
  6800.  
  6801. .c3-chart-arc path {
  6802. stroke: #363636 !important;
  6803. }
  6804.  
  6805. .c3-chart-arc text {
  6806. fill: #363636 !important;
  6807. }
  6808.  
  6809. .c3-chart-arcs .c3-chart-arcs-background {
  6810. fill: #545454 !important;
  6811. }
  6812.  
  6813. .c3-chart-arcs .c3-chart-arcs-gauge-max, .c3-chart-arcs .c3-chart-arcs-gauge-min {
  6814. fill: #363636 !important;
  6815. }
  6816.  
  6817. .c3-chart-arcs .c3-chart-arcs-gauge-unit {
  6818. fill: #828282 !important;
  6819. }
  6820.  
  6821. .c3-circle._expanded_ {
  6822. stroke: #363636 !important;
  6823. }
  6824.  
  6825. .c3-grid line {
  6826. stroke: #828282 !important;
  6827. }
  6828.  
  6829. .c3-grid text {
  6830. fill: #a1a1a1 !important;
  6831. }
  6832.  
  6833. .c3-legend-background {
  6834. fill: #363636 !important;
  6835. stroke: #545454 !important;
  6836. }
  6837.  
  6838. .c3-region {
  6839. fill: #545454 !important;
  6840. }
  6841.  
  6842. .c3-selected-circle {
  6843. fill: #363636 !important;
  6844. }
  6845.  
  6846. .c3-tooltip {
  6847. background-color: #363636 !important;
  6848. box-shadow: 7px 7px 12px -9px rgba(0, 0, 0, 0.5) !important;
  6849. }
  6850.  
  6851. .c3-tooltip td {
  6852. background-color: #363636 !important;
  6853. border-left-color: #545454 !important;
  6854. }
  6855.  
  6856. .c3-tooltip th {
  6857. background-color: #363636 !important;
  6858. color: #a1a1a1 !important;
  6859. }
  6860.  
  6861. .c3-tooltip tr {
  6862. border-color: #545454 !important;
  6863. }
  6864.  
  6865. .ent_alert a {
  6866. color: #949494 !important;
  6867. }
  6868.  
  6869. .ent_alert a:link, .ent_alert a:visited {
  6870. color: #c7c7c7 !important;
  6871. }
  6872.  
  6873. .ent_alert_page.ent_alert_error {
  6874. background: #bf360c !important;
  6875. }
  6876.  
  6877. .ent_alert_page.ent_alert_success {
  6878. background: #0cbf72 !important;
  6879. }
  6880.  
  6881. .ent_analytics__disclaimer {
  6882. border-top-color: #828282 !important;
  6883. color: #949494 !important;
  6884. }
  6885.  
  6886. .ent_analytics_overview__header {
  6887. box-shadow: 0 1px rgba(0, 0, 0, 0.25) !important;
  6888. }
  6889.  
  6890. .ent_avatar--bordered::before {
  6891. box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.15) !important;
  6892. }
  6893.  
  6894. .ent_avatar {
  6895. background-color: #545454 !important;
  6896. }
  6897.  
  6898. .ent_callout__difference--increase {
  6899. color: #0cbf72 !important;
  6900. }
  6901.  
  6902. .ent_callout__icon_border {
  6903. background-color: #363636 !important;
  6904. border-color: #828282 !important;
  6905. }
  6906.  
  6907. .ent_callout__icon_image, .ent_callout__icon--filled {
  6908. border-color: #828282 !important;
  6909. }
  6910.  
  6911. .ent_callout__icon--empty, .ent_callout__icon--hidden {
  6912. border-color: #545454 !important;
  6913. }
  6914.  
  6915. .ent_callout__icon--limit_reached {
  6916. border-color: #828282 !important;
  6917. }
  6918.  
  6919. .ent_callout__insight {
  6920. color: #949494 !important;
  6921. }
  6922.  
  6923. .ent_callout__limit {
  6924. color: #949494 !important;
  6925. }
  6926.  
  6927. .ent_callout__meter_bar_container {
  6928. background: #222 !important;
  6929. }
  6930.  
  6931. .ent_callout__meter_bar_border {
  6932. border-color: #222 !important;
  6933. }
  6934.  
  6935. .ent_callout__meter_bar_fill--empty {
  6936. background: #828282 !important;
  6937. border-color: #828282 !important;
  6938. }
  6939.  
  6940. .ent_callout__meter_bar_fill--filled {
  6941. background: #828282 !important;
  6942. border-color: #828282 !important;
  6943. }
  6944.  
  6945. .ent_callout__meter_bar_fill--limit_reached {
  6946. background: #bf360c !important;
  6947. border-color: #bf360c !important;
  6948. }
  6949.  
  6950. .ent_callout__meter_bar_gleam {
  6951. background: rgba(130, 130, 130, 0.5) !important;
  6952. }
  6953.  
  6954. .ent_callout__title {
  6955. color: #a1a1a1 !important;
  6956. }
  6957.  
  6958. .ent_copy_muted {
  6959. color: #949494 !important;
  6960. }
  6961.  
  6962. .ent_copy {
  6963. color: #a1a1a1 !important;
  6964. }
  6965.  
  6966. .ent_csv_popover__footer_text {
  6967. color: #949494 !important;
  6968. }
  6969.  
  6970. .ent_csv_popover__footer {
  6971. background: #363636 !important;
  6972. border-top-color: #828282 !important;
  6973. }
  6974.  
  6975. .ent_csv_popover__subtitle {
  6976. color: #949494 !important;
  6977. }
  6978.  
  6979. .ent_csv_popover__title {
  6980. color: #a1a1a1 !important;
  6981. }
  6982.  
  6983. .ent_data_table__cell--header {
  6984. color: #949494 !important;
  6985. }
  6986.  
  6987. .ent_data_table__cell--positive {
  6988. color: #a1a1a1 !important;
  6989. }
  6990.  
  6991. .ent_data_table__cell--sortable:hover {
  6992. background-color: #363636 !important;
  6993. }
  6994.  
  6995. .ent_data_table__cell--sorting {
  6996. color: #949494 !important;
  6997. }
  6998.  
  6999. .ent_data_table__cell {
  7000. border-bottom-color: #828282 !important;
  7001. color: #a1a1a1 !important;
  7002. }
  7003.  
  7004. .ent_data_table__column_group--pinned .ent_data_table__row, .ent_data_table__column_group--right_border {
  7005. border-right-color: #828282 !important;
  7006. }
  7007.  
  7008. .ent_data_table__column_group {
  7009. background-color: #363636 !important;
  7010. }
  7011.  
  7012. .ent_data_table__data_link, a.ent_data_table__data_link {
  7013. color: #a1a1a1 !important;
  7014. }
  7015.  
  7016. .ent_data_table__row--hovered {
  7017. background-color: #222 !important;
  7018. }
  7019.  
  7020. .ent_data_table__scrollable--left_shadow::before {
  7021. box-shadow: inset -14px 0 14px -14px transparent, inset 14px 0 14px -14px rgba(0, 0, 0, 0.25) !important;
  7022. }
  7023.  
  7024. .ent_data_table__scrollable--left_shadow.ent_data_table__scrollable--right_shadow::before {
  7025. box-shadow: inset -14px 0 14px -14px rgba(0, 0, 0, 0.25), inset 14px 0 14px -14px rgba(0, 0, 0, 0.25) !important;
  7026. }
  7027.  
  7028. .ent_data_table__scrollable--right_shadow::before {
  7029. box-shadow: inset -14px 0 14px -14px rgba(0, 0, 0, 0.25), inset 14px 0 14px -14px transparent !important;
  7030. }
  7031.  
  7032. .ent_data_table__secondary_text {
  7033. color: #949494 !important;
  7034. }
  7035.  
  7036. .ent_data_table__thead, .ent_data_table--empty_state_wrapper {
  7037. background-color: #363636 !important;
  7038. }
  7039.  
  7040. .ent_data_table--fix_borders .ent_data_table__row, .ent_data_table--fix_borders .ent_data_table__thead {
  7041. border-bottom-color: #828282 !important;
  7042. }
  7043.  
  7044. .ent_data_table--rounded_top {
  7045. border-top-color: #828282 !important;
  7046. }
  7047.  
  7048. .ent_data_table {
  7049. border-bottom-color: #828282 !important;
  7050. border-left-color: #828282 !important;
  7051. border-right-color: #828282 !important;
  7052. }
  7053.  
  7054. .ent_empty_state_overlay__content_heading, .ent_empty_state_overlay__content_main_heading {
  7055. color: #a1a1a1 !important;
  7056. }
  7057.  
  7058. .ent_graph__data_summary_date_label, .ent_graph__data_summary_point::after {
  7059. color: #949494 !important;
  7060. }
  7061.  
  7062. .ent_graph__legend_item--defocus {
  7063. fill: #949494 !important;
  7064. }
  7065.  
  7066. .ent_graph__legend_text {
  7067. fill: #a1a1a1 !important;
  7068. }
  7069.  
  7070. .ent_graph__svg_container .c3-axis path {
  7071. stroke: #828282 !important;
  7072. }
  7073.  
  7074. .ent_graph__svg_container .c3-grid line {
  7075. stroke: #828282 !important;
  7076. }
  7077.  
  7078. .ent_graph__svg_container .c3-grid .ent_xgrid_month_divider line, .ent_graph__svg_container .c3-grid .ent_xgrid_week_divider line, .ent_graph__svg_container .c3-grid .ent_xgrid_year_divider line {
  7079. stroke: #828282 !important;
  7080. }
  7081.  
  7082. .ent_graph__svg_container .c3-tooltip {
  7083. border-color: #828282 !important;
  7084. box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5) !important;
  7085. }
  7086.  
  7087. .ent_graph__svg_container .c3-tooltip td, .ent_graph__svg_container .c3-tooltip th, .ent_graph__svg_container .c3-tooltip tr {
  7088. background-color: #363636 !important;
  7089. color: #a1a1a1 !important;
  7090. }
  7091.  
  7092. .ent_graph__svg_container .c3-tooltip th {
  7093. border-bottom-color: #828282 !important;
  7094. }
  7095.  
  7096. .ent_graph__svg_container .c3-xgrid-focus line {
  7097. stroke: #949494 !important;
  7098. }
  7099.  
  7100. .ent_graph__svg_container .ent_graph__point:not(._expanded_) {
  7101. fill: #363636 !important;
  7102. }
  7103.  
  7104. .ent_graph__svg_container .ent_graph__point._expanded_ {
  7105. stroke: #363636 !important;
  7106. }
  7107.  
  7108. .ent_graph__svg_container text {
  7109. fill: #949494 !important;
  7110. }
  7111.  
  7112. .ent_graph__tooltip {
  7113. color: #949494 !important;
  7114. }
  7115.  
  7116. .ent_graph_empty__overlay {
  7117. background: #363636 !important;
  7118. }
  7119.  
  7120. .ent_graph_empty__text {
  7121. color: #a1a1a1 !important;
  7122. }
  7123.  
  7124. .ent_graph_header--primary {
  7125. color: #a1a1a1 !important;
  7126. }
  7127.  
  7128. .ent_graph_header--secondary {
  7129. color: #949494 !important;
  7130. }
  7131.  
  7132. .ent_graph_tabs__tab--selected {
  7133. color: #a1a1a1 !important;
  7134. }
  7135.  
  7136. .ent_graph_tabs__tab--selected_ent_violet::after, .ent_graph_tabs__tab--selected_fill_blue::after, .ent_graph_tabs__tab--selected_seafoam_green::after {
  7137. background-color: #828282 !important;
  7138. }
  7139.  
  7140. .ent_graph_tabs__tab {
  7141. color: #949494 !important;
  7142. }
  7143.  
  7144. .ent_graph_tabs {
  7145. border-bottom-color: #828282 !important;
  7146. }
  7147.  
  7148. .ent_header {
  7149. color: #a1a1a1 !important;
  7150. }
  7151.  
  7152. .ent_icon_button {
  7153. color: #949494 !important;
  7154. }
  7155.  
  7156. .ent_icon_button:hover {
  7157. color: #a1a1a1 !important;
  7158. }
  7159.  
  7160. .ent_infographic_container {
  7161. border-top-color: #828282 !important;
  7162. }
  7163.  
  7164. .ent_loading__overlay {
  7165. background-image: linear-gradient(to bottom, rgba(54, 54, 54, 0.8), #363636) !important;
  7166. }
  7167.  
  7168. .ent_modal__title--small {
  7169. color: #a1a1a1 !important;
  7170. }
  7171.  
  7172. .ent_modal_background {
  7173. background-color: #222 !important;
  7174. }
  7175.  
  7176. .ent_modal_breadcrumb_animated_step {
  7177. background: #545454 !important;
  7178. }
  7179.  
  7180. .ent_modal_breadcrumb_circle_icon {
  7181. background: #222 !important;
  7182. }
  7183.  
  7184. .ent_modal_breadcrumb_line {
  7185. background: #545454 !important;
  7186. }
  7187.  
  7188. .ent_modal_breadcrumb_text {
  7189. color: #949494 !important;
  7190. }
  7191.  
  7192. .ent_modal_footer {
  7193. background-color: #363636 !important;
  7194. }
  7195.  
  7196. .ent_modal_title {
  7197. color: #a1a1a1 !important;
  7198. }
  7199.  
  7200. .ent_table__header--title {
  7201. color: #a1a1a1 !important;
  7202. }
  7203.  
  7204. .ent_table__header {
  7205. background-color: #222 !important;
  7206. border-color: #828282 !important;
  7207. }
  7208.  
  7209. .ent_table_banner__contents {
  7210. background: #222 !important;
  7211. border-top-color: #828282 !important;
  7212. box-shadow: 0 -5px 15px 0 rgba(0, 0, 0, 0.15) !important;
  7213. }
  7214.  
  7215. .ent_table_banner__header {
  7216. color: #a1a1a1 !important;
  7217. }
  7218.  
  7219. .ent_table_banner__secondary_text {
  7220. color: #949494 !important;
  7221. }
  7222.  
  7223. .ent_table_customizer__header_subtitle {
  7224. color: #949494 !important;
  7225. }
  7226.  
  7227. .ent_table_customizer_disabled_list_header {
  7228. color: #949494 !important;
  7229. }
  7230.  
  7231. .ent_table_customizer_footer {
  7232. background-color: #222 !important;
  7233. border-top-color: #000 !important;
  7234. color: #949494 !important;
  7235. }
  7236.  
  7237. .ent_table_customizer_header {
  7238. border-bottom-color: #222 !important;
  7239. }
  7240.  
  7241. .ent_table_customizer_list_item--disabled {
  7242. color: #949494 !important;
  7243. }
  7244.  
  7245. .ent_updated_at {
  7246. color: #949494 !important;
  7247. }
  7248.  
  7249. .enterprise {
  7250. background-color: #363636 !important;
  7251. }
  7252.  
  7253. .enterprise .btn.candy_red {
  7254. color: #bf360c !important;
  7255. }
  7256.  
  7257. .enterprise_analytics {
  7258. background-color: #363636 !important;
  7259. }
  7260.  
  7261. .enterprise_org {
  7262. background-color: #363636 !important;
  7263. }
  7264.  
  7265. .enterprise_search_bar .ent_clear_search_icon {
  7266. color: #949494 !important;
  7267. }
  7268.  
  7269. .enterprise_search_bar::before {
  7270. color: #a1a1a1 !important;
  7271. }
  7272.  
  7273. @keyframes color_fade {
  7274. from {
  7275. color: #949494 !important;
  7276. }
  7277.  
  7278. to {
  7279. color: #a1a1a1 !important;
  7280. }
  7281. }
  7282.  
  7283. .file_header .title a {
  7284. color: #949494 !important;
  7285. }
  7286.  
  7287. .file_header .title a:hover {
  7288. color: #c7c7c7 !important;
  7289. }
  7290.  
  7291. .file_actions_cog {
  7292. color: #949494 !important;
  7293. }
  7294.  
  7295. .file_actions_cog:hover {
  7296. color: #c7c7c7 !important;
  7297. }
  7298.  
  7299. .file_reference .icon, .file_list_item .icon, .file_preview {
  7300. border: 2px solid #000 !important;
  7301. }
  7302.  
  7303. .action_cog {
  7304. color: #949494 !important;
  7305. }
  7306.  
  7307. .action_cog i {
  7308. color: #949494 !important;
  7309. }
  7310.  
  7311. html.no_touch .action_cog:hover {
  7312. color: #c7c7c7 !important;
  7313. }
  7314.  
  7315. html.no_touch .action_cog:hover i {
  7316. color: #c7c7c7 !important;
  7317. }
  7318.  
  7319. .help_pages.help_pages p {
  7320. color: #a1a1a1 !important;
  7321. }
  7322.  
  7323. .help_pages.help_pages a {
  7324. border-bottom-color: #545454 !important;
  7325. }
  7326.  
  7327. .help_pages.help_pages .o-hero, .help_pages.help_pages .o-hero__header {
  7328. background-color: #222 !important;
  7329. }
  7330.  
  7331. .help_pages.help_pages .o-hero__header {
  7332. color: #a1a1a1 !important;
  7333. }
  7334.  
  7335. .help_pages.help_pages .o-section--feature {
  7336. background-color: #363636 !important;
  7337. border-top-color: #545454 !important;
  7338. }
  7339.  
  7340. .help_pages.help_pages .c-form__container .c-form__feedback {
  7341. color: #bf360c !important;
  7342. }
  7343.  
  7344. .help_pages.help_pages .c-form__input, .help_pages.help_pages .c-input {
  7345. background-color: #222 !important;
  7346. border-color: #545454 !important;
  7347. color: #a1a1a1 !important;
  7348. }
  7349.  
  7350. .help_pages.help_pages .drop_zone {
  7351. background: #222 !important;
  7352. border-color: #828282 !important;
  7353. }
  7354.  
  7355. .help_pages.help_pages .drop_zone_attachment {
  7356. border-bottom-color: #545454 !important;
  7357. }
  7358.  
  7359. .help_pages.help_pages .drop_zone_remove_attachment {
  7360. background-color: #222 !important;
  7361. }
  7362.  
  7363. .help_pages.help_pages .c-form__notice {
  7364. background-color: #545454 !important;
  7365. border-color: #828282 !important;
  7366. color: #a1a1a1 !important;
  7367. }
  7368.  
  7369. .help_pages.help_pages .c-form__notice.is-error {
  7370. border-left-color: #bf360c !important;
  7371. }
  7372.  
  7373. .help_pages.help_pages .c-nav--footer {
  7374. border-top-color: #545454 !important;
  7375. }
  7376.  
  7377. @media screen and (min-width: 48rem) {
  7378. .help_pages.help_pages .o-hero {
  7379. background-color: #222 !important;
  7380. }
  7381. }
  7382.  
  7383. .widescreen:not(.nav_open) {
  7384. color: #a1a1a1 !important;
  7385. }
  7386.  
  7387. @media only screen and (min-width: 1441px) {
  7388. .widescreen:not(.nav_open) nav#site_nav {
  7389. background: rgba(34, 34, 34, 0.9) !important;
  7390. }
  7391. }
  7392.  
  7393. .widescreen:not(.nav_open) nav#site_nav h3 {
  7394. color: #a1a1a1 !important;
  7395. }
  7396.  
  7397. .widescreen:not(.nav_open) nav#site_nav ul a {
  7398. color: #949494 !important;
  7399. }
  7400.  
  7401. .widescreen:not(.nav_open) nav#site_nav ul a:link, .widescreen:not(.nav_open) nav#site_nav ul a:visited, .widescreen:not(.nav_open) nav#site_nav ul a:hover, .widescreen:not(.nav_open) nav#site_nav ul a:active {
  7402. color: #c7c7c7 !important;
  7403. }
  7404.  
  7405. .widescreen:not(.nav_open) nav#site_nav #user_menu_name {
  7406. color: #949494 !important;
  7407. }
  7408.  
  7409. nav#site_nav {
  7410. background: #363636 !important;
  7411. }
  7412.  
  7413. nav#site_nav #user_menu_contents:hover {
  7414. background: #222 !important;
  7415. color: #a1a1a1 !important;
  7416. }
  7417.  
  7418. header {
  7419. background: #363636 !important;
  7420. }
  7421.  
  7422. header #header_team_nav li a {
  7423. color: #a1a1a1 !important;
  7424. }
  7425.  
  7426. header #header_team_nav li a:hover {
  7427. background: #222 !important;
  7428. color: #a1a1a1 !important;
  7429. }
  7430.  
  7431. header #header_team_nav li a .team_icon.ts_icon_plus {
  7432. background: #000 !important;
  7433. color: #949494 !important;
  7434. }
  7435.  
  7436. header #header_team_nav #add_team_option {
  7437. border-top: 1px solid #000 !important;
  7438. }
  7439.  
  7440. html.no_touch header #header_team_nav li a {
  7441. color: #a1a1a1 !important;
  7442. }
  7443.  
  7444. html.no_touch header #header_team_nav li a:hover {
  7445. background: #222 !important;
  7446. color: #a1a1a1 !important;
  7447. }
  7448.  
  7449. html.no_touch header #header_team_name a:hover, html.no_touch header #menu_toggle:hover {
  7450. color: #c7c7c7 !important;
  7451. }
  7452.  
  7453. html.no_touch header .header_btns a:hover {
  7454. color: #c7c7c7 !important;
  7455. }
  7456.  
  7457. html.no_touch header .header_btns a:hover .label {
  7458. color: #949494 !important;
  7459. }
  7460.  
  7461. nav#site_nav h3, #header_team_name, header #header_team_name a {
  7462. color: #949494 !important;
  7463. }
  7464.  
  7465. nav#site_nav #footer_nav a, #header_team_name:hover .fa-caret-down, .widescreen:not(.nav_open) nav#site_nav #footer_nav a {
  7466. color: #c7c7c7 !important;
  7467. }
  7468.  
  7469. #home_footer a {
  7470. color: #c7c7c7 !important;
  7471. }
  7472.  
  7473. .admin_pref:not(:first-of-type) {
  7474. border-top-color: #222 !important;
  7475. }
  7476.  
  7477. .admin_pref.locked {
  7478. background-color: rgba(191, 54, 12, 0.2) !important;
  7479. }
  7480.  
  7481. .admin_pref .admin_pref_locked_label {
  7482. color: #949494 !important;
  7483. }
  7484.  
  7485. .tooltip-inner {
  7486. background-color: #828282 !important;
  7487. color: #a1a1a1 !important;
  7488. }
  7489.  
  7490. .tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow {
  7491. border-top-color: #828282 !important;
  7492. }
  7493.  
  7494. .tooltip.right .tooltip-arrow {
  7495. border-right-color: #828282 !important;
  7496. }
  7497.  
  7498. .tooltip.left .tooltip-arrow {
  7499. border-left-color: #828282 !important;
  7500. }
  7501.  
  7502. .tooltip.bottom .tooltip-arrow {
  7503. border-bottom-color: #828282 !important;
  7504. }
  7505.  
  7506. .api #header_logo img {
  7507. display: none !important;
  7508. }
  7509.  
  7510. body.api header .header_links a {
  7511. color: #a1a1a1 !important;
  7512. }
  7513.  
  7514. body.api header .header_links a.active {
  7515. background: #545454 !important;
  7516. }
  7517.  
  7518. body.api .reverse_header {
  7519. background-color: #000 !important;
  7520. color: #a1a1a1 !important;
  7521. }
  7522.  
  7523. body.api pre {
  7524. overflow-x: auto !important;
  7525. }
  7526.  
  7527. body.api pre code {
  7528. color: #a1a1a1 !important;
  7529. }
  7530.  
  7531. body.api #page_contents .card {
  7532. background: #363636 !important;
  7533. }
  7534.  
  7535. body.api .scopes_to_methods code {
  7536. color: #a1a1a1 !important;
  7537. }
  7538.  
  7539. body.api .scopes_to_methods .selected code {
  7540. color: #bf360c !important;
  7541. }
  7542.  
  7543. body.api .scopes_to_methods li {
  7544. color: #a1a1a1 !important;
  7545. }
  7546.  
  7547. body.api .scopes_to_methods .selected li {
  7548. color: #a1a1a1 !important;
  7549. }
  7550.  
  7551. body.api .section_title {
  7552. border-bottom: 2px solid #222 !important;
  7553. }
  7554.  
  7555. body.api .example {
  7556. border: 1px solid #000 !important;
  7557. }
  7558.  
  7559. body.api .example h5 {
  7560. background-color: #000 !important;
  7561. color: #a1a1a1 !important;
  7562. }
  7563.  
  7564. body.api .alert {
  7565. background: #545454 !important;
  7566. }
  7567.  
  7568. body.api .hljs {
  7569. background-image: none !important;
  7570. }
  7571.  
  7572. body.api .hljs-keyword, body.api .hljs-selector-tag, body.api .hljs-subst {
  7573. color: #ce93d8 !important;
  7574. }
  7575.  
  7576. body.api .hljs-number {
  7577. color: #a5d6a7 !important;
  7578. }
  7579.  
  7580. body.api .hljs-literal, body.api .hljs-tag .hljs-attr {
  7581. color: #536dfe !important;
  7582. }
  7583.  
  7584. body.api .hljs-variable {
  7585. color: #9fa8da !important;
  7586. }
  7587.  
  7588. body.api .hljs-template-variable {
  7589. color: #c5e1a5 !important;
  7590. }
  7591.  
  7592. body.api .hljs-comment {
  7593. color: #ffcc80 !important;
  7594. }
  7595.  
  7596. body.api .hljs-doctag, body.api .hljs-string {
  7597. color: #ef9a9a !important;
  7598. }
  7599.  
  7600. body.api .hljs-section, body.api .hljs-selector-id, body.api .hljs-title {
  7601. color: #ffab91 !important;
  7602. }
  7603.  
  7604. body.api .hljs-meta {
  7605. color: #eee !important;
  7606. }
  7607.  
  7608. body.api .hljs-class .hljs-title, body.api .hljs-type {
  7609. color: #eee !important;
  7610. }
  7611.  
  7612. body.api .hljs-built_in, body.api .hljs-builtin-name {
  7613. color: #b39ddb !important;
  7614. }
  7615.  
  7616. body.api .hljs-tag {
  7617. color: #a5d6a7 !important;
  7618. }
  7619.  
  7620. body.api .hljs-attribute, body.api .hljs-name {
  7621. color: #40c4ff !important;
  7622. }
  7623.  
  7624. body.api .hljs-bullet, body.api .hljs-symbol {
  7625. color: #9fa8da !important;
  7626. }
  7627.  
  7628. body.api .hljs-quote {
  7629. color: #b0bec5 !important;
  7630. }
  7631.  
  7632. body.api .hljs-link, body.api .hljs-regexp {
  7633. color: #949494 !important;
  7634. }
  7635.  
  7636. body.api span.btn {
  7637. background-color: #222 !important;
  7638. }
  7639.  
  7640. body.api span.deprecation, body.api span.warning {
  7641. background-color: #bf360c !important;
  7642. border-color: #bf360c !important;
  7643. }
  7644.  
  7645. nav#api_nav {
  7646. background: transparent !important;
  7647. text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25) !important;
  7648. }
  7649.  
  7650. #api_nav .footer_nav a {
  7651. color: #949494 !important;
  7652. }
  7653.  
  7654. #api_nav .footer_nav a:hover {
  7655. color: #c7c7c7 !important;
  7656. }
  7657.  
  7658. #api_nav .footer_nav .footer_signature {
  7659. color: #bf360c !important;
  7660. }
  7661.  
  7662. .api_articles .api_articles_section {
  7663. border-bottom-color: #222 !important;
  7664. }
  7665.  
  7666. .api_articles .article_tag_count {
  7667. color: #949494 !important;
  7668. }
  7669.  
  7670. .api.feature_related_content #api_related_content h2 {
  7671. color: #a1a1a1 !important;
  7672. }
  7673.  
  7674. .api.feature_related_content #api_related_content .article_link_title_wrapper {
  7675. color: #949494 !important;
  7676. }
  7677.  
  7678. .tab_menu {
  7679. background-color: #363636 !important;
  7680. }
  7681.  
  7682. .tab_menu.grey {
  7683. background-color: #363636 !important;
  7684. }
  7685.  
  7686. .tab_menu .tab {
  7687. color: #a1a1a1 !important;
  7688. }
  7689.  
  7690. .tab_menu .tab:hover {
  7691. box-shadow: inset 0 -4px 0 0 rgba(191, 54, 12, 0.4) !important;
  7692. }
  7693.  
  7694. .tab_menu .tab.active, .tab_menu .tab:active, .tab_menu .tab:focus {
  7695. box-shadow: inset 0 -4px 0 0 #bf360c !important;
  7696. color: #a1a1a1 !important;
  7697. }
  7698.  
  7699. .tab_menu .tab:disabled {
  7700. color: #949494 !important;
  7701. }
  7702.  
  7703. .page_faq h3, .page_scim h3 {
  7704. background-color: #222 !important;
  7705. }
  7706.  
  7707. .application_config aside {
  7708. color: #949494 !important;
  7709. }
  7710.  
  7711. .page_apps_directory_home {
  7712. background-color: #222 !important;
  7713. }
  7714.  
  7715. .page_apps_directory_home .nav_title {
  7716. color: #a1a1a1 !important;
  7717. }
  7718.  
  7719. .page_apps_directory_home__search .apps_search_input::placeholder, .page_apps_directory_home__search .apps_search_input:focus::placeholder {
  7720. color: #949494 !important;
  7721. }
  7722.  
  7723. .page_apps_directory_home__search .apps_search_input__body {
  7724. box-shadow: 0 1px 10px #828282 !important;
  7725. }
  7726.  
  7727. .splash_container__background {
  7728. background-color: #363636 !important;
  7729. }
  7730.  
  7731. .splash_container__background--left, .splash_container__background--center, .splash_container__background--right {
  7732. display: none !important;
  7733. }
  7734.  
  7735. .splash_interactive__button {
  7736. border-color: #545454 !important;
  7737. }
  7738.  
  7739. .splash_interactive__button--active {
  7740. box-shadow: 0 0 10px 1px #828282 !important;
  7741. }
  7742.  
  7743. .splash_interactive__window {
  7744. background-color: #222 !important;
  7745. border-color: #545454 !important;
  7746. }
  7747.  
  7748. .splash_interactive__window:hover .splash_interactive__window_headline {
  7749. color: #a1a1a1 !important;
  7750. }
  7751.  
  7752. .splash_interactive__window::after {
  7753. background: linear-gradient(to bottom, rgba(34, 34, 34, 0) 0, #222 100%) !important;
  7754. }
  7755.  
  7756. .splash_interactive__window_response {
  7757. background-color: #fff !important;
  7758. }
  7759.  
  7760. a.splash_interactive__window_link {
  7761. color: #a1a1a1 !important;
  7762. }
  7763.  
  7764. .splash_interactive__window_message_content_text--drive {
  7765. color: #949494 !important;
  7766. }
  7767.  
  7768. .search_input.apps_search_input {
  7769. border-color: #828282 !important;
  7770. }
  7771.  
  7772. .menu_launcher, .menu_launcher_large {
  7773. background-color: #545454 !important;
  7774. border-color: #222 !important;
  7775. color: #a1a1a1 !important;
  7776. }
  7777.  
  7778. .menu_launcher_large {
  7779. border-color: #222 !important;
  7780. }
  7781.  
  7782. .menu.avatar_menu ul li:hover ts-icon {
  7783. background: #545454 !important;
  7784. color: #a1a1a1 !important;
  7785. }
  7786.  
  7787. .menu.avatar_menu ul li a {
  7788. color: #a1a1a1 !important;
  7789. }
  7790.  
  7791. .menu.avatar_menu ul li a img, .menu.avatar_menu ul li a ts-icon {
  7792. background-color: #545454 !important;
  7793. color: #949494 !important;
  7794. }
  7795.  
  7796. .menu.avatar_menu:not(.keyboard_active) ul li:hover:not(.disabled) a ts-icon {
  7797. color: #a1a1a1 !important;
  7798. }
  7799.  
  7800. #page .media_list {
  7801. background-color: #363636 !important;
  7802. border: 1px solid #545454 !important;
  7803. }
  7804.  
  7805. #page .media_list > li + li::before {
  7806. border-top-color: #545454 !important;
  7807. }
  7808.  
  7809. #page .media_list > li.interactive a {
  7810. color: #a1a1a1 !important;
  7811. }
  7812.  
  7813. #page .media_list > li.interactive a:focus, #page .media_list > li.interactive a:hover {
  7814. background: #545454 !important;
  7815. border-color: #828282 !important;
  7816. }
  7817.  
  7818. #page .media_list > li .media_list_text {
  7819. color: #a1a1a1 !important;
  7820. }
  7821.  
  7822. #page .media_list.media_list_with_arrows a::before {
  7823. color: #949494 !important;
  7824. }
  7825.  
  7826. #page .media_list_title {
  7827. color: #a1a1a1 !important;
  7828. }
  7829.  
  7830. #page .media_list_subtitle {
  7831. color: #949494 !important;
  7832. }
  7833.  
  7834. #page .sidebar_menu_list_item {
  7835. color: #a1a1a1 !important;
  7836. }
  7837.  
  7838. #page .sidebar_menu_list_item.is_active {
  7839. background-color: #222 !important;
  7840. border-color: #222 !important;
  7841. color: #a1a1a1 !important;
  7842. text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15) !important;
  7843. }
  7844.  
  7845. #page .sidebar_menu_list_item.is_active a {
  7846. color: #a1a1a1 !important;
  7847. }
  7848.  
  7849. #page .sidebar_menu_list_item:not(.is_active):hover {
  7850. background-color: #222 !important;
  7851. border-color: #222 !important;
  7852. }
  7853.  
  7854. #page .sidebar_menu_list_item a {
  7855. color: #a1a1a1 !important;
  7856. }
  7857.  
  7858. #page ul.breadcrumbs li {
  7859. color: #949494 !important;
  7860. }
  7861.  
  7862. #page ul.breadcrumbs li:not(:first-child)::before {
  7863. color: #949494 !important;
  7864. }
  7865.  
  7866. #page ul.navigation_list li a {
  7867. color: #a1a1a1 !important;
  7868. }
  7869.  
  7870. #page ul.navigation_list li a:hover {
  7871. background-color: #545454 !important;
  7872. }
  7873.  
  7874. #page ul.navigation_list li a::after {
  7875. color: #a1a1a1 !important;
  7876. }
  7877.  
  7878. #page ul.navigation_list li + li a {
  7879. border-top: 1px solid transparent !important;
  7880. }
  7881.  
  7882. #page .tag {
  7883. background-color: #000 !important;
  7884. border: 1px solid #363636 !important;
  7885. }
  7886.  
  7887. #page .tag:hover {
  7888. background-color: #545454 !important;
  7889. }
  7890.  
  7891. #page .app_desc_btn {
  7892. background-color: #545454 !important;
  7893. color: #a1a1a1 !important;
  7894. }
  7895.  
  7896. #page .app_desc_expand_showing .app_profile_desc_fade {
  7897. background: linear-gradient(180deg, rgba(34, 34, 34, 0) 0, #222 100%) !important;
  7898. }
  7899.  
  7900. .app_card, .large_app_card {
  7901. background-color: #222 !important;
  7902. border: 1px solid #363636 !important;
  7903. }
  7904.  
  7905. nav.top.persistent ul a {
  7906. color: #a1a1a1 !important;
  7907. }
  7908.  
  7909. nav.top.apps_nav {
  7910. background: transparent !important;
  7911. }
  7912.  
  7913. nav.top.apps_nav.persistent .nav_title {
  7914. border-color: #828282 !important;
  7915. }
  7916.  
  7917. nav.top.apps_nav.clear_nav .nav_title a {
  7918. color: #a1a1a1 !important;
  7919. }
  7920.  
  7921. nav.top.apps_nav .nav_title a {
  7922. color: #a1a1a1 !important;
  7923. }
  7924.  
  7925. nav.top.apps_nav ul a.active {
  7926. color: #c7c7c7 !important;
  7927. }
  7928.  
  7929. .plastic_typeahead {
  7930. background: #363636 !important;
  7931. border: 1px solid #363636 !important;
  7932. box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25) !important;
  7933. }
  7934.  
  7935. .plastic_typeahead_item {
  7936. color: #a1a1a1 !important;
  7937. }
  7938.  
  7939. .plastic_typeahead_item + .plastic_typeahead_item {
  7940. border-top: 1px solid #545454 !important;
  7941. }
  7942.  
  7943. .plastic_typeahead_item:not(.plastic_typeahead_item_no_results).is_active {
  7944. background-color: #222 !important;
  7945. border-top-color: #363636 !important;
  7946. color: #a1a1a1 !important;
  7947. }
  7948.  
  7949. .plastic_typeahead_item:not(.plastic_typeahead_item_no_results).is_active ts-icon {
  7950. color: #949494 !important;
  7951. }
  7952.  
  7953. .plastic_typeahead_item:not(.plastic_typeahead_item_no_results):not(.is_active):hover {
  7954. background: #000 !important;
  7955. border-color: #545454 !important;
  7956. }
  7957.  
  7958. .plastic_typeahead_item:not(.plastic_typeahead_item_no_results):not(.is_active):hover + .plastic_typeahead_item {
  7959. border-color: #545454 !important;
  7960. }
  7961.  
  7962. a.plastic_typeahead_item {
  7963. color: #a1a1a1 !important;
  7964. }
  7965.  
  7966. .apps_typeahead_item_media {
  7967. background: #000 !important;
  7968. }
  7969.  
  7970. .search_input_container .search_input:focus ~ .icon_search_input {
  7971. color: #a1a1a1 !important;
  7972. }
  7973.  
  7974. .icon_search_input {
  7975. color: #949494 !important;
  7976. }
  7977.  
  7978. .quote_block {
  7979. color: #a1a1a1 !important;
  7980. }
  7981.  
  7982. .quote_block::before {
  7983. background-color: #545454 !important;
  7984. }
  7985.  
  7986. .well {
  7987. background: #000 !important;
  7988. border-color: black !important;
  7989. color: #a1a1a1 !important;
  7990. text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) !important;
  7991. }
  7992.  
  7993. .service_breadcrumbs li .ts_icon, .service_breadcrumbs li span {
  7994. color: #949494 !important;
  7995. }
  7996.  
  7997. .c-tabs__tab_menu {
  7998. background-color: transparent !important;
  7999. box-shadow: inset 0 -2px 0 0 #545454 !important;
  8000. }
  8001.  
  8002. .c-tabs__tab {
  8003. color: #949494 !important;
  8004. }
  8005.  
  8006. .c-tabs__tab:hover {
  8007. color: #a1a1a1 !important;
  8008. }
  8009.  
  8010. .c-tabs__tab.c-tabs__tab--active, .c-tabs__tab:active, .c-tabs__tab:focus {
  8011. box-shadow: inset 0 -2px 0 0 #828282 !important;
  8012. color: #a1a1a1 !important;
  8013. }
  8014.  
  8015. .c-tabs__tab_menu--plastic {
  8016. background-color: transparent !important;
  8017. box-shadow: inset 0 -2px 0 0 #545454 !important;
  8018. }
  8019.  
  8020. a.c-tabs__tab--plastic {
  8021. color: #949494 !important;
  8022. }
  8023.  
  8024. a.c-tabs__tab--plastic:hover {
  8025. color: #a1a1a1 !important;
  8026. }
  8027.  
  8028. a.c-tabs__tab--plastic.c-tabs__tab--active, a.c-tabs__tab--plastic:active, a.c-tabs__tab--plastic:focus {
  8029. box-shadow: inset 0 -2px 0 0 #828282 !important;
  8030. color: #a1a1a1 !important;
  8031. }
  8032.  
  8033. .p-detail_scope {
  8034. box-shadow: inset 0 1px 0 0 #545454 !important;
  8035. }
  8036.  
  8037. .p-detail_scope:last-child {
  8038. border-bottom-color: #545454 !important;
  8039. }
  8040.  
  8041. .p-detail_dangerous_scope {
  8042. border-left-color: #bf360c !important;
  8043. border-right-color: #545454 !important;
  8044. }
  8045.  
  8046. .p-detail_arrow_icon {
  8047. color: #949494 !important;
  8048. }
  8049.  
  8050. .p-detail_arrow_icon:hover {
  8051. color: #a1a1a1 !important;
  8052. }
  8053.  
  8054. .p-detail_permissions {
  8055. background: #363636 !important;
  8056. border-color: #545454 !important;
  8057. }
  8058.  
  8059. table.gray_header_border tr:first-child th:not(:only-of-type) {
  8060. border-bottom-color: #545454 !important;
  8061. }
  8062.  
  8063. .section_rollup {
  8064. border-bottom-color: #222 !important;
  8065. }
  8066.  
  8067. .section_rollup:first-of-type {
  8068. border-top-color: #222 !important;
  8069. }
  8070.  
  8071. .section_rollup:hover:not(.is_active) {
  8072. background: rgba(34, 34, 34, 0.5) !important;
  8073. color: #a1a1a1 !important;
  8074. }
  8075.  
  8076. .is_completed_section .section_rollup_header::before, .is_failed_section .section_rollup_header::before {
  8077. background-color: #0cbf72 !important;
  8078. color: #000 !important;
  8079. }
  8080.  
  8081. .developer_apps_functionality_link:hover {
  8082. border-color: #545454 !important;
  8083. box-shadow: 0 0 6px 0 rgba(130, 130, 130, 0.25) !important;
  8084. }
  8085.  
  8086. .developer_apps_functionality_link::before {
  8087. background-color: #545454 !important;
  8088. }
  8089.  
  8090. .developer_apps_functionality_link_enabled::before {
  8091. background-color: #0cbf72 !important;
  8092. }
  8093.  
  8094. .legal-hero {
  8095. background-color: #222 !important;
  8096. }
  8097.  
  8098. .legal-hero.v--no-switch, .legal-hero .o-hero__header {
  8099. background-color: #222 !important;
  8100. }
  8101.  
  8102. .legal-hero .o-hero__header__headline--larger {
  8103. color: #a1a1a1 !important;
  8104. }
  8105.  
  8106. .legal-main {
  8107. background-color: #363636 !important;
  8108. }
  8109.  
  8110. .legal-main.v--no-switch {
  8111. background-color: #363636 !important;
  8112. border-bottom-color: #545454 !important;
  8113. border-top-color: #545454 !important;
  8114. }
  8115.  
  8116. .legal-main p {
  8117. color: #a1a1a1 !important;
  8118. }
  8119.  
  8120. .legal-main a {
  8121. border-bottom-color: #545454 !important;
  8122. }
  8123.  
  8124. @media screen and (min-width: 67.8125rem) {
  8125. .legal-main .c-nav--sidebar__listheader {
  8126. color: #a1a1a1 !important;
  8127. }
  8128.  
  8129. .legal-main .c-nav--sidebar__listitem a.is-selected {
  8130. color: #949494 !important;
  8131. }
  8132. }
  8133.  
  8134. .legal-main .t-contains-subtle-links a:not(.c-button) {
  8135. color: #a1a1a1 !important;
  8136. }
  8137.  
  8138. .legal-main .t-contains-subtle-links a:not(.c-button):active, .legal-main .t-contains-subtle-links a:not(.c-button):focus, .legal-main .t-contains-subtle-links a:not(.c-button):hover {
  8139. color: #949494 !important;
  8140. }
  8141.  
  8142. @media screen and (min-width: 67.8125rem) {
  8143. .t-no-header .legal-main {
  8144. background-color: #363636 !important;
  8145. }
  8146. }
  8147.  
  8148. .t-no-header .legal-hero.o-hero.v--short {
  8149. background-color: #363636 !important;
  8150. }
  8151.  
  8152. .c-oauth_scope_info__spacer_icon {
  8153. color: #bf360c !important;
  8154. }
  8155.  
  8156. .c-oauth_scope_info__dangerous_scopes, .c-oauth_scope_info__safe_scopes {
  8157. border-bottom-color: #545454 !important;
  8158. }
  8159.  
  8160. .c-oauth_scope_info__dangerous_scopes {
  8161. border-left-color: #bf360c !important;
  8162. border-right-color: #545454 !important;
  8163. border-top-color: #545454 !important;
  8164. }
  8165.  
  8166. .c-oauth_scope_info__dangerous_scope:not(:first-child), .c-oauth_scope_info__safe_scope {
  8167. border-top-color: #545454 !important;
  8168. }
  8169.  
  8170. a.p-oauth_nav__anchor {
  8171. color: #949494 !important;
  8172. }
  8173.  
  8174. .p-oauth_nav__team-switcher .menu_launcher {
  8175. border-color: #363636 !important;
  8176. }
  8177.  
  8178. .p-oauth_nav__team-switcher .menu_launcher:hover {
  8179. border: #545454 !important;
  8180. }
  8181.  
  8182. .p-oauth_page, .p-oauth_page--error {
  8183. background: #222 !important;
  8184. }
  8185.  
  8186. .p-oauth_page__title {
  8187. color: #a1a1a1 !important;
  8188. }
  8189.  
  8190. .p-oauth_page_single_channel_picker {
  8191. border-bottom-color: #363636 !important;
  8192. }
  8193.  
  8194. ts-rocket {
  8195. color: #a1a1a1 !important;
  8196. }
  8197.  
  8198. ts-rocket a {
  8199. color: #949494 !important;
  8200. }
  8201.  
  8202. ts-rocket a caret::before {
  8203. background-color: #363636 !important;
  8204. border-color: #363636 !important;
  8205. }
  8206.  
  8207. ts-rocket hr {
  8208. border-color: #363636 !important;
  8209. }
  8210.  
  8211. ts-rocket code, ts-rocket .pre.text, ts-rocket > div > pre {
  8212. background-color: #000 !important;
  8213. }
  8214.  
  8215. ts-rocket .blockquote.text::before, ts-rocket > div > blockquote::before {
  8216. background-color: #000 !important;
  8217. }
  8218.  
  8219. ts-rocket .cl.text {
  8220. background-color: #000 !important;
  8221. border-bottom: 1px solid #363636 !important;
  8222. }
  8223.  
  8224. ts-rocket .cl.text .checkbox.checked + li {
  8225. color: #949494 !important;
  8226. }
  8227.  
  8228. ts-rocket > div > .checklist {
  8229. background-color: #000 !important;
  8230. border-bottom: 1px solid #363636 !important;
  8231. }
  8232.  
  8233. ts-rocket > div > .checklist .checkbox.checked + li {
  8234. color: #949494 !important;
  8235. }
  8236.  
  8237. ts-rocket > div > .checklist li::before {
  8238. background: #363636 !important;
  8239. }
  8240.  
  8241. ts-rocket > div > .checklist li.checked {
  8242. color: #949494 !important;
  8243. }
  8244.  
  8245. ts-rocket .unfurl .unfurl-container {
  8246. background-color: #000 !important;
  8247. }
  8248.  
  8249. ts-rocket .unfurl .unfurl-container.unfurl-render-failed {
  8250. background-color: rgba(191, 54, 12, 0.1) !important;
  8251. }
  8252.  
  8253. ts-rocket .unfurl .attachment_bar {
  8254. background-color: #363636 !important;
  8255. }
  8256.  
  8257. ts-rocket .unfurl .unfurl-remove::before {
  8258. color: #949494 !important;
  8259. }
  8260.  
  8261. ts-rocket .unfurl .unfurl-remove:hover::before {
  8262. color: #a1a1a1 !important;
  8263. }
  8264.  
  8265. ts-rocket .unfurl.selected .unfurl-container {
  8266. background-color: rgba(130, 130, 130, 0.5) !important;
  8267. }
  8268.  
  8269. ts-rocket .unfurl.selected .unfurl-container .attachment_bar {
  8270. background-color: rgba(130, 130, 130, 0.5) !important;
  8271. }
  8272.  
  8273. ts-rocket caret::before {
  8274. background-color: #363636 !important;
  8275. border: 1px solid #363636 !important;
  8276. }
  8277.  
  8278. ts-rocket carriage {
  8279. background-color: rgba(130, 130, 130, 0.5) !important;
  8280. }
  8281.  
  8282. ts-rocket selection {
  8283. background-color: rgba(130, 130, 130, 0.5) !important;
  8284. }
  8285.  
  8286. ts-rocket selection::after, ts-rocket selection::before {
  8287. background-color: rgba(130, 130, 130, 0.5) !important;
  8288. }
  8289.  
  8290. ts-rocket ime {
  8291. background-color: rgba(130, 130, 130, 0.5) !important;
  8292. }
  8293.  
  8294. ts-rocket .hr.selected hr {
  8295. box-shadow: 0 0 0 5px rgba(130, 130, 130, 0.5) !important;
  8296. }
  8297.  
  8298. .focusing_input_field space.inactive .unfurl.selected .unfurl-container {
  8299. background-color: #000 !important;
  8300. }
  8301.  
  8302. nav {
  8303. background: #363636 !important;
  8304. }
  8305.  
  8306. nav .space {
  8307. background-color: #363636 !important;
  8308. box-shadow: 0 1px rgba(0, 0, 0, 0.25), 0 2px rgba(0, 0, 0, 0.15), 0 3px rgba(0, 0, 0, 0.15) !important;
  8309. }
  8310.  
  8311. nav .space::after {
  8312. border-left: 1px solid #545454 !important;
  8313. }
  8314.  
  8315. nav .comments {
  8316. background-color: #363636 !important;
  8317. }
  8318.  
  8319. nav .space_buttons .btn_outline {
  8320. background-color: #424242 !important;
  8321. }
  8322.  
  8323. nav .space_buttons .btn_outline::after {
  8324. border-color: #545454 !important;
  8325. }
  8326.  
  8327. nav .space_btn_star {
  8328. background: none !important;
  8329. border: 0 !important;
  8330. }
  8331.  
  8332. nav .space_btn_star:hover {
  8333. background: none !important;
  8334. }
  8335.  
  8336. nav .space_btn_edit {
  8337. background: #545454 !important;
  8338. }
  8339.  
  8340. nav .space_btn_edit.editing {
  8341. background: #828282 !important;
  8342. }
  8343.  
  8344. nav .star_info {
  8345. color: #949494 !important;
  8346. }
  8347.  
  8348. nav #space_status {
  8349. border-left: 1px solid #545454 !important;
  8350. color: #949494 !important;
  8351. }
  8352.  
  8353. nav #space_status.slightly_concerned {
  8354. color: #bf360c !important;
  8355. }
  8356.  
  8357. nav #edit_status {
  8358. color: #949494 !important;
  8359. }
  8360.  
  8361. nav .comments_open.unread span.notif {
  8362. background-color: #bf360c !important;
  8363. box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.15) !important;
  8364. }
  8365.  
  8366. nav .comments_close {
  8367. color: #949494 !important;
  8368. }
  8369.  
  8370. nav .comments_close:hover::before {
  8371. color: #949494 !important;
  8372. }
  8373.  
  8374. ts-space header {
  8375. background: transparent !important;
  8376. }
  8377.  
  8378. ts-space header .owner_detail .file_title_header, ts-space header .owner_detail .inline-edit {
  8379. color: #a1a1a1 !important;
  8380. }
  8381.  
  8382. ts-space header .owner_detail .inline-edit {
  8383. background: none !important;
  8384. }
  8385.  
  8386. ts-space header .owner_detail .inline-edit::-webkit-input-placeholder {
  8387. color: #a1a1a1 !important;
  8388. }
  8389.  
  8390. ts-space header .owner_detail .inline-edit::-moz-placeholder {
  8391. color: #a1a1a1 !important;
  8392. }
  8393.  
  8394. ts-space header .owner_detail .inline-edit:focus::-webkit-input-placeholder {
  8395. color: #949494 !important;
  8396. }
  8397.  
  8398. ts-space header .owner_detail .inline-edit:focus::-moz-placeholder {
  8399. color: #949494 !important;
  8400. }
  8401.  
  8402. ts-space header .owner_detail ::selection, ts-space header .owner_detail ::-moz-selection {
  8403. background-color: rgba(130, 130, 130, 0.5) !important;
  8404. }
  8405.  
  8406. ts-space header .owner_detail small {
  8407. color: #949494 !important;
  8408. }
  8409.  
  8410. ts-space header .divider {
  8411. border-top: 1px solid #545454 !important;
  8412. }
  8413.  
  8414. ts-space a.feedback {
  8415. color: #a1a1a1 !important;
  8416. text-shadow: -1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 1px -1px 0 #000 !important;
  8417. }
  8418.  
  8419. ts-space a.feedback:hover {
  8420. background-color: #363636 !important;
  8421. color: #a1a1a1 !important;
  8422. }
  8423.  
  8424. comments {
  8425. box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.25) !important;
  8426. }
  8427.  
  8428. #space_alert {
  8429. background-color: #000 !important;
  8430. box-shadow: 0 0 1px rgba(0, 0, 0, 0.25) !important;
  8431. }
  8432.  
  8433. #space_alert.error {
  8434. background-color: #bf360c !important;
  8435. }
  8436.  
  8437. #space_alert span#space_alert_text {
  8438. color: #a1a1a1 !important;
  8439. }
  8440.  
  8441. #space_alert a {
  8442. color: #949494 !important;
  8443. }
  8444.  
  8445. #space_alert button#space_alert_close::before {
  8446. color: #949494 !important;
  8447. }
  8448.  
  8449. #space_alert button#space_alert_close:hover::before {
  8450. color: #949494 !important;
  8451. }
  8452.  
  8453. #space_alert .btn_outline.btn_transparent {
  8454. background-color: #424242 !important;
  8455. color: #a1a1a1 !important;
  8456. }
  8457.  
  8458. #space_alert .btn_outline.btn_transparent::after {
  8459. border-color: #545454 !important;
  8460. }
  8461.  
  8462. #space_find_bar {
  8463. background-color: #363636 !important;
  8464. border-bottom: 1px solid rgba(130, 130, 130, 0.1) !important;
  8465. border-left: 1px solid rgba(130, 130, 130, 0.07) !important;
  8466. border-right: 1px solid rgba(130, 130, 130, 0.07) !important;
  8467. box-shadow: 0 1px rgba(0, 0, 0, 0.15) !important;
  8468. }
  8469.  
  8470. #space_find_bar #space_find_info.no_matches {
  8471. color: #bf360c !important;
  8472. }
  8473.  
  8474. #space_find_bar #space_find_next .ts_icon {
  8475. background-color: #545454 !important;
  8476. }
  8477.  
  8478. #space_find_bar #space_find_next .ts_icon::before, #space_find_bar #space_find_next .ts_icon:hover::before {
  8479. color: #a1a1a1 !important;
  8480. }
  8481.  
  8482. #space_find_bar #space_find_next:hover .ts_icon {
  8483. background-color: #828282 !important;
  8484. }
  8485.  
  8486. #space_find_bar #space_find_close::before {
  8487. color: #949494 !important;
  8488. }
  8489.  
  8490. #space_find_bar #space_find_close:hover::before {
  8491. color: #949494 !important;
  8492. }
  8493.  
  8494. #connected_members .connected_members_count {
  8495. color: #a1a1a1 !important;
  8496. text-shadow: -1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 1px -1px 0 #000 !important;
  8497. }
  8498.  
  8499. #connected_members .toggle_more_members_popover {
  8500. background: #222 !important;
  8501. color: #949494 !important;
  8502. }
  8503.  
  8504. #connected_members_overflow_popover {
  8505. border-bottom: 1px solid #363636 !important;
  8506. border-left: 1px solid rgba(0, 0, 0, 0.11) !important;
  8507. border-right: 1px solid rgba(0, 0, 0, 0.11) !important;
  8508. border-top: 1px solid rgba(0, 0, 0, 0.11) !important;
  8509. box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), 0 1px 3px rgba(0, 0, 0, 0.5) !important;
  8510. }
  8511.  
  8512. #connected_members_overflow_popover .arrow::after {
  8513. background-color: #363636 !important;
  8514. }
  8515.  
  8516. #connected_members_overflow_popover .arrow_shadow::after {
  8517. background-color: #363636 !important;
  8518. box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5), 0 0 2px rgba(0, 0, 0, 0.5) !important;
  8519. }
  8520.  
  8521. #connected_members_overflow_popover .monkey_scroll_wrapper {
  8522. background: #363636 !important;
  8523. }
  8524.  
  8525. #connection_status #connection_label {
  8526. color: #a1a1a1 !important;
  8527. text-shadow: -1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 1px -1px 0 #000 !important;
  8528. }
  8529.  
  8530. #shortcuts_spaces_dialog {
  8531. background-color: rgba(0, 0, 0, 0.8) !important;
  8532. text-shadow: 0 1px 1px rgba(54, 54, 54, 0.7) !important;
  8533. }
  8534.  
  8535. #shortcuts_spaces_dialog .modal-body {
  8536. color: #a1a1a1 !important;
  8537. }
  8538.  
  8539. #shortcuts_spaces_dialog .col .keyboard {
  8540. background-color: #828282 !important;
  8541. border-bottom: 2px solid #424242 !important;
  8542. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
  8543. color: #a1a1a1 !important;
  8544. }
  8545.  
  8546. #shortcuts_spaces_dialog .close:hover {
  8547. background-color: #828282 !important;
  8548. }
  8549.  
  8550. #shortcuts_spaces_dialog .close .ts_icon::before {
  8551. color: #949494 !important;
  8552. }
  8553.  
  8554. .textstyle_menu .arrow-shadow::after {
  8555. background-color: #363636 !important;
  8556. box-shadow: 0 0 0 1px #363636 !important;
  8557. }
  8558.  
  8559. .textstyle_menu .arrow::after {
  8560. background-color: #363636 !important;
  8561. }
  8562.  
  8563. .textstyle_menu .content {
  8564. background-color: #363636 !important;
  8565. box-shadow: 0 0 0 1px #363636, 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.25) !important;
  8566. }
  8567.  
  8568. .textstyle_menu.link .arrow-shadow::after {
  8569. background-color: #363636 !important;
  8570. }
  8571.  
  8572. .textstyle_menu.link .arrow::after {
  8573. background-color: #363636 !important;
  8574. }
  8575.  
  8576. .textstyle_menu.link .content {
  8577. background-color: #363636 !important;
  8578. box-shadow: 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.25) !important;
  8579. }
  8580.  
  8581. .textstyle_menu.link .content input[type=text] {
  8582. background-color: #545454 !important;
  8583. }
  8584.  
  8585. .textstyle_menu.link .content > a.link {
  8586. color: #949494 !important;
  8587. }
  8588.  
  8589. .textstyle_menu.link .content ::-webkit-input-placeholder, .textstyle_menu.link .content ::-moz-placeholder {
  8590. color: #949494 !important;
  8591. }
  8592.  
  8593. .textstyle_menu.link .content .buttons a.item.active, .textstyle_menu.link .content .buttons a.item:hover {
  8594. background-color: #363636 !important;
  8595. }
  8596.  
  8597. .textstyle_menu .buttons a:hover, .textstyle_menu.style a:hover {
  8598. border: 1px solid #545454 !important;
  8599. }
  8600.  
  8601. .textstyle_menu .buttons a.active, .textstyle_menu.style a.active {
  8602. background-color: #545454 !important;
  8603. border: 1px solid #828282 !important;
  8604. }
  8605.  
  8606. .textstyle_menu.style a.deformat::before {
  8607. border-left: 1px solid #545454 !important;
  8608. }
  8609.  
  8610. .textstyle_menu .buttons a.link_unfurl:not(.unfurl_pending) span::before {
  8611. color: #949494 !important;
  8612. }
  8613.  
  8614. .para_menu .insert .tip {
  8615. color: #949494 !important;
  8616. }
  8617.  
  8618. .para_menu .insert .tooltip .arrow-shadow::after {
  8619. background-color: #363636 !important;
  8620. box-shadow: 0 0 0 1px #545454 !important;
  8621. }
  8622.  
  8623. .para_menu .insert .tooltip .arrow::after {
  8624. background-color: #363636 !important;
  8625. }
  8626.  
  8627. .para_menu .insert .tooltip .content {
  8628. background-color: #363636 !important;
  8629. box-shadow: 0 0 0 1px #545454, 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.25) !important;
  8630. }
  8631.  
  8632. .para_menu .format .options .arrow-shadow::after {
  8633. background-color: #363636 !important;
  8634. box-shadow: 0 0 0 1px #545454 !important;
  8635. }
  8636.  
  8637. .para_menu .format .options .arrow::after {
  8638. background-color: #363636 !important;
  8639. }
  8640.  
  8641. .para_menu .format .options .arrow-shadow.bottom::after {
  8642. box-shadow: 1px 1px 0 0 #545454 !important;
  8643. }
  8644.  
  8645. .para_menu .format .options .content {
  8646. background-color: #363636 !important;
  8647. box-shadow: 0 0 0 1px #545454, 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.25) !important;
  8648. }
  8649.  
  8650. .para_menu .format .options .content ul:first-child {
  8651. border-bottom: 1px solid #363636 !important;
  8652. }
  8653.  
  8654. .para_menu .format .options.show .tooltip > div {
  8655. background-color: #363636 !important;
  8656. box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) !important;
  8657. color: #a1a1a1 !important;
  8658. }
  8659.  
  8660. .para_menu .format .options.show .tooltip span {
  8661. background-color: #545454 !important;
  8662. }
  8663.  
  8664. .para_menu .options a:hover {
  8665. border: 1px solid #545454 !important;
  8666. }
  8667.  
  8668. .para_menu .options a.active {
  8669. background-color: #424242 !important;
  8670. border: 1px solid #363636 !important;
  8671. }
  8672.  
  8673. .para_menu .options a.active span {
  8674. filter: grayscale(2) brightness(2) !important;
  8675. }
  8676.  
  8677. .para_menu .options a span {
  8678. filter: grayscale(2) brightness(5) !important;
  8679. }
  8680.  
  8681. .para_menu a.trigger.pilcrow {
  8682. filter: grayscale(2) brightness(1.8) !important;
  8683. }
  8684.  
  8685. .para_menu a.trigger.pilcrow:hover, .para_menu a.trigger.pilcrow.active {
  8686. filter: grayscale(2) brightness(2) !important;
  8687. }
  8688.  
  8689. .c-file_container--gradient:after {
  8690. background: linear-gradient(180deg,hsla(0,0%,100%,0),#363636) !important;
  8691. border-radius: 0 0 8px 8px !important;
  8692. bottom: 0 !important;
  8693. content: "" !important;
  8694. height: 40px !important;
  8695. left: 0 !important;
  8696. position: absolute !important;
  8697. right: 0 !important;
  8698. }
  8699.  
  8700. a, a:link, a:visited {
  8701. color: #949494 !important;
  8702. }
  8703.  
  8704. /* fix messages background color */
  8705.  
  8706. .c-virtual_list__item, .p-message_pane__limited_history_foreword {
  8707. background: #222 !important;
  8708. color: #a1a1a1 !important;
  8709. }
  8710.  
  8711. .p-message_pane__limited_history_foreword_headline {
  8712. color: #a1a1a1 !important;
  8713. }
  8714.  
  8715. .p-threads_flexpane, .p-flexpane_header {
  8716. background: #000000 !important;
  8717. border-bottom-color: darkgray !important;
  8718. }
  8719.  
  8720. .p-threads_flexpane__header .p-flexpane_header__children {
  8721. color: lightgray !important;
  8722. }
  8723.  
  8724. .p-flexpane_header .p-flexpane_header__control {
  8725. color: #a1a1a1 !important;
  8726. }
  8727.  
  8728. .p-flexpane_header .p-flexpane_header__control:hover {
  8729. background: #222 !important;
  8730. }
  8731.  
  8732. .p-threads_flexpane__header_channel_name {
  8733. color: lightgray !important;
  8734. }
  8735.  
  8736. .c-reaction__count {
  8737. color: lightgray !important;
  8738. }
  8739.  
  8740. .c-reaction_add {
  8741. background: #a1a1a1 !important;
  8742. }
  8743.  
  8744. .c-search_message__body{
  8745. color: lightgray !important;
  8746. }
  8747.  
  8748. .p_threads_view_load_older_button{
  8749. background: #363636
  8750. }
  8751. .p_threads_view_load_older_button:hover{
  8752. background: #696969
  8753. }
  8754. .c-link--button{
  8755. color: lightgray !important;
  8756. }
  8757. .c-message_kit__actions--default {
  8758. background: #363636 !important;
  8759. color: lightgray !important;
  8760. }
  8761. .c-message_kit__actions--default:hover {
  8762. background: #696969
  8763. }
  8764. span.c-message__sender.c-message_kit__sender {
  8765. background: #AAAAAA !important;
  8766. }
  8767. .p-threads_view__footer{
  8768. background: #363636 !important;
  8769. }
  8770. .c-label--inline .c-label__text{
  8771. color: lightgray !important;
  8772. }
  8773. .p-threads_view_header__permalink{
  8774. color: lightgray !important;
  8775. }
  8776.  
  8777. .p-custom_status_input__dialog {
  8778. background: #222 !important;
  8779. }
  8780.  
  8781. .c-dialog__header {
  8782. background: #222 !important;
  8783. }
  8784.  
  8785. .c-dialog__header .c-dialog__title {
  8786. color: inherit !important;
  8787. }
  8788.  
  8789. .c-dialog__header .c-dialog__close:hover {
  8790. color: lightgrey !important;
  8791. }
  8792.  
  8793. .c-dialog__body {
  8794. background: #222 !important;
  8795. }
  8796.  
  8797. .c-dialog__body .c-button-unstyled:hover{
  8798. color: lightgrey !important;
  8799. }
  8800.  
  8801. .c-dialog__body .p-custom_status_input__clear_icon {
  8802. color: inherit !important;
  8803. }
  8804.  
  8805. .c-dialog__footer {
  8806. background: #222 !important;
  8807. }
  8808.  
  8809. .c-dialog__footer .p-custom_status_input__duration_picker_select, .c-dialog__footer .p-custom_status_input__custom_expiration_picker_time_select, .c-dialog__footer .p-custom_status_input__custom_expiration_picker_date_picker_trigger {
  8810. background: #222 !important;
  8811. color: #a1a1a1 !important;
  8812. }
  8813.  
  8814. .c-dialog__footer .c-dialog__footer_buttons .c-button {
  8815. background: #424242 !important;
  8816. color: #a1a1a1 !important;
  8817. }
  8818.  
  8819. .c-dialog__footer .c-dialog__footer_buttons .c-button:hover {
  8820. background: #626262 !important;
  8821. }
  8822.  
  8823. .c-dialog__footer .c-dialog__footer_text .c-input_select__selected_value--placeholder {
  8824. color: #a1a1a1 !important;
  8825. }
  8826.  
  8827. .c-input_select_options_list_container {
  8828. background: #222 !important;
  8829. border-color: #222 !important;
  8830. }
  8831.  
  8832. .c-input_select_options_list_container .c-input_select_options_list__option {
  8833. color: #a1a1a1 !important;
  8834. }
  8835.  
  8836. .p-custom_status_input__shortcut_pill {
  8837. background: #222 !important;
  8838. color: #a1a1a1 !important;
  8839. }
  8840.  
  8841. .c-date_picker__dropdown {
  8842. background: #222 !important;
  8843. }
  8844.  
  8845. .c-mini_calendar {
  8846. background: #222 !important;
  8847. }
  8848.  
  8849. .c-mini_calendar .c-calendar_view_header, .c-mini_calendar .c-calendar_month__day_of_week_heading {
  8850. color: #a1a1a1 !important;
  8851. }
  8852.  
  8853. .c-mini_calendar .c-date_picker_calendar__date--disabled {
  8854. background: #616061 !important;
  8855. color: inherit !important;
  8856. }
  8857.  
  8858. .c-mini_calendar .c-mini_calendar__month_button:disabled {
  8859. background: #616061 !important;
  8860. color: inherit !important;
  8861. }
  8862.  
  8863. .c-mini_calendar .c-calendar_view_header__title_btn:hover {
  8864. background: #424242 !important;
  8865. }
  8866.  
  8867. .c-mini_calendar .c-calendar_view_header__stepper_btn:hover {
  8868. background: #424242 !important;
  8869. }
  8870.  
  8871. .p-download_item__actions {
  8872. background: #222 !important;
  8873. }
  8874.  
  8875. .p-download_item__name_row {
  8876. color: #a1a1a1 !important;
  8877. }
  8878.  
  8879. .p-download_item .p-download_item__link--show, .p-download_item .p-download_item__link--remove {
  8880. color: #a1a1a1 !important;
  8881. }
  8882.  
  8883. .p-download_item .p-download_item__link--remove:hover {
  8884. color: #fff !important;
  8885. }
  8886.  
  8887. .member_details .member_name {
  8888. color: #a1a1a1 !important;
  8889. }
  8890.  
  8891. .member_details .c-button {
  8892. background: #424242 !important;
  8893. color: #a1a1a1 !important;
  8894. }
  8895.  
  8896. .member_details .c-button:hover {
  8897. background: #626262 !important;
  8898. }
  8899.  
  8900. .member_details .c-button:active {
  8901. background: #626262 !important;
  8902. }
  8903.  
  8904. .p-channel_page_apps__list__row, .p-channel_page_apps__list__row:hover {
  8905. color: #a1a1a1 !important;
  8906. }
  8907.  
  8908. .p-channel_page_apps__list__row__remove:hover {
  8909. color: #fff !important;
  8910. }
  8911.  
  8912. .p-channel_page_apps__list__row:hover .p-channel_page_apps__list__row__wrapper {
  8913. background-color: #363636 !important;
  8914. border-color: #363636 !important;
  8915. color: #fff !important;
  8916. }
  8917.  
  8918. .c-filter_input {
  8919. background: #222 !important;
  8920. }
  8921.  
  8922. .c-filter_input input {
  8923. background: #222 !important;
  8924. }
  8925.  
  8926. .p-file_flexpane--list {
  8927. background: #222 !important;
  8928. }
  8929.  
  8930. .c-input_select__selected_value, .c-input_select {
  8931. color: #a1a1a1 !important;
  8932. }
  8933.  
  8934. #files_tab .p-file_list__file_type_select, #files_tab .p-file_list__select_wrapper {
  8935. background: #545454 !important;
  8936. }
  8937.  
  8938. #files_tab .c-input_select {
  8939. background: #545454 !important;
  8940. }
  8941.  
  8942. #files_tab .c-input_select .c-unified_member__name {
  8943. color: #a1a1a1 !important;
  8944. }
  8945.  
  8946. #files_tab .c-input_select > input {
  8947. color: #a1a1a1 !important;
  8948. }
  8949.  
  8950. .p-file_list .c-pillow_file_container {
  8951. background: #222 !important;
  8952. }
  8953.  
  8954. .p-file_list .c-pillow_file__title, .p-global_nav__flex_btn--back, .p-file_list__empty {
  8955. color: #a1a1a1 !important;
  8956. }
  8957.  
  8958. .p-file_details__share_channel, .p-file_details__name {
  8959. color: inherit !important;
  8960. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement