Advertisement
Guest User

Minds.com Dark Style for Stylus

a guest
Aug 16th, 2018
120
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 4.91 KB | None | 0 0
  1. @-moz-document domain("minds.com") {
  2. /* Userstyle for Minds.com. Created by: WillowDuster based on 2E0PGS */
  3. /* Repository: https://bitbucket.org/2E0PGS/userstyles/overview */
  4. /* Licence: GNU v3 */
  5. /* Userstyle URL: todo /*
  6. /* Version 0.1 08/16/2018 */
  7.  
  8. /* ---Background--- */
  9. .mdl-color--grey-100, .minds-avatar-hovercard, .mdl-color--blue-grey-600, minds-search-bar .mdl-textfield input {
  10.     background-color: #111 !important;
  11. }
  12.  
  13. /* ---General Text Colouring--- */
  14. h1, h2, h3, h4, h5, h6, h6, p, html, .mdl-card__title, .mdl-tabs__tab, minds-activity.mdl-card .mdl-card__supporting-text.message, minds-activity .mdl-card__supporting-text.message {
  15.     color: #eee;
  16. }
  17.  
  18. /* ---Top Nav Bar--- */
  19. .mdl-color--white {
  20.     background-color: #1b1b1b !important;
  21. }
  22.  
  23. div.m-token-contributions--overview--column span {color: rgb(238, 238, 238) !important;}
  24.  
  25. /* ---Nav Bar Search Results List--- */
  26. minds-search-bar-suggestions .m-search-bar-suggestions-list {
  27.     background: #222;
  28.     border: none;
  29. }
  30.  
  31. minds-search-bar-suggestions .m-search-bar-suggestions-list .m-search-bar-suggestions-suggestion {
  32.     border-bottom: 1px solid #353535;
  33. }
  34.  
  35. .m-topbar--navigation--item {
  36.     border:0px #000;
  37. }
  38. .m-border {
  39.     background: #000;
  40.     color: #eee;
  41. }
  42. .m-border a {color:#eee;}
  43. /* ---Links--- */
  44. a, .mdl-color-text--blue-grey-900 {
  45.     color: #4690E6 !important;
  46. }
  47. th.mdl-data-table__cell--non-numeric, th.mdl-data-table__cell--numeric:nth-child(2){color:#eee;}
  48. .m-border span {color:#eee;}
  49. .m-border h3 {color:#4690E6;}
  50. .m-token-contributions--overview--row {background-color: #111; color:#4690E6;}
  51. .mdl-textfield__input {
  52.     color: white;
  53. }
  54. #search {color: #000;}
  55. .material-icons {color:#4690E6;}
  56. .mdl-color--white, .m-border {border: #4690E6 1px solid}
  57. a.m-page--sidebar--navigation--item, p.m-border, a.m-page--sidebar--navigation--item:nth-child(n), .m-blog {background-color: #111; color:#4690E6;}
  58.  
  59. .minds-blog-body p {color:#eee;}
  60.  
  61. div.m-tagcloud-tag, div.m-blog--list--column  > m-blog--tile  > div  > div > label:nth-child(1), m-groups--tile.ng-star-inserted  > div:nth-child(1) > a:nth-child(2) > div:nth-child(2) > h3:nth-child(1) { color:#4690E6;}
  62. /* ---Status Update Box--- */
  63. .mdl-card, .minds-avatar {
  64.     background: #1b1b1b;
  65. }
  66. .m-conversation-label {color:#000;}
  67.  
  68. .minds-activity.mdl-card h2, m-groups--tile.ng-star-inserted  > div  > div  > minds-groups-join-button  > button {color:#4690E6;}
  69. m-channel--modules.mdl-card  > div  > h2 {color:#4690E6;}
  70. .mdl-card__supporting-text textarea {
  71.     color: rgba(255, 255, 255, 0.87);
  72. }
  73.  
  74. li.m-dropdown--list--item  {color:#000;}
  75.  
  76. /* ---Posts--- */
  77. .mdl-card .m-owner-block, div.m-media-content--wrapper div.m-media-content--container {
  78.     background-color: #1b1b1b;
  79. }
  80.  
  81. .m-owner-block a {
  82.     color: #cecece;
  83. }
  84.  
  85. .m-mature-message .m-mature-message-content {
  86.     color: #c3c3c3;
  87. }
  88.  
  89. /* ---Load more posts button--- */
  90. .mdl-color--blue-grey-200 {
  91.     background-color: #333333 !important;
  92. }
  93.  
  94. /* ---Posts Like / Comment / Share Button toolbar--- */
  95. .mdl-color--blue-grey-50 {
  96.     background-color: #1b1b1b !important;
  97. }
  98.  
  99. /* ---Posts Comment Box---*/
  100. minds-textarea {
  101.     border: none;
  102. }
  103.  
  104. minds-comments .m-comments-composer form minds-textarea, minds-comments .minds-editable-container textarea {
  105.     background: #222;
  106. }
  107.  
  108. /* ---Posts ReMinds Comment Box--- */
  109. m-modal-remind-composer .m-modal-remind-composer textarea {
  110.     border: 1px solid #1b1b1b;
  111.     background-color: #222222;
  112. }
  113.  
  114. /* ---Post Views Counter--- */
  115. minds-activity.mdl-card .impressions-tag, minds-activity .impressions-tag {
  116.     background-color: #4690d6;
  117. }
  118.  
  119. /* ---Comment Section Like and Dislike--- */
  120. minds-activity.mdl-card minds-comments .mdl-card__menu, minds-activity minds-comments .mdl-card__menu, .m-ribbon {
  121.     background: #1b1b1b;
  122. }
  123.  
  124. /* ---Views Counter on right--- */
  125. .mdl-card__supporting-text {
  126.     color: #c3c3c3;
  127. }
  128.  
  129. /* ---Left Nav Bar Darker--- */
  130. .mdl-color--blue-grey-800 {
  131.     background-color: #1b1b1b !important;
  132. }
  133.  
  134. /* ---Trending Images--- */
  135. .m-title-block, .m-title-block-fixed {
  136.     background-color: #1b1b1b;
  137. }
  138.  
  139. .mdl-color-text--blue-grey-700 {
  140.     color: #97b4c1 !important;
  141. }
  142.  
  143. /* ---inline search boxes--- */
  144. .m-search-inline input {
  145.     background-color: #222222;
  146.     border: none;
  147.     color: white;
  148. }
  149.  
  150. .m-search-inline .m-search-inline-item:hover {
  151.     background: #222;
  152. }
  153.  
  154. /* ---rich-embed-preview--- */
  155. minds-comments .m-comment-attachment .m-rich-embed, minds-comments .m-comments-composer .m-rich-embed, minds-comments .m-editable-attachment-container .m-rich-embed {
  156.     background: #222;
  157.     border: none;
  158. }
  159.  
  160. /* ---Edit Post Text Container--- */
  161. .minds-editable-container textarea {
  162.     background-color: #333333;
  163.     border: none;
  164. }
  165.  
  166. /* ---Drop Down Menus--- */
  167. .minds-dropdown-menu {
  168.     background-color: #1b1b1b;
  169. }
  170.  
  171. .mdl-menu__item:hover {
  172.     background-color: #222;
  173. }
  174.  
  175. .mdl-menu__item {
  176.     color: white;
  177. }
  178.  
  179. .mdl-menu__outline {
  180.     background: #1b1b1b;
  181. }
  182. .m-tagcloud > h3:nth-child(1) {color:#eee}
  183. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement