☰

kiwifarms - Black Theme [Customizable]

A dark theme for KiwiFarms

  1. /* ==UserStyle==
  2. @name         kiwifarms - Black Theme [Customizable]
  3. @namespace    typpi.online
  4. @author       Nick2bad4u
  5. @description  A dark theme for KiwiFarms
  6. @homepageURL  https://github.com/Nick2bad4u/UserStyles
  7. @version      20250117.22.81
  8. @license      CC0-1.0
  9. @supportURL   https://github.com/Nick2bad4u/UserStyles/issues
  10.  
  11. @var color primary-color "Primary Color" #ffffff
  12. @var color secondary-color "Secondary Color" #b3b3b3
  13. @var color background-color "Background Color" #000000
  14. @var color border-color "Border Color" #b3b3b3
  15. @var color border-color2 "Border Color 2" #464646
  16. @var color border-highlight "Thread Highlight Border" #464646
  17. @var color hover-background-color "Hover Background Color" #2c2c2c
  18. @var color white "White" #ffffff
  19. ==/UserStyle== */
  20. @-moz-document domain("kiwifarms.st"),
  21. domain("kiwifarms.net"),
  22. url-prefix("https://kiwifarms"),
  23. url-prefix("http://kiwifarms")
  24. {
  25. 	:root {
  26. 		--primary-color: var(primary-color);
  27. 		--secondary-color: var(secondary-color);
  28. 		--background-color: var(background-color);
  29. 		--border-color: var(border-color);
  30. 		--border-color2: var(border-color2);
  31. 		--border-highlight: var(border-highlight);
  32. 		--hover-background-color: var(hover-background-color);
  33. 		--white: var(white);
  34. 	}
  35.  
  36. 	body,
  37. 	.p-body,
  38. 	.p-body > div,
  39. 	.p-body-content,
  40. 	.block--messages .block-container *,
  41. 	.p-footer,
  42. 	.block-container *,
  43. 	.block-container button {
  44. 		background-color: var(--background-color) !important;
  45. 	}
  46.  
  47. 	.structItem.structItem,
  48. 	.message-inner {
  49. 		border: 1px solid var(--border-color);
  50. 	}
  51.  
  52. 	.block--messages .message.hb-react-threadHighlight {
  53. 		box-shadow:
  54. 			-1px -4px 1px var(--border-highlight),
  55. 			inset 2px 3px 5px #0000004d,
  56. 			inset -2px -3px 5px #ffffff80 !important;
  57. 		border: 2px outset var(--border-highlight);
  58. 	}
  59.  
  60. 	.XenBase :not(.block-header) .button.button--link,
  61. 	.XenBase :not(.block-header) a.button.button--link {
  62. 		background-color: #212428 !important;
  63. 		color: #fff !important;
  64. 	}
  65.  
  66. 	.node-body {
  67. 		border: 1px solid var(--border-color);
  68. 		border-bottom: unset !important;
  69. 	}
  70.  
  71. 	.structItemContainer > .structItem:first-child,
  72. 	.structItemContainer
  73. 		> .structItemContainer-group:first-child
  74. 		> .structItem:first-child {
  75. 		border-top: 1px solid var(--border-color);
  76. 	}
  77.  
  78. 	a {
  79. 		color: var(--primary-color) !important;
  80. 	}
  81.  
  82. 	.navTabs .navTab.selected .navLink,
  83. 	.PageNav a:focus,
  84. 	.nodeIcon.hasGlyph,
  85. 	.node .subForumList .unread .nodeTitle,
  86. 	.breadcrumb .crust:last-child a.crumb,
  87. 	.AttributionLink,
  88. 	.ugc a:link,
  89. 	.sidebar .visitorPanel .username,
  90. 	.navigationSideBar a:hover,
  91. 	.discussionListItems .unread .title a,
  92. 	.discussionListItems .unread .lastPostInfo .username,
  93. 	.externalLink.ProxyLink,
  94. 	.message .messageMeta .control:hover,
  95. 	.redactor_toolbar li a.redactor_act,
  96. 	.xenOverlay.memberCard .userInfo h3 a,
  97. 	.xenOverlay.memberCard .userLinks,
  98. 	.messageContent .username.poster,
  99. 	.messageMeta .publicControls .LikeLink.item.control.like,
  100. 	a.CommentPoster.item.control.postComment,
  101. 	ul.links a,
  102. 	a.username.primaryText,
  103. 	a.internalLink,
  104. 	h3.title.thread a,
  105. 	h4.minorTitle.forum a,
  106. 	h3.description a,
  107. 	.contactInfo dd a,
  108. 	a.username.StatusTooltip.NoOverlay,
  109. 	h3.ctaFtAuthorTitle a,
  110. 	.chooserColumns .title,
  111. 	.profileContent h3.title a,
  112. 	.uix_postbit_privateControlsMenu:hover,
  113. 	.dark_postrating_list.OverlayTrigger,
  114. 	.bigFooterCol .footerMenu a,
  115. 	.footer a,
  116. 	.navTabs .navLink,
  117. 	.navTabs .SplitCtrl,
  118. 	.sectionFooter a,
  119. 	.concealed,
  120. 	.blockLinksList a,
  121. 	.nodeList .categoryStrip .nodeTitle a,
  122. 	.ctrlUnit.sectionLink dt a,
  123. 	.subHeading,
  124. 	a.secondaryContent,
  125. 	a.primaryContent,
  126. 	abbr.DateTime.muted.lastThreadDate,
  127. 	.discussionListItem .lastPostInfo .username,
  128. 	.discussionListItem .titleText,
  129. 	body .muted a,
  130. 	.textCtrl,
  131. 	.breadcrumb .crust a.crumb,
  132. 	a.PopupItemLink,
  133. 	.profilePage .tabs.mainTabs li a,
  134. 	.searchResult .meta a,
  135. 	.ctaFtAuthorMeta a,
  136. 	.ctaFtAuthorListItem .ctaFtAuthorSnippet a,
  137. 	a.ctaFtReadMoreLink,
  138. 	a.ctaFtThreadTitleLink {
  139. 		color: var(--primary-color) !important;
  140. 	}
  141.  
  142. 	.sidebar .avatarList .userTitle,
  143. 	span.nodeIcon.hasGlyph,
  144. 	.messageText,
  145. 	blockquote,
  146. 	.message .editDate,
  147. 	.ctaFtThreadTextAvatar,
  148. 	.sidebar .section .secondaryContent .footnote,
  149. 	.sidebar .section .secondaryContent .minorHeading,
  150. 	.sidebar .section .primaryContent h3,
  151. 	.sidebar .section .secondaryContent h3,
  152. 	.profilePage .mast .section.infoBlock h3,
  153. 	.pairsJustified dd,
  154. 	.pairsJustified dt,
  155. 	#pageDescription,
  156. 	.titleBar h1,
  157. 	.message .dark_postrating.likesSummary,
  158. 	#lolcow-llc,
  159. 	#canary,
  160. 	label,
  161. 	.discussionListItem .subtitle,
  162. 	.memberListItem .member .contentInfo,
  163. 	.ctaFtReplies,
  164. 	.ctaFtFeaturedThreadText,
  165. 	.bigFooterHeader .uix_icon,
  166. 	.bigFooterHeader,
  167. 	.bigFooter .pageContent,
  168. 	.jawsh-randomquote-quote,
  169. 	.Menu .secondaryContent,
  170. 	.Menu .menuHeader .muted,
  171. 	.Menu .menuHeader h3,
  172. 	.PageNav .pageNavHeader,
  173. 	.sectionFooter,
  174. 	.pollBlock .question .questionText,
  175. 	body .muted,
  176. 	.pollBlock .questionMark,
  177. 	.xenOverlay .section .heading,
  178. 	.pairsInline dt,
  179. 	.dark_postrating_header,
  180. 	.dark_postrating_header strong,
  181. 	.button.primary,
  182. 	.ctrlUnit > dt dfn,
  183. 	.ctrlUnit > dd > * > li .hint,
  184. 	.ctrlUnit > dd .explain,
  185. 	.CurrentStatus,
  186. 	.statusEditorCounter,
  187. 	.heading,
  188. 	.node .nodeLastPost .lastThreadTitle,
  189. 	.button,
  190. 	h3.primaryContent,
  191. 	#forumrules,
  192. 	.ctaFtDate,
  193. 	.alertText,
  194. 	.textHeading,
  195. 	.xenOverlay.memberCard,
  196. 	.xenOverlay.memberCard .userInfo h4,
  197. 	.profilePage .primaryUserBlock h1,
  198. 	.pairsInline dd,
  199. 	.likesSummary.secondaryContent,
  200. 	.dark_postrating_neutral,
  201. 	.profilePage .primaryUserBlock .userBlurb,
  202. 	.profilePage .primaryUserBlock .userStatus,
  203. 	.searchResult .meta,
  204. 	.searchResult .contentType,
  205. 	.pairsColumns dt,
  206. 	.pairsColumns dd,
  207. 	.signature,
  208. 	.ctaFtAuthorMeta,
  209. 	.baseHtml.ugc,
  210. 	.event .content .description,
  211. 	.event .content .snippet,
  212. 	.event .content .DateTime,
  213. 	#NoProfilePosts,
  214. 	.bbCodeQuote .attribution,
  215. 	.message .newIndicator,
  216. 	#SignupButton .inner,
  217. 	.messageUserBlock .userTitle {
  218. 		color: var(--secondary-color) !important;
  219. 	}
  220.  
  221. 	#userBar .navTabs,
  222. 	.navTabs .navTab.Popup.PopupOpen,
  223. 	#QuickSearch .primaryControls .uix_icon,
  224. 	#SignupButton .inner,
  225. 	.message .newIndicator,
  226. 	.button.primary,
  227. 	.heading,
  228. 	.xenForm .formHeader,
  229. 	.userBanner.bannerStaff,
  230. 	#uix_jumpToFixed,
  231. 	.message .publicControls .MultiQuoteControl.active,
  232. 	.pollBlock .buttons .button,
  233. 	.button {
  234. 		background-color: var(--primary-color) !important;
  235. 	}
  236.  
  237. 	a.callToAction span,
  238. 	.PageNav a.currentPage {
  239. 		background-color: var(--primary-color) !important;
  240. 		color: var(--secondary-color) !important;
  241. 	}
  242.  
  243. 	.navTabs,
  244. 	.navTabs .navTab.selected .navLink {
  245. 		border-color: var(--border-color);
  246. 		background-color: var(--background-color) !important;
  247. 	}
  248.  
  249. 	.footer .choosers a:hover {
  250. 		border-color: var(--border-color2) !important;
  251. 		color: var(--secondary-color) !important;
  252. 	}
  253.  
  254. 	.navTabs .navTab.selected.PopupOpen .navLink {
  255. 		background-color: var(--secondary-color) !important;
  256. 		color: var(--white) !important;
  257. 	}
  258.  
  259. 	#uix_wrapper,
  260. 	#content .pageContent,
  261. 	.sidebar .section .secondaryContent,
  262. 	.footer .pageContent,
  263. 	.sectionMain,
  264. 	.DiscussionListOptions {
  265. 		border-color: var(--secondary-color);
  266. 	}
  267.  
  268. 	.node.level_2 .nodeInfo {
  269. 		border-top-color: var(--secondary-color);
  270. 	}
  271.  
  272. 	.PageNav a:hover {
  273. 		background-color: #292c2e !important;
  274. 		color: var(--secondary-color) !important;
  275. 	}
  276.  
  277. 	.button:hover,
  278. 	#SignupButton:hover .inner {
  279. 		background-color: var(
  280. 			--hover-background-color
  281. 		) !important;
  282. 	}
  283.  
  284. 	.ugc a:hover,
  285. 	.ugc a:focus {
  286. 		box-shadow: 0 1px 0 var(--secondary-color) !important;
  287. 	}
  288.  
  289. 	#logo img {
  290. 		background: url('http://i.cubeupload.com/Cw1wYQ.png')
  291. 			no-repeat !important;
  292. 		padding-top: 75px !important;
  293. 		padding-left: 200px !important;
  294. 		width: 0 !important;
  295. 		height: 0 !important;
  296. 	}
  297. }