LUModder

Blurple Replacer CSS

May 30th, 2018
239
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 8.29 KB | None | 0 0
  1. :root {
  2.     --colorize: #8060C0;
  3. }
  4.  
  5. /* colorize */
  6. /*backgrounds*/
  7. #friends .btn,
  8. #friends .friends-table .friends-row .friends-column-guilds .avatar-small,
  9. #friends .tab-bar .tab-bar-item.selected .badge,
  10. #friends .tab-bar .tab-bar-item.tab-bar-item-primary,
  11. #friends .tab-bar .tab-bar-item.tab-bar-item-primary.selected .badge,
  12. #friends .tab-bar .tab-bar-item.tab-bar-item-primary.selected,
  13. #oauth2-authorize .authorize-inner footer button.primary,
  14. #oauth2-authorize .authorize-inner header,
  15. #oauth2-authorize .scope-bot .avatar-large,
  16. #unsupported-browser li:hover .btn,
  17. .avatar-uploader-inner,
  18. .button,
  19. .chat .new-messages-bar,
  20. .chat .new-messages-bar:hover,
  21. .checkbox .checkbox-inner input[type=checkbox]:checked+span,
  22. .detected-platform-accounts-modal .btn-group .btn-primary,
  23. .form-deprecated .btn-primary,
  24. .form.deprecated .btn-primary,
  25. .mention:hover,
  26. .modal-new-user .steps-wrap .steps li.active,
  27. .modal-new-user .steps-wrap .steps li.on+.divider,
  28. .modal-new-user .steps-wrap .steps li.on,
  29. .modal-new-user .steps-wrap .steps li.on:before,
  30. .need-help-modal.deprecated .header,
  31. .radio .radio-inner span:after,
  32. .radio:hover span:after,
  33. .scroller-wrap .scrollbar .thumb:after,
  34. .scroller-wrap .scroller::-webkit-scrollbar-track-piece,
  35. .spinner-chasing-dots .spinner-item,
  36. .spinner-wandering-cubes .spinner-item,
  37. .spinner.spinner-spinning-circle .path,
  38. .tooltip.tooltip-brand,
  39. .tooltip.tooltip-brand.tooltip-bottom:after,
  40. .tooltip.tooltip-brand.tooltip-left:after,
  41. .tooltip.tooltip-brand.tooltip-right:after,
  42. .tooltip.tooltip-brand.tooltip-top:after,
  43. [class*="barFill-"],
  44. [class*="bigBtnRegular-"],
  45. [class*="botTagRegular-"],
  46. [class*="calenderPicker-"] .react-datepicker__day.react-datepicker__day--selected:after,
  47. [class*="calenderPicker-"] .react-datepicker__day.react-datepicker__day--selected:hover,
  48. [class*="calenderPicker-"] .react-datepicker__day:hover,
  49. [class*="cardBrand-"],
  50. [class*="chasingDotsItem-"],
  51. [class*="clipboardInputInner-"] input::selection,
  52. [class*="datePicker-"] [class*="datePickerHint-"] [class*="hintValue-"],
  53. [class*="deviceOptionCertified-"],
  54. [class*="downloadApps-"] [class*="platforms-"] [class*="platform-"][class*="active-"] [class*="downloadButton-"],
  55. [class*="guild-"]:hover [class*="guildInner-"],
  56. [class*="guild-"][class*="active-"] [class*="guildInner-"],
  57. [class*="guildAvatarWithoutIcon-"],
  58. [class*="guildIcon-"],
  59. [class*="guildPanelHeader-"],
  60. [class*="headerGroupIconBackground-"],
  61. [class*="headerPlaying-"],
  62. [class*="improved-"]:after,
  63. [class*="inviteIcon-"],
  64. [class*="lookFilled-"][class*="colorBrand-"],
  65. [class*="lookFilled-"][class*="colorBrand-"]:active,
  66. [class*="lookFilled-"][class*="colorBrand-"]:hover,
  67. [class*="lookFilled-"][class*="hoverBrand-"][class*="hasHover-"]:active,
  68. [class*="lookFilled-"][class*="hoverBrand-"][class*="hasHover-"]:hover,
  69. [class*="lookGhost-"][class*="colorBrand-"] [class*="spinnerItem-"],
  70. [class*="lookLink-"][class*="colorBrand-"] [class*="spinnerItem-"],
  71. [class*="lookLink-"][class*="colorBrand-"]:hover [class*="contents-"],
  72. [class*="mediaBarGrabber-"],
  73. [class*="mediaBarProgress-"],
  74. [class*="mediaBarProgress-"]:after,
  75. [class*="mediaBarProgress-"]:before,
  76. [class*="note-"] textarea::selection,
  77. [class*="noticeBrand-"] [class*="button-"]:hover,
  78. [class*="noticeBrand-"],
  79. [class*="path-"],
  80. [class*="path2-"],
  81. [class*="popout-"] header,
  82. [class*="premiumPaymentModal-"],
  83. [class*="premiumPromo-"] .btn,
  84. [class*="questionMark-"],
  85. [class*="regionSelect-"]:hover button,
  86. [class*="regionSelectFlag-"],
  87. [class*="regionSelectModal-"] [class*="regionSelectModalHeader-"],
  88. [class*="scrollerWrap-"] [class*="scrollbar-"] [class*="thumb-"],
  89. [class*="selectorButtonSelected-"],
  90. [class*="side-"] [class*="itemSelected-"],
  91. [class*="topSectionPlaying-"],
  92. [class*="uploadModal-"],
  93. [class*="uploadModalIn-"] [class*="uploadDropModal-"] [class*="bgScale-"],
  94. [class*="valueChecked-"],
  95. [class*="verifyConnectedAccount-"] [class*="btn-"],
  96. [class*="vip-"]:after,
  97. [class*="wanderingCubesItem-"],
  98. [class*="wrapper-"] .btn:disabled,
  99. [class*="wrapper-"] [class*="instantInviteModal-"] .checkbox .checkbox-inner input:checked+span,
  100. [class*="wrapper-"] [class*="instantInviteModal-"] [class*="clipboardInputInner-"] input,
  101. [class*="wrapper-"] [class*="instantInviteModal-"] [class*="copy-"],
  102. [class*="wrapper-"] [class*="instantInviteModalAdvanced-"] .checkbox .checkbox-inner input:checked+span,
  103. [class*="wrapper-"] button {
  104.     background:var(--colorize) !important;
  105. }
  106.  
  107. /*border*/
  108. #oauth2-authorize .select select:active,
  109. #oauth2-authorize .select select:focus,
  110. #unsupported-browser li:hover .btn,
  111. #unsupported-browser li:hover,
  112. .checkbox .checkbox-inner input[type=checkbox]:checked+span,
  113. .checkbox .checkbox-inner.alt input[type=checkbox]:checked+span:after,
  114. .form-deprecated .control-group input[type=email]:focus,
  115. .form-deprecated .control-group input[type=number]:focus,
  116. .form-deprecated .control-group input[type=password]:focus,
  117. .form-deprecated .control-group input[type=text]:focus,
  118. .form-deprecated .control-group textarea:focus,
  119. .form.deprecated .control-group input[type=email]:focus,
  120. .form.deprecated .control-group input[type=number]:focus,
  121. .form.deprecated .control-group input[type=password]:focus,
  122. .form.deprecated .control-group input[type=text]:focus,
  123. .form.deprecated .control-group textarea:focus,
  124. .tab-bar.SIDE .tab-bar-item:before,
  125. .tab-bar.TOP .tab-bar-item.selected,
  126. [class*="cardBrand-"],
  127. [class*="cardBrandOutline-"],
  128. [class*="downloadApps-"] [class*="platforms-"] [class*="platform-"][class*="active-"],
  129. [class*="focused-"],
  130. [class*="imageSelected-"],
  131. [class*="inner-"]:hover [class*="span-"]:after,
  132. [class*="input-"]:focus,
  133. [class*="input-"][class*="focused-"],
  134. [class*="lookOutlined-"][class*="colorBrand-"] [class*="spinnerItem-"],
  135. [class*="lookOutlined-"][class*="colorBrand-"],
  136. [class*="lookOutlined-"][class*="colorBrand-"]:active,
  137. [class*="popoutBottom-"] header:before,
  138. [class*="popoutBottomLeft-"] header:before,
  139. [class*="popoutBottomRight-"] header:before,
  140. [class*="popoutInvert-"]:not([class*="popoutBottom-"])[class*="popoutTop-"] header:before,
  141. [class*="popoutInvert-"]:not([class*="popoutBottom-"])[class*="popoutTopRight-"] header:before,
  142. [class*="popoutLeft-"] header:before,
  143. [class*="popoutRight-"] header:before,
  144. [class*="prefixInput-"][class*="focused-"],
  145. [class*="regionSelect-"]:hover button,
  146. [class*="regionSelectModal-"] [class*="regionSelectModalOption-"]:hover,
  147. [class*="span-"]:after,
  148. [class*="uploadModal-"] [class*="inner-"] [class*="file-"] [class*="icon-"][class*="image-"] {
  149.     border-color: var(--colorize) !important;
  150. }
  151.  
  152. /*text*/
  153. #friends .tab-bar .tab-bar-item.tab-bar-item-primary .badge,
  154. .app [class*="welcomeMessage-"] h1,
  155. .chat .has-more button,
  156. .create-guild-container.deprecated .action.create .action-header,
  157. .create-guild-container.deprecated .join-server .sample-link,
  158. .create-guild-container.deprecated h5,
  159. .form-deprecated .form-header,
  160. .form-deprecated header,
  161. .form.deprecated .form-header,
  162. .form.deprecated header,
  163. .mention,
  164. .mentioned .mention:hover,
  165. .message-group .edit-message .edit-operation>a,
  166. .message-group a,
  167. .modal-new-user h5,
  168. .reaction.reaction-me .reaction-count,
  169. .tab-bar.TOP .tab-bar-item.selected,
  170. .tutorial-popout .button-area .skip-tips a,
  171. [class*="authBox-"],
  172. [class*="botTagInvert-"],
  173. [class*="brand-"],
  174. [class*="brand500-"],
  175. [class*="btnCall-"],
  176. [class*="downloadApps-"] [class*="footer-"] a,
  177. [class*="hasMore-"] button,
  178. [class*="improved-"],
  179. [class*="item-"][class*="brand-"],
  180. [class*="item-"][class*="brand-"]:hover,
  181. [class*="item-"][class*="invite-"],
  182. [class*="lookGhost-"][class*="colorBrand-"],
  183. [class*="lookGhost-"][class*="hoverBrand-"][class*="hasHover-"]:active,
  184. [class*="lookGhost-"][class*="hoverBrand-"][class*="hasHover-"]:hover,
  185. [class*="lookInverted-"][class*="colorBrand-"] [class*="spinnerItem-"],
  186. [class*="lookInverted-"][class*="colorBrand-"],
  187. [class*="lookInverted-"][class*="hoverBrand-"][class*="hasHover-"]:active,
  188. [class*="lookInverted-"][class*="hoverBrand-"][class*="hasHover-"]:hover,
  189. [class*="lookLink-"][class*="colorBrand-"],
  190. [class*="lookOutlined-"][class*="colorBrand-"],
  191. [class*="lookOutlined-"][class*="hoverBrand-"][class*="hasHover-"]:active,
  192. [class*="lookOutlined-"][class*="hoverBrand-"][class*="hasHover-"]:hover,
  193. [class*="regionSelect-"] button,
  194. [class^="title-"] {
  195.     color: var(--colorize) !important;
  196. }
Advertisement
Add Comment
Please, Sign In to add comment