Guest User

Untitled

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