API tools faq
paste
Advertisement
Guest User

Final draft of css custom theme based on amethyst and Trap's

a guest
Jan 17th, 2018
111
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 7.86 KB | None | 0 0
raw download clone embed print report
  1. @import url(https://gitcdn.xyz/repo/Zerthox/ClearVision/master/css/ClearVision_v5.min.css);
  2.  
  3. :root {
  4.     --hover-color: hsla(265, 88%, 65%, 1);
  5.     --main-color: hsla(265, 63%, 48%, 1);
  6.     --background-blur: 0px;
  7.     --background-brightness: 100%;
  8. }
  9.  
  10. body::after,
  11. .callout-backdrop,
  12. .user-popout::before,
  13. #user-profile-modal .header::before,
  14. #pubs-container::before,
  15. .auth-background,
  16. .auth-tiling-bg,
  17. .invite-modal .invite-splash,
  18. .radio-theme.light label,
  19. .radio-theme.dark label{
  20.     background-image: url(https://i.pinimg.com/originals/31/d0/4b/31d04be4a7e3623f02d345990bbaa27b.jpg) !important;
  21.     background-size: 1950px 1100px;
  22.    
  23. }
  24.  
  25. .buttonGreenFilled-6QHNrw, .buttonGreenFilledDefault-_lLQaz:hover{
  26.     background-color: var(--main-color) !important;
  27. }
  28.  
  29. .theme-dark .contextMenu-uoJTbz{
  30.     background-color: rgba(0,0,0, 1.0)!important;
  31. }  
  32.  
  33. .contextMenu-uoJTbz.theme-dark .itemGroup-oViAgA .item-1XYaYf :hover {
  34.     color: var(--hover-color);
  35.     -webkit-transition: all .15s ease-in-out;
  36.     transition: all .15s ease-in-out;
  37. }
  38.  
  39. .theme-light .chat>.content .messages .message-group .comment .markup {
  40.     color:lightgray !important;
  41. }
  42. .theme-light .chat>.content .messages a {
  43.     color: lightgray !important;
  44. }
  45. .theme-light .chat>.content .messages .message-group .comment .mention {
  46.     color: lightgray !important;
  47. }
  48. .guilds-wrapper .badge {
  49.     -webkit-animation: none;
  50.     animation: none;
  51.     background-color: var(--main-color)!important;
  52. }
  53.  
  54. /*collapsing channel bar that pops out on hover.*/
  55.  
  56. div.guilds-wrapper +
  57. div.flex-lFgbSz.flex-3B1Tl4.vertical-3X17r5.flex-3B1Tl4.directionColumn-2h-LPR.justifyStart-2yIZo0.alignStretch-1hwxMa.noWrap-v6g9vO.base-3AoPqv
  58. .channels-3g2vYe {
  59.     width: 0%;
  60.     opacity: 0.25;
  61.     transition: all 0.75s;
  62. }
  63. div.guilds-wrapper:hover +
  64. div.flex-lFgbSz.flex-3B1Tl4.vertical-3X17r5.flex-3B1Tl4.directionColumn-2h-LPR.justifyStart-2yIZo0.alignStretch-1hwxMa.noWrap-v6g9vO.base-3AoPqv > div.flex-lFgbSz.flex-3B1Tl4.horizontal-2BEEBe.horizontal-2VE-Fw.flex-3B1Tl4.directionRow-yNbSvJ.justifyStart-2yIZo0.alignStretch-1hwxMa.noWrap-v6g9vO.spacer-3Dkonz > div.channels-3g2vYe.vertical-3X17r5.flex-3B1Tl4.directionColumn-2h-LPR,
  65. div.guilds-wrapper +
  66. div.flex-lFgbSz.flex-3B1Tl4.vertical-3X17r5.flex-3B1Tl4.directionColumn-2h-LPR.justifyStart-2yIZo0.alignStretch-1hwxMa.noWrap-v6g9vO.base-3AoPqv
  67. .channels-3g2vYe:hover{
  68.     width: 240px;
  69.     opacity: 1;
  70. }
  71. /*end of collapsing channel bar*/
  72.  
  73. .channel-members h2 {
  74.     color: lightgray !important;
  75. }
  76. .private-channels .search-bar .search-bar-inner {
  77.    background: var(--main-color);
  78. }
  79. .private-channels .channel .channel-activity strong {
  80.     color: var(--hover-color)!important ;
  81.     font-weight:900px;
  82. }
  83. .theme-dark DIV[class*="channels"][class*="vertical"] {
  84.     color: rgba(0,0,0,.5);
  85. }
  86.  
  87. [class*="titleBar-"]{
  88.     background-color: rgba(0, 0, 0, .6) !important;
  89.     margin-top: 0px !Important;
  90.     padding-top: 4px !Important;}
  91. [class*="winButtonMinMax-"]:hover{
  92.     background-color: var(--main-color) !important;}
  93. .channelIcon-1KtcMW {
  94.     color: hsla(265, 63%, 48%, 1;
  95.     margin-right: 1px;
  96.     position: relative;
  97.     top: 2px;
  98. }
  99. /* "Smooth Backgrounds v2.2b" by Zerthox & Hebgbs */
  100. /* Make the background really clear & more smooth */
  101.  
  102. DIV.theme-light .guilds-wrapper .scroller-wrap,
  103. DIV.theme-dark .guilds-wrapper .scroller-wrap,
  104. DIV.theme-light DIV[class*="noWrap"] [class*="channels-"],
  105. DIV.theme-dark DIV[class*="noWrap"] [class*="channels-"],
  106. DIV.theme-light DIV.flex-spacer.flex-horizontal,
  107. DIV.theme-dark DIV.flex-spacer.flex-horizontal,
  108. DIV[class*="titleWrapper"].theme-light > DIV[class*="title-"],
  109. DIV[class*="titleWrapper"].theme-dark > DIV[class*="title-"],
  110. DIV.theme-light DIV.channel-members,
  111. DIV.theme-dark DIV.channel-members,
  112. DIV.theme-light .search-results-wrap,
  113. DIV.theme-dark .search-results-wrap,
  114. DIV.theme-light #friends [class*="noWrap"][class*="headerBar"],
  115. DIV.theme-dark #friends [class*="noWrap"][class*="headerBar"],
  116. DIV.theme-light #friends DIV.friends-table,
  117. DIV.theme-dark #friends DIV.friends-table {
  118.     background-color: transparent !important;
  119. }
  120.  
  121. .theme-light .channelName-1G03vu, .theme-light .groupDM-3gzbyG .channelName-1G03vu, .theme-light .groupDMManaged-2z2S1A .channelName-1G03vu, .theme-light .input-autosize-input {
  122.     color: #ffffff;
  123. }
  124. .userPopout-4pfA0d .headerNormal-1cioxU {
  125.     background: var(--main-color)!important;
  126. }
  127. .theme-light .headerNormal-1cioxU .headerName-2N8Pdz, .theme-light .headerNormal-1cioxU .headerTagUsernameNoNickname-1gGsAP {
  128.     color: hsla(265, 88%, 65%, 1 !important;
  129. }
  130. .theme-light .body-3rkFrF {
  131.     color: hsla(265, 88%, 65%, 1 !important;
  132. }
  133. .theme-light .topSectionNormal-2LlRG1 {
  134.     background: var(--main-color) !important;
  135. }
  136. .account {
  137.     border-top:none !important;
  138.     padding:0 15px !important;
  139.     background:#19191b;
  140.     border-top: 2px solid #212121 !important;  
  141.     height: 72px;
  142.     overflow: visible;
  143.     z-index: 9;
  144.     width: 310px;
  145.     margin-left: -80px;
  146.     box-sizing: border-box;  
  147. }
  148. .ui-standard-sidebar-view, .ui-standard-sidebar-view .sidebar-region, .ui-standard-sidebar-view .content-region {
  149.     background: var(--main-color)!important;
  150. }
  151. .theme-light .lfg-3xoFkI{
  152.     background-color: rgba(0,0,0,0.5) !important;
  153. }
  154. [class*="card"] {
  155.      background: none!important;
  156.      border-color: transparent!important;
  157. }
  158. .theme-light .card-11ynQk:before {
  159.     background-color: var(--main-color) !important;
  160.     border-color: hsla(265, 88%, 65%, 1) !important;
  161. }
  162. .theme-light .wrapperDefault-NeXRmD {
  163.     background-color: var(--main-color) !important;
  164. }
  165. .theme-light .wrapperDefault-NeXRmD, .theme-light .wrapperFull-2_7g2- {
  166.     border-color: #FFC62F !important;
  167.     color: hsla(265, 88%, 65%, 1) !important;
  168. }
  169. .uploadModal-2KN6Mm .footer-4pOKm8 .button-primary {
  170.     -webkit-transition: opacity .2s ease-in-out;
  171.     background-color: none;
  172.     color: none;
  173.     transition: opacity .2s ease-in-out;
  174. }
  175.  
  176. .uploadModal-2KN6Mm .footer-4pOKm8 .button {
  177.     background-color: none;
  178.     height: 36px;
  179.     min-width: 84px;
  180.     padding: 0!important;
  181. }
  182.  
  183. .uploadModal-2KN6Mm .footer-4pOKm8 .button {
  184.     background-color: none;
  185.     height: 36px;
  186.     min-width: 84px;
  187.     padding: 0!important;
  188. }
  189.  
  190. .uploadModal-2KN6Mm .footer-4pOKm8 {
  191.     -ms-flex-direction: row;
  192.     -ms-flex-pack: end;
  193.     -webkit-box-direction: normal;
  194.     -webkit-box-orient: horizontal;
  195.     -webkit-box-pack: end;
  196.     background-color: transparent;
  197.     border-radius: 0 0 10px 10px;
  198.     display: -webkit-box;
  199.     display: -ms-flexbox;
  200.     display: flex;
  201.     flex-direction: row;
  202.     justify-content: flex-end;
  203.     padding: 10px;
  204. }
  205.  
  206. .uploadModal-2KN6Mm {
  207.     -ms-flex-direction: column;
  208.     -webkit-box-direction: normal;
  209.     -webkit-box-orient: vertical;
  210.     -webkit-filter: blur(0);
  211.     -webkit-perspective: 1000;
  212.     background-color: rgba(0, 0, 0, 0.62);
  213.     border-radius: 10px;
  214.     display: -webkit-box;
  215.     display: -ms-flexbox;
  216.     display: flex;
  217.     filter: blur(0);
  218.     flex-direction: column;
  219.     min-height: 258px;
  220.     perspective: 1000;
  221.     width: 520px;
  222. }
  223. .container-2OU7Cz, .theme-dark .title-qAcLxz, .channels-3g2vYe, .theme-dark .chat form, .theme-dark .headerBar-cxbhPD {
  224.     background-color: transparent;
  225. }
  226. .theme-dark .title-qAcLxz, .channels-3g2vYe, .titleWrapper-3Vi_wz {
  227.     background-color:rgba(0,0,0,0) !important;
  228. }
  229. .container-iksrDt {
  230.     background-color:rgba(0,0,0,0,) !important;
  231. }
  232. .layers-20RVFW, .layer-kosS71, .container-2OU7Cz, .typing-3eiiL_ {
  233.   color: transparent !important;
  234. }
  235. .containerDefault-7RImuF:hover, .containerDragAfter-3rB7mB, .containerDragBefore-12YyA9, .containerUserOver-2YhVL6 :hover {
  236.     background-color: hsla(265, 88%, 65%, 0.4) !important;
  237.     border-radius: 25px !important;
  238.     -webkit-transition: all .15s ease-in-out !important;
  239.     transition: all .15s ease-in-out !important;
  240. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!