ShadeRoot Minds

Eye-friendly magic in your browser for Minds

  1. //
  2. // Written by Glenn Wiking
  3. // Script Version: 1.0.3a
  4. // Date of issue: 26/09/16
  5. // Date of resolution: 27/09/16
  6. //
  7. // ==UserScript==
  8. // @name ShadeRoot Minds
  9. // @namespace SRMI
  10. // @version 1.0.3a
  11. // @grant none
  12. // @icon http://i.imgur.com/rtFIRg9.png
  13. // @description Eye-friendly magic in your browser for Minds
  14.  
  15. // @include http://*.minds.com/*
  16. // @include https://*.minds.com/*
  17.  
  18. // ==/UserScript==
  19.  
  20. function ShadeRootMinds(css) {
  21. var head, style;
  22. head = document.getElementsByTagName('head')[0];
  23. if (!head) { return; }
  24. style = document.createElement('style');
  25. style.type = 'text/css';
  26. style.innerHTML = css;
  27. head.appendChild(style);
  28. }
  29.  
  30. ShadeRootMinds(
  31. 'html {color: #E3E3E3 !important;}'
  32. +
  33. 'a img, .m-thumb-image, .minds-video-thumbnail, .minds-blog-thumbnail, .thumbnail, .minds-banner img, .minds-avatar img, .m-messenger-conversation-messages-message img, .overlay i, .post-preview {opacity: .85;}'
  34. + // LINK COLOR 1
  35. 'a {color: #679FD5 !important;}'
  36. +
  37. '*::-moz-selection {background: rgba(54, 97, 150, 0.9) !important;}'
  38. +
  39. 'minds-app {background: #15191B !important;}'
  40. +
  41. '.mdl-color--grey-100 {background-color: rgb(28, 35, 30) !important;}'
  42. + // COLOR 2
  43. '.minds-app minds-topbar, .minds-header-row, .mdl-menu__outline, .mce-tabs, minds-app, .minds-editable-container textarea {background-color: rgb(28, 35, 30);}'
  44. + // COLOR 1
  45. '.mdl-textfield input, .minds-search-bar, .m-title-block, .m-title-block-fixed, .m-bubble-popup {background-color: #37474F !important;}'
  46. +
  47. '.m-search-bar-suggestions-list, .minds-dropdown-menu, .mdl-menu, .m-merchant-legal, .mce-textbox {background: #37474F !important; border: 1px solid #26343B !important;}'
  48. +
  49. '.m-search-bar-suggestions-suggestion, .mdl-menu__item, .m-messenger-dockpane-tab, .m-album, .mce-tabs {border-bottom: 1px solid #26343B !important; color: #BBC5CA !important;}'
  50. + //ITEM HOVER
  51. '.m-search-bar-suggestions-suggestion:hover, .mdl-menu__item:hover, .minds-card-navigation li :hover, .minds-settings-nav li :hover, .minds-settings-item:hover, .mce-container-body .mce-menu-item {background-color: rgb(36, 48, 54) !important;}'
  52. + //TEXT COLOR 1 / LINK COLOR 2
  53. '.m-isomorphic-link, .mdl-card__title, .mdl-card__supporting-text, #message, #message a, #message span a, .m-comment-message, .m-content-sidebar-nav-item a, .mdl-tabs__tab-bar a span, .mdl-tabs__tab, .mdl-card__title, textarea, .m-discovery-suggested-actions .minds-subscribe-button {color: #BCCDD5 !important;}'
  54. +
  55. '.mdl-tabs__action-buttons > * button {color: #BCCDD5; border: 1px solid #BCCDD5;}'
  56. + // COLOR 1
  57. '.mdl-card, .m-owner-block {background: #37474F !important;}'
  58. + // COLOR 3
  59. '.mdl-card:not(.mdl-cell), .tabs, .m-action-tabs, .minds-avatar-hovercard, .m-newsfeed-message {background: #28343B !important;}'
  60. + // TEXT COLOR 2
  61. '.m-owner-block a, .mdl-menu__item, .mdl-card__title-text, .m-blurb, #search, .mdl-color-text--blue-grey-50, .mdl-color-text--blue-grey-300, .mdl-color-text--blue-grey-600 span, .wallet-grid .mdl-color-text--blue-grey-500, .wallet-grid label.mdl-color-text--blue-grey-600, .m-homepage-titles h1, .m-homepage-titles h3 {color: #BBC5CA !important;}'
  62. + // TEXT COLOR 3
  63. '.m-owner-block span, .impressions-tag, strong, counter, .m-full-label, .minds-transaction-details p, .mdl-color-text--grey-600, .minds-blog-ownerblock .minds-body a, .minds-usercard-block .body h3, .mdl-cell minds-card-user .m-usercard-bio {color: #E3E3E3 !important;}'
  64. + // TEXT COLOR 4
  65. '.m-footer-nav-item a, .mdl-color-text--blue-grey-500 span, .1, .2, .3, .m-emoji, .minds-messenger-conversation-message-bubble, .mdl-color-text--blue-grey-700 {color: #90A4AE !important;}'
  66. +
  67. '.impressions-tag {background-color: #607D8B !important; font-size: .8em !important;}'
  68. +
  69. '.minds-subscribe-button, button.material-icons {color: #5D7986 !important; border: 1px solid #5D7986 !important;}'
  70. +
  71. '.m-messenger-dockpane-container {background: #37474F !important;}'
  72. +
  73. '.m-messenger-userlist-search, .m-messenger-userlist-search > input, .m-upload input, .mdl-cell input, select, .m-messenger-bar input, .mce-combobox input, .mce-abs-layout input {background: rgb(40, 52, 59) !important; color: #BBC5CA !important;}'
  74. +
  75. '.m-messenger-userlist-search > input, .m-upload input, .mce-combobox input {padding: 0 .5em !important;}'
  76. +
  77. '.m-messenger-dockpane-tab-ribbon {background: #28343B !important; border-bottom: 1px solid #5D7986 !important;}'
  78. +
  79. '.m-comments-composer form textarea, form textarea, .m-messenger-conversation-composer textarea, minds-comments .m-comments-composer form textarea, minds-comments .minds-editable-container textarea {background: #455A64 !important; border: 1px solid #5F7C8A !important;}'
  80. +
  81. '.m-horizontal-content-carousel, .m-discovery-cities li, .m-bubble-popup .m-emoji-selector-title, .mce-window-head {border-bottom: 1px solid #5D7986 !important;}'
  82. +
  83. '.minds-avatar {background-color: #28343B !important;}'
  84. + // TEXT COLOR 5
  85. '.material-icons, .m-overgrown-material-icon, .m-inline-owner-block span, .is-boosted a, .mce-content-body {color: #C9D6DD !important;}'
  86. +
  87. '.mdl-button, .m-input, .username {color: #CFCFCF;}'
  88. +
  89. '.m-album-create input, .mce-combobox input, .mce-tab {border-color: #5D7986 !important; color: #BCCDD5 !important;}'
  90. +
  91. '.body h3, .router-link-active .body span {text-shadow: 0 0 5px #555 !important;}'
  92. + // BORDER COLOR 1
  93. '.minds-group-join-button, .mdl-cell input, select, minds-form-tags-input, minds-comments .m-rich-embed, .m-messenger-bar input, .minds-editable-container textarea, .m-channel-social-profile-input, .mce-textbox, .mce-preview-object {border: 1px solid #5D7986 !important;}'
  94. + // BORDER COLOR 2
  95. '.m-group-info .m-group-info-name > div > span, .m-group-info .m-group-info-brief-description > div > span, .m-group-info .m-group-info-tags > div > span, .m-group-info .m-group-info-membership > div > span, .mdl-tabs__tab-bar, .m-input, .m-upload input {border-color: #38525F !important;}'
  96. + // TEXT COLOR 6 / LABEL COLOR
  97. '.mdl-textfield__label {color: #718792 !important;}'
  98. +
  99. '.mdl-button--accent.mdl-button--accent.mdl-button--raised, .mdl-button--accent.mdl-button--accent.mdl-button--fab {background: #4690D6 !important;}'
  100. +
  101. '.progressbar, .minds-messenger-conversation-message-bubble, .odd .minds-messenger-conversation-message-bubble, .bar1, .bar2, .bar3, minds-capture .progressbar {background: #0076B7 !important;}'
  102. +
  103. '.mdl-tabs__tab.is-active, .mdl-tabs__tab.is-active {border-bottom: 2px solid #0076B7;}'
  104. +
  105. '.mdl-button--colored {background: rgba(158, 158, 158, 0.2) !important;}'
  106. +
  107. '.m-albums-selector .mdl-card__title .mdl-button {padding: 0 6px !important;}'
  108. +
  109. '.body p {color: #90A4AE !important;}'
  110. +
  111. '.m-infinite-scroll-manual {color: #253238 !important;}'
  112. +
  113. 'infinite-scroll .mdl-color--blue-grey-200 {background: #0076B7 !important;}'
  114. +
  115. '.minds-transaction-points .positive, .minds-wallet-points h2 {color: #2691EC !important;}'
  116. +
  117. '.minds-transaction-points .negative {color: #EC4226 !important;}'
  118. +
  119. '.minds-boost-points-input input {font-size: 18px !important; padding: 14px !important;}'
  120. +
  121. '.minds-card-navigation li :hover {background-color: #1D2529 !important;}'
  122. +
  123. '.m-content-sidebar-nav-item .is-active {border-left: 3px solid #0076B7 !important;}'
  124. +
  125. '.m-boost-button-fat, .mdl-card__actions .mdl-button--colored {background-color: #0076B7 !important; color: #C9D6DD !important; padding: 0 14px !important;}'
  126. +
  127. '.m-discovery-suggested-actions .minds-subscribe-button {background-color: #0076B7 !important; color: #C9D6DD !important;}'
  128. +
  129. '.wallet-grid form, .m-rich-embed {background: #37474F !important;}'
  130. +
  131. '.username {color: #CFCFCF !important;}'
  132. +
  133. '.mdl-color--white {background-color: #37474F !important;}'
  134. +
  135. '.overlay {background-color: rgba(0, 0, 0, 0.2) !important;}'
  136. +
  137. '.mce-edit-area, .mce-container, .mce-panel, .mce-stack-layout-item {background-color: #37474F !important;}'
  138. +
  139. '.mce-panel, .mce-btn {background-color: #506974 !important;}'
  140. +
  141. '.mce-btn-group:not(:first-child) {border-left: 1px solid #678D99 !important;}'
  142. +
  143. '.mce-content-body {background-color: #28343B !important;}'
  144. +
  145. '.minds-blog-body p {color: #99C7E3 !important;}'
  146. +
  147. '.minds-blog-ownerblock .minds-body a {font-size: 1.4em !important;}'
  148. +
  149. 'minds-app minds-body {box-shadow: 0px -10px 6px 4px #161A21 inset !important;}'
  150. +
  151. '.m-channel-social-profiles, .mce-foot {border-top: 1px solid #5D7986 !important;}'
  152. +
  153. '.mdl-cell minds-card-user .avatar {background-color: #37474F !important;}'
  154. +
  155. '.m-discovery-suggested-actions .minds-subscribe-button:hover {background-color: #1C5884 !important;}'
  156. +
  157. '.mdl-shadow--4dp, .mdl-shadow--2dp {box-shadow: 0px 0px 8px 4px rgba(19, 21, 23, 0.40);}'
  158. +
  159. '.m-homepage-titles h1, .m-homepage-titles h3 {text-shadow: 0 0 4px rgba(176, 46, 25, 0.82) !important;}'
  160. +
  161. '.mdl-color-text--blue-grey-700 {color: #CFCFCF !important;}'
  162. +
  163. '.m-messenger-conversation-composer textarea {padding: 6px !important; min-height: 28px;}'
  164. +
  165. '.odd div {background: #182F39 !important; box-shadow: 0px 0px 12px 120px #151B23 inset !important;}'
  166. +
  167. '.m-messenger-dockpane-tab {background-color: #132A35 !important;}'
  168. +
  169. '.m-boost-rotator-tabs li.mdl-color--blue-grey-100 {background-color: #2E3A41 !important;}'
  170. +
  171. '.minds-banner-editing .overlay {background: #101B20 !important; color: #90A4AE !important;}'
  172. +
  173. '.m-messenger-userlist-conversations-item:hover {background-color: #1B272C !important;}'
  174. +
  175. '.m-emoji:hover {transform: scale(1.25) !important; opacity: .85 !important;}'
  176. +
  177. '.mdl-textfield input {padding: .2em .5em !important;}'
  178. +
  179. '.mdl-textfield__label {margin: 1px .35em !important;}'
  180. +
  181. '.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label, .mdl-textfield--floating-label.is-focused .mdl-textfield__label {left: -4px !important;}'
  182. +
  183. '.mce-btn.mce-active, .mce-btn.mce-active:hover, .mce-btn:hover, .mce-btn:focus, div[role="toolbar"] {border-color: #0076B7 !important;}'
  184. +
  185. '.mce-menu-item-normal.mce-active:hover .mce-text, .mce-menu-item-normal.mce-active:hover .mce-ico, .mce-menu-item-normal.mce-active .mce-text {color: #60A1C5 !important;}'
  186. +
  187. '.mce-menu-item .mce-ico, .mce-menu-item .mce-text {color: #E3E3E3 !important;}'
  188. +
  189. '.mce-container, .mce-container *, .mce-widget, .mce-widget *, .mce-reset {color: #C9D6DD !important;}'
  190. +
  191. '.mce-floatpanel .mce-label {text-shadow: 0px 1px 1px rgb(43, 58, 66) !important;}'
  192. +
  193. '.mce-widget .mce-btn, .mce-foot button {background-color: #374853 !important;}'
  194. +
  195. '.mce-i-checkbox {border: 1px solid #438BB9 !important; background-color: #485B68 !important;}'
  196. +
  197. '.mce-container-body, .mce-tabs, .mce-tabs + .mce-container-body {background: rgb(28, 35, 30) !important;}'
  198. +
  199. '.mce-tab {background: #2D3B48 !important; text-shadow: 0px 1px 1px rgb(43, 58, 66) !important;}'
  200. +
  201. 'img[src="https://d3ae0shxev0cb7.cloudfront.net/thumbProxy?src=&c=2708"] {visibility: hidden;}'
  202. +
  203. '.minds-banner {background-color: #12171B !important;}'
  204. +
  205. '.minds-blog-descriptions .mce-panel .mce-toolbar .mce-container-body {background-color: #506974 !important;}'
  206. +
  207. '.mdl-card .is-focused label[for="email"] {display: none;}'
  208. +
  209. '.m-fb-login-button {background: #151C21 !important;}'
  210. +
  211. '.m-bar-wrapper {background: #18202A !important;}'
  212. +
  213. '.m-bar-wrapper::before {border-color: transparent transparent transparent #18202A !important;}'
  214. +
  215. '.minds-editable-container .mdl-button--raised, .m-ribbon {background: #1D2226 !important;}'
  216. +
  217. '.minds-list .item .mdl-color--blue-grey-50 {background: #1D2226 !important;}'
  218. +
  219. '.minds-boost-container > .mdl-cell:nth-of-type(1) {border-right: 1px solid #3C4C62 !important;}'
  220. +
  221. 'a.selected i.material-icons {color: #447C9B !important;}'
  222. +
  223. 'minds-topbar minds-search-bar .mdl-textfield input, minds-topbar minds-search-bar .mdl-textfield label {padding: 8px 8px 8px 32px !important;}'
  224. +
  225. 'minds-topbar minds-search-bar .mdl-textfield label {margin: 0 auto !important;}'
  226. +
  227. '.m-has-thumbnail p {color: #DEF2FF !important;}'
  228. +
  229. '.minds-navigation div:hover {background: #03090B !important;}'
  230. +
  231. 'minds-comments .m-comments-composer form minds-textarea, minds-comments .minds-editable-container textarea {background: #212B2D !important;}'
  232. +
  233. 'minds-textarea {border: 1px solid #4A585C;}'
  234. );