Advertisement
Guest User

Untitled

a guest
Nov 25th, 2015
87
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 88.58 KB | None | 0 0
  1. body {
  2. background: #222;
  3. color: #e6e6e6; }
  4.  
  5. a {
  6. color: #949494; }
  7. a:link, a:visited {
  8. color: #949494; }
  9. a:hover, a:active, a:focus {
  10. color: #c7c7c7; }
  11.  
  12. hr {
  13. border-bottom: 1px solid #424242;
  14. border-top: 1px solid #222; }
  15.  
  16. h1,
  17. h2,
  18. h3,
  19. h4 {
  20. color: #e6e6e6; }
  21.  
  22. h1 a {
  23. color: #e6e6e6; }
  24. h1 a:active, h1 a:hover, h1 a:link, h1 a:visited {
  25. color: #e6e6e6; }
  26.  
  27. #col_channels_collapse_view {
  28. background: #363636; }
  29.  
  30. #col_channels {
  31. background: #363636;
  32. color: #e6e6e6; }
  33. #col_channels ul li.channel.active a.channel_name, #col_channels ul li.group.active a.group_name, #col_channels ul li.member.active a.im_name {
  34. background: #545454;
  35. color: #e6e6e6; }
  36. #col_channels.channels_list_holder ul li.channel.active .unread_highlight, #col_channels.channels_list_holder ul li.group.active .unread_highlight, #col_channels.channels_list_holder ul li.member.active .unread_highlight {
  37. background: #222;
  38. color: #e6e6e6; }
  39.  
  40. .channels_list_holder h2 {
  41. color: #949494; }
  42. .channels_list_holder h2.hoverable:not(.jquery_hover):hover {
  43. color: #c7c7c7; }
  44. .channels_list_holder ul {
  45. color: #e6e6e6; }
  46. .channels_list_holder ul li {
  47. text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); }
  48. .channels_list_holder ul li a {
  49. color: #949494; }
  50. .channels_list_holder ul li a:hover {
  51. background: #222; }
  52. .channels_list_holder ul li.channel.active a.channel_name .prefix {
  53. color: #949494; }
  54. .channels_list_holder ul li.group.active a.group_name .prefix {
  55. color: #949494; }
  56. .channels_list_holder ul li.group .group_close {
  57. color: #949494; }
  58. .channels_list_holder ul li.member .im_close, .channels_list_holder ul li.mpim .mpim_close {
  59. color: #949494; }
  60. .channels_list_holder ul li.group.active .group_close, .channels_list_holder ul li.member.active .im_close, .channels_list_holder ul li.mpim.active .mpim_close {
  61. color: #949494; }
  62. .channels_list_holder ul li.mention a {
  63. color: #e6e6e6; }
  64. .channels_list_holder ul li.unread:not(.muted_channel) a {
  65. color: #e6e6e6; }
  66. .channels_list_holder ul li.unread .prefix {
  67. color: #e6e6e6; }
  68. .channels_list_holder .unread_just {
  69. background: #222;
  70. color: #e6e6e6; }
  71. .channels_list_holder .unread_highlight {
  72. background: #bf360c;
  73. color: #e6e6e6;
  74. text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); }
  75.  
  76. .channels_list_new_btn {
  77. color: #949494; }
  78.  
  79. .list_more {
  80. border-bottom: 1px dotted #949494;
  81. color: #949494 !important; }
  82. .list_more:hover {
  83. border-bottom: 1px solid #c7c7c7;
  84. color: #c7c7c7 !important; }
  85.  
  86. #channel_scroll_down,
  87. #channel_scroll_up {
  88. background: #000;
  89. color: #e6e6e6;
  90. text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); }
  91.  
  92. #channel_scroll_down:hover {
  93. color: #e6e6e6; }
  94. #channel_scroll_down.unseen_have_mentions {
  95. background: #bf360c; }
  96.  
  97. #channel_scroll_up.unseen_have_mentions {
  98. background: #bf360c; }
  99.  
  100. #channel_scroll_up:hover {
  101. color: #e6e6e6; }
  102.  
  103. #list_controls {
  104. border-bottom: 1px solid #363636;
  105. color: #949494; }
  106.  
  107. #list_search {
  108. border: 1px solid #363636; }
  109.  
  110. #list_search_container .icon_search {
  111. color: #949494; }
  112. #list_search_container .icon_close {
  113. color: #949494; }
  114.  
  115. #list_browser p.highlighted {
  116. background: #222; }
  117. #list_browser:not(.keyboard_active) p:hover {
  118. background: #222; }
  119. #list_browser .item_creator {
  120. color: #949494; }
  121. #list_browser .item_count {
  122. color: #e6e6e6; }
  123. #list_browser .item_purpose {
  124. color: #e6e6e6; }
  125.  
  126. #list_browser_dialog .modal-footer a {
  127. color: #949494; }
  128. #list_browser_dialog .modal-footer a:hover {
  129. color: #c7c7c7; }
  130.  
  131. #channel_list_invites_link {
  132. border-bottom: 1px dotted #949494;
  133. color: #949494;
  134. font-size: 0.9rem; }
  135. #channel_list_invites_link:hover {
  136. border-bottom: 1px solid #949494; }
  137.  
  138. #quick_switcher_btn {
  139. background: #363636;
  140. border-top: 2px solid #363636; }
  141. #quick_switcher_btn > i {
  142. color: #949494; }
  143. #quick_switcher_btn:active, #quick_switcher_btn:hover {
  144. background: #222;
  145. border-color: #222; }
  146. #quick_switcher_btn:active > i, #quick_switcher_btn:hover > i {
  147. color: #949494; }
  148. #quick_switcher_btn:active #quick_switcher_label, #quick_switcher_btn:hover #quick_switcher_label {
  149. color: #949494; }
  150. #quick_switcher_btn:active #quick_switcher_shortcut, #quick_switcher_btn:hover #quick_switcher_shortcut {
  151. color: #949494; }
  152.  
  153. #quick_switcher_shortcut {
  154. color: #949494; }
  155.  
  156. #quick_switcher_label {
  157. color: #949494; }
  158.  
  159. .monkey_scroll_bar {
  160. background: #424242; }
  161.  
  162. .monkey_scroll_handle_inner {
  163. background: #545454;
  164. border: 1px solid #828282; }
  165.  
  166. #client-ui .monkey_scroll_bar {
  167. background: #424242; }
  168. #client-ui .monkey_scroll_handle_inner {
  169. background: #545454;
  170. border: 3px solid #828282; }
  171.  
  172. #monkey_scroll_wrapper_for_channels_scroller .monkey_scroll_bar {
  173. background: #424242; }
  174. #monkey_scroll_wrapper_for_channels_scroller .monkey_scroll_handle_inner {
  175. background: #545454;
  176. border: 3px solid #828282; }
  177.  
  178. .loading #loading-zone {
  179. background: #222;
  180. left: 110px; }
  181. .loading #col_channels_bg {
  182. background: #222; }
  183.  
  184. #self_help_link_div {
  185. right: 110px !important; }
  186.  
  187. #loading_indicator,
  188. #loading_welcome_msg {
  189. color: #949494;
  190. text-shadow: 0 1px #000; }
  191.  
  192. #loading_team_menu_bg,
  193. #loading_user_menu_bg {
  194. border: none; }
  195.  
  196. input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=tel], input[type=color], input[type=search] {
  197. background-color: #545454;
  198. border: 1px solid #000;
  199. color: #e6e6e6; }
  200. input[type=text]:focus, input[type=password]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=date]:focus, input[type=month]:focus, input[type=time]:focus, input[type=week]:focus, input[type=number]:focus, input[type=email]:focus, input[type=url]:focus, input[type=tel]:focus, input[type=color]:focus, input[type=search]:focus {
  201. border-color: rgba(54, 54, 54, 0.8);
  202. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(130, 130, 130, 0.6); }
  203. input[type=file]:focus {
  204. outline: #e6e6e6 dotted thin; }
  205. input[type=radio]:focus, input[type=checkbox]:focus {
  206. outline: #e6e6e6 dotted thin; }
  207.  
  208. select {
  209. background: #545454; }
  210.  
  211. select,
  212. textarea {
  213. border: 1px solid #000;
  214. color: #e6e6e6; }
  215. select:active, select:focus,
  216. textarea:active,
  217. textarea:focus {
  218. border-color: #363636;
  219. box-shadow: 0 0 7px rgba(130, 130, 130, 0.15); }
  220.  
  221. .no_touch input:hover,
  222. .no_touch select:hover,
  223. .no_touch textarea:hover {
  224. border-color: #363636; }
  225. .no_touch label.select:hover select {
  226. border-color: #363636; }
  227. .no_touch label.select:not(.disabled):hover:after {
  228. color: #363636; }
  229.  
  230. legend {
  231. border-bottom: 1px solid #828282; }
  232. legend small {
  233. color: #949494; }
  234.  
  235. .uneditable-input,
  236. .uneditable-textarea {
  237. background-color: #424242;
  238. border: 1px solid #000;
  239. color: #e6e6e6; }
  240. .uneditable-input:focus,
  241. .uneditable-textarea:focus {
  242. border-color: rgba(130, 130, 130, 0.8);
  243. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(130, 130, 130, 0.6); }
  244.  
  245. textarea {
  246. background-color: #545454;
  247. border: 1px solid #000;
  248. color: #e6e6e6; }
  249.  
  250. textarea:focus {
  251. border-color: rgba(130, 130, 130, 0.8);
  252. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(130, 130, 130, 0.6); }
  253.  
  254. ::-webkit-input-placeholder {
  255. color: #e6e6e6; }
  256.  
  257. :-moz-placeholder {
  258. color: #e6e6e6; }
  259.  
  260. ::-moz-placeholder {
  261. color: #e6e6e6; }
  262.  
  263. :-ms-input-placeholder {
  264. color: #e6e6e6; }
  265.  
  266. input:-moz-placeholder,
  267. textarea:-moz-placeholder {
  268. color: #e6e6e6; }
  269.  
  270. input:-ms-input-placeholder,
  271. textarea:-ms-input-placeholder {
  272. color: #e6e6e6; }
  273.  
  274. input::-webkit-input-placeholder,
  275. textarea::-webkit-input-placeholder {
  276. color: #e6e6e6; }
  277.  
  278. input[disabled], input[readonly],
  279. textarea[disabled],
  280. textarea[readonly] {
  281. background-color: #545454; }
  282.  
  283. .form-actions {
  284. background-color: #424242;
  285. border-top: 1px solid #363636; }
  286.  
  287. .help-block,
  288. .help-inline {
  289. color: #949494; }
  290.  
  291. .input-append .add-on,
  292. .input-prepend .add-on {
  293. background-color: #828282;
  294. border: 1px solid #545454;
  295. text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); }
  296.  
  297. .btn {
  298. background-color: #545454;
  299. background-image: linear-gradient(to bottom, #828282, #545454);
  300. border: 1px solid #828282;
  301. border-bottom-color: #545454;
  302. box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.15);
  303. color: #e6e6e6 !important;
  304. text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); }
  305. .btn.active, .btn.disabled, .btn:active, .btn:focus, .btn:hover, .btn[disabled] {
  306. background-color: #828282;
  307. color: #e6e6e6; }
  308. .btn:focus, .btn:hover {
  309. color: #e6e6e6; }
  310. .btn:focus {
  311. outline: #e6e6e6 dotted thin; }
  312. .btn.btn_outline.disabled {
  313. background: #424242 !important;
  314. color: #949494 !important; }
  315. .btn.btn_outline.disabled:hover {
  316. background: #424242 !important;
  317. color: #949494 !important; }
  318. .btn.btn_border {
  319. border: 2px solid #424242; }
  320.  
  321. .btn-primary {
  322. background-color: #424242;
  323. background-image: linear-gradient(to bottom, #545454, #424242);
  324. color: #e6e6e6; }
  325. .btn-primary.active, .btn-primary.disabled, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .btn-primary[disabled] {
  326. background-color: #545454;
  327. color: #e6e6e6; }
  328.  
  329. .btn-link {
  330. color: #949494; }
  331. .btn-link:focus, .btn-link:hover {
  332. color: #c7c7c7; }
  333. .btn-link[disabled]:focus, .btn-link[disabled]:hover {
  334. color: #c7c7c7; }
  335.  
  336. .btn_outline {
  337. background: #222;
  338. color: #e6e6e6 !important; }
  339. .btn_outline:after {
  340. border: 1px solid #424242; }
  341. .btn_outline.btn_transparent {
  342. color: rgba(84, 84, 84, 0.9) !important; }
  343. .btn_outline.btn_transparent:after {
  344. border: 1px solid rgba(34, 34, 34, 0.5); }
  345. .btn_outline.btn_transparent.active, .btn_outline.btn_transparent.hover, .btn_outline.btn_transparent:active, .btn_outline.btn_transparent:focus, .btn_outline.btn_transparent:hover {
  346. background-color: rgba(84, 84, 84, 0.9) !important;
  347. color: #e6e6e6 !important; }
  348. .btn_outline.btn_transparent.active, .btn_outline.btn_transparent:active {
  349. background-color: rgba(84, 84, 84, 0.8) !important; }
  350. .btn_outline.hover, .btn_outline:focus, .btn_outline:hover {
  351. background: #363636;
  352. color: #e6e6e6 !important; }
  353. .btn_outline:active {
  354. color: #e6e6e6; }
  355. .btn_outline.active {
  356. color: #949494 !important; }
  357.  
  358. .btn-group.open .btn.dropdown-toggle {
  359. background-color: #545454; }
  360. .btn-group.open .btn-primary.dropdown-toggle {
  361. background-color: #424242; }
  362. .btn-group > .btn + .dropdown-toggle {
  363. 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); }
  364.  
  365. .btn-danger .caret,
  366. .btn-info .caret,
  367. .btn-inverse .caret,
  368. .btn-primary .caret,
  369. .btn-success .caret,
  370. .btn-warning .caret {
  371. border-bottom-color: #e6e6e6;
  372. border-top-color: #e6e6e6; }
  373.  
  374. .chzn-container .chzn-drop {
  375. background: #222;
  376. border: 1px solid #424242;
  377. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); }
  378.  
  379. .chzn-container-single .chzn-single {
  380. background-color: #222;
  381. background-image: linear-gradient(#222 20%, #363636 50%, #222 52%, #363636 100%);
  382. border: 1px solid #424242;
  383. box-shadow: 0 0 3px #222 inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  384. color: #e6e6e6; }
  385. .chzn-container-single .chzn-default {
  386. color: #e6e6e6; }
  387. .chzn-container-single .chzn-search input {
  388. border: 1px solid #424242; }
  389.  
  390. .chzn-container-multi .chzn-choices {
  391. background-color: #222;
  392. border: 1px solid #424242; }
  393. .chzn-container-multi .chzn-choices .search-field input {
  394. color: #e6e6e6; }
  395. .chzn-container-multi .chzn-choices .search-field .default {
  396. color: #e6e6e6; }
  397. .chzn-container-multi .chzn-choices .search-choice {
  398. background-color: #828282;
  399. border: 1px solid #424242;
  400. color: #e6e6e6; }
  401. .chzn-container-multi .chzn-choices .search-choice.search-choice-disabled {
  402. background-color: #424242;
  403. background-image: linear-gradient(top, #545454 20%, #424242 50%);
  404. border: 1px solid #424242;
  405. color: #949494; }
  406. .chzn-container-multi .chzn-choices .search-choice-focus {
  407. background: #545454; }
  408.  
  409. .chzn-container .chzn-results .highlighted {
  410. background-color: #545454;
  411. color: #e6e6e6; }
  412. .chzn-container .chzn-results li em {
  413. background: #828282; }
  414. .chzn-container .chzn-results .no-results {
  415. background: #828282; }
  416. .chzn-container .chzn-results .group-result {
  417. color: #e6e6e6; }
  418.  
  419. .chzn-container .chzn-results-scroll {
  420. background: #222; }
  421.  
  422. .chzn-container-active .chzn-single {
  423. border: 1px solid #828282; }
  424. .chzn-container-active.chzn-with-drop .chzn-single {
  425. background-color: #424242;
  426. background-image: linear-gradient(#424242 20%, #222 80%);
  427. border: 1px solid #424242;
  428. box-shadow: 0 1px 0 #222 inset; }
  429. .chzn-container-active .chzn-choices .search-field input {
  430. color: #e6e6e6 !important; }
  431.  
  432. #message-input.offline {
  433. background-color: #363636 !important; }
  434. #message-input.disabled {
  435. background-color: #363636; }
  436.  
  437. #message-input-message {
  438. color: #949494; }
  439.  
  440. #message_edit_form #message-input,
  441. #messages-input-container #message-input {
  442. background: padding-box #545454;
  443. border: 2px solid #363636;
  444. color: #e6e6e6; }
  445. #message_edit_form #message-input:focus,
  446. #messages-input-container #message-input:focus {
  447. border-color: #000; }
  448. #message_edit_form .emo_menu,
  449. #messages-input-container .emo_menu {
  450. color: rgba(230, 230, 230, 0.15); }
  451. #message_edit_form .emo_menu.active .ts_icon_happy_smile, #message_edit_form .emo_menu:hover .ts_icon_happy_smile,
  452. #messages-input-container .emo_menu.active .ts_icon_happy_smile,
  453. #messages-input-container .emo_menu:hover .ts_icon_happy_smile {
  454. color: #828282; }
  455. #message_edit_form.focus .emo_menu,
  456. #messages-input-container.focus .emo_menu {
  457. color: rgba(230, 230, 230, 0.2); }
  458. #message_edit_form.focus #primary_file_button:not(:hover),
  459. #messages-input-container.focus #primary_file_button:not(:hover) {
  460. border-color: #000; }
  461. #message_edit_form.offline #message-input,
  462. #message_edit_form.offline #primary_file_button,
  463. #messages-input-container.offline #message-input,
  464. #messages-input-container.offline #primary_file_button {
  465. background-color: #363636 !important; }
  466. #message_edit_form.offline #primary_file_button,
  467. #messages-input-container.offline #primary_file_button {
  468. border-color: #363636;
  469. color: #949494; }
  470.  
  471. #primary_file_button {
  472. background: padding-box #545454;
  473. border: 2px solid #363636; }
  474. #primary_file_button.active, #primary_file_button:hover {
  475. background: #545454;
  476. border-color: #545454;
  477. color: #e6e6e6; }
  478.  
  479. #footer {
  480. background: #222; }
  481. #footer.disabled #message-input {
  482. background: padding-box #363636 !important;
  483. border: 2px solid #363636 !important; }
  484.  
  485. #footer_archives_table {
  486. color: #949494; }
  487.  
  488. #typing_text {
  489. color: #949494; }
  490.  
  491. #special_formatting_text {
  492. color: #949494; }
  493.  
  494. #menu,
  495. .menu_example {
  496. background: #000;
  497. border: 0;
  498. box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
  499. color: #e6e6e6; }
  500.  
  501. #menu .section_header .header_label,
  502. .menu_example .section_header .header_label {
  503. background-color: #222;
  504. color: #949494; }
  505.  
  506. #menu .section_header > div.header_label_container,
  507. .menu_example .section_header > div.header_label_container {
  508. color: #949494; }
  509.  
  510. #menu_header .menu_simple_header {
  511. background: #000;
  512. border-color: #363636;
  513. color: #e6e6e6; }
  514. #menu_header .menu_simple_header a {
  515. color: #949494; }
  516. #menu_header .menu_simple_header a:hover {
  517. color: #c7c7c7; }
  518. #menu_header .menu_close {
  519. color: #e6e6e6; }
  520.  
  521. #menu ul li a,
  522. .menu_example ul li a {
  523. background: #222;
  524. border-bottom: 0;
  525. color: #949494; }
  526.  
  527. #menu ul li.highlighted a {
  528. background: #000;
  529. border-bottom-color: #222;
  530. color: #c7c7c7;
  531. text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); }
  532. #menu ul li.highlighted a.delete_link {
  533. color: #bf360c; }
  534. #menu ul li.disabled a {
  535. color: #949494; }
  536. #menu ul li.divider {
  537. border-bottom: 2px solid #424242; }
  538. #menu ul li.double-divider {
  539. border-bottom: 4px solid #424242; }
  540. #menu ul li a.delete_link {
  541. color: #bf360c; }
  542. #menu:not(.keyboard_active) ul li:hover a {
  543. background: #000;
  544. border-bottom-color: #222;
  545. color: #c7c7c7;
  546. text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); }
  547. #menu:not(.keyboard_active) ul li:hover a.delete_link {
  548. color: #bf360c; }
  549. #menu input {
  550. background: #000;
  551. border: 1px solid #000; }
  552. #menu textarea {
  553. background: #000;
  554. border: 1px solid #000; }
  555.  
  556. .menu_example ul li.highlighted a, .menu_example:not(.keyboard_active) ul li:hover a {
  557. background: #000;
  558. border-bottom-color: #222;
  559. color: #c7c7c7;
  560. text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); }
  561.  
  562. #menu_footer .menu_footer {
  563. background: #000;
  564. border-top: 1px solid #363636; }
  565.  
  566. #team_menu {
  567. background: #363636;
  568. border-bottom: 2px solid #363636;
  569. color: #e6e6e6; }
  570. #team_menu.active, #team_menu:hover {
  571. background: #363636;
  572. border-bottom-color: #363636; }
  573. #team_menu.active i, #team_menu:hover i {
  574. color: #e6e6e6; }
  575. #team_menu.active #current_user_name, #team_menu:hover #current_user_name {
  576. color: #e6e6e6; }
  577. #team_menu i {
  578. color: #949494; }
  579. #team_menu .presence .presence_icon {
  580. text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); }
  581.  
  582. #menu.team_menu {
  583. box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); }
  584. #menu.team_menu ul li.highlighted, #menu.team_menu:not(.keyboard_active) ul li:hover {
  585. background: #545454; }
  586. #menu.team_menu ul li.highlighted > a, #menu.team_menu:not(.keyboard_active) ul li:hover > a {
  587. background: #545454;
  588. color: #c7c7c7; }
  589. #menu.team_menu ul li > a {
  590. color: #949494; }
  591.  
  592. #menu.file_menu {
  593. box-shadow: 0 3px 8px rgba(0, 0, 0, 0.5); }
  594. #menu.file_menu ul li.highlighted, #menu.file_menu:not(.keyboard_active) ul li:hover {
  595. background: #000; }
  596. #menu.file_menu ul li.highlighted > a, #menu.file_menu:not(.keyboard_active) ul li:hover > a {
  597. color: #c7c7c7; }
  598. #menu.file_menu ul li.highlighted i.file_menu_icon, #menu.file_menu:not(.keyboard_active) ul li:hover i.file_menu_icon {
  599. color: #e6e6e6; }
  600. #menu.file_menu ul li > a {
  601. color: #949494; }
  602. #menu.file_menu ul li i.file_menu_icon {
  603. color: #949494; }
  604.  
  605. #menu.popover_menu {
  606. background-color: #222;
  607. border-top: 1px solid #545454; }
  608.  
  609. .popover_menu {
  610. background-color: #222;
  611. border-top: 1px solid #545454; }
  612. .popover_menu .arrow:after {
  613. background-color: #000; }
  614. .popover_menu .arrow_shadow:after {
  615. background-color: #222;
  616. box-shadow: 0 0 0 1px #545454, 0 0 3px rgba(0, 0, 0, 0.08); }
  617. .popover_menu.showing_header .arrow:after,
  618. .popover_menu.showing_header .arrow_shadow:after {
  619. background-color: #000; }
  620. .popover_menu .content {
  621. background-color: #222; }
  622.  
  623. .pickmeup {
  624. background: #222;
  625. border: 1px solid #363636;
  626. box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); }
  627. .pickmeup .pmu-instance .pmu-button {
  628. color: #e6e6e6; }
  629. .pickmeup .pmu-instance .pmu-today.pmu-selected, .pickmeup .pmu-instance .pmu-today:hover {
  630. background: #363636 !important; }
  631. .pickmeup .pmu-instance .pmu-today.pmu-selected .pmu-today-border, .pickmeup .pmu-instance .pmu-today:hover .pmu-today-border {
  632. background: #828282;
  633. color: #e6e6e6 !important; }
  634. .pickmeup .pmu-instance .pmu-today-border {
  635. border: 2px solid #545454 !important;
  636. color: #828282 !important; }
  637. .pickmeup .pmu-instance .pmu-button:not(.pmu-disabled):hover {
  638. background: #545454;
  639. color: #e6e6e6; }
  640. .pickmeup .pmu-instance .pmu-not-in-month {
  641. background: #222;
  642. color: #949494; }
  643. .pickmeup .pmu-instance .pmu-not-in-month.pmu-selected {
  644. background: #545454; }
  645. .pickmeup .pmu-instance .pmu-disabled {
  646. background: #222;
  647. color: #949494; }
  648. .pickmeup .pmu-instance .pmu-disabled:hover {
  649. background: #222;
  650. color: #949494; }
  651. .pickmeup .pmu-instance .pmu-selected {
  652. background: #545454;
  653. color: #e6e6e6; }
  654. .pickmeup .pmu-instance nav {
  655. color: #949494; }
  656. .pickmeup .pmu-instance nav :first-child :hover {
  657. color: #c7c7c7; }
  658. .pickmeup .pmu-instance .pmu-months *,
  659. .pickmeup .pmu-instance .pmu-years * {
  660. border: 1px solid #363636; }
  661. .pickmeup .pmu-instance .pmu-day-of-week {
  662. color: #e6e6e6; }
  663. .pickmeup .pmu-instance .pmu-day-of-week * {
  664. border: 1px solid #363636; }
  665. .pickmeup .pmu-instance .pmu-days * {
  666. border: 1px solid #363636; }
  667.  
  668. #autocomplete_menu {
  669. color: #e6e6e6; }
  670. #autocomplete_menu h2 {
  671. color: #e6e6e6; }
  672. #autocomplete_menu ol li.selected {
  673. background-color: #828282;
  674. color: #e6e6e6; }
  675. #autocomplete_menu ol li.selected:hover {
  676. background-color: #828282;
  677. color: #e6e6e6; }
  678. #autocomplete_menu ol li.selected:hover .keyword_placeholder,
  679. #autocomplete_menu ol li.selected:hover .username, #autocomplete_menu ol li.selected:hover.keyword_match .modifier {
  680. color: #949494; }
  681. #autocomplete_menu ol li.selected .keyword_placeholder,
  682. #autocomplete_menu ol li.selected .username, #autocomplete_menu ol li.selected.keyword_match .modifier {
  683. color: #949494; }
  684. #autocomplete_menu ol li.selected .ts_icon, #autocomplete_menu ol li.selected:hover .ts_icon {
  685. color: #949494 !important; }
  686. #autocomplete_menu ol li:hover {
  687. background-color: #545454; }
  688. #autocomplete_menu ol li .ellipsis_icon,
  689. #autocomplete_menu ol li .history_icon,
  690. #autocomplete_menu ol li .modifier_icon {
  691. color: #949494; }
  692. #autocomplete_menu footer .keyword:before,
  693. #autocomplete_menu footer .modifier:before {
  694. background: #828282;
  695. border: 1px solid #545454;
  696. color: #e6e6e6; }
  697. #autocomplete_menu footer .selected .keyword:before,
  698. #autocomplete_menu footer .selected .modifier:before {
  699. background: rgba(84, 84, 84, 0.25);
  700. border: #828282; }
  701. #autocomplete_menu header {
  702. background-color: #000; }
  703. #autocomplete_menu header .keyword:before,
  704. #autocomplete_menu header .modifier:before {
  705. background: #828282;
  706. border: 1px solid #545454;
  707. color: #e6e6e6; }
  708. #autocomplete_menu header .selected .keyword:before,
  709. #autocomplete_menu header .selected .modifier:before {
  710. background: rgba(84, 84, 84, 0.25);
  711. border: #828282; }
  712. #autocomplete_menu footer .modifier.incomplete:before,
  713. #autocomplete_menu header .modifier.incomplete:before {
  714. background: #363636;
  715. border: 1px solid #000; }
  716. #autocomplete_menu .no_results {
  717. color: #e6e6e6; }
  718. #autocomplete_menu .keyword_match .modifier,
  719. #autocomplete_menu .username {
  720. color: #949494; }
  721. #autocomplete_menu .keyword_placeholder {
  722. color: #949494; }
  723. #autocomplete_menu .history .keyword:before {
  724. background: #828282;
  725. border: 1px solid #545454;
  726. color: #e6e6e6; }
  727. #autocomplete_menu .history .modifier:before {
  728. background: #828282;
  729. border: 1px solid #545454;
  730. color: #e6e6e6; }
  731. #autocomplete_menu .history .modifier.incomplete:before {
  732. background: #363636;
  733. border: 1px solid #000; }
  734. #autocomplete_menu .history .selected .keyword:before,
  735. #autocomplete_menu .history .selected .modifier:before {
  736. background: rgba(84, 84, 84, 0.25);
  737. border: #828282; }
  738. #autocomplete_menu .delete_history_item_target_area .delete_icon {
  739. color: #949494; }
  740. #autocomplete_menu .delete_history_item_target_area:hover .ts_icon.delete_icon {
  741. color: #bf360c !important; }
  742. #autocomplete_menu .boxed {
  743. background: #222;
  744. border: 1px solid #363636;
  745. box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15); }
  746. #autocomplete_menu .section_header .header_label {
  747. background-color: #222;
  748. color: #949494; }
  749. #autocomplete_menu .pickmeup {
  750. border-bottom: 1px solid #363636; }
  751.  
  752. .search_light_grey {
  753. color: #e6e6e6 !important; }
  754.  
  755. .highlighter_underlay .keyword:before {
  756. background: #828282;
  757. border: 1px solid #545454;
  758. color: #e6e6e6; }
  759. .highlighter_underlay .modifier:before {
  760. background: #828282;
  761. border: 1px solid #545454;
  762. color: #e6e6e6; }
  763. .highlighter_underlay .modifier.incomplete:before {
  764. background: #363636;
  765. border: 1px solid #000; }
  766. .highlighter_underlay .selected .keyword:before,
  767. .highlighter_underlay .selected .modifier:before {
  768. background: rgba(130, 130, 130, 0.25);
  769. border: #545454; }
  770. .highlighter_underlay .ghost_text {
  771. color: #e6e6e6; }
  772.  
  773. .tab_complete_ui {
  774. background: #222;
  775. border: 1px solid #363636;
  776. box-shadow: 0 1px 15px rgba(0, 0, 0, 0.5); }
  777. .tab_complete_ui .tab_complete_ui_header {
  778. background: padding-box #000;
  779. border-bottom: 1px solid #363636;
  780. color: #e6e6e6;
  781. text-shadow: 0 1px rgba(0, 0, 0, 0.15); }
  782. .tab_complete_ui ul.type_emoji li {
  783. color: #e6e6e6; }
  784. .tab_complete_ui ul.type_members .broadcast_info,
  785. .tab_complete_ui ul.type_members .realname {
  786. color: #949494; }
  787. .tab_complete_ui li.tab_complete_ui_item {
  788. border-bottom: 1px solid #363636; }
  789. .tab_complete_ui li.tab_complete_ui_item.active {
  790. background: #545454;
  791. border-bottom-color: #363636;
  792. text-shadow: 0 1px rgba(0, 0, 0, 0.15); }
  793. .tab_complete_ui li.tab_complete_ui_item.active span {
  794. color: #e6e6e6 !important; }
  795. .tab_complete_ui .not_in_channel {
  796. color: #949494; }
  797.  
  798. #flex_menu_footer.menu_footer {
  799. background: #222 !important; }
  800.  
  801. #flex_menu_header.menu_simple_header {
  802. background: #222 !important; }
  803.  
  804. #menu.flex_menu {
  805. background-color: #222;
  806. box-shadow: 0 0 1px rgba(0, 0, 0, 0.15), 0 2px 8px rgba(0, 0, 0, 0.25); }
  807. #menu .flexpane_menu_item a {
  808. color: #949494; }
  809. #menu .flexpane_menu_item.highlighted a {
  810. background: #828282;
  811. border-bottom-color: #545454;
  812. color: #c7c7c7;
  813. text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); }
  814. #menu:not(.keyboard_active) .flexpane_menu_item:hover a {
  815. background: #545454;
  816. border-bottom-color: #545454;
  817. color: #c7c7c7;
  818. text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); }
  819.  
  820. #dms_filter,
  821. #dms_filter_show_all,
  822. #file_member_filter {
  823. background: #000; }
  824.  
  825. #client-ui .member_filter {
  826. border: 1px solid #545454; }
  827. #client-ui #team_list_container #team_filter .member_filter {
  828. border-left: 1px solid #000; }
  829. #client-ui #dms_filter .member_filter,
  830. #client-ui #file_member_filter .member_filter {
  831. border-color: #545454; }
  832. #client-ui #file_member_filter {
  833. border-color: #545454; }
  834. #client-ui #dms_filter .member_filter:focus {
  835. border-color: #545454; }
  836. #client-ui .team_tabs_container {
  837. border-bottom: 1px solid #000; }
  838.  
  839. #team_filter .icon_search {
  840. color: #949494; }
  841. #team_filter a.icon_close {
  842. color: #949494; }
  843. #team_filter a.icon_close:hover {
  844. color: #c7c7c7; }
  845.  
  846. #header {
  847. background: #222; }
  848. #header .client_header_button {
  849. background: #424242;
  850. border: 1px solid #363636; }
  851. #header .client_header_button:hover {
  852. background: #545454;
  853. border: 1px solid #424242; }
  854.  
  855. #help_icon {
  856. border: 1px solid #424242;
  857. color: #949494; }
  858. #help_icon:hover {
  859. background: #424242;
  860. border: 1px solid #363636;
  861. color: #e6e6e6; }
  862. #help_icon.unread #help_icon_circle_count {
  863. background-color: #bf360c;
  864. color: #fff; }
  865.  
  866. #flex_menu_toggle.unread #help_icon_circle_count {
  867. background-color: #bf360c;
  868. color: #fff; }
  869.  
  870. #flex_menu_toggle.open #help_icon_circle_count,
  871. #help_icon.open #help_icon_circle_count {
  872. background-color: #000;
  873. color: #e6e6e6; }
  874.  
  875. #channel_members_toggle {
  876. background: #222;
  877. color: #949494; }
  878. #channel_members_toggle .channel_members_toggle_icon {
  879. color: #949494; }
  880. #channel_members_toggle:hover .channel_members_toggle_icon {
  881. color: #e6e6e6; }
  882.  
  883. #active_channel_name {
  884. color: #949494; }
  885. #active_channel_name .name {
  886. color: #e6e6e6; }
  887. #active_channel_name .name.muted {
  888. color: #949494; }
  889. #active_channel_name .prefix {
  890. color: #949494; }
  891. #active_channel_name.active .prefix, #active_channel_name:hover .prefix {
  892. color: #e6e6e6; }
  893. #active_channel_name #channel_actions {
  894. color: #949494; }
  895. #active_channel_name .topic {
  896. color: #949494; }
  897. #active_channel_name .call_icon {
  898. color: #949494; }
  899. #active_channel_name .call_icon.away {
  900. color: rgba(148, 148, 148, 0.25); }
  901. #active_channel_name .call_icon.call_window_offline {
  902. color: rgba(148, 148, 148, 0.25); }
  903. #active_channel_name .ts_icon_microphone:hover,
  904. #active_channel_name .ts_icon_video_camera:hover {
  905. color: #e6e6e6; }
  906. #active_channel_name:hover .name.muted,
  907. #active_channel_name:hover i .fa {
  908. color: #e6e6e6; }
  909.  
  910. #group_actions,
  911. #im_actions {
  912. color: #949494; }
  913.  
  914. #channel_header .star {
  915. color: #949494; }
  916.  
  917. .flexpane_toggle_button {
  918. border: 1px solid rgba(130, 130, 130, 0.61);
  919. color: #949494; }
  920. .flexpane_toggle_button#details_toggle.active, .flexpane_toggle_button#flex_menu_toggle.active, .flexpane_toggle_button#recent_mentions_toggle.active, .flexpane_toggle_button#stars_toggle.active {
  921. background-color: #828282;
  922. border-color: #363636;
  923. color: #e6e6e6; }
  924. .flexpane_toggle_button#details_toggle.active:hover, .flexpane_toggle_button#flex_menu_toggle.active:hover, .flexpane_toggle_button#recent_mentions_toggle.active:hover, .flexpane_toggle_button#stars_toggle.active:hover {
  925. background-color: #828282;
  926. border-color: rgba(54, 54, 54, 0.61);
  927. color: #e6e6e6; }
  928. .flexpane_toggle_button#details_toggle:hover {
  929. color: #e6e6e6; }
  930. .flexpane_toggle_button#recent_mentions_toggle:hover {
  931. color: #bf360c; }
  932. .flexpane_toggle_button#recent_mentions_toggle.jquery_hover:hover {
  933. color: #e6e6e6; }
  934. .flexpane_toggle_button#stars_toggle.jquery_hover:hover {
  935. color: #e6e6e6; }
  936. .flexpane_toggle_button#flex_menu_toggle.active:hover, .flexpane_toggle_button#flex_menu_toggle.menu_open, .flexpane_toggle_button#flex_menu_toggle:hover {
  937. color: #c7c7c7; }
  938.  
  939. #rxn_toast_div {
  940. background: #828282;
  941. border: 1px solid rgba(0, 0, 0, 0.15); }
  942.  
  943. .search_form .icon_search {
  944. color: #949494; }
  945. .search_form .icon_close {
  946. color: #949494; }
  947. .search_form .search_input {
  948. background: #545454;
  949. border: 1px solid rgba(130, 130, 130, 0.61); }
  950. .search_form .search_input:hover {
  951. border: 1px solid #828282; }
  952. .search_form .search_input:focus {
  953. border-color: rgba(130, 130, 130, 0.61); }
  954.  
  955. #header_search_form.search_form .icon_search {
  956. color: #949494; }
  957.  
  958. #team_filter .icon_search {
  959. color: #949494; }
  960. #team_filter a.icon_close {
  961. color: #949494; }
  962. #team_filter a.icon_close:hover {
  963. color: #c7c7c7; }
  964.  
  965. #client-ui .icon_search {
  966. color: #949494; }
  967. #client-ui a.icon_close {
  968. color: #949494; }
  969. #client-ui a.icon_close:hover {
  970. color: #c7c7c7; }
  971.  
  972. body:not(.feature_new_message_markup) .day_divider {
  973. background: #222;
  974. color: #949494; }
  975. body:not(.feature_new_message_markup) .day_divider hr {
  976. border-top: 1px solid #363636; }
  977. body:not(.feature_new_message_markup) .day_divider_label {
  978. background: #222; }
  979.  
  980. #banner {
  981. background: #000; }
  982. #banner a {
  983. color: #949494; }
  984.  
  985. .banner_content {
  986. color: #e6e6e6;
  987. text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); }
  988.  
  989. #notifications_banner {
  990. background: #000; }
  991.  
  992. #banner:hover #notifications_banner {
  993. background: #000; }
  994.  
  995. #notifications_dismiss_banner {
  996. background: #000; }
  997.  
  998. #macssb1_banner,
  999. #macssb1_dismiss_banner,
  1000. #winssb1_banner,
  1001. #winssb1_dismiss_banner {
  1002. background: #000; }
  1003.  
  1004. #msgs_overlay_div {
  1005. background: #222; }
  1006.  
  1007. body:not(.feature_new_message_markup) .message .mention, body:not(.feature_new_message_markup) .message.highlight {
  1008. background: #545454;
  1009. border: 1px solid #828282;
  1010. border-radius: 3px;
  1011. padding: 2px; }
  1012. body:not(.feature_new_message_markup) .message a .mention {
  1013. color: #e6e6e6; }
  1014. body:not(.feature_new_message_markup) .message .inline_color_block {
  1015. border: 1px solid #363636; }
  1016. body:not(.feature_new_message_markup) .message.unprocessed {
  1017. color: rgba(230, 230, 230, 0.75); }
  1018. body:not(.feature_new_message_markup) .message .edited,
  1019. body:not(.feature_new_message_markup) .message .temp_msg_controls {
  1020. color: #949494; }
  1021. body:not(.feature_new_message_markup) .message .msg_actions {
  1022. color: #949494; }
  1023. body:not(.feature_new_message_markup) .message:hover .msg_actions:hover {
  1024. color: #c7c7c7; }
  1025. body:not(.feature_new_message_markup) .message.delete_mode, body:not(.feature_new_message_markup) .message.multi_delete_mode {
  1026. background: rgba(191, 54, 12, 0.75); }
  1027. body:not(.feature_new_message_markup) .message.edit_mode {
  1028. background: rgba(0, 0, 0, 0.75); }
  1029. body:not(.feature_new_message_markup) .selecting_messages .message.multi_delete_mode:hover {
  1030. background: rgba(191, 54, 12, 0.75); }
  1031. body:not(.feature_new_message_markup) .selecting_messages .message:hover {
  1032. background: #000; }
  1033. body:not(.feature_new_message_markup) .msgs_holder .unread_divider {
  1034. color: #e6e6e6; }
  1035. body:not(.feature_new_message_markup) .msgs_holder .unread_divider span.divider_label {
  1036. background: #bf360c;
  1037. padding: 3px; }
  1038. body:not(.feature_new_message_markup) .msgs_holder .unread_divider.no_unreads {
  1039. color: #e6e6e6; }
  1040. body:not(.feature_new_message_markup) .msgs_holder .unread_divider.no_unreads span.divider_label {
  1041. background: #545454; }
  1042. body:not(.feature_new_message_markup) .msgs_holder .unread_divider.no_unreads hr {
  1043. border-top: 1px solid #363636; }
  1044. body:not(.feature_new_message_markup) .msgs_holder .unread_divider hr {
  1045. border-top: 1px solid #bf360c; }
  1046.  
  1047. .msgs_holder .unread_divider {
  1048. color: #e6e6e6; }
  1049. .msgs_holder .unread_divider span.divider_label {
  1050. background: #bf360c;
  1051. border-radius: 3px;
  1052. padding: 3px; }
  1053. .msgs_holder .unread_divider.no_unreads span.divider_label {
  1054. background: #545454; }
  1055. .msgs_holder .message.automated_grey {
  1056. background: #000; }
  1057. .msgs_holder .message.automated_grey .timestamp {
  1058. color: #949494; }
  1059. .msgs_holder .message.automated_grey:hover .timestamp {
  1060. color: #c7c7c7; }
  1061.  
  1062. body.feature_new_message_markup .msgs_holder .unread_divider {
  1063. color: #e6e6e6; }
  1064. body.feature_new_message_markup .msgs_holder .unread_divider.no_unreads {
  1065. color: #949494; }
  1066. body.feature_new_message_markup .msgs_holder .unread_divider.no_unreads hr {
  1067. border-top: 1px solid #222; }
  1068. body.feature_new_message_markup .msgs_holder .unread_divider hr {
  1069. border-top: 1px solid #545454; }
  1070.  
  1071. .star {
  1072. color: #949494; }
  1073.  
  1074. .star_item {
  1075. border-bottom: 1px solid #000; }
  1076. .star_item .star_meta {
  1077. color: #949494; }
  1078.  
  1079. .bot_label {
  1080. background: #000;
  1081. color: #949494; }
  1082.  
  1083. .bot_message .message_sender {
  1084. color: #e6e6e6; }
  1085. .bot_message .message_sender a {
  1086. color: #e6e6e6; }
  1087.  
  1088. .ephemeral.message .message_content {
  1089. color: #e6e6e6; }
  1090. .ephemeral.message .ephemeral_notice {
  1091. color: #949494; }
  1092.  
  1093. .color_USLACKBOT:not(.nuc),
  1094. #col_channels ul li:not(.active):not(.away) > .color_USLACKBOT:not(.nuc),
  1095. #col_channels:not(.show_presence) ul li > .color_USLACKBOT:not(.nuc) {
  1096. color: #e6e6e6; }
  1097.  
  1098. #msgs_scroller_div #end_display_div #end_display_status {
  1099. color: #949494; }
  1100. #msgs_scroller_div #end_display_div #end_display_meta {
  1101. color: #949494; }
  1102. #msgs_scroller_div #end_display_div #end_display_meta h1 {
  1103. color: #e6e6e6; }
  1104. #msgs_scroller_div #end_display_div p {
  1105. color: #e6e6e6; }
  1106.  
  1107. .member_mentions_options {
  1108. background-color: #000;
  1109. border-top: 1px solid #363636; }
  1110.  
  1111. .dm_badge .dm_badge_meta {
  1112. color: #e6e6e6; }
  1113. .dm_badge a {
  1114. color: #949494; }
  1115. .dm_badge a.member_preview_link {
  1116. color: #949494; }
  1117. .dm_badge .dm_badge:hover a {
  1118. color: #949494; }
  1119. .dm_badge .hint {
  1120. color: #949494; }
  1121.  
  1122. .light_theme .message {
  1123. color: #e6e6e6; }
  1124. .light_theme .message.unprocessed {
  1125. color: rgba(230, 230, 230, 0.75); }
  1126. .light_theme .message .timestamp {
  1127. color: #949494; }
  1128. .light_theme .message .msg_right_link {
  1129. color: #949494; }
  1130. .light_theme .message.archived .message_content, .light_theme .message.bot_change .message_content, .light_theme .message.joined .message_content, .light_theme .message.left .message_content, .light_theme .message.purpose .message_content, .light_theme .message.rename .message_content, .light_theme .message.sh_created .message_content .sh_auto_msg_text, .light_theme .message.sh_shared .message_content .sh_auto_msg_text, .light_theme .message.topic .message_content, .light_theme .message.unarchived .message_content {
  1131. color: #949494; }
  1132. .light_theme .message .meta {
  1133. color: #949494; }
  1134. .light_theme .message .file_service_icon {
  1135. color: #949494; }
  1136. .light_theme .message_sender {
  1137. color: #e6e6e6 !important; }
  1138. .light_theme #message_editing_info {
  1139. color: #949494; }
  1140. .light_theme #message_edit_form textarea {
  1141. color: #e6e6e6; }
  1142. .light_theme #message_edit_form p,
  1143. .light_theme #message_edit_form span {
  1144. color: #949494; }
  1145. .light_theme .msg_inline_video_holder {
  1146. border: 1px solid #363636; }
  1147. .light_theme .pinned_item_message_header {
  1148. color: #949494; }
  1149.  
  1150. .dense_theme .message {
  1151. color: #e6e6e6; }
  1152. .dense_theme .message.unprocessed {
  1153. color: rgba(230, 230, 230, 0.75); }
  1154. .dense_theme .message .timestamp {
  1155. color: #949494; }
  1156. .dense_theme .message.first .timestamp, .dense_theme .message:hover .timestamp {
  1157. color: #c7c7c7; }
  1158. .dense_theme .message.divider {
  1159. border-top: 1px solid #222; }
  1160. .dense_theme .message.archived, .dense_theme .message.bot_change, .dense_theme .message.joined, .dense_theme .message.left, .dense_theme .message.pinned .pinned_item_message_header, .dense_theme .message.purpose, .dense_theme .message.rename, .dense_theme .message.sh_created .sh_auto_msg_text, .dense_theme .message.sh_shared .sh_auto_msg_text, .dense_theme .message.topic, .dense_theme .message.unarchived {
  1161. color: #949494; }
  1162. .dense_theme #message_editing_info {
  1163. color: #949494; }
  1164. .dense_theme #message_edit_form textarea {
  1165. color: #e6e6e6; }
  1166. .dense_theme #message_edit_form p,
  1167. .dense_theme #message_edit_form span {
  1168. color: #949494; }
  1169. .dense_theme #message_edit_form .timestamp {
  1170. color: #949494; }
  1171. .dense_theme .file_reference .post_meta,
  1172. .dense_theme .file_reference .space_meta {
  1173. color: #949494; }
  1174. .dense_theme .file_reference .post_meta,
  1175. .dense_theme .file_reference .snippet_meta,
  1176. .dense_theme .file_reference .space_meta {
  1177. color: #949494; }
  1178. .dense_theme .file_reference a:not(.member):not(.member_name):not(.icon):not(.timestamp):not(.preview_main_action):not(.preview_show_more):not(.file_preview_action) {
  1179. color: #949494; }
  1180. .dense_theme .file_reference:hover a:not(.member):not(.member_name):not(.icon):not(.timestamp) {
  1181. color: #949494; }
  1182. .dense_theme .file_reference:hover a:hover:not(.member):not(.member_name):not(.icon):not(.timestamp) {
  1183. color: #c7c7c7; }
  1184. .dense_theme .file_reference:hover a.file_download_link {
  1185. color: #949494 !important; }
  1186. .dense_theme .file_reference:hover a.file_download_link:hover {
  1187. color: #c7c7c7 !important; }
  1188. .dense_theme .msg_inline_video {
  1189. border: 1px solid #363636; }
  1190.  
  1191. .messages_banner {
  1192. color: #e6e6e6;
  1193. text-shadow: 0 1px rgba(0, 0, 0, 0.15); }
  1194. .messages_banner a {
  1195. color: #949494; }
  1196. .messages_banner a:hover {
  1197. color: #c7c7c7; }
  1198.  
  1199. #connection_div {
  1200. background: #bf360c; }
  1201.  
  1202. #archives_return {
  1203. background: padding-box #828282;
  1204. color: #e6e6e6; }
  1205. #archives_return.warning {
  1206. background: #bf360c; }
  1207. #archives_return a {
  1208. color: #949494; }
  1209. #archives_return a:hover {
  1210. color: #c7c7c7; }
  1211.  
  1212. #messages_unread_status {
  1213. background: #545454; }
  1214. #messages_unread_status.quiet {
  1215. background: #828282;
  1216. color: #e6e6e6;
  1217. text-shadow: 0 1px rgba(0, 0, 0, 0.15); }
  1218. #messages_unread_status.quiet a {
  1219. color: #949494; }
  1220.  
  1221. .msg_inline_img_holder .msg_inline_img {
  1222. box-shadow: inset 0 0 0 1px #000; }
  1223.  
  1224. .msg_inline_attachment_collapser,
  1225. .msg_inline_attachment_expander,
  1226. .msg_inline_audio_collapser,
  1227. .msg_inline_audio_expander,
  1228. .msg_inline_email_collapser,
  1229. .msg_inline_email_expander,
  1230. .msg_inline_file_preview_collapser,
  1231. .msg_inline_file_preview_expander,
  1232. .msg_inline_img_collapser,
  1233. .msg_inline_img_expander,
  1234. .msg_inline_other_collapser,
  1235. .msg_inline_other_expander,
  1236. .msg_inline_room_preview_collapser,
  1237. .msg_inline_room_preview_expander,
  1238. .msg_inline_video_collapser,
  1239. .msg_inline_video_expander {
  1240. color: #949494; }
  1241. .msg_inline_attachment_collapser:hover,
  1242. .msg_inline_attachment_expander:hover,
  1243. .msg_inline_audio_collapser:hover,
  1244. .msg_inline_audio_expander:hover,
  1245. .msg_inline_email_collapser:hover,
  1246. .msg_inline_email_expander:hover,
  1247. .msg_inline_file_preview_collapser:hover,
  1248. .msg_inline_file_preview_expander:hover,
  1249. .msg_inline_img_collapser:hover,
  1250. .msg_inline_img_expander:hover,
  1251. .msg_inline_other_collapser:hover,
  1252. .msg_inline_other_expander:hover,
  1253. .msg_inline_room_preview_collapser:hover,
  1254. .msg_inline_room_preview_expander:hover,
  1255. .msg_inline_video_collapser:hover,
  1256. .msg_inline_video_expander:hover {
  1257. color: #c7c7c7; }
  1258.  
  1259. .msg_inline_img {
  1260. background: #545454; }
  1261.  
  1262. .msg_inline_room_preview_collapser {
  1263. color: #949494; }
  1264. .msg_inline_room_preview_collapser:hover {
  1265. color: #949494; }
  1266.  
  1267. .msg_inline_file_preview_collapser.title_hidden {
  1268. color: #949494; }
  1269.  
  1270. .inline_attachment span.attachment_author_name {
  1271. color: #949494; }
  1272. .inline_attachment span.attachment_author_subname, .inline_attachment span.attachment_service_name {
  1273. color: #949494; }
  1274. .inline_attachment a span:active, .inline_attachment a span:hover {
  1275. color: #c7c7c7 !important; }
  1276. .inline_attachment .attachment_footer,
  1277. .inline_attachment .attachment_ts {
  1278. color: #949494; }
  1279. .inline_attachment .attachment_footer a,
  1280. .inline_attachment .attachment_ts a {
  1281. color: #949494; }
  1282. .inline_attachment .attachment_footer a:active, .inline_attachment .attachment_footer a:hover {
  1283. color: #c7c7c7 !important; }
  1284. .inline_attachment .attachment_ts a:active, .inline_attachment .attachment_ts a:hover {
  1285. color: #c7c7c7 !important; }
  1286. .inline_attachment .iframe_placeholder,
  1287. .inline_attachment iframe {
  1288. background-color: #000; }
  1289.  
  1290. .meta.msg_inline_file_preview_toggler, .meta.msg_inline_img_toggler,
  1291. .dense_meta.msg_inline_file_preview_toggler,
  1292. .dense_meta.msg_inline_img_toggler {
  1293. color: #949494 !important; }
  1294. .meta.msg_inline_file_preview_toggler a[data-file-id], .meta.msg_inline_img_toggler a[data-file-id],
  1295. .dense_meta.msg_inline_file_preview_toggler a[data-file-id],
  1296. .dense_meta.msg_inline_img_toggler a[data-file-id] {
  1297. color: #949494 !important; }
  1298. .meta.msg_inline_file_preview_toggler:hover, .meta.msg_inline_img_toggler:hover,
  1299. .dense_meta.msg_inline_file_preview_toggler:hover,
  1300. .dense_meta.msg_inline_img_toggler:hover {
  1301. color: #c7c7c7 !important; }
  1302. .meta.msg_inline_file_preview_toggler:hover a[data-file-id], .meta.msg_inline_img_toggler:hover a[data-file-id],
  1303. .dense_meta.msg_inline_file_preview_toggler:hover a[data-file-id],
  1304. .dense_meta.msg_inline_img_toggler:hover a[data-file-id] {
  1305. color: #c7c7c7 !important; }
  1306. .meta.msg_inline_file_preview_toggler .msg_inline_file_preview_title, .meta.msg_inline_img_toggler .msg_inline_file_preview_title,
  1307. .dense_meta.msg_inline_file_preview_toggler .msg_inline_file_preview_title,
  1308. .dense_meta.msg_inline_img_toggler .msg_inline_file_preview_title {
  1309. color: #e6e6e6; }
  1310. .meta.msg_inline_file_preview_toggler .msg_inline_file_preview_title:hover, .meta.msg_inline_img_toggler .msg_inline_file_preview_title:hover,
  1311. .dense_meta.msg_inline_file_preview_toggler .msg_inline_file_preview_title:hover,
  1312. .dense_meta.msg_inline_img_toggler .msg_inline_file_preview_title:hover {
  1313. color: #949494; }
  1314. .meta.msg_inline_file_preview_toggler .ts_icon[class*=ts_icon_caret]:hover, .meta.msg_inline_img_toggler .ts_icon[class*=ts_icon_caret]:hover,
  1315. .dense_meta.msg_inline_file_preview_toggler .ts_icon[class*=ts_icon_caret]:hover,
  1316. .dense_meta.msg_inline_img_toggler .ts_icon[class*=ts_icon_caret]:hover {
  1317. color: #c7c7c7; }
  1318. .meta.meta_feature_fix_files .file_new_window_link:hover,
  1319. .dense_meta.meta_feature_fix_files .file_new_window_link:hover {
  1320. color: #c7c7c7 !important; }
  1321. .meta.meta_feature_fix_files .file_new_window_link:hover .file_inline_icon,
  1322. .dense_meta.meta_feature_fix_files .file_new_window_link:hover .file_inline_icon {
  1323. color: #c7c7c7 !important; }
  1324. .meta.meta_feature_fix_files .member,
  1325. .dense_meta.meta_feature_fix_files .member {
  1326. color: #949494 !important; }
  1327.  
  1328. .delete_attachment_link {
  1329. color: #949494; }
  1330.  
  1331. .delete_attachment_link:hover {
  1332. color: #c7c7c7; }
  1333.  
  1334. .file_container:after {
  1335. background-image: -webkit-linear-gradient(top, transparent 0, #000 100%);
  1336. background-image: -moz-linear-gradient(top, transparent 0, #000 100%);
  1337. background-image: -o-linear-gradient(top, transparent 0, #000 100%);
  1338. background-image: linear-gradient(top, transparent 0, #000 100%); }
  1339. .file_container .file_header .file_header_meta {
  1340. color: #949494; }
  1341. .file_container .file_header + .file_body {
  1342. border-top: 1px solid #000; }
  1343. .file_container .preview_actions .btn {
  1344. background-color: #363636; }
  1345. .file_container .preview_actions .btn:after {
  1346. border-color: #000; }
  1347. .file_container .preview_actions .btn.preview_show_less_header {
  1348. background-color: #222;
  1349. color: #949494 !important; }
  1350. .file_container .preview_actions .btn.preview_show_less_header:after {
  1351. border: 2px solid #000; }
  1352. .file_container .preview_actions .btn.preview_show_less_header:focus, .file_container .preview_actions .btn.preview_show_less_header:hover {
  1353. background-color: #363636; }
  1354. .file_container .preview_actions .btn.preview_show_less_header:focus:after, .file_container .preview_actions .btn.preview_show_less_header:hover:after {
  1355. border-color: #363636; }
  1356. .file_container.image_container .preview_actions .btn {
  1357. background-color: rgba(130, 130, 130, 0.9); }
  1358. .file_container.image_container .preview_actions .btn:focus, .file_container.image_container .preview_actions .btn:hover {
  1359. background-color: #363636; }
  1360. .file_container.image_container .preview_actions.overflow_preview_actions {
  1361. background: rgba(130, 130, 130, 0.9);
  1362. border: 1px solid rgba(0, 0, 0, 0.1); }
  1363. .file_container .preview_show .preview_show_btn {
  1364. background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), linear-gradient(rgba(130, 130, 130, 0.3), rgba(130, 130, 130, 0.3));
  1365. color: #949494; }
  1366.  
  1367. .msg_inline_video_buttons_div {
  1368. background-color: rgba(34, 34, 34, 0.4); }
  1369. .msg_inline_video_buttons_div a {
  1370. color: #e6e6e6;
  1371. text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }
  1372. .msg_inline_video_buttons_div a:visited {
  1373. color: #e6e6e6;
  1374. text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }
  1375.  
  1376. body:not(.feature_new_message_markup) .meta.msg_inline_file_preview_toggler a,
  1377. body:not(.feature_new_message_markup) .meta.msg_inline_file_preview_toggler .member,
  1378. body:not(.feature_new_message_markup) .meta.msg_inline_file_preview_toggler .service_link, body:not(.feature_new_message_markup) .meta.msg_inline_img_toggler a,
  1379. body:not(.feature_new_message_markup) .meta.msg_inline_img_toggler .member,
  1380. body:not(.feature_new_message_markup) .meta.msg_inline_img_toggler .service_link {
  1381. color: #949494 !important; }
  1382.  
  1383. pre {
  1384. background: #000;
  1385. border: 1px solid #363636;
  1386. color: #e6e6e6; }
  1387. pre span.mention {
  1388. padding: 2px 0 !important; }
  1389.  
  1390. #page pre,
  1391. .backup_codes_wrapper,
  1392. body > pre {
  1393. background: #000;
  1394. color: #e6e6e6 !important; }
  1395.  
  1396. body > pre {
  1397. background: #828282; }
  1398.  
  1399. code {
  1400. background-color: #000;
  1401. border: 1px solid #363636;
  1402. color: #949494; }
  1403.  
  1404. .file_list_item.snippet .snippet_preview {
  1405. background: #000; }
  1406.  
  1407. .snippet_preview,
  1408. .snippet_body {
  1409. background: #000; }
  1410. .snippet_preview pre,
  1411. .snippet_body pre {
  1412. color: #e6e6e6; }
  1413.  
  1414. .file_container .CodeMirror .CodeMirror-code > div:before,
  1415. .file_container .CodeMirror .sssh-line:before,
  1416. .file_container .sssh-code .CodeMirror-code > div:before,
  1417. .file_container .sssh-code .sssh-line:before {
  1418. background-color: #363636;
  1419. border-right: 1px solid #363636;
  1420. color: #949494; }
  1421.  
  1422. .CodeMirror {
  1423. background: #000;
  1424. border: 1px solid #363636;
  1425. color: #e6e6e6; }
  1426. .CodeMirror div.CodeMirror-cursor {
  1427. border-left: 1px solid #e6e6e6; }
  1428. .CodeMirror.cm-fat-cursor div.CodeMirror-cursor {
  1429. background: #e6e6e6; }
  1430.  
  1431. .CodeMirror-gutter-filler,
  1432. .CodeMirror-scrollbar-filler {
  1433. background-color: #363636; }
  1434.  
  1435. .CodeMirror-gutters {
  1436. background-color: #363636;
  1437. border-right: 1px solid #222; }
  1438.  
  1439. .CodeMirror-linenumber {
  1440. color: #949494; }
  1441.  
  1442. .CodeMirror-guttermarker {
  1443. color: #949494; }
  1444.  
  1445. .CodeMirror-guttermarker-subtle {
  1446. color: #949494; }
  1447.  
  1448. .CodeMirror-ruler {
  1449. border-left: 1px solid #828282; }
  1450.  
  1451. .cm-s-default .cm-keyword {
  1452. color: #ce93d8; }
  1453. .cm-s-default .cm-atom {
  1454. color: #9fa8da; }
  1455. .cm-s-default .cm-number {
  1456. color: #a5d6a7; }
  1457. .cm-s-default .cm-def {
  1458. color: #536dfe; }
  1459. .cm-s-default .cm-variable-2 {
  1460. color: #9fa8da; }
  1461. .cm-s-default .cm-variable-3 {
  1462. color: #c5e1a5; }
  1463. .cm-s-default .cm-comment {
  1464. color: #ffcc80; }
  1465. .cm-s-default .cm-string {
  1466. color: #ef9a9a; }
  1467. .cm-s-default .cm-string-2 {
  1468. color: #ffab91; }
  1469. .cm-s-default .cm-meta {
  1470. color: #eee; }
  1471. .cm-s-default .cm-qualifier {
  1472. color: #eee; }
  1473. .cm-s-default .cm-builtin {
  1474. color: #b39ddb; }
  1475. .cm-s-default .cm-bracket {
  1476. color: #e6ee9c; }
  1477. .cm-s-default .cm-tag {
  1478. color: #a5d6a7; }
  1479. .cm-s-default .cm-attribute {
  1480. color: #40c4ff; }
  1481. .cm-s-default .cm-header {
  1482. color: #80cbc4; }
  1483. .cm-s-default .cm-quote {
  1484. color: #b0bec5; }
  1485. .cm-s-default .cm-hr {
  1486. color: #363636; }
  1487. .cm-s-default .cm-link {
  1488. color: #949494; }
  1489.  
  1490. .cm-negative {
  1491. color: #bf360c; }
  1492.  
  1493. .cm-positive {
  1494. color: #0c95bf; }
  1495.  
  1496. .cm-invalidchar,
  1497. .cm-s-default .cm-error {
  1498. color: #bf360c; }
  1499.  
  1500. div.CodeMirror span.CodeMirror-matchingbracket {
  1501. color: #0c95bf; }
  1502. div.CodeMirror span.CodeMirror-nonmatchingbracket {
  1503. color: #bf360c; }
  1504.  
  1505. .CodeMirror-matchingtag {
  1506. background: #000; }
  1507.  
  1508. .CodeMirror-activeline-background {
  1509. background: #828282; }
  1510.  
  1511. .CodeMirror-selected {
  1512. background: #222; }
  1513.  
  1514. .CodeMirror-focused .CodeMirror-selected {
  1515. background: #222; }
  1516.  
  1517. .cm-searching {
  1518. background: #828282; }
  1519.  
  1520. .sssh-keyword {
  1521. color: #ce93d8; }
  1522.  
  1523. .sssh-atom {
  1524. color: #9fa8da; }
  1525.  
  1526. .sssh-number {
  1527. color: #a5d6a7; }
  1528.  
  1529. .sssh-def {
  1530. color: #536dfe; }
  1531.  
  1532. .sssh-variable {
  1533. color: #9fa8da; }
  1534.  
  1535. .sssh-variable-2 {
  1536. color: #c5e1a5; }
  1537.  
  1538. .sssh-variable-3 {
  1539. color: #c1a5e1; }
  1540.  
  1541. .sssh-operator {
  1542. color: #e6e6e6; }
  1543.  
  1544. .sssh-property {
  1545. color: #e6e6e6; }
  1546.  
  1547. .sssh-comment {
  1548. color: #ffcc80; }
  1549.  
  1550. .sssh-string {
  1551. color: #ef9a9a; }
  1552.  
  1553. .sssh-string-2 {
  1554. color: #ffab91; }
  1555.  
  1556. .sssh-meta {
  1557. color: #eee; }
  1558.  
  1559. .sssh-error {
  1560. color: #bf360c; }
  1561.  
  1562. .sssh-qualifier {
  1563. color: #eee; }
  1564.  
  1565. .sssh-builtin {
  1566. color: #b39ddb; }
  1567.  
  1568. .sssh-bracket {
  1569. color: #e6ee9c; }
  1570.  
  1571. .sssh-tag {
  1572. color: #a5d6a7; }
  1573.  
  1574. .sssh-attribute {
  1575. color: #40c4ff; }
  1576.  
  1577. .sssh-header {
  1578. color: #80cbc4; }
  1579.  
  1580. .sssh-quote {
  1581. color: #b0bec5; }
  1582.  
  1583. .sssh-hr {
  1584. color: #363636; }
  1585.  
  1586. .sssh-link {
  1587. color: #949494; }
  1588.  
  1589. #flex_contents {
  1590. background: #222; }
  1591. #flex_contents .monkey_scroll_hider {
  1592. background: #222; }
  1593. #flex_contents .heading {
  1594. background: #222;
  1595. color: #949494; }
  1596. #flex_contents .heading a {
  1597. color: #949494; }
  1598. #flex_contents .heading a:hover {
  1599. color: #c7c7c7; }
  1600. #flex_contents .heading a.close_flexpane {
  1601. color: #949494; }
  1602. #flex_contents .heading .cancel_link {
  1603. color: #949494; }
  1604. #flex_contents .heading .menu_heading:hover {
  1605. color: #e6e6e6; }
  1606. #flex_contents .heading .menu_icon {
  1607. color: #949494; }
  1608. #flex_contents .heading .menu_icon:hover {
  1609. color: #c7c7c7; }
  1610. #flex_contents .toolbar {
  1611. background: #222; }
  1612. #flex_contents .flexpane_tab_bar li a {
  1613. color: #949494; }
  1614. #flex_contents .flexpane_tab_bar li:hover {
  1615. border-bottom: 4px solid #363636; }
  1616. #flex_contents .flexpane_tab_bar li:hover a {
  1617. color: #949494; }
  1618. #flex_contents .flexpane_tab_bar li.active {
  1619. border-bottom: 4px solid #363636; }
  1620. #flex_contents .flexpane_tab_bar li.active a {
  1621. color: #949494; }
  1622. #flex_contents .help {
  1623. border-top: 5px solid #000;
  1624. color: #e6e6e6; }
  1625. #flex_contents i.callout {
  1626. color: #949494; }
  1627.  
  1628. .toolbar {
  1629. background: #222;
  1630. border-bottom: 1px solid #000;
  1631. color: #e6e6e6; }
  1632.  
  1633. #details_tab .heading {
  1634. background: #222; }
  1635. #details_tab .heading a.close_flexpane {
  1636. color: #949494; }
  1637. #details_tab .heading a.close_flexpane:hover {
  1638. color: #c7c7c7; }
  1639. #details_tab.feature_channel_details .channel_page_section {
  1640. border-top: 1px solid #363636 !important; }
  1641. #details_tab hr {
  1642. border-top-color: #363636; }
  1643. #details_tab .channel_page_section {
  1644. background: #222;
  1645. border-bottom: 1px solid #363636; }
  1646. #details_tab .channel_page_section .section_header:hover .disclosure_triangle {
  1647. color: #c7c7c7; }
  1648. #details_tab .channel_page_section .section_header a {
  1649. color: #949494; }
  1650. #details_tab .channel_page_section .disclosure_triangle {
  1651. color: #949494; }
  1652. #details_tab .channel_page_section .channel_page_members_highlighter,
  1653. #details_tab .channel_page_section .channel_page_pinned_items_highlighter {
  1654. background: rgba(191, 54, 12, 0.25) !important; }
  1655. #details_tab .created_by {
  1656. color: #e6e6e6; }
  1657. #details_tab .channel_page_member_tabs .icon_member_header {
  1658. color: #949494; }
  1659. #details_tab .channel_page_member_row {
  1660. color: #e6e6e6; }
  1661. #details_tab .channel_page_member_row a {
  1662. color: #949494; }
  1663. #details_tab .channel_page_member_row.away {
  1664. color: #e6e6e6; }
  1665. #details_tab .channel_page_member_row.away a {
  1666. color: #949494; }
  1667. #details_tab .pinned_item:hover {
  1668. border-color: #545454; }
  1669. #details_tab .channel_page_action .leave_link {
  1670. color: #949494; }
  1671. #details_tab .channel_page_action .leave_link:hover {
  1672. color: #c7c7c7; }
  1673.  
  1674. .pinned_item {
  1675. color: #e6e6e6; }
  1676. .pinned_item .pin_file_title {
  1677. color: #949494; }
  1678. .pinned_item .pin_member_name a {
  1679. color: #949494 !important; }
  1680. .pinned_item .pin_metadata {
  1681. color: #949494; }
  1682. .pinned_item .remove_pin {
  1683. color: #949494; }
  1684. .pinned_item .remove_pin:hover {
  1685. color: #c7c7c7; }
  1686. .pinned_item .pinned_message_text .pin_truncate_fade {
  1687. background: #222; }
  1688. .pinned_item.delete_mode {
  1689. border-color: #bf360c !important; }
  1690.  
  1691. .search_message_result {
  1692. background: #222;
  1693. border-top: 2px solid #000;
  1694. color: #e6e6e6; }
  1695. .search_message_result .search_message_result_meta {
  1696. color: #949494; }
  1697. .search_message_result .search_message_result_meta a {
  1698. color: #949494; }
  1699. .search_message_result .search_message_result_meta .date_links a {
  1700. color: #949494; }
  1701. .search_message_result .search_message_result_text .result_msg_format a {
  1702. color: #949494; }
  1703.  
  1704. span.match {
  1705. background: #222;
  1706. border-radius: 3px;
  1707. padding: 3px; }
  1708.  
  1709. #search_widget {
  1710. background: padding-box #000;
  1711. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  1712. color: #e6e6e6; }
  1713. #search_widget .results_block {
  1714. background: #363636;
  1715. box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); }
  1716. #search_widget .results_heading {
  1717. background: #000;
  1718. color: #e6e6e6; }
  1719. #search_widget a.results_heading:hover {
  1720. background: #222; }
  1721. #search_widget .search_widget_item a {
  1722. color: #949494; }
  1723. #search_widget .search_widget_item:hover a {
  1724. color: #c7c7c7; }
  1725. #search_widget .search_widget_item .result_meta a {
  1726. color: #949494; }
  1727. #search_widget .search_widget_item .result_meta a:hover {
  1728. color: #e6e6e6; }
  1729.  
  1730. .search_widget_item {
  1731. border-top: 1px solid #545454;
  1732. color: #e6e6e6; }
  1733. .search_widget_item:hover {
  1734. background: #545454; }
  1735. .search_widget_item .result_meta {
  1736. color: #e6e6e6; }
  1737.  
  1738. #search_options {
  1739. background: #545454;
  1740. border-top: 1px solid #363636;
  1741. color: #e6e6e6; }
  1742.  
  1743. #advanced_options_toggle:hover {
  1744. color: #c7c7c7; }
  1745.  
  1746. #advanced_options .active .arrow_down {
  1747. color: #949494; }
  1748.  
  1749. #search_filters a {
  1750. background: #545454;
  1751. color: #e6e6e6; }
  1752. #search_filters a:hover {
  1753. border-bottom: 4px solid #363636; }
  1754. #search_filters.files #filter_files, #search_filters.messages #filter_messages {
  1755. border-bottom: 4px solid #363636;
  1756. color: #e6e6e6; }
  1757.  
  1758. #search_file_list_toggle_users.active:hover {
  1759. border: 2px solid #c7c7c7;
  1760. color: #c7c7c7 !important; }
  1761.  
  1762. .no_results {
  1763. color: #e6e6e6; }
  1764.  
  1765. #search_results_team .team_results_heading {
  1766. color: #e6e6e6; }
  1767. #search_results_team .team_result {
  1768. background-color: #545454;
  1769. border: 1px solid #828282;
  1770. color: #e6e6e6; }
  1771. #search_results_team .team_result a {
  1772. color: #949494; }
  1773. #search_results_team .team_result:hover a {
  1774. color: #c7c7c7; }
  1775. #search_results_team .team_result a:hover {
  1776. color: #c7c7c7; }
  1777. #search_results_team .member_name {
  1778. color: #e6e6e6 !important; }
  1779.  
  1780. .suggestion {
  1781. color: #e6e6e6; }
  1782. .suggestion.active, .suggestion:hover {
  1783. background: #545454; }
  1784.  
  1785. #paging_in_options .search_paging {
  1786. color: #949494; }
  1787.  
  1788. #search_results_items .search_paging {
  1789. color: #e6e6e6; }
  1790.  
  1791. .search_paging i.disabled {
  1792. color: #949494; }
  1793. .search_paging a {
  1794. color: #949494; }
  1795. .search_paging a:hover {
  1796. color: #c7c7c7; }
  1797.  
  1798. .search_sort_prefix {
  1799. color: #e6e6e6; }
  1800.  
  1801. .search_segmented_control {
  1802. border: 1px solid #363636;
  1803. color: #949494 !important; }
  1804. .search_segmented_control:hover {
  1805. color: #c7c7c7 !important; }
  1806. .search_segmented_control.active {
  1807. background: #222;
  1808. color: #c7c7c7 !important; }
  1809.  
  1810. .search_result_with_extract {
  1811. background: #545454;
  1812. border: 1px solid #000;
  1813. box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15); }
  1814. .search_result_with_extract:hover {
  1815. border: 1px solid #828282; }
  1816.  
  1817. .search_result_for_context::after {
  1818. background: rgba(34, 34, 34, 0.1); }
  1819.  
  1820. .extract_expand_icons {
  1821. color: #949494; }
  1822.  
  1823. .search_result_with_extract:hover .extract_expand_icons {
  1824. color: #c7c7c7; }
  1825.  
  1826. .member_mentions_options {
  1827. background-color: #222;
  1828. border-top: 1px solid #000; }
  1829.  
  1830. #member_mentions_more_btn {
  1831. background-color: #828282 !important; }
  1832.  
  1833. #file_list_toggle_users {
  1834. color: #949494; }
  1835. #file_list_toggle_users.active:hover, #file_list_toggle_users:hover {
  1836. color: #c7c7c7; }
  1837. #file_list_toggle_users.active {
  1838. color: #949494; }
  1839.  
  1840. .secondary_file_button {
  1841. color: #949494 !important; }
  1842. .secondary_file_button:hover {
  1843. color: #e6e6e6 !important; }
  1844.  
  1845. .file_list_item .icon,
  1846. .file_reference .icon {
  1847. background: #828282;
  1848. border: 1px solid #545454;
  1849. color: #e6e6e6 !important; }
  1850.  
  1851. .filetype_button {
  1852. background: #828282;
  1853. border: 1px solid #545454;
  1854. color: #e6e6e6 !important; }
  1855. .filetype_button:hover {
  1856. background: #828282; }
  1857. .filetype_button:hover .file_download_label {
  1858. background: #545454;
  1859. color: #e6e6e6; }
  1860. .filetype_button .file_title {
  1861. color: #e6e6e6; }
  1862. .filetype_button .file_download_label {
  1863. background: #828282;
  1864. border-top: 1px solid #545454; }
  1865.  
  1866. a.filetype_button_web {
  1867. background: #828282;
  1868. border: 1px solid #545454;
  1869. color: #e6e6e6; }
  1870. a.filetype_button_web .filetype_icon {
  1871. background-color: #545454; }
  1872. a.file_download_link {
  1873. color: #949494; }
  1874. a.file_download_link:hover {
  1875. color: #c7c7c7; }
  1876. a:hover .file_inline_icon {
  1877. color: #949494; }
  1878. a.gsheet img, a.pdf img {
  1879. background: #222 !important; }
  1880.  
  1881. html.no_touch a.filetype_button_web:hover {
  1882. border-color: #545454; }
  1883. html.no_touch a.filetype_button_web:hover .file_title {
  1884. color: #e6e6e6; }
  1885.  
  1886. .file_container ~ .file_meta {
  1887. color: #949494; }
  1888.  
  1889. .file_inline_icon {
  1890. color: #949494; }
  1891.  
  1892. .file_header .member {
  1893. color: #949494 !important; }
  1894. .file_header .title {
  1895. color: #e6e6e6; }
  1896. .file_header .title a {
  1897. color: #949494; }
  1898. .file_header .title a:hover {
  1899. color: #c7c7c7; }
  1900.  
  1901. .flexpane_file_title .member,
  1902. .flexpane_file_title .service_link {
  1903. color: #949494 !important; }
  1904. .flexpane_file_title .title a,
  1905. .flexpane_file_title .file_action_list a {
  1906. color: #949494; }
  1907. .flexpane_file_title .title a:hover,
  1908. .flexpane_file_title .file_action_list a:hover {
  1909. color: #c7c7c7; }
  1910.  
  1911. .file_actions_cog {
  1912. color: #949494 !important; }
  1913. .file_actions_cog:hover {
  1914. color: #c7c7c7 !important; }
  1915.  
  1916. .file_list_item {
  1917. color: #e6e6e6; }
  1918. .file_list_item a {
  1919. color: #949494; }
  1920. .file_list_item a.member {
  1921. color: #c7c7c7; }
  1922. .file_list_item .bullet {
  1923. color: #949494; }
  1924. .file_list_item .icon {
  1925. background: #828282;
  1926. border-color: #545454; }
  1927. .file_list_item .ts_icon_comment {
  1928. color: #949494; }
  1929. .file_list_item .file_comment_link:hover {
  1930. color: #949494; }
  1931. .file_list_item .file_comment_link:hover .ts_icon_comment {
  1932. color: #949494; }
  1933. .file_list_item .title a {
  1934. color: #949494; }
  1935. .file_list_item .share_info .unshare_link {
  1936. color: #949494; }
  1937. .file_list_item .share_info .unshare_link:hover {
  1938. color: #c7c7c7; }
  1939. .file_list_item .actions a,
  1940. .file_list_item .actions span {
  1941. background-color: #363636;
  1942. border: 1px solid #828282;
  1943. color: #949494; }
  1944. .file_list_item .actions a:hover {
  1945. background-color: #222 !important;
  1946. border-color: #828282;
  1947. color: #c7c7c7; }
  1948. .file_list_item.post .preview, .file_list_item.space .preview {
  1949. color: #e6e6e6; }
  1950. .file_list_item #share_dialog, .file_list_item.active, .file_list_item:active, .file_list_item:hover {
  1951. background-color: #545454;
  1952. border-color: #828282; }
  1953. .file_list_item #share_dialog .title a, .file_list_item.active .title a, .file_list_item:active .title a, .file_list_item:hover .title a {
  1954. color: #949494; }
  1955. .file_list_item #share_dialog .actions, .file_list_item.active .actions, .file_list_item:active .actions, .file_list_item:hover .actions {
  1956. background-color: transparent; }
  1957. .file_list_item #share_dialog .actions a,
  1958. .file_list_item #share_dialog .actions span, .file_list_item.active .actions a,
  1959. .file_list_item.active .actions span, .file_list_item:active .actions a,
  1960. .file_list_item:active .actions span, .file_list_item:hover .actions a,
  1961. .file_list_item:hover .actions span {
  1962. background-color: #363636; }
  1963.  
  1964. .unshare_link {
  1965. color: #949494; }
  1966. .unshare_link i:before {
  1967. color: #949494; }
  1968. .unshare_link i.ts_icon_minus_circle_small:hover:before {
  1969. color: #bf360c; }
  1970.  
  1971. .snippet_preview pre {
  1972. color: #e6e6e6; }
  1973.  
  1974. .file_preview_wrapper .file_preview {
  1975. background: #222; }
  1976. .file_preview_wrapper .file_preview:hover {
  1977. background: #363636; }
  1978.  
  1979. .file_page_user {
  1980. color: #e6e6e6; }
  1981. .file_page_user .member {
  1982. color: #e6e6e6 !important; }
  1983. .file_page_user .date {
  1984. color: #949494; }
  1985.  
  1986. .file_page_meta {
  1987. color: #949494; }
  1988.  
  1989. #file_page_preview img {
  1990. background: #222;
  1991. border: 1px solid #000; }
  1992. #file_page_preview img:hover {
  1993. background: #363636; }
  1994.  
  1995. .comment_meta {
  1996. color: #949494; }
  1997.  
  1998. .comment .special_formatting_quote .content {
  1999. color: #e6e6e6; }
  2000. .comment .member {
  2001. color: #e6e6e6 !important; }
  2002.  
  2003. .comment_body {
  2004. color: #e6e6e6; }
  2005.  
  2006. .comment_actions {
  2007. color: #949494; }
  2008.  
  2009. .comment_actions:hover {
  2010. color: #e6e6e6; }
  2011.  
  2012. .icon_quote {
  2013. color: #e6e6e6; }
  2014.  
  2015. #flex_contents .comment_form textarea,
  2016. #flex_contents .edit_comment_form textarea {
  2017. color: #e6e6e6; }
  2018.  
  2019. .team_list_item {
  2020. border-top: 1px solid #545454;
  2021. color: #e6e6e6; }
  2022. .team_list_item a:not(.member_name):hover {
  2023. color: #c7c7c7; }
  2024. .team_list_item .member_name {
  2025. color: #e6e6e6; }
  2026.  
  2027. #member_preview_scroller a:not(.member_name),
  2028. .team_list_item a:not(.member_name) {
  2029. color: #e6e6e6; }
  2030.  
  2031. #member_preview_scroller a:not(.member_name):hover {
  2032. color: #c7c7c7; }
  2033.  
  2034. #disabled_members_tab a {
  2035. color: #949494; }
  2036. #disabled_members_tab a:hover {
  2037. background: #545454;
  2038. color: #c7c7c7; }
  2039. #disabled_members_tab.active a {
  2040. color: #e6e6e6; }
  2041.  
  2042. #member_preview_scroller .member_data_table a,
  2043. #team_list .member_data_table a {
  2044. color: #e6e6e6; }
  2045.  
  2046. #member_preview_scroller .member_data_table a:hover,
  2047. #team_list .member_data_table a:hover {
  2048. color: #c7c7c7; }
  2049.  
  2050. #member_preview_scroller a.member_action_button,
  2051. #team_list a.member_action_button {
  2052. color: #949494 !important; }
  2053.  
  2054. #member_preview_scroller a.member_action_button:hover,
  2055. #team_list a.member_action_button:hover {
  2056. border-color: #000 !important;
  2057. color: #c7c7c7 !important; }
  2058.  
  2059. #client-ui #team_list .team_list_item.expanded,
  2060. #member_preview_scroller .team_list_item.expanded {
  2061. background-color: #545454;
  2062. border-color: #828282; }
  2063.  
  2064. #client-ui #team_list .team_list_item:hover,
  2065. #member_preview_scroller .team_list_item:hover {
  2066. border-color: #545454; }
  2067.  
  2068. .member_meta {
  2069. color: #e6e6e6; }
  2070.  
  2071. .menu_member_user_details {
  2072. background: #545454;
  2073. border-bottom: 1px solid #000;
  2074. color: #949494; }
  2075. .menu_member_user_details .member_name {
  2076. color: #e6e6e6; }
  2077.  
  2078. #about_dms_link {
  2079. color: #e6e6e6; }
  2080. #about_dms_link:hover {
  2081. color: #c7c7c7; }
  2082.  
  2083. .dm_list_username {
  2084. color: #e6e6e6; }
  2085.  
  2086. .dm_list_real_name {
  2087. color: #949494; }
  2088.  
  2089. #menu:not(.keyboard_active) .dm_list_item:hover .dm_list_real_name,
  2090. #menu:not(.keyboard_active) .dm_list_item:hover .dm_list_username,
  2091. .dm_list_item.highlighted .dm_list_real_name,
  2092. .dm_list_item.highlighted .dm_list_username {
  2093. color: #e6e6e6; }
  2094.  
  2095. #emoji_menu {
  2096. background: #000;
  2097. box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
  2098. color: #e6e6e6; }
  2099. #emoji_menu h3 {
  2100. background: rgba(34, 34, 34, 0.95); }
  2101. #emoji_menu ul li a:hover {
  2102. background-color: #c7c7c7; }
  2103. #emoji_menu .emoji_li a:hover {
  2104. background: #c7c7c7; }
  2105. #emoji_menu #emoji_div_default_rxns {
  2106. border-bottom: 1px solid #363636; }
  2107. #emoji_menu #emoji_preview_deluxe {
  2108. color: #e6e6e6; }
  2109. #emoji_menu.all_emoji #emoji_menu_header {
  2110. background: #000; }
  2111. #emoji_menu.all_emoji .emoji_li a.green:hover, #emoji_menu.all_emoji .emoji_li.key_selection a.green {
  2112. background: #949494; }
  2113. #emoji_menu.all_emoji .emoji_li a.yellow:hover, #emoji_menu.all_emoji .emoji_li.key_selection a.yellow {
  2114. background: #949494; }
  2115. #emoji_menu.all_emoji .emoji_li a.blue:hover, #emoji_menu.all_emoji .emoji_li.key_selection a.blue {
  2116. background: #949494; }
  2117. #emoji_menu.all_emoji .emoji_li a.pink:hover, #emoji_menu.all_emoji .emoji_li.key_selection a.pink {
  2118. background: #949494; }
  2119. #emoji_menu.all_emoji a.emoji_grouping_tab {
  2120. color: #949494; }
  2121. #emoji_menu.all_emoji a.emoji_grouping_tab:hover {
  2122. background: #363636;
  2123. color: #c7c7c7; }
  2124. #emoji_menu.all_emoji a.emoji_grouping_tab.active {
  2125. background: #545454;
  2126. border-bottom: 3px solid #424242;
  2127. color: #e6e6e6; }
  2128.  
  2129. #emoji_preview_text {
  2130. background: #000;
  2131. color: #e6e6e6; }
  2132.  
  2133. #emoji_menu_footer {
  2134. background: #000;
  2135. border-top: 1px solid #363636; }
  2136.  
  2137. #monkey_scroll_wrapper_for_emoji_menu_items_scroller {
  2138. background: #222; }
  2139.  
  2140. #emoji_menu_header {
  2141. background: #000; }
  2142.  
  2143. .emoji_li a {
  2144. color: #949494 !important;
  2145. text-shadow: 0 1px rgba(0, 0, 0, 0.15); }
  2146.  
  2147. div#emoji_tip {
  2148. color: #e6e6e6; }
  2149. div#emoji_zero_results {
  2150. color: #949494; }
  2151. div#emoji_tip i, div#emoji_zero_results i {
  2152. color: #949494; }
  2153.  
  2154. #emoji_input:focus {
  2155. border-color: #949494; }
  2156.  
  2157. #emoji_menu:not(.all_emoji) a.emoji_grouping_tab:hover {
  2158. background: #363636; }
  2159. #emoji_menu:not(.all_emoji) a.emoji_grouping_tab.active {
  2160. background: #545454; }
  2161.  
  2162. .emoji_rxn {
  2163. background: #000;
  2164. border: 1px solid #545454; }
  2165. .emoji_rxn.active, .emoji_rxn:hover {
  2166. border-color: #424242; }
  2167. .emoji_rxn.active .emoji_rxn_count, .emoji_rxn:hover .emoji_rxn_count {
  2168. color: #e6e6e6; }
  2169. .emoji_rxn.user_reacted {
  2170. background-color: rgba(66, 66, 66, 0.08);
  2171. border-color: rgba(130, 130, 130, 0.4) !important; }
  2172. .emoji_rxn.user_reacted .emoji_rxn_count {
  2173. color: #e6e6e6; }
  2174. .emoji_rxn .emoji_rxn_count {
  2175. color: #e6e6e6; }
  2176. .emoji_rxn.menu_rxn .ts_icon {
  2177. color: rgba(230, 230, 230, 0.25); }
  2178.  
  2179. .modal {
  2180. background-color: #222;
  2181. border: 0;
  2182. box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); }
  2183. .modal .close,
  2184. .modal label {
  2185. color: #e6e6e6; }
  2186.  
  2187. .modal_input_note,
  2188. .modal_input_note_full_width {
  2189. color: #949494; }
  2190.  
  2191. .modal-footer {
  2192. background: padding-box #000;
  2193. border-top: 1px solid #545454;
  2194. box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5); }
  2195.  
  2196. .modal-header {
  2197. background: padding-box #000;
  2198. border-bottom: 1px solid #363636;
  2199. color: #e6e6e6; }
  2200.  
  2201. .close {
  2202. color: #e6e6e6;
  2203. text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); }
  2204.  
  2205. #fs_modal_bg {
  2206. background: #222; }
  2207.  
  2208. #fs_modal {
  2209. background: #222; }
  2210. #fs_modal .fs_modal_btn {
  2211. color: #545454; }
  2212. #fs_modal .fs_modal_btn:hover {
  2213. background: #828282;
  2214. color: #e6e6e6; }
  2215. #fs_modal .fs_modal_btn:active {
  2216. background: #828282;
  2217. color: #e6e6e6; }
  2218.  
  2219. #lightbox_dialog.modal .lightbox_image {
  2220. background: #000;
  2221. box-shadow: 0 1px 15px rgba(0, 0, 0, 0.5); }
  2222. #lightbox_dialog.modal .icon_new_window {
  2223. color: rgba(230, 230, 230, 0.5) !important; }
  2224. #lightbox_dialog.modal .lightbox_meta {
  2225. background: rgba(0, 0, 0, 0.75); }
  2226. #lightbox_dialog.modal .lightbox_meta:hover {
  2227. background: #222; }
  2228. #lightbox_dialog.modal .lightbox_meta:hover .icon_new_window {
  2229. color: #e6e6e6 !important; }
  2230. #lightbox_dialog.modal .lightbox_meta .title {
  2231. color: #e6e6e6; }
  2232. #lightbox_dialog.modal .lightbox_meta .title a {
  2233. color: #949494; }
  2234. #lightbox_dialog.modal .lightbox_meta .title a:hover {
  2235. color: #c7c7c7; }
  2236. #lightbox_dialog.modal .member {
  2237. color: #e6e6e6 !important; }
  2238. #lightbox_dialog.modal.loading {
  2239. background: rgba(0, 0, 0, 0.5);
  2240. box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); }
  2241. #lightbox_dialog.modal .close {
  2242. background: #222;
  2243. border: 2px solid #828282;
  2244. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  2245. color: #e6e6e6; }
  2246. #lightbox_dialog.modal .close:hover {
  2247. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); }
  2248. #lightbox_dialog.modal .lightbox_nav {
  2249. background: #222;
  2250. border: 3px solid #828282;
  2251. box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  2252. color: #e6e6e6;
  2253. text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); }
  2254. #lightbox_dialog.modal .lightbox_nav:not(.faded):hover {
  2255. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  2256. text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); }
  2257.  
  2258. #new_prefs_dialog {
  2259. background: #424242; }
  2260. #new_prefs_dialog .modal-header {
  2261. border-bottom: 1px solid #222; }
  2262. #new_prefs_dialog .modal-nav {
  2263. background: padding-box #545454;
  2264. border-right: 1px solid #222; }
  2265. #new_prefs_dialog .modal-nav a {
  2266. color: #e6e6e6;
  2267. text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); }
  2268. #new_prefs_dialog .modal-nav a:hover {
  2269. background: #828282;
  2270. color: #e6e6e6; }
  2271. #new_prefs_dialog .modal-nav a.active {
  2272. background: #424242;
  2273. color: #e6e6e6;
  2274. text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); }
  2275.  
  2276. #debug_prefs_dialog {
  2277. background: #424242; }
  2278.  
  2279. .admin_invites_account_type_option {
  2280. border-bottom: 1px solid #363636; }
  2281. .admin_invites_account_type_option p {
  2282. color: #e6e6e6; }
  2283. .admin_invites_account_type_option .option_arrow {
  2284. color: #949494; }
  2285. .admin_invites_account_type_option:hover:not(.disabled) h3 {
  2286. color: #e6e6e6; }
  2287. .admin_invites_account_type_option.disabled .account_type_disabled_hover {
  2288. background: rgba(255, 255, 255, 0); }
  2289. .admin_invites_account_type_option.disabled:hover .account_type_disabled_hover {
  2290. background: rgba(34, 34, 34, 0.95); }
  2291.  
  2292. #admin_invites_channel_picker_container {
  2293. border-bottom: 1px solid #363636; }
  2294.  
  2295. #admin_invites_add_row {
  2296. background: #545454;
  2297. border: 1px solid #363636; }
  2298.  
  2299. .admin_invite_row .delete_row {
  2300. color: #949494; }
  2301. .admin_invite_row .delete_row:hover {
  2302. color: #bf360c; }
  2303. .admin_invite_row.delete_highlight {
  2304. background: rgba(191, 54, 12, 0.25); }
  2305.  
  2306. #omnibox input {
  2307. border: 1px solid #000; }
  2308. #omnibox .omnibox_item.selected {
  2309. background: #545454;
  2310. color: #e6e6e6;
  2311. text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); }
  2312. #omnibox .omnibox_item.selected .subtext {
  2313. color: #949494; }
  2314. #omnibox .omnibox_item .subtext {
  2315. color: #949494; }
  2316. #omnibox .omnibox_item .unread_highlight_cnt {
  2317. background: #bf360c;
  2318. color: #e6e6e6;
  2319. text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); }
  2320. #omnibox a.omnibox_item {
  2321. color: #949494; }
  2322. #omnibox #omnibox_help {
  2323. color: #e6e6e6; }
  2324.  
  2325. .ts_tip .ts_tip_multiline_inner, .ts_tip:not(.ts_tip_multiline) .ts_tip_tip {
  2326. background: #545454; }
  2327. .ts_tip .ts_tip_tip {
  2328. color: #e6e6e6; }
  2329. .ts_tip.ts_tip_left .ts_tip_tip:after {
  2330. border-left-color: #545454; }
  2331. .ts_tip.ts_tip_right .ts_tip_tip:after {
  2332. border-right-color: #545454; }
  2333. .ts_tip.ts_tip_top .ts_tip_tip:after {
  2334. border-top-color: #545454; }
  2335. .ts_tip.ts_tip_bottom .ts_tip_tip:after {
  2336. border-bottom-color: #545454; }
  2337.  
  2338. .ts_toggle .ts_toggle_button {
  2339. background: #828282;
  2340. color: #e6e6e6; }
  2341. .ts_toggle .ts_toggle_button .ts_toggle_handle {
  2342. background: #828282; }
  2343. .ts_toggle .ts_toggle_secondary_label {
  2344. color: #949494; }
  2345. .ts_toggle.checked .ts_toggle_button {
  2346. background: #828282;
  2347. color: #e6e6e6; }
  2348. .ts_toggle.ts_toggle_orange .ts_toggle_button {
  2349. background: #bf360c;
  2350. color: #e6e6e6; }
  2351.  
  2352. .tooltip-inner {
  2353. background-color: #828282;
  2354. color: #e6e6e6; }
  2355.  
  2356. .tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow {
  2357. border-top-color: #828282; }
  2358. .tooltip.right .tooltip-arrow {
  2359. border-right-color: #828282; }
  2360. .tooltip.left .tooltip-arrow {
  2361. border-left-color: #828282; }
  2362. .tooltip.bottom .tooltip-arrow {
  2363. border-bottom-color: #828282; }
  2364.  
  2365. #coachmark.channels_coachmark_div {
  2366. background: #545454; }
  2367. #coachmark.channels_coachmark_div #coachmark_callout,
  2368. #coachmark.channels_coachmark_div #coachmark_interior {
  2369. background: #545454; }
  2370. #coachmark.search_coachmark_div {
  2371. background: #545454; }
  2372. #coachmark.search_coachmark_div #coachmark_callout,
  2373. #coachmark.search_coachmark_div #coachmark_interior {
  2374. background: #545454; }
  2375. #coachmark.invites_coachmark_div {
  2376. background: #bf360c; }
  2377. #coachmark.invites_coachmark_div #coachmark_callout,
  2378. #coachmark.invites_coachmark_div #coachmark_interior {
  2379. background: #bf360c; }
  2380. #coachmark.recent_mentions_coachmark_div {
  2381. background: #bf360c; }
  2382. #coachmark.recent_mentions_coachmark_div #coachmark_callout,
  2383. #coachmark.recent_mentions_coachmark_div #coachmark_interior {
  2384. background: #bf360c; }
  2385. #coachmark.direct_messages_coachmark_div {
  2386. background: #545454; }
  2387. #coachmark.direct_messages_coachmark_div #coachmark_callout,
  2388. #coachmark.direct_messages_coachmark_div #coachmark_interior {
  2389. background: #545454; }
  2390. #coachmark.private_groups_coachmark_div {
  2391. background: #545454; }
  2392. #coachmark.private_groups_coachmark_div #coachmark_callout,
  2393. #coachmark.private_groups_coachmark_div #coachmark_interior {
  2394. background: #545454; }
  2395. #coachmark.starred_items_coachmark_div {
  2396. background: #545454; }
  2397. #coachmark.starred_items_coachmark_div #coachmark_callout,
  2398. #coachmark.starred_items_coachmark_div #coachmark_interior {
  2399. background: #545454; }
  2400.  
  2401. #coachmark_footer .coachmark_got_it {
  2402. background: rgba(130, 130, 130, 0.5) !important; }
  2403.  
  2404. #coachmark_interior {
  2405. color: #e6e6e6; }
  2406.  
  2407. .mini,
  2408. .dull_grey,
  2409. .charcoal_grey {
  2410. color: #e6e6e6 !important; }
  2411.  
  2412. .sky_blue,
  2413. .plastic_grey,
  2414. .indifferent_grey,
  2415. .cloud_silver {
  2416. color: #949494 !important; }
  2417.  
  2418. .clear_blue {
  2419. color: #949494 !important; }
  2420.  
  2421. .client_header_icon {
  2422. -moz-filter: brightness(0.6) contrast(3) invert(1) sepia(0.5);
  2423. -webkit-filter: brightness(0.6) contrast(3) invert(1) sepia(0.5);
  2424. filter: brightness(0.6) contrast(3) invert(1) sepia(0.5); }
  2425.  
  2426. .section {
  2427. background: #f3f3f3;
  2428. color: #555459; }
  2429. .section.large_top_margin {
  2430. margin-top: 0 !important; }
  2431. .section .current_incident {
  2432. margin-bottom: 2rem !important; }
  2433. .section a {
  2434. color: #2a80b9; }
  2435. .section a:link, .section a:visited {
  2436. color: #2a80b9; }
  2437. .section a:hover, .section a:active, .section a:focus {
  2438. color: #439fe0; }
  2439. .section .cloud_silver {
  2440. color: #babbbf !important; }
  2441. .section .indifferent_grey {
  2442. color: #555459 !important; }
  2443. .section h1,
  2444. .section h2,
  2445. .section h3,
  2446. .section h4 {
  2447. color: #555459; }
  2448. .section hr {
  2449. border: 1px solid #ddd; }
  2450. .section #footer {
  2451. background: none; }
  2452.  
  2453. nav.top.persistent {
  2454. background: #363636; }
  2455.  
  2456. .widescreen #header_team_name a i {
  2457. margin-left: 1.5em; }
  2458. .widescreen #user_menu {
  2459. border-right: none; }
  2460.  
  2461. header #menu_toggle {
  2462. color: #949494; }
  2463. header #header_team_nav {
  2464. background: #363636;
  2465. border: 1px solid #000; }
  2466. header #header_team_nav li.active a {
  2467. background: #222;
  2468. color: #e6e6e6; }
  2469. header .header_btns a {
  2470. color: #949494; }
  2471. header .header_btns a .label {
  2472. color: #949494; }
  2473. header .vert_divider {
  2474. border-left: 1px solid #000; }
  2475.  
  2476. table.mini td,
  2477. table.mini th {
  2478. border-bottom: 1px solid #222; }
  2479.  
  2480. .icon.thumb_80 img, .icon.thumb_40 img, .icon.square img {
  2481. border-radius: 0; }
  2482.  
  2483. .file_reference .icon,
  2484. .file_list_item .icon,
  2485. .file_preview {
  2486. border: 2px solid #000; }
  2487.  
  2488. .btn.btn_outline.btn_warning, .btn.btn_outline.btn_danger {
  2489. background: #000; }
  2490.  
  2491. html.no_touch .action_cog:hover {
  2492. color: #949494; }
  2493. html.no_touch .action_cog:hover i {
  2494. color: #949494; }
  2495. html.no_touch header #header_team_name a:hover,
  2496. html.no_touch header #menu_toggle:hover {
  2497. color: #c7c7c7; }
  2498. html.no_touch header .header_btns a:hover {
  2499. color: #c7c7c7; }
  2500. html.no_touch header .header_btns a:hover .label {
  2501. color: #949494; }
  2502. html.no_touch header #header_team_nav li a:hover,
  2503. html.no_touch nav#site_nav #user_menu_contents:hover {
  2504. background: #222;
  2505. color: #e6e6e6; }
  2506. html.no_touch .pagination ul > li > a:hover {
  2507. background-color: #000; }
  2508. html.no_touch .pagination ul > .disabled > a:hover {
  2509. background: #363636;
  2510. color: #949494; }
  2511. html.no_touch .plastic_row:hover {
  2512. background: #222;
  2513. border: 1px solid #000;
  2514. border-color: #000; }
  2515. html.no_touch .service_row:not(.no_hover):hover a.summary,
  2516. html.no_touch .service_row:not(.no_hover):hover .service_chevron {
  2517. color: #e6e6e6; }
  2518. html.no_touch .service:not(.no_hover):hover h4 {
  2519. color: #e6e6e6; }
  2520. html.no_touch .service:not(.no_hover):hover h4 a {
  2521. color: #949494; }
  2522. html.no_touch input:hover,
  2523. html.no_touch textarea:hover,
  2524. html.no_touch select:hover,
  2525. html.no_touch label.select:not(.disabled):hover:after,
  2526. html.no_touch .accordion_section h4 a:hover {
  2527. color: #c7c7c7; }
  2528. html.no_touch .btn:hover, html.no_touch .btn.hover, html.no_touch .btn:focus {
  2529. background: #c7c7c7; }
  2530. html.no_touch .btn.btn_outline.btn_danger:hover {
  2531. background: #000; }
  2532. html.no_touch .btn_outline:hover, html.no_touch .btn_outline.hover {
  2533. background: #222;
  2534. border: 1px solid #363636;
  2535. color: #e6e6e6 !important; }
  2536.  
  2537. .card,
  2538. .tab_pane {
  2539. background: #363636;
  2540. border: 1px solid #000;
  2541. color: #e6e6e6; }
  2542.  
  2543. .tab_set a.secondary {
  2544. color: #949494; }
  2545. .tab_set a.selected, .tab_set a.secondary.selected {
  2546. background: #363636;
  2547. border: 1px solid #000;
  2548. color: #c7c7c7; }
  2549.  
  2550. .feature_new_team_sites #all_time,
  2551. .feature_new_team_sites #third_row.column,
  2552. .feature_new_team_sites #second_row.column {
  2553. background: #363636;
  2554. border: 1px solid #000;
  2555. color: #e6e6e6; }
  2556.  
  2557. .tab_actions {
  2558. background: #363636;
  2559. border: 1px solid #000;
  2560. border-color: #000; }
  2561.  
  2562. .btn_outline {
  2563. border: 1px solid #000; }
  2564. .btn_outline:active {
  2565. border-bottom: 1px solid #222 !important; }
  2566.  
  2567. .admin_list_item {
  2568. border-bottom: 1px solid #222;
  2569. color: #e6e6e6; }
  2570. .admin_list_item .admin_member_type,
  2571. .admin_list_item .admin_member_caret {
  2572. color: #949494; }
  2573. .admin_list_item .admin_member_real_name, .admin_list_item.expanded .sub_action {
  2574. color: #e6e6e6; }
  2575. .admin_list_item.expanded .btn-outline {
  2576. border: 1px solid #222;
  2577. color: #e6e6e6 !important; }
  2578. .admin_list_item.expanded .btn-outline:hover {
  2579. background: #222;
  2580. border: 1px solid #363636;
  2581. color: #e6e6e6 !important; }
  2582. .admin_list_item.expanded, .admin_list_item.success, .admin_list_item.processing, .admin_list_item.error {
  2583. background-color: #222; }
  2584. .admin_list_item.inactive {
  2585. background: #000; }
  2586. .admin_list_item .inline_name:hover,
  2587. .admin_list_item .inline_email:hover,
  2588. .admin_list_item .inline_username:hover {
  2589. background: none !important;
  2590. color: #c7c7c7;
  2591. text-decoration: underline; }
  2592.  
  2593. #page pre,
  2594. .backup_codes_wrapper,
  2595. body > pre {
  2596. color: #000; }
  2597.  
  2598. .pagination ul > li > a,
  2599. .pagination ul > li > span {
  2600. background: #222;
  2601. border: 1px solid #000;
  2602. color: #e6e6e6; }
  2603. .pagination ul > li > a:focus {
  2604. background-color: #000; }
  2605. .pagination ul > .active > a,
  2606. .pagination ul > .active > span {
  2607. background-color: #000; }
  2608. .pagination ul > .disabled > span {
  2609. background: #363636;
  2610. color: #949494; }
  2611. .pagination ul > .disabled > a {
  2612. background: #363636;
  2613. color: #949494; }
  2614. .pagination ul > .disabled > a:focus {
  2615. background: #363636;
  2616. color: #c7c7c7; }
  2617.  
  2618. .top_border,
  2619. header #header_team_nav #add_team_option {
  2620. border-top: 1px solid #000; }
  2621.  
  2622. .inactive,
  2623. #page_contents .invite_form_column {
  2624. background-image: none; }
  2625.  
  2626. .alert {
  2627. background-color: #363636;
  2628. border: 1px solid #000;
  2629. color: #e6e6e6;
  2630. text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); }
  2631. .alert h4 {
  2632. color: #e6e6e6; }
  2633.  
  2634. .alert-info,
  2635. footer {
  2636. background-color: #363636;
  2637. border-color: #000;
  2638. color: #e6e6e6; }
  2639.  
  2640. .radio_selection,
  2641. .billing_selection {
  2642. border: 2px solid #000;
  2643. color: #e6e6e6 !important;
  2644. text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }
  2645.  
  2646. .radio_selection .mini,
  2647. .slate_blue {
  2648. color: #e6e6e6 !important; }
  2649.  
  2650. .radio_selection:hover,
  2651. .billing_selection:hover {
  2652. border-color: #000; }
  2653.  
  2654. .radio_selection.active,
  2655. .billing_selection.active {
  2656. background: #545454;
  2657. border-color: #363636; }
  2658.  
  2659. table th {
  2660. border-bottom: 2px solid #000; }
  2661.  
  2662. .help {
  2663. border-top: 5px solid #000;
  2664. color: #949494; }
  2665.  
  2666. .subtle_silver,
  2667. .log_meta {
  2668. color: #949494 !important; }
  2669.  
  2670. .service_group a:hover, .service_group:hover a {
  2671. color: #949494 !important; }
  2672.  
  2673. .burnt_violet,
  2674. .severe_grey {
  2675. color: #949494 !important; }
  2676.  
  2677. .file_actions_cog:hover {
  2678. color: #c7c7c7 !important; }
  2679.  
  2680. .highlight_yellow_bg {
  2681. background-color: #bf360c !important; }
  2682.  
  2683. .warm_white_bg {
  2684. background-color: #363636 !important;
  2685. border: 1px solid #000 !important; }
  2686.  
  2687. .service {
  2688. background: #222;
  2689. border: 1px solid #000;
  2690. color: #e6e6e6; }
  2691. .service.open {
  2692. background: #222 !important;
  2693. border: 1px solid #000; }
  2694. .service h4 {
  2695. color: #e6e6e6; }
  2696. .service h4 a {
  2697. color: #949494; }
  2698.  
  2699. .service_row {
  2700. color: #e6e6e6; }
  2701. .service_row .summary strong {
  2702. background: #bf360c;
  2703. color: #e6e6e6; }
  2704.  
  2705. .icon_plus {
  2706. border: 3px dashed #e6e6e6; }
  2707.  
  2708. .banner.apps,
  2709. #billing_contacts_container {
  2710. background: #363636;
  2711. border-top: 1px solid #000; }
  2712.  
  2713. #stats_too_soon {
  2714. height: 500px; }
  2715.  
  2716. header,
  2717. nav#site_nav {
  2718. background: #363636; }
  2719.  
  2720. .btn-group.open .btn.dropdown-toggle {
  2721. background: #363636; }
  2722. .btn-group.open .btn.dropdown-toggle:hover {
  2723. background: #363636; }
  2724.  
  2725. table.billing tr:hover td,
  2726. .log_entry:hover,
  2727. .service:hover,
  2728. #all_time,
  2729. #third_row.column,
  2730. #second_row.column {
  2731. background: #363636; }
  2732.  
  2733. nav#site_nav h3,
  2734. #header_team_name,
  2735. header #header_team_name a,
  2736. .plastic_row .description,
  2737. .widescreen:not(.nav_open),
  2738. html.no_touch .plastic_row:hover .chevron {
  2739. color: #949494; }
  2740.  
  2741. .admin_list_item.expanded .sub_action:hover,
  2742. .nav_open #menu_toggle,
  2743. #second_row .disclaimer,
  2744. #stats_disclaimer,
  2745. #add_emoji_section h3 a,
  2746. #stats_too_soon_copy h3,
  2747. .col_left h2 a {
  2748. color: #949494; }
  2749.  
  2750. #last_day p.summary {
  2751. color: #e6e6e6; }
  2752. #last_day p.summary strong {
  2753. color: #e6e6e6; }
  2754.  
  2755. header .menu_icon,
  2756. #stats_too_soon img,
  2757. header #header_logo {
  2758. display: none; }
  2759.  
  2760. .service_group a,
  2761. .file_actions_cog {
  2762. color: #949494 !important; }
  2763.  
  2764. .plan,
  2765. #plan_preview .plan {
  2766. background: #222;
  2767. color: #e6e6e6; }
  2768.  
  2769. .plastic_row h3,
  2770. .plastic_row h4 a,
  2771. .plastic_row .chevron {
  2772. color: #e6e6e6; }
  2773.  
  2774. .service_row a.summary,
  2775. .accordion_section h4 a {
  2776. color: #e6e6e6; }
  2777.  
  2778. .card h3 a,
  2779. header #header_team_nav li a {
  2780. color: #e6e6e6; }
  2781.  
  2782. #stats_too_soon_copy p,
  2783. table.mini {
  2784. color: #e6e6e6; }
  2785.  
  2786. .plan_details .column:not(.no_hover):hover, .plan_details .column.active {
  2787. color: #e6e6e6; }
  2788.  
  2789. .preview_details,
  2790. .cost_explanation {
  2791. color: #e6e6e6; }
  2792.  
  2793. .icon_plus,
  2794. nav.top.persistent ul a {
  2795. color: #e6e6e6; }
  2796.  
  2797. footer ul a {
  2798. color: #e6e6e6; }
  2799. footer ul a:link, footer ul a:visited {
  2800. color: #e6e6e6; }
  2801.  
  2802. .plastic_row .icon,
  2803. #page .msgs_holder,
  2804. .billing_callout {
  2805. background: none; }
  2806.  
  2807. table tr,
  2808. .banner,
  2809. .service_row,
  2810. .accordion_section,
  2811. .billing_contact {
  2812. border-bottom: 1px solid #222; }
  2813.  
  2814. #footer {
  2815. border-top: none; }
  2816. #footer a {
  2817. color: #949494; }
  2818.  
  2819. #header_nav a.primary_nav,
  2820. #activity_recent_toggle {
  2821. color: #949494; }
  2822.  
  2823. .file_header .title a {
  2824. color: #949494; }
  2825.  
  2826. .action_cog {
  2827. color: #949494; }
  2828. .action_cog i {
  2829. color: #949494; }
  2830.  
  2831. .widescreen:not(.nav_open) nav#site_nav h3 {
  2832. color: #e6e6e6; }
  2833. .widescreen:not(.nav_open) nav#site_nav ul a {
  2834. color: #949494; }
  2835. .widescreen:not(.nav_open) nav#site_nav ul a:link, .widescreen:not(.nav_open) nav#site_nav ul a:visited, .widescreen:not(.nav_open) nav#site_nav ul a:hover, .widescreen:not(.nav_open) nav#site_nav ul a:active {
  2836. color: #c7c7c7; }
  2837. .widescreen:not(.nav_open) nav#site_nav #user_menu_name {
  2838. color: #949494; }
  2839.  
  2840. a.mini {
  2841. color: #949494; }
  2842. a.mini:link, a.mini:visited, a.mini:hover, a.mini:active {
  2843. color: #c7c7c7; }
  2844.  
  2845. #home_footer a,
  2846. nav#site_nav #footer_nav a,
  2847. #header_team_name:hover .fa-caret-down,
  2848. .widescreen:not(.nav_open) nav#site_nav #footer_nav a {
  2849. color: #c7c7c7; }
  2850.  
  2851. #header_nav a.primary_nav:hover, #header_nav a.primary_nav.active {
  2852. color: #c7c7c7; }
  2853.  
  2854. ul.sidebar_nav li {
  2855. color: #949494; }
  2856. ul.sidebar_nav li a.active {
  2857. color: #c7c7c7; }
  2858.  
  2859. .col_left h2 a:hover {
  2860. color: #c7c7c7; }
  2861.  
  2862. .service:hover h4 {
  2863. color: #e6e6e6; }
  2864. .service:hover h4 a {
  2865. color: #949494; }
  2866.  
  2867. .file_header .title a:hover {
  2868. color: #c7c7c7; }
  2869.  
  2870. .admin_list_item:hover,
  2871. .plan_availability,
  2872. #monkey_scroll_wrapper_for_menu_items_scroller,
  2873. .modal-backdrop,
  2874. .icon {
  2875. background: #222; }
  2876.  
  2877. #stats_limited {
  2878. background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #000 65%);
  2879. bottom: 0;
  2880. height: 480px;
  2881. margin-left: -2rem;
  2882. position: absolute;
  2883. width: 100%; }
  2884.  
  2885. .btn.btn_outline.btn_danger,
  2886. .btn.btn_outline.btn_warning {
  2887. background: #bf360c !important; }
  2888.  
  2889. .well {
  2890. background: #545454;
  2891. border: 1px solid #000;
  2892. color: #e6e6e6;
  2893. text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }
  2894.  
  2895. .accordion_section h4,
  2896. .accordion_section h4 a {
  2897. color: #e6e6e6; }
  2898.  
  2899. .input_note {
  2900. color: #e6e6e6; }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement