Advertisement
Guest User

Sarg dark mode

a guest
Jan 31st, 2019
195
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 7.05 KB | None | 0 0
  1. /*
  2. NAUDOJAMOS SPALVOS - PASIKEISK, JEI NORI
  3. ORIGINALIOS:
  4. :root {
  5.     --background-spalva: #222;
  6.     --antrine-spalva: #333;
  7.     --trecia-spalva: #444;
  8.     --melsva: #7ea8d8;
  9.     --melsva-hover: #b0c5dd;
  10.     --sviesi: #ececec;
  11. }
  12. */
  13. :root {
  14.     --background-spalva: #222;
  15.     --antrine-spalva: #333;
  16.     --trecia-spalva: #444;
  17.     --melsva: #7ea8d8;
  18.     --melsva-hover: #b0c5dd;
  19.     --sviesi: #ececec;
  20. }
  21.  
  22.  
  23.  
  24.  
  25.  
  26.  
  27.  
  28. /*********************************
  29. *   NEKEISK JEI NEŽINAI KĄ DARAI *
  30. *                                *
  31. *                                *
  32. *                                *
  33. *   SUKŪRĖ EDVINAS_CHINAKOMBA  *
  34. **********************************/
  35.  
  36.  
  37.  
  38.  
  39.  
  40.  
  41.  
  42. .cPost .cAuthorPane .cAuthorPane_author,
  43. .cPost .ipsComment_meta {
  44.     color: var(--sviesi);
  45. }
  46. .ipsDialog > div {
  47.     background-color: var(--antrine-spalva);
  48. }
  49. .ipsType_sectionHead {
  50.     color: var(--sviesi);
  51. }
  52. .ipsAreaBackground_light {
  53.     background-color: var(--antrine-spalva);
  54. }
  55. .cStreamFilter {
  56.     background-color: var(--antrine-spalva);
  57.     color: var(--sviesi);
  58. }
  59. .ipsMenu_item > a:not(.ipsMenu_itemInline),
  60. .ipsMenu_item > span:not(.ipsMenu_itemInline) {
  61.     color: var(--sviesi);
  62. }
  63. input {
  64.     color: var(--sviesi);
  65. }
  66. ul:not(.ipsMenu_keyNav) .ipsMenu_item:not(.ipsMenu_itemClicked):not(.ipsMenu_itemDisabled) a:not(.ipsMenu_itemInline):hover,
  67. .ipsMenu_item[data-selected] a,
  68. .ipsMenu_item[data-selected] span,
  69. .ipsMenu_item.ipsMenu_hover {
  70.     background-color: var(--antrine-spalva);
  71. }
  72. .ipsAreaBackground_reset {
  73.     background-color: var(--antrine-spalva);
  74. }
  75. .ipsMenu_headerBar,
  76. .ipsMenu_footerBar {
  77.     background-color: var(--trecia-spalva);
  78. }
  79. html[dir="ltr"] .ipsStream_withTimeline .ipsStreamItem::after {
  80.     border-right-color: var(--antrine-spalva);
  81. }
  82. .ipsStream .ipsStreamItem_contentType {
  83.     background-color: var(--antrine-spalva);
  84. }
  85. .ipsAutocompleteMenu {
  86.     background-color: var(--antrine-spalva);
  87. }
  88. .ipsAutocompleteMenu_item:hover {
  89.     background-color: var(--trecia-spalva);
  90. }
  91. .ipsApp .ipsField_autocomplete,
  92. .ipsApp textarea,
  93. .ipsApp input[type="text"],
  94. .ipsApp input[type="password"],
  95. .ipsApp input[type="datetime"],
  96. .ipsApp input[type="datetime-local"],
  97. .ipsApp input[type="date"],
  98. .ipsApp input[type="month"],
  99. .ipsApp input[type="time"],
  100. .ipsApp input[type="week"],
  101. .ipsApp input[type="number"],
  102. .ipsApp input[type="email"],
  103. .ipsApp input[type="url"],
  104. .ipsApp input[type="search"],
  105. .ipsApp input[type="tel"],
  106. .ipsApp .ipsToolbox input,
  107. .ipsApp .ipsToolbox select,
  108. .ipsApp .ipsToolbox textarea {
  109.     background-color: var(--trecia-spalva);
  110. }
  111. .ipsMenu,
  112. .ipsHovercard,
  113. .ipsHovercard_loading {
  114.     background-color: var(--background-spalva);
  115. }
  116. .iIC-no-buttons {
  117.     background-color: inherit;
  118. }
  119. #elSearchExpanded {
  120.     background-color: var(--antrine-spalva);
  121. }
  122. p[style*='background-color:#ffffff;'],
  123. span[style*='background-color:#ffffff;'] {
  124.     background-color: var(--antrine-spalva) !important;
  125. }
  126. .focus-post-bar .cTopic .ipsItemControls {
  127.     background-color: #444;
  128.     background-image: none;
  129. }
  130. .cPost::before,
  131. .ipsQuote,
  132. .ipsCode,
  133. .ipsSpoiler,
  134. .ipsStyle_spoiler {
  135.     background-color: var(--trecia-spalva);
  136. }
  137. .ipsAreaBackground {
  138.     background-color: var(--antrine-spalva);
  139. }
  140. .ipsComposeArea_dummy {
  141.     background-color: var(--trecia-spalva);
  142. }
  143. .background-overlay {
  144.     background-color: var(--background-spalva);
  145. }
  146. .ipsfocusBox-inner,
  147. .ipsfocus_megaFooter,
  148. .ipsBox:not(.ipsBox_transparent):not(.ipsModerated),
  149. .ipsBox,
  150. .ipsPageHeader,
  151. .focus-topic-compact .focus-topic,
  152. .ipsPager,
  153. .ipsWidget,
  154. .wDesktop #modcp_menu,
  155. .cGalleryCats,
  156. #elGalleryHeader {
  157.     background-color: var(--antrine-spalva);
  158. }
  159. body {
  160.     color: var(--sviesi);
  161. }
  162. .ipsItemStatus.ipsItemStatus_large.cForumIcon_normal,
  163. .ipsItemStatus.ipsItemStatus_large.cForumIcon_answers,
  164. .fa-circle,
  165. a {
  166.     color: var(--melsva);
  167. }
  168. a:hover {
  169.     color: var(--melsva-hover);
  170. }
  171. .ipsWidget.ipsWidget_vertical .ipsWidget_title,
  172. .ipsWidget.ipsWidget_horizontal .ipsWidget_title,
  173. .ipsApp .ipsBreadcrumb {
  174.     background-color: var(--trecia-spalva);
  175.     color: var(--sviesi);
  176. }
  177. .ipsComment_content.ipsType_medium.ipsFaded_withHover > div > div > ul > li > a,
  178. .ipsButton.ipsButton_light.ipsButton_verySmall.ipsButton_narrow.cMultiQuote.ipsHide {
  179.     color: var(--sviesi);
  180. }
  181. .ipsComment_content.ipsType_medium.ipsFaded_withHover > div > div > ul > li > a:hover,
  182. .ipsButton.ipsButton_light.ipsButton_verySmall.ipsButton_narrow.cMultiQuote.ipsHide:hover {
  183.     color: white;
  184. }
  185. .ipsApp .ipsButton_link.ipsFollow,
  186. .ipsApp .ipsButton_link.ipsPromote {
  187.     background-color: var(--trecia-spalva);
  188.     color: var(--sviesi);
  189. }
  190. .focus-post-bar .cTopic .ipsItemControls {
  191.     color: var(--sviesi);
  192. }
  193. .ipsReact_reactCount {
  194.     background-color: var(--antrine-spalva);
  195. }
  196. .ipsBreadcrumb > ul[data-role="breadcrumbList"] li > a::before,
  197. .ipsBreadcrumb > ul[data-role="breadcrumbList"] li > a::after {
  198.     color: var(--background-spalva);
  199. }
  200. footer,
  201. #ipsLayout_footer p {
  202.     color: var(--sviesi) !important;
  203. }
  204. #ipsLayout_footer a {
  205.     color: var(--melsva);
  206. }
  207. .ipsMenu,
  208. .ipsHovercard,
  209. .ipsHovercard_loading {
  210.     background: var(--trecia-spalva);
  211. }
  212. .ipsMenu_headerBar,
  213. .ipsMenu_footerBar {
  214.     background: none;
  215. }
  216. .ipsComment {
  217.     background-color: var(--antrine-spalva);
  218. }
  219. .ipsFeedHovercard .ipsComment {
  220.     border-bottom: 1px solid var(--background-spalva);
  221. }
  222. .sfPagination > .ipsPagination .ipsPagination_page a {
  223.     background-color: rgba(0, 0, 0, 0.5);
  224. }
  225. .ipsTable.ipsMatrix .ipsMatrix_subHeader {
  226.     background-color: var(--trecia-spalva);
  227.     color: var(--sviesi);
  228. }
  229. .ipsComposeArea_editor,
  230. .ipsComposeArea_unavailable .ipsComposeArea_editor {
  231.     background-color: var(--background-spalva);
  232.     border-color: var(--background-spalva);
  233. }
  234. .ipsAlert {
  235.     background-color: var(--antrine-spalva);
  236. }
  237. li.cMessage_active.ipsDataItem_selected.ipsDataItem > div > div > span.ipsType_break.ipsContained {
  238.     color: var(--antrine-spalva);
  239. }
  240. .ipsFieldRow_section {
  241.     background-color: var(--trecia-spalva);
  242.     color: var(--sviesi);
  243. }
  244. html body.ipsApp.ipsApp_front.ipsClearfix.ipsLayout_noBackground.ipsJS_has div#ipsEmbed div.ipsRichEmbed div.ipsPad_double h3.ipsRichEmbed_itemTitle.ipsTruncate.ipsTruncate_line.ipsType_blendLinks a {
  245.     color: var(--sviesi);
  246. }
  247. .ipsPagination:not(.ipsPagination_mini) .ipsPagination_page a:hover,
  248. .ipsPagination:not(.ipsPagination_mini) .ipsPagination_next a:hover,
  249. .ipsPagination:not(.ipsPagination_mini) .ipsPagination_prev a:hover,
  250. .ipsPagination:not(.ipsPagination_mini) .ipsPagination_first a:hover,
  251. .ipsPagination:not(.ipsPagination_mini) .ipsPagination_last a:hover {
  252.     background-color: rgba(0, 0, 0, .7);
  253. }
  254. .ipsStreamItem.ipsStreamItem_actionBlock {
  255.     background-color: var(--trecia-spalva);
  256. }
  257. html .ipsBox .ipsAreaBackground .ipsBox {
  258.     background-color: var(--trecia-spalva);
  259. }
  260. #elProfileInfoColumn {
  261.     background-color: var(--antrine-spalva);
  262. }
  263. .ipsType_normal.ipsType_richText.ipsType_break {
  264.     background-color: var(--antrine-spalva);
  265. }
  266. .ipsTabs_activeItem {
  267.     color: var(--sviesi);
  268. }
  269. .ipsTabs_panels,
  270. .ipsTabs_activeItem {
  271.     background-color: var(--antrine-spalva);
  272. }
  273. .ipsDataList_readStatus .ipsDataItem:not(.ipsDataItem_unread):not(.ipsDataItem_selected):not(.ipsModerated) {
  274.     background-color: var(--background-spalva);
  275. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement