Advertisement
blyeciu

DevGaming Dark Theme

Feb 6th, 2021 (edited)
400
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 7.44 KB | None | 0 0
  1. @-moz-document domain("devgaming.pl") {
  2.  
  3. ::-webkit-scrollbar-track {
  4.              -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
  5.              border-radius: 2px;
  6.              background-color: #111;
  7.         }
  8.         html[hide-scrollbar="true"] ::-webkit-scrollbar{display:none}
  9.         ::-webkit-scrollbar {
  10.              width: 8px;
  11.              background-color: #111;
  12.         }
  13.         ::-webkit-scrollbar-thumb {
  14.              border-radius: 2px;
  15.              -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .6);
  16.              background-color: #2476b0;
  17.         }
  18.  
  19. .ipsLayout_content_main {
  20.     background: #0000;
  21. }
  22. .ipsType_sectionTitle, .ipsWidget_title {
  23.     background: #111111b8;
  24.     border-radius: 5px 5px 0 0;
  25. }
  26. .ipsBox, #ipsLayout_mainArea > .ipsForm[action$='do=edit'] > .ipsForm, #elSearchExpanded, .ipsAreaBackground_reset, .ipsButtonBar {
  27.     background: #111111b8;
  28.     backdrop-filter: blur(1rem);
  29. }
  30. a.ipsType_sectionTitle, .ipsType_sectionTitle a, a, .ipsWidget_title {
  31.     color: #e5e8ea;
  32. }
  33. .ipsDataItem_meta, .ipsItemControls, .ipsFieldRow_desc {
  34.     color: #a7a8af;
  35. }
  36. .ipsType_light, .ipsBreadcrumb, .ipsApp .cke_wysiwyg_frame, .ipsApp .cke_wysiwyg_div, .ipsStreamItem_snippet .ipsType_richText, .ipsFollow .ipsCommentCount {
  37.     color: #c7c8cf;
  38. }
  39. .ipsApp .ipsButton_light, .ipsApp .ipsButton_link, .ipsApp .ipsButton_veryLight, .ipsType_sectionTitle, .ipsMenu_item > a:not( .ipsMenu_itemInline ), .ipsMenu_item > span:not( .ipsMenu_itemInline ), .ipsFieldRow_section {
  40.     color: #e5e8ff;
  41. }
  42. body {
  43.     color: #c5c5c5;
  44.     background-color: #111;
  45. }
  46. .ipsType_minorHeading {
  47.     color: #97989a;
  48. }
  49. .ipsType_sectionTitle {
  50.     border-color: #222222b8;
  51. }
  52. .ipsCommentCount {
  53.     background: #15191a;
  54.     color: #c5c5c5;
  55. }
  56. .ipsApp .ipsField_autocomplete, .ipsApp textarea, .ipsApp input[type="text"], .ipsApp input[type="password"], .ipsApp input[type="datetime"], .ipsApp input[type="datetime-local"], .ipsApp input[type="date"], .ipsApp input[type="month"], .ipsApp input[type="time"], .ipsApp input[type="week"], .ipsApp input[type="number"], .ipsApp input[type="email"], .ipsApp input[type="url"], .ipsApp input[type="search"], .ipsApp input[type="tel"], .ipsApp .ipsField_dummy, .ipsButtonBar .ipsButtonRow li > a, .ipsButtonBar .ipsButtonRow li > button, .ipsButtonBar .ipsButtonRow li > span {
  57.     background: #111111b8;
  58. }
  59. .ipsApp select:not( [multiple] ) {
  60.     background-color: #111;
  61. }
  62. #elSearchExpanded {
  63.     color: #c5c5c5;
  64.     border-color: #222222b8;
  65. }
  66. #elSearchExpanded .ipsSideMenu_list:not(:last-child), .ipsButtonBar {
  67.     border-color: #222222b8;
  68. }
  69. .cSearchExpanded::before {
  70.     background: rgba(17, 17, 17, 0.2);
  71. }
  72. #elSearch {
  73.     background: #111111b8;
  74.     backdrop-filter: blur(1rem);
  75.     color: #ddd;
  76. }
  77. .ipsMenu_title {
  78.     color: #fff;
  79. }
  80. .ipsSideMenu_item:not( .ipsSideMenu_itemActive ) a:hover, a.ipsSideMenu_item:not( .ipsSideMenu_itemActive ):hover, span.ipsSideMenu_item:not( .ipsSideMenu_itemActive ):hover {
  81.     background: rgba(34, 34, 34, .5);
  82. }
  83. .ipsSideMenu_withChecks .ipsSideMenu_item a:after, .ipsSideMenu_withChecks a.ipsSideMenu_item:after, .ipsSideMenu_withChecks span.ipsSideMenu_item:after, .ipsSideMenu_withRadios .ipsSideMenu_item a:after, .ipsSideMenu_withRadios a.ipsSideMenu_item:after, .ipsSideMenu_withRadios span.ipsSideMenu_item:after {
  84.     color: rgba(229, 232, 234, 0.2);
  85. }
  86. .ipsUserPhoto {
  87.     background: #222222b8;
  88. }
  89. .ipsBreadcrumb {
  90.     background: #111111b8;
  91.     backdrop-filter: blur(1rem);
  92.     padding: 10px;
  93.     border-radius: 5px;
  94. }
  95. .ipsType_pageTitle, .ipsType_sectionHead {
  96.     color: #fff;
  97. }
  98. .ipsPager, .ipsPager_next a {
  99.     color: #fff;
  100.     opacity: 0.6;
  101.     transition: all ease .2s;
  102. }
  103. .ipsPager_next a:hover, .ipsPager_prev a:hover, .ipsPager:hover {
  104.     opacity: 1 !important;
  105.     color: #fff;
  106. }
  107. .ipsApp .ipsButton_light {
  108.     background: #222222b8;
  109. }
  110. .ipsAreaBackground_light, .ipsComposeArea_editorPaste, [data-ipseditor], .ipsApp .cke_wysiwyg_frame, .ipsApp .cke_wysiwyg_div, .ipsApp .cke_inner, .ipsComposeArea_dummy {
  111.     background: rgba(17, 17, 17, 0.1);
  112. }
  113. .ipsComposeArea_editorPaste {
  114.     color: #000;
  115. }
  116. .cke_reset_all, .cke_reset_all *, .cke_reset_all a, .cke_reset_all textarea, .cProfileRepScore_neutral, .ipsDialog_title {
  117.     color: #fff;
  118. }
  119. [data-ipseditor] {
  120.     border-color: #35383ab8;
  121. }
  122. [data-ipseditor]:hover {
  123.     border-color: #35383a;
  124. }
  125. .ipsComposeArea_withPhoto [data-ipseditor]::before, .ipsComposeArea_withPhoto [data-ipseditor]::after {
  126.     border-right-color: #35383ab8;
  127. }
  128. .cke_button_icon {
  129.     filter: invert(1);
  130. }
  131. .cke_button_arrow {
  132.     border-top-color: rgba(197, 197, 197, .4);
  133. }
  134. .ipsTabs_activeItem {
  135.     background: #111111b8;
  136.     color: #fff !important;
  137. }
  138. .ipsTabs_panel {
  139.     background: #0000 !important;
  140. }
  141. .ipsReactOverview ul img {
  142.     border-color: #111111b8;
  143. }
  144. .ipsTags .ipsTag, .ipsTag_prefix {
  145.     background: #ffbb005c;
  146.     color: #ff8c00!important;
  147. }
  148. .cProfileRepScore_neutral, .ipsApp .ipsButton_veryLight, .ipsTable th, .ipsAreaBackground, .ipsComment .ipsComment_authorBadge, .ipsComment_ellipsis:hover {
  149.     background: #15191ab8;
  150.     backdrop-filter: blur(1rem);
  151. }
  152. .ipsDialog > div {
  153.     background: #111111b8;
  154.     backdrop-filter: blur(1rem);
  155. }
  156. .ipsDialog_close {
  157.     color: #fff !important;
  158. }
  159. .ipsPageHead_special {
  160.     background: #222222b8;
  161. }
  162. .charBox {
  163.     background: #252525b8;
  164.     border-color: rgba(255, 255, 255, .03);
  165.     color: #ccc;
  166.     border: 1px solid #3d3d3db8;
  167.     box-shadow: 0px 1px 0px #111111b8 inset, 0px 1px 0px rgba(255, 255, 255, .3);
  168. }
  169. .charBox:hover {
  170.     border-color: #6a6a6ab8;
  171. }
  172. .ipsButtonBar .ipsButtonRow li > a, .ipsButtonBar .ipsButtonRow li > button, .ipsButtonBar .ipsButtonRow li > span {
  173.     color: #fff;
  174. }
  175. ul:not( .ipsMenu_keyNav ) .ipsMenu_item:not( .ipsMenu_itemClicked ):not( .ipsMenu_itemDisabled ) a:not( .ipsMenu_itemInline ):hover, .ipsMenu_item[data-selected] a, .ipsMenu_item[data-selected] span, .ipsMenu_item.ipsMenu_hover {
  176.     background: #151515b8;
  177. }
  178. .ipsMenu.ipsMenu_bottomLeft:before, .ipsMenu.ipsMenu_bottomCenter:before, .ipsMenu.ipsMenu_bottomRight:before {
  179.     border-bottom-color: #151515b8;
  180. }
  181. .ipsMenu.ipsMenu_bottomCenter:before, .ipsMenu.ipsMenu_bottomCenter:after {
  182.     border-bottom-color: #111111b8;
  183. }
  184. .ipsMenu {
  185.     background: #111111b8;
  186.     backdrop-filter: blur(1rem);
  187. }
  188. html[dir="ltr"] .ipsMenu_selectable .ipsMenu_item:not( .ipsMenu_itemNonSelect ) a:before, html[dir="ltr"] .ipsMenu_selectable .ipsMenu_item:not( .ipsMenu_itemNonSelect ) > span:before, html[dir="ltr"] .ipsMenu_selectable .ipsMenu_item:not( .ipsMenu_itemNonSelect ) button:before {
  189.     color: rgba(255, 255, 255, 0.1);
  190. }
  191. .ipsMenu_selectable .ipsMenu_item:not( .ipsMenu_itemNonSelect ).ipsMenu_itemChecked a:before, .ipsMenu_selectable .ipsMenu_item:not( .ipsMenu_itemNonSelect ).ipsMenu_itemChecked > span:before, .ipsMenu_selectable .ipsMenu_item:not( .ipsMenu_itemNonSelect ).ipsMenu_itemChecked button:before {
  192.     color: #fff !important;
  193. }
  194. [style="padding-left:10px;border-left:1px solid #e2d0e6;font-weight:bold;color:#CC00FF;"] {
  195.     border-color: #35383ab8 !important;
  196. }
  197. .ipsMenu.ipsMenu_topLeft:before, .ipsMenu.ipsMenu_topCenter:before, .ipsMenu.ipsMenu_topRight:before {
  198.     border-top-color: #222222b8;
  199. }
  200. .ipsMenu.ipsMenu_topCenter:before, .ipsMenu.ipsMenu_topCenter:after {
  201.     border-top-color: #111111b8;
  202. }
  203. .ipsFollow .ipsCommentCount::before, .ipsFieldRow_section, .ipsDialog .ipsDialog_loading {
  204.     background: #111111b8;
  205. }
  206. .ipsType_huge, .ipsType_veryLarge {
  207.     color: #fff;
  208. }
  209. .ipsTable_zebra tbody tr:nth-child( even ):not(.ipsTable_highlight):not(.ipsModerated), .ipsAttachment_dropZone {
  210.     background: #151515b8;
  211. }
  212. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement