Guest User

hn.algolia.com dark theme

a guest
May 15th, 2020
194
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.68 KB | None | 0 0
  1. ::selection,
  2. ::-moz-selection
  3. { background: #B2B247; color: #14171A; }
  4.  
  5. .container
  6. { max-width: 900px; }
  7.  
  8. html,
  9. body,
  10. .SearchHeader_label,
  11. .SearchHeader_settings a,
  12. .SearchHeader .SearchInput,
  13. .Story_comment,
  14. .Footer_list a,
  15. .SearchFilters,
  16. .Sidebar li a.active,
  17. .Sidebar li a:hover,
  18. .Dropdown_label,
  19. .Dropdown_list,
  20. .Dropdown_list li button,
  21. .SearchFilters_menu li a,
  22. .Comment_text,
  23. .Story_meta,
  24. .Story_meta a,
  25. .Story_separator
  26. { color: #A9BACB; }
  27. .SearchHeader .SearchInput
  28. { border: 1px inset #A9BACB; }
  29.  
  30. .SearchFilters_menuButton,
  31. .Avatar
  32. { color: #14171A; }
  33. html,
  34. body,
  35. .SearchFilters_menu li a.active,
  36. .SearchResults,
  37. .Pagination,
  38. .SearchFilters,
  39. .SocialShare ul,
  40. .Dropdown_list,
  41. .Dropdown_list li button,
  42. .SearchFilters_menuButton,
  43. .SearchFilters_menu
  44. { background-color: #14171A; }
  45. .Dropdown_label,
  46. .Dropdown_list,
  47. .SearchFilters_menuButton,
  48. .Comments,
  49. .Dropdown_list li:not(:last-child),
  50. .Story_image,
  51. .Comment:not(:last-child),
  52. .Sidebar ul:not(:last-child),
  53. .SearchFilters_menu ul:not(:last-child)
  54. { border-color: #14171A; }
  55. .Dropdown_list:before,
  56. .Dropdown_list:after
  57. { border-color: #14171A transparent; }
  58. .Loader
  59. { border-color: #14171A transparent transparent #14171A; }
  60. .Story em
  61. { background-color: #14171A !important; }
  62.  
  63. .SearchHeader_search,
  64. .SearchHeader .SearchInput
  65. { background-color: #23282D; }
  66.  
  67. .Story_title a:not(.Story_link):link
  68. { color: #3689B2; }
  69.  
  70. .Story_link:before
  71. { content: " "; }
  72.  
  73. .Story em
  74. { color: #B2B247 !important; }
  75.  
  76. .Story_title .Story_link
  77. { color: #5C9966; }
  78.  
  79. .Avatar svg,
  80. .Comment a,
  81. .SocialShare .Dropdown_label,
  82. .SocialShare ul li button,
  83. .Pagination_item button,
  84. .SearchFilters_meta svg,
  85. .Story_title a:not(.Story_link):visited
  86. { color: #a673bf; }
  87. .Pagination_item button
  88. { border: 1px solid #a673bf; }
  89.  
  90. .SearchHeader .SearchIcon,
  91. .SocialShare .Dropdown_label:hover,
  92. .SocialShare ul li button:hover,
  93. .SocialShare ul li button:hover svg,
  94. .Dropdown_list li:hover,
  95. .Pagination_item-current button
  96. { color: #b26b47; }
  97. .Pagination_item-current button
  98. { border-color: #b26b47; }
  99.  
  100. .ThemeSwitch label,
  101. .ThemeSwitch-dark label
  102. { border-color: #ff00ff; }
  103. .ThemeSwitch_icon,
  104. .ThemeSwitch-dark .ThemeSwitch_icon
  105. { background-color: #ff00ff; }
  106.  
  107. .SearchHeader .PoweredBy
  108. { display: none; }
  109.  
  110. .Dropdown_list
  111. { box-shadow: 0 0 5px rgba(0, 0, 0, .1); }
  112.  
  113. .Sidebar li a
  114. { color: rgba(33, 36, 61, .5); }
  115.  
  116. .SearchFilters_menu
  117. { box-shadow: 0 5px 15px -5px rgba(37, 44, 97, .15), 0 2px 15px -13px rgba(93, 100, 148, .2); }
  118.  
  119. .SearchFilters_menu li a:hover
  120. { background-color: rgba(228, 227, 229, .4); }
  121.  
  122. #SearchHeader_search
  123. { display: none; }
  124.  
  125. #SearchHeader_container
  126. { width: auto; flex-grow: 1; }
Add Comment
Please, Sign In to add comment