dark.css 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594
  1. @charset utf-8;
  2. button,input[type="submit"],input[type="button"] {
  3. background-color:transparent;
  4. }
  5. html {
  6. color:#eee;
  7. }
  8. body {
  9. background-color:#141d26;
  10. }
  11. .red {
  12. color:red!important;
  13. }
  14. .status_form {
  15. background-color:#243447;
  16. }
  17. .status_form.ready {
  18. background-color:#243447!important;
  19. }
  20. .status_form.ready .status_bottom .submit_status_label {
  21. background-color:#189EFC !important;
  22. opacity:0.5;
  23. }
  24. .status_form .status_top .status_spoiler {
  25. color:#fff;
  26. border:1px solid #000;
  27. background-color: #132030;
  28. }
  29. .status_form .status_main .status_textarea {
  30. border:1px solid #000;
  31. background-color:#132030;
  32. }
  33. .status_form .status_main .status_textarea textarea {
  34. background-color: #132030;
  35. color:#fff;
  36. }
  37. .status_form .status_textarea .media_attachments_preview_area {
  38. background-color:#1B2836;
  39. border-top:1px solid #000;
  40. }
  41. .status_form .status_textarea .media_attachments_preview {
  42. border:1px solid #000;
  43. background-color:#1B2836;
  44. }
  45. .status_form .status_textarea .media_attachments_preview_area.nsfw .media_attachments_preview::after {
  46. background-color:rgba(0,0,0,1);
  47. }
  48. .status_form .status_textarea .media_attachments_preview_area.nsfw .media_attachments_preview:hover::after {
  49. background-color:rgba(0,0,0,0);
  50. }
  51. .status_form .status_textarea .media_attachments_preview .remove_button {
  52. color:#fff;
  53. background-color:rgba(0,0,0,.8);
  54. }
  55. .status_form .status_bottom .status_option_button {
  56. color:#189EFC;
  57. }
  58. .status_form .status_bottom .status_option_button:hover {
  59. border:1px solid #132030;
  60. }
  61. .status_form .status_bottom .status_CW > span,.status_form .status_bottom .status_NSFW > span {
  62. color:#050505;
  63. background-color:#189EFC;
  64. }
  65. .status_form .status_bottom .status_privacy .expand_privacy_menu {
  66. background-color:#243447;
  67. box-shadow:.5px .5px 3px rgba(0,0,0,0.26);
  68. }
  69. .status_form .status_bottom .status_privacy .expand_privacy_menu .status_privacy {
  70. color:#eee;
  71. }
  72. .status_form .status_bottom .character_count {
  73. color:#66757F;
  74. }
  75. .status_form .status_bottom .submit_status_label {
  76. color:#fff;
  77. background-color:#2588D0;
  78. }
  79. #overlay_status_form.status_form .status_main .status_textarea textarea {
  80. color:#fff;
  81. }
  82. .single_reply_status .status_preview,.report_status .status_preview {
  83. border-top:1px solid #000;
  84. }
  85. .overlay_simple_header {
  86. background-color: #1B2836;
  87. color: #EEE;
  88. border-bottom: 1px solid #000;
  89. }
  90. .overlay_simple .overlay_simple_body {
  91. background-color: #243447;
  92. }
  93. .overlay_addlist_item {
  94. border-bottom-color:#000000;
  95. }
  96. .copy_link_input {
  97. border: 1px solid #000;
  98. background-color: #132030;
  99. }
  100. .relationship_button {
  101. border:1px solid #189EFC;
  102. }
  103. .follow_button,.halcyon_button {
  104. border:1px solid #189EFC;
  105. color:#189EFC;
  106. }
  107. .muting_button i {
  108. color:#fff;
  109. }
  110. .muting_button:hover,.muting_button:hover i {
  111. background-color:#B82424;
  112. color:#fff;
  113. }
  114. .blocking_button {
  115. background-color:#fff;
  116. color:#E20055;
  117. }
  118. .blocking_button i {
  119. color:#E20055;
  120. }
  121. .blocking_button:hover,.blocking_button:hover i {
  122. background-color:#B82424;
  123. }
  124. .profile_edit_button {
  125. background-color:#1B2836;
  126. color:#eee;
  127. border:1px solid #66757F;
  128. }
  129. .timeline_header {
  130. background-color:#243447;
  131. border:1px solid #000;
  132. border-bottom:0;
  133. }
  134. .timeline_header .header_items .item {
  135. color:#189EFC;
  136. }
  137. .timeline_header .header_items .item.view {
  138. color:#fff;
  139. }
  140. .timeline {
  141. background-color:#243447;
  142. border:1px solid #000;
  143. }
  144. .timeline .boost_author_box i {
  145. color:#fff;
  146. background-color:#17BF63;
  147. }
  148. .timeline .pinned_notice_box i {
  149. color:#fff;
  150. background-color:#1DA1F2;
  151. }
  152. .toot_entry {
  153. background-color:#1b2836;
  154. }
  155. .toot_entry .toot_entry_body {
  156. border-bottom:1px solid #000;
  157. }
  158. .toot_entry .toot_entry_body .toot_content .toot_header {
  159. color:#657786;
  160. }
  161. .toot_entry .toot_entry_body .toot_content .toot_header .displayname {
  162. color:#fff;
  163. }
  164. .toot_entry .toot_entry_body .toot_content .cw_button {
  165. background-color:#6D768C;
  166. color:#fff;
  167. }
  168. 100% {
  169. background-color:rgba(0,0,0,0.8);
  170. }
  171. .media_views {
  172. border:1px solid #000;
  173. }
  174. .media_views.sensitive .sensitive_alart {
  175. background-color:#000;
  176. }
  177. .media_views.sensitive .sensitive_alart .text1 {
  178. color:#fff;
  179. }
  180. .media_views.sensitive .sensitive_alart .text2 {
  181. color:#fff;
  182. }
  183. .timeline .notice_entry {
  184. border-bottom:1px solid #000;
  185. }
  186. .timeline .notice_entry .notice_entry_body {
  187. border:1px solid #000;
  188. }
  189. .timeline .notice_entry .font-icon {
  190. color:#fff;
  191. }
  192. .timeline .notice_entry .font-icon.follow {
  193. background:#1DA1F2;
  194. }
  195. .timeline .notice_entry .font-icon.boost {
  196. background:#17BF63;
  197. }
  198. .timeline .notice_entry .font-icon.favourite {
  199. background:#FFAD1A;
  200. }
  201. .timeline .notice_entry .toot_content .toot_header a .username {
  202. color:#66757F;
  203. }
  204. .timeline_footer {
  205. background-color:#243447;
  206. border:1px solid #000;
  207. color:#AAB8C2;
  208. }
  209. #js-follows_profile .follows_profile_box {
  210. background-color:#243447;
  211. border:1px solid #000;
  212. }
  213. #js-follows_profile .follows_profile_box .follows_profile .follows_profile_icon {
  214. background-color:#243447;
  215. }
  216. #js-follows_profile .follows_profile_box .follows_profile .follows_profile_name_box span {
  217. color:#657786;
  218. }
  219. #js-follows_profile .follows_profile_box .follows_profile .follows_profile_bio {
  220. color:#eee;
  221. }
  222. #js-follows_profile .follow_button {
  223. border:1px solid #189EFC;
  224. }
  225. #js-follows_profile .following_button {
  226. border:1px solid #2B94DA;
  227. background-color:#189EFC;
  228. }
  229. #js-follows_profile .following_button i {
  230. color:#fff;
  231. }
  232. #js-follows_profile .following_button span {
  233. color:#fff;
  234. }
  235. #js-follows_profile .following_button:hover,#js-follows_profile .following_button:hover i {
  236. background-color:#E20055;
  237. color:#fff!important;
  238. }
  239. #js-follows_footer {
  240. color:#66757F;
  241. }
  242. #js-stream_update {
  243. background-color:#F5F8FA;
  244. }
  245. #js-stream_update:hover {
  246. background-color:#E6ECF0;
  247. }
  248. .current_profile_box {
  249. background-color:#243447;
  250. border:1px solid #000;
  251. }
  252. .current_profile_box .current_profile .current_profile_icon {
  253. background-color:#243447;
  254. }
  255. .current_profile_box .current_profile .current_profile_name_box span {
  256. color:#657786;
  257. }
  258. .current_profile_box .current_profile .current_profile_counts .current_profile_count a .title {
  259. color:#8899a6;
  260. }
  261. .current_profile_box .current_profile .current_profile_counts .current_profile_count a .count {
  262. color:#189EFC;
  263. }
  264. .side_widget {
  265. background-color:#243447;
  266. border:1px solid #000;
  267. }
  268. .side_widgets_footer {
  269. color:#657786;
  270. }
  271. .side_widget h2 {
  272. color:#eee;
  273. }
  274. .side_widget h3 {
  275. color:#eee;
  276. }
  277. .side_widget.with_button .form_title .headerbtn {
  278. color:#189EFC;
  279. }
  280. .textfield {
  281. color:#eee;
  282. border:1px solid #AAB8C2;
  283. background-color:transparent;
  284. }
  285. .textfield:focus {
  286. border:1px solid #189EFC;
  287. background-color:transparent;
  288. }
  289. .side_widget .account_box .label_box h3 {
  290. color:#e6dede;
  291. }
  292. .side_widget .account_box .label_box h3 .un {
  293. color:#66757F;
  294. }
  295. .side_widget .account_box .label_box .following_button {
  296. color:#fff;
  297. background-color:#189EFC;
  298. border:1px solid #189EFC;
  299. }
  300. .side_widget .account_box .label_box .following_button:hover {
  301. background-color:#E20055;
  302. }
  303. .side_widget .account_box .label_box .following_button i {
  304. color:#FFF;
  305. }
  306. #header {
  307. color:#8899a6;
  308. background-color:#243447;
  309. box-shadow:0 1px 1px rgba(0,0,0,0.26);
  310. }
  311. #header .header_nav_wrap .header_left_box ul.header_nav_list li.header_nav_item .nav_badge {
  312. background-color:#189EFC;
  313. }
  314. #header .header_nav_wrap .header_left_box ul.header_nav_list li.header_nav_item .nav_badge.notification_badge {
  315. background-color:#189EFC;
  316. border:2px solid #243447;
  317. color:#fff;
  318. }
  319. #header .header_nav_wrap .header_left_box ul.header_nav_list li.header_nav_item a {
  320. color:#eee;
  321. border-top:0px solid transparent;
  322. border-bottom:0px solid #189EFC;
  323. }
  324. #header .header_nav_wrap .header_left_box ul.header_nav_list li.header_nav_item a:hover {
  325. color:#189EFC;
  326. border-top:5px solid transparent;
  327. border-bottom:5px solid #189EFC;
  328. }
  329. #header .header_nav_wrap .header_left_box ul.header_nav_list li.header_nav_item a.view {
  330. border-top:5px solid transparent;
  331. border-bottom:5px solid #189EFC;
  332. }
  333. #header .header_nav_wrap .header_right_box .search_form .search_form_input {
  334. color:#eee;
  335. border:1px solid #000;
  336. background-color:#132030;
  337. }
  338. #header .header_nav_wrap .header_right_box .search_form .search_form_input:focus {
  339. background-color:transparent;
  340. border:2px solid #189EFC;
  341. }
  342. #header .header_nav_wrap .header_right_box .search_form .search_form_submit button,#header .header_nav_wrap .header_right_box .search_form .search_form_submit i {
  343. color:#eee;
  344. }
  345. #header .header_nav_wrap .header_right_box .my_account_wrap .header_my_account_nav {
  346. background-color:#243447;
  347. box-shadow:.5px .5px 3px rgba(0,0,0,0.26);
  348. }
  349. #header .header_nav_wrap .header_right_box .my_account_wrap .header_my_account_nav::before {
  350. background-color:#243447;
  351. border:.5px solid rgba(0,0,0,.26);
  352. }
  353. #header .header_nav_wrap .header_right_box .my_account_wrap .header_my_account_nav ul li a .display_name {
  354. color:#fff;
  355. }
  356. #header .header_nav_wrap .header_right_box .toot_button {
  357. color:#fff;
  358. background-color:#189EFC;
  359. }
  360. #main .profile_nav_wrap {
  361. background-color:#1b2836;
  362. box-shadow:0 1px 3px 0 rgba(0,0,0,0.25);
  363. }
  364. #main .profile_nav_wrap .profile_nav .profile_nav_right .profile_nav_list .profile_nav_item {
  365. color:#eee;
  366. border-color:transparent;
  367. }
  368. #main .profile_nav_wrap .profile_nav .profile_nav_right .profile_nav_list .profile_nav_item:hover {
  369. color:#189EFC;
  370. border-top:4px solid transparent;
  371. border-bottom:4px solid #189EFC;
  372. }
  373. #main .profile_nav_wrap .profile_nav .profile_nav_right .profile_nav_list .profile_nav_item.view {
  374. color:#189EFC;
  375. border-top:4px solid transparent;
  376. border-bottom:4px solid #189EFC;
  377. }
  378. #js-header_title_box {
  379. background-color:#189EFC;
  380. }
  381. #js-header_title_box h1 {
  382. color:#eee;
  383. }
  384. #main .header_nav_wrap {
  385. background-color:#1B2836;
  386. box-shadow:0 1px 3px 0 rgba(0,0,0,0.25);
  387. }
  388. #main .header_nav_wrap .header_nav .header_nav_left .header_nav_list .header_nav_item {
  389. color:#66757F;
  390. }
  391. #main .header_nav_wrap .header_nav_item.view a {
  392. border-top:4px solid transparent!important;
  393. border-bottom:4px solid #189EFC!important;
  394. }
  395. #main .header_nav_wrap .header_nav .header_nav_left .header_nav_list .header_nav_item a:hover {
  396. color:#189EFC;
  397. border-top:4px solid transparent;
  398. border-bottom:4px solid #189EFC;
  399. }
  400. #main .header_nav_wrap .header_nav .header_nav_left .header_nav_list .header_nav_item a.view {
  401. color:#189EFC;
  402. border-top:4px solid transparent;
  403. border-bottom:4px solid #189EFC;
  404. }
  405. #main .header_nav_wrap .header_nav .header_nav_left .header_nav_list .header_nav_item a h2 {
  406. color:#189EFC;
  407. }
  408. #main .article_wrap .left_column > .profile_icon_box {
  409. background-color:#243447;
  410. border:1px solid #000;
  411. box-shadow:0 .1px .3px rgba(0,0,0,0.26);
  412. }
  413. #main .article_wrap .left_column .profile_section_wrap > .profile_displayname {
  414. color:#fff;
  415. }
  416. #main .article_wrap .left_column .profile_section_wrap > .profile_username {
  417. color:#657786;
  418. }
  419. .profile_with_icon > a {
  420. color:#189EFC;
  421. }
  422. .profile_with_icon i {
  423. color:#eee;
  424. }
  425. #js-overlay_content_wrap.view {
  426. background-color:rgba(0,0,0,0);
  427. }
  428. #js-overlay_content_wrap.view.black_08 {
  429. background-color:rgba(0,0,0,0.8);
  430. }
  431. #js-overlay_content_wrap #js-overlay_content .close_button {
  432. color:#fff;
  433. }
  434. #overlay_message {
  435. background-color:#1B2836;
  436. box-shadow:1px 1px 3px rgba(0,0,0,0.35);
  437. }
  438. #overlay_message section {
  439. color:#999;
  440. }
  441. .toot_detail {
  442. background-color:#1B2836;
  443. }
  444. .toot_entry.ancestors_status .toot_entry_body::after,.toot_entry.descendants_status .toot_entry_body::after {
  445. border:2px solid #76BFEC;
  446. }
  447. .toot_entry.descendants_status:last-child .toot_entry_body::after {
  448. border:0 solid #76BFEC;
  449. }
  450. .toot_detail .toot_header a .displayname {
  451. color:#fff;
  452. }
  453. .toot_detail .toot_header a .username {
  454. color:#66757F;
  455. }
  456. .toot_detail.main_status .toot_content .toot_article .cw_button {
  457. background-color:#6D768C;
  458. color:#fff;
  459. }
  460. .toot_detail.main_status .toot_content time {
  461. color:#66757F;
  462. }
  463. .toot_detail .status_form {
  464. border-top:1px solid #E6ECF0;
  465. border-bottom:1px solid #E6ECF0;
  466. }
  467. .media_detail .media_box {
  468. background-color:#000;
  469. }
  470. .switch-btn {
  471. background:#132030;
  472. }
  473. .switch-btn span {
  474. background:#243447;
  475. }
  476. .switch input:checked + .switch-btn {
  477. background:#189EFC;
  478. }
  479. .radiobox input[type="radio"] + .radiotext:before {
  480. background:#243447;
  481. border:1px solid #AAB8C2;
  482. }
  483. .radiobox input[type="radio"]:checked + .radiotext:before {
  484. background-color:#189EFC;
  485. box-shadow:inset 0 0 0 4px #fff;
  486. border-color:#189EFC;
  487. }
  488. .options {
  489. background-color:#243447;
  490. }
  491. .status_form .status_bottom .status_privacy .expand_privacy_menu::before,.toot_entry .toot_entry_body .toot_content .toot_header .expand_button_wrap .expand_menu::before,.toot_detail .toot_header .expand_button_wrap .expand_menu::before {
  492. background-color:#243447;
  493. }
  494. .status_form .status_bottom .status_privacy .expand_privacy_menu .status_privacy:hover,.follow_button i,.halcyon_button i,.toot_entry .toot_entry_body .toot_content .toot_header .displayname:hover,.toot_entry .toot_entry_body .toot_content .toot_header .expand_button_wrap .expand_button:hover,#js-follows_profile .follows_profile_box .follows_profile .follows_profile_bio p a,#js-stream_update button,.current_profile_box .current_profile .current_profile_counts .current_profile_count a:hover .title,.toot_detail .toot_header a:hover .displayname,.toot_detail .toot_header .expand_button_wrap .expand_button:hover,.toot_detail.main_status .toot_content a {
  495. color:#189EFC;
  496. }
  497. .status_form .status_bottom .submit_status_label:hover,#header .header_nav_wrap .header_right_box .toot_button:hover {
  498. background-color:#2571D0;
  499. }
  500. .status_form .status_bottom .submit_status_label:active,#header .header_nav_wrap .header_right_box .toot_button:active {
  501. background-color:#255ED0;
  502. }
  503. .overlay_status_header,.single_reply_status_header,.report_status_header {
  504. background-color:#1B2836;
  505. color:#eee;
  506. }
  507. #overlay_status_form.status_form,#single_reply_status_form.status_form,#report_status_form.status_form {
  508. background-color:#243447;
  509. }
  510. .follow_button:hover,.follow_button:hover i,.halcyon_button:hover,.halcyon_button:hover i,.following_button,.following_button i {
  511. background-color:#189EFC;
  512. color:#fff;
  513. }
  514. .following_button:hover,.following_button:hover i,.muting_button {
  515. background-color:#E20055;
  516. color:#fff;
  517. }
  518. .profile_edit_button:hover,.profile_edit_button:hover i,.toot_entry:hover {
  519. background-color:#243447;
  520. }
  521. .timeline .boost_author_box,.timeline .pinned_notice_box {
  522. color:#657786;
  523. }
  524. .toot_entry .toot_entry_body .toot_content .toot_header .expand_button_wrap .expand_button,.toot_detail .toot_header .expand_button_wrap .expand_button {
  525. color:#AAB8C2;
  526. }
  527. .toot_entry .toot_entry_body .toot_content .toot_header .expand_button_wrap .expand_menu,.toot_detail .toot_header .expand_button_wrap .expand_menu {
  528. background-color:#243447;
  529. box-shadow:.5px .5px 3px rgba(0,0,0,0.26);
  530. }
  531. .toot_entry .toot_entry_body .toot_content .toot_header .expand_button_wrap .expand_menu ul::after,#header .header_nav_wrap .header_right_box .my_account_wrap .header_my_account_nav ul::after,.toot_detail .toot_header .expand_button_wrap .expand_menu ul::after {
  532. border-bottom:1px solid #000;
  533. }
  534. .toot_entry .toot_entry_body .toot_content .toot_header .expand_button_wrap .expand_menu ul:last-child::after,#header .header_nav_wrap .header_right_box .my_account_wrap .header_my_account_nav ul:last-child::after,.toot_detail .toot_header .expand_button_wrap .expand_menu ul:last-child::after {
  535. border-bottom:0 solid #E6ECF0;
  536. }
  537. .toot_entry .toot_entry_body .toot_content .toot_header .expand_button_wrap .expand_menu a:hover,#header .header_nav_wrap .header_right_box .my_account_wrap .header_my_account_nav a:hover,#header .header_nav_wrap .header_right_box .my_account_wrap .header_my_account_nav ul li a:hover .display_name,.toot_detail .toot_header .expand_button_wrap .expand_menu a:hover {
  538. background-color:#189EFC;
  539. color:#fff;
  540. }
  541. .toot_entry .toot_entry_body .toot_content .toot_article a,#main .article_wrap .left_column .profile_section_wrap > .profile_bio a {
  542. color:#189EFC;
  543. }
  544. .toot_entry .toot_entry_body .toot_content .toot_reaction button,.toot_detail .toot_footer .toot_reaction button {
  545. color:#AAB8C2;
  546. }
  547. .toot_entry .toot_entry_body .toot_content .toot_reaction button .reaction_count,.toot_detail .toot_footer .toot_reaction button .reaction_count {
  548. color:#AAB8C2;
  549. }
  550. .toot_entry .toot_entry_body .toot_content .toot_reaction .reply_button:hover,.toot_detail .toot_footer .toot_reaction .reply_button:hover {
  551. color:#1DA1F2;
  552. }
  553. .toot_entry .toot_entry_body .toot_content .toot_reaction .boost_button[reblogged="null"]:hover,.toot_entry .toot_entry_body .toot_content .toot_reaction .boost_button[reblogged="true"],.toot_entry .toot_entry_body .toot_content .toot_reaction .boost_button[reblogged="null"]:hover .reaction_count,.toot_entry .toot_entry_body .toot_content .toot_reaction .boost_button[reblogged="true"] .reaction_count,.toot_detail .toot_footer .toot_reaction .boost_button[reblogged="false"]:hover,.toot_detail .toot_footer .toot_reaction .boost_button[reblogged="true"],.toot_detail .toot_footer .toot_reaction .boost_button[reblogged="false"]:hover .reaction_count,.toot_detail .toot_footer .toot_reaction .boost_button[reblogged="true"] .reaction_count {
  554. color:#17BF63;
  555. }
  556. .toot_entry .toot_entry_body .toot_content .toot_reaction .fav_button[favourited="null"]:hover,.toot_entry .toot_entry_body .toot_content .toot_reaction .fav_button[favourited="true"],.toot_entry .toot_entry_body .toot_content .toot_reaction .fav_button[favourited="null"]:hover .reaction_count,.toot_entry .toot_entry_body .toot_content .toot_reaction .fav_button[favourited="true"] .reaction_count,.toot_detail .toot_footer .toot_reaction .fav_button[favourited="false"]:hover,.toot_detail .toot_footer .toot_reaction .fav_button[favourited="true"],.toot_detail .toot_footer .toot_reaction .fav_button[favourited="false"]:hover .reaction_count,.toot_detail .toot_footer .toot_reaction .fav_button[favourited="true"] .reaction_count {
  557. color:#FFAD1A;
  558. }
  559. #js-follows_profile .follows_profile_box .follows_profile_header,.current_profile_box .current_profile_header {
  560. background-color:#189EFC;
  561. }
  562. #js-follows_profile .follow_button i,.side_widget .account_box .label_box .follow_button i,.halcyon_button i {
  563. color:#189EFC;
  564. }
  565. #js-follows_profile .follow_button:hover,#js-follows_profile .follow_button:hover i,.side_widget .account_box .label_box .follow_button:hover,.side_widget .account_box .label_box .follow_button:hover i,.halcyon_button:hover,.halcyon_button:hover i {
  566. background-color:#189EFC;
  567. color:#fff!important;
  568. }
  569. #main .profile_nav_wrap .profile_nav .profile_nav_right .profile_nav_list .profile_nav_item a,#main .header_nav_wrap .header_nav .header_nav_left .header_nav_list .header_nav_item a {
  570. border-top:0 solid transparent;
  571. border-bottom:0 solid #189EFC;
  572. }
  573. .lsx-emojipicker-container,.lsx-emojipicker-container:before {
  574. background-color:#243447 !important;
  575. }
  576. .dropDown {
  577. background-color:#243447;
  578. box-shadow:0.5px 0.5px 3px rgba(0,0,0,0.26);
  579. border:1px solid #000;
  580. }
  581. .dropDown li .un {
  582. color:#66757F;
  583. }
  584. .dropDown h3 {
  585. color:#FFF !important;
  586. }
  587. .hoverLi {
  588. background-color:#189EFC;
  589. color:#FFF;
  590. }
  591. .hoverLi h3,.hoverLi .un {
  592. color:#FFF !important;
  593. }