Psykek

Thingiverse dark theme

Feb 2nd, 2019
162
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 12.28 KB | None | 0 0
  1. /*
  2.     To use this, you need to download the stylus extension off of your browser (don't download the stylish extension as that contains spyware). You can get this extension here: https://addons.mozilla.org/en-US/firefox/addon/styl-us/ or https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=en
  3.  
  4.  
  5. After you download that extension, click on it at the top right of your browser then click "manage". It will pop up a window which you can then click on "Write new style" (located on the left side of the screen) and paste the css into the the text area. Make sure you click on the + sign at the bottom and add all of the required links so that it only applies there and not everywhere else. Otherwise you will just get messed up webpages everywhere else you go. After you are done with that, click save and it should work.
  6.  
  7.  
  8. Here are all of the pages you will need to add:
  9. - thingiverse.com
  10. - accounts.thingiverse.com
  11.  
  12.  
  13. Images: https://vgy.me/2CBB8B.jpg, https://vgy.me/AWZzSw.jpg, https://vgy.me/9ylhj3.jpg
  14.  
  15. *Images may differ from product due to possible future updates. If the theme changes drastically in future updates then images will also be updated.  
  16.  
  17.  
  18. If you want to contact me, add me on discord at Psykek#3180 or join the server: https://discord.gg/9uMWE3U
  19. */
  20.  
  21. .site-header {
  22.     background-image: linear-gradient(to bottom,#101010,#101010);
  23. }
  24. .login-box .avatar-wrapper {
  25.     border-color: #202020;
  26.     background-color: #202020;
  27. }
  28. .login-box {
  29.     border-color: #101010;
  30. }
  31. .search-form {
  32.     background-color: #101010;
  33.     border-color: #000;
  34. }
  35. #push-main {
  36.     background-color: #151515;
  37.     border-color: #000;
  38. }
  39. .site-header {
  40.     background-color: #000;
  41.     border-color: #000;
  42. }
  43.  
  44. .login {
  45.     background-color: #101010;
  46.     border-color: #000;
  47. }
  48. input[type="text"], input[type="password"], input[type="url"], input[type="number"], input[type="email"], input[type="date"], input[type="month"], select, textarea {
  49.     border-radius: 10px;
  50.     border: none;
  51.     background: #202020;
  52.     color: grey;
  53. }
  54. .search-form {
  55.     border-radius: 10px
  56. }
  57. .slider-control {
  58.     background-color: #353535;
  59.     border-color: #000
  60. }
  61. .slider-control.active {
  62.     background-color: #505050;
  63.     border-color: #000;
  64. }
  65. .content-box {
  66.     background-color: #191919;
  67.     border-color: #191919;
  68.     border-radius: 10px;
  69. }
  70. .make-card {
  71.     background-color: #181818;
  72.     border-color: #181818;
  73. }
  74. .make-card .justify {
  75.     background-color: #181818;
  76.     border-color: #181818;
  77. }
  78. .make-card .interaction {
  79.     border-color: #101010;
  80. }
  81. .social-tv {
  82.     background-color: #101010;
  83.     border-radius: 10px;
  84.     color: grey;
  85. }
  86. .thing-card {
  87.     background-color: #181818;
  88.     border-color: #181818;
  89. }
  90. .thing-card .item-interactions {
  91.     background-color: #181818;
  92.     border-color: #181818;
  93. }
  94. .thing-card .interaction {
  95.     border-color: #101010;
  96. }
  97. .site-footer, .site-header {
  98.     background-image: linear-gradient(to bottom,#101010,#121212);
  99.     border-color: #101010;
  100. }
  101. .login-join:hover {
  102.     background-color: #090909;
  103. }
  104. .login-box:hover {
  105.     background-color: #090909;
  106.     border-color: #000;
  107. }
  108. .blue-button {
  109.     background-color: #202020;
  110.     color: grey;
  111.     border-radius: 5px;
  112. }
  113. .site-header {
  114.     background-image: linear-gradient(to bottom,#101010,#101010);
  115. }
  116. .login-box {
  117.     border-color: #101010;
  118. }
  119. .search-form {
  120.     background-color: #101010;
  121.     border-color: #000;
  122. }
  123. #push-main {
  124.     background-color: #151515;
  125.     border-color: #000;
  126. }
  127. .site-header {
  128.     background-color: #000;
  129.     border-color: #000;
  130. }
  131.  
  132. .login {
  133.     background-color: #101010;
  134.     border-color: #000;
  135. }
  136. input[type="text"], input[type="password"], input[type="url"], input[type="number"], input[type="email"], input[type="date"], input[type="month"], select, textarea {
  137.     border-radius: 10px;
  138.     border: none;
  139.     background: #202020;
  140.     color: grey;
  141. }
  142. .search-form {
  143.     border-radius: 10px;
  144. }
  145. .slider-control {
  146.     background-color: #353535;
  147.     border-color: #000;
  148. }
  149. .slider-control.active {
  150.     background-color: #505050;
  151.     border-color: #000;
  152. }
  153. .content-box {
  154.     background-color: #191919;
  155.     border-color: #191919;
  156.     border-radius: 10px;
  157. }
  158. .make-card {
  159.     background-color: #202020;
  160.     border-color: #202020;
  161. }
  162. .make-card .justify {
  163.     background-color: #202020;
  164.     border-color: #202020;
  165. }
  166. .make-card .interaction {
  167.     border-color: #101010;
  168. }
  169. .social-tv {
  170.     background-color: #101010;
  171.     border-radius: 10px;
  172.     color: grey;
  173. }
  174. .thing-card {
  175.     background-color: #181818;
  176.     border-color: #202020;
  177. }
  178. .thing-card .item-interactions {
  179.     background-color: #202020;
  180.     border-color: #202020;
  181. }
  182. .thing-card .interaction {
  183.     border-color: #101010;
  184. }
  185. .site-footer, .site-header {
  186.     background-image: linear-gradient(to bottom,#101010,#121212);
  187.     border-color: #101010;
  188. }
  189. .login-join:hover {
  190.     background-color: #090909;
  191. }
  192. .login-box:hover {
  193.     background-color: #090909;
  194.     border-color: #000;
  195. }
  196. .dropdown-menu {
  197.     background-color: #181818;
  198.     border: 1px solid #181818;
  199. }
  200. .open .dropdown-option:hover {
  201.     background-color: #202020;
  202.     color: #999999;
  203. }
  204. .explore {
  205.     background-color: #191919;
  206.     border-color: #191919;
  207.     border-radius: 10px;
  208. }
  209. .select-menu {
  210.     background-color: #202020;
  211. }
  212. .window-to-top {
  213.     background-color: #303030;
  214.     border-color: #101010;
  215.     color: grey;
  216. }
  217. a .ellipsis {
  218.     background-color: #000;
  219.     color: #000;
  220.     opacity: 0.6;
  221.     margin-left: -50px;
  222.     margin-top: -12px;
  223.     font-size: 14px;
  224.     text-align: center;
  225. }
  226. .avatar-link .avatar-wrapper {
  227.     margin-top: 30px;
  228.     margin-left: 120px;
  229.     opacity: 0.5;
  230. }
  231. .item-info .justify {
  232.     background-color: #090909;
  233.     margin-left: -50px;
  234.     opacity: 0.6;
  235.     color: #fff;
  236. }
  237. .item-date {
  238.     margin-right: -4px;
  239. }
  240. .ellipsis a {
  241.     color: #fff;
  242. }
  243. .pagination-view-more {
  244.     border-color: #101010;
  245.     background-color: #303030;
  246. }
  247. .justify.bottom_content .blue-button {
  248.     background-color: #303030;
  249.     border-radius: 5px;
  250.     color: grey;
  251. }
  252. .inline .blue-button {
  253.     background-color: #303030;
  254.     border-radius: 5px;
  255.     color: grey;
  256. }
  257. header {
  258.     -webkit-filter: grayscale(100%);
  259.     filter: grayscale(100%);
  260.     opacity: 0.3;
  261. }
  262. .top_content.item-list-interactions .justify {
  263.     background-color: #202020;
  264.     border-color: #202020;
  265. }
  266. .item-interactions {
  267.     background-color: #202020;
  268.     border-color: #202020;
  269. }
  270. .item-list-interactions .interaction a {
  271.     background-color: #202020;
  272. }
  273. .top_content.item-list-interactions .interaction {
  274.     border-color: grey;
  275. }
  276. .item-list-interactions .interaction {
  277.     border-color: grey;
  278. }
  279. .block_nav {
  280.     background-color: #202020;
  281.     border-color: #202020;
  282. }
  283. .block_nav_item {
  284.     border-color: #333;
  285. }
  286. .depth-1 .card-footer {
  287.     background-color: #202020;
  288.     border-color: #202020;
  289. }
  290. .depth-2 .card-footer {
  291.     background-color: #202020;
  292.     border-color: #202020;
  293. }
  294. .depth-3 .card-footer {
  295.     background-color: #202020;
  296.     border-color: #202020;
  297. }
  298. .attachment {
  299.     background-color: #303030;
  300.     border-radius: 3px;
  301. }
  302. .thingcollection-card {
  303.     background-color: #404040;
  304.     border-color: #404040;
  305. }
  306. .page-container {
  307.     background-color: #202020;
  308. }
  309. .category-card {
  310.     background-color: #101010;
  311.     border-color: #151515;
  312.     border-bottom-left-radius: 15px;
  313.     border-bottom-right-radius: 15px;
  314.     color: grey;
  315. }
  316. .category-card:hover {
  317.     background-color: #080808;
  318.     border-color: #151515;
  319.     border-bottom-left-radius: 15px;
  320.     border-bottom-right-radius: 15px;
  321.     color: grey;
  322. }
  323. .challenge-header {
  324.     -webkit-filter: grayscale(100%);
  325.     filter: grayscale(100%);
  326.     opacity: 0.3;
  327. }
  328. .item {
  329.     border-color: #505050;
  330. }
  331. .icon-warning {
  332.     background-color: #303030;
  333.     border-radius: 6px;
  334. }
  335. .taglist a {
  336.     background-color: #252525;
  337.     color: #999;
  338. }
  339. .thing-contents.fixed {
  340.     background-color: #202020;
  341.     border-color: #202020;
  342. }
  343. .taglist span {
  344.     background-color: #252525;
  345.     color: #999;
  346. }
  347. .icon-print {
  348.     background-color: #303030;
  349.     border-radius: 6px;
  350. }
  351. .thing-mini {
  352.     border-color: #000;
  353. }
  354. .top_content .app-card {
  355.     background-color: #202020;
  356. }
  357. .top_content .item-name a {
  358.     color: grey;
  359. }
  360. .top_content span {
  361.     color: grey;
  362. }
  363. .result-page .app-card {
  364.     background-color: #202020;
  365. }
  366. .edu-subjects a {
  367.     background-color: #101010;
  368.     border-color: #000;
  369.     width: 9%
  370. }
  371. .edu-grades a {
  372.     background-color: #101010;
  373.     border-color: #000;
  374. }
  375. .project-card > a {
  376.     background-color: #202020;
  377. }
  378. .project-card.item {
  379.     background-color: #202020;
  380.     color: grey;
  381. }
  382. .project-card-text {
  383.     border-top-color: #707070;
  384. }
  385. .green-button {
  386.     background-color: #202020;
  387.     color: grey;
  388. }
  389. .edu-educator .center_content > div {
  390.     -webkit-filter: grayscale(100%);
  391.     filter: grayscale(100%);
  392.     opacity: 0.4;
  393. }
  394. .group-item-top {
  395.     -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  396.     filter: grayscale(100%);
  397.     opacity: 1;
  398. }
  399. .group-item-bottom {
  400.     background-color: #202020;
  401. }
  402. .edit-section:nth-of-type(2n+1) {
  403.     background: #101010;
  404. }
  405. .submit-buttons {
  406.     border-color: #303030;
  407. }
  408. .file-upload {
  409.     background-color: #151515;
  410.     border-radius: 10px;
  411. }
  412. .file-upload .upload-info {
  413.     border-color: grey;
  414. }
  415. .fixed {
  416.     background-color: #101010;
  417. }
  418. .edit-section:nth-of-type(2n) {
  419.     background: #101010;
  420. }
  421. .active header {
  422.     background-color: #000;
  423. }
  424. .active .subcomponent {
  425.     background-color: #151515;
  426. }
  427. .thing-components-list li {
  428.     background-color: #202020;
  429. }
  430. .subcomponent .markdown-preview {
  431.     background-color: #151515;
  432. }
  433. .grey-button {
  434.     border-radius: 5px;
  435.     color: #000;
  436. }
  437. .edu_fold {
  438.     background-color: #202020;
  439.     border-color: #202020;
  440. }
  441. .thing-components-list ul {
  442.     background-color: #202020;
  443. }
  444. .thing-components-list.fixed {
  445.     background-color: #202020;
  446. }
  447. .thing-components-list li.active {
  448.     background-color: #303030;
  449. }
  450. .active .subcomponent-options {
  451.     background-color: #202020;
  452.     border-color: #202020;
  453. }
  454. .active .subcomponent-icon.image {
  455.     border-color: #404040;
  456. }
  457. .subcomponent-options .subcomponent-icon {
  458.     border-color: #404040;
  459. }
  460. .subcomponent-options .subcomponent-icon:last-child {
  461.     border-right: 1px solid #404040;
  462. }
  463. .dashboard_button {
  464.     background-color: #202020;
  465.     border-color: #202020;
  466. }
  467. .dashboard_button:hover {
  468.     background-color: #202020;
  469.     border-color: #202020;
  470. }
  471. .personal_notification {
  472.     background-color: #202020;
  473.     border-top-color: #202020;
  474.     border-bottom-color: #303030;
  475. }
  476. .dismiss_notification {
  477.     background-color: #101010;
  478. }
  479. .dashboard-analytics {
  480.     background-color: #252525;
  481.     border-color: #252525;
  482. }
  483. .tv-profile-image-card {
  484.     background-color: #202020;
  485.     border-color: #202020;
  486. }
  487. .profile-card .user-info {
  488.     background-color: #202020;
  489. }
  490. .profile-card .follow-stats {
  491.     border-top-color: #404040;
  492. }
  493. .user-counts .user-count {
  494.     background-color: #303030;
  495.     border-color: #303030;
  496. }
  497. .profile-user-info a.view-analytics {
  498.     background-color: #202020;
  499.     color: grey;
  500. }
  501. .profile-user-info .user-status span {
  502.     border-left-color: #404040;
  503. }
  504. .profile-favorites {
  505.     border-top-color: #404040;
  506. }
  507. .profile-page .content-box {
  508.     background-color: #202020;
  509.     border-color: #202020;
  510. }
  511. .nav-form {
  512.     background-color: #202020;
  513. }
  514. .login .dropdown-menu {
  515.     background: #000;
  516. }
  517. .login .dropdown-menu a:hover {
  518.     background: #0e0e0e;
  519. }
  520. .loginbox-section {
  521.     border-bottom: 2px solid #0e0e0e;
  522. }
  523. .fold.width-1 {
  524.     background-color: #202020;
  525. }
  526. .refine-results-fields input[type="text"] {
  527.     background: #353535;
  528.     border-radius: 2px;
  529. }
  530. .refine-results-fields h1 {
  531.     background-color: #202020;
  532. }
  533. .folded select {
  534.     background-color: #303030;
  535. }
  536. .active select {
  537.     background-color: #303030;
  538. }
  539. .active .custom-checkbox {
  540.     opacity: 1;
  541. }
  542. .attachment-assets {
  543.     background-color: #303030;
  544. }
  545. .custom-upload-input input {
  546.     display: none;
  547. }
  548. .basic-page select {
  549.     background-color: #252525;
  550. }
  551. .refine-edu {
  552.     border-color: #404040;
  553. }
  554. .refine-your-search {
  555.     border-color: #404040;
  556. }
Add Comment
Please, Sign In to add comment