dark.css 20 KB

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