API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Oct 22nd, 2017
70
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.19 KB | None | 0 0
raw download clone embed print report
  1. :root {--color: rgba(33, 51, 79,0.9)}
  2. :root {--mention: rgba(255,255,255,1)}
  3. :root {--font: "Friday13 Regular"}
  4. :root {--fontcolor: rgba(255,255,255,1)}
  5. /* [ */
  6.  
  7. body, .ui-settings-notice-buttons .settings-notice-button, .theme-dark .input-2YozMi, .buttonBrandFilledDefault-2Rs6u5, .theme-dark .buttonPrimaryLinkDefault-1PQflF, .theme-dark .buttonPrimaryLinkDisabled-3Ey7-S, .theme-dark .buttonPrimaryLinkSubmitting-RbBzR4, .theme-dark .input-2YozMi:focus, .message-group .comment .markup code.inline, .theme-dark .message-group .comment .markup pre code, .theme-dark .user-settings-games .now-playing .game-name, .theme-light .user-settings-games .now-playing .game-name, .chat>.title-wrap.title-wrap-dark .channel-name, .chat>.title-wrap.title-wrap-dark .title.channel-group-dm-managed .channel-name, .chat>.title-wrap.title-wrap-dark .title.channel-group-dm .channel-name .input-autosize-inner .input-autosize-input, .form.deprecated .control-group input[type=email], .form.deprecated .control-group input[type=number], .form.deprecated .control-group input[type=password], .form.deprecated .control-group input[type=text], .form.deprecated .control-group textarea, .quick-message, #user-profile-modal .guilds .section .note textarea, .btn-primary, .btn-default, .body-3rkFrF .note-3Zfyi2 textarea, .renamer-modal input, .name-3gtcmp, .theme-brand .textArea-20yzAH, .theme-dark .textArea-20yzAH, .option-popout .btn-item, .buttonRedOutlined-2t9fm_ {font-family: var(--font);font-size: default;letter-spacing:default;line-height:100%}
  8. .chat>.title-wrap.title-wrap-dark .channel-name, .chat>.title-wrap.title-wrap-dark .title.channel-group-dm-managed .channel-name, .chat>.title-wrap.title-wrap-dark .channel-name .input-autosize-inner .input-autosize-input {line-height:200%}
  9. .CodeMirror-lines {font-family: default;font-size: default;letter-spacing:default;line-height:100%} !important
  10. .option-popout .btn-item:hover {color:white}
  11. .small-popout-box {border:default,background-color:var(--color)}
  12. .theme-dark .ui-video {background-color:var(--color)}
  13. .mention {color:var(--mention)}
  14. .mentioned .mention:hover {color:var(--mention)}
  15. .theme-dark .message-group .comment .markup {color:var(--fontcolor)}
  16. .bot-tag {background: var(--color)}
  17. .member-activity strong {color: #CCC;font-size: default}
  18. .member-username-inner {color: none}
  19. .channel-members .renamer-tag style.element {background-color: red}
  20. .private-channels .channel.selected a {background-color: var(--color)}
  21. .private-channels .channel:hover a {background-color: rgba(0,0,0,0)}
  22. .message-group .image {opacity: 0.6}
  23. .theme-dark .ui-hover-card:before {background-color: var(--color);border-color: #393a80}
  24. .wrapper-2ldvyE {font-family: var(--font),Whitney,Helvetica Neue,Helvetica,Arial,sans-serif}
  25.  
  26. Default --key: rgba(30, 30, 137,1);
  27. Default --font: Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;
  28. Default .bot-tag rgba(9, 47, 179,1)
  29. Defaukt .member-username-inner none
  30.  
  31. .unread-mentions-indicator-bottom {
  32. display: none;
  33. }
  34.  
  35. div[class^=unreadBottom] {
  36. display: none;
  37. }
  38.  
  39. Code for Color Theme (Requires 'Dark Theme' selected in 'Appearance')
  40.  
  41. body,span:not(.spinner-item){-webkit-font-smoothing:antialiased;-webkit-backface-visibility:hidden;}
  42. body{background: var(--color);}
  43. .layers, #friends{background:var(--color) !important;}
  44. .theme-dark .layer, .theme-dark .layers{background: transparent !important;}
  45. #friends .friends-header .tab-bar .tab-bar-item:hover:not(.selected){background-color:rgba(0, 0, 0, 0.17) !important;}
  46. .guilds-wrapper{background:rgba(0, 0, 0, 0.43);}
  47. .account, #voice-connection, #rtc-connection{background:rgba(0, 0, 0, 0.24);border-top:1px solid rgba(0, 0, 0, 0.25);}
  48. .chat{background-color:rgba(0, 0, 0, 0) !important;}
  49. .search-bar{background-color:transparent;}
  50. .guild-channels, .private-channels{background-color:rgba(0, 0, 0, 0.15);}
  51. .chat .has-more button{background:var(--color) !important;border:1px solid rgba(0,0,0,0.1) !important;filter:brightness(0.95) !important;}
  52. .message-group .comment .markup pre{border-color:rgba(0,0,0,0.25) !important;background:transparent !important;}
  53. .message-group .embed{border-color:rgba(0, 0, 0, 0.2) !important;}
  54. .message-group .comment .markup code.inline, .theme-dark .message-group .comment .markup pre code{background:rgba(0,0,0,0.15) !important;}
  55. .guild-header header:hover,.guild-header.popout-open header{background-color:rgba(0, 0, 0, 0.25);}
  56. .guild-header header{background-color:rgba(0, 0, 0, 0.15);box-shadow:0 1px 0 rgba(0, 0, 0, 0.2), inset 0 -1px 0 rgba(0, 0, 0, .1);}
  57. .chat .title-wrap, #friends .friends-header{border-bottom:1px solid rgba(0, 0, 0, 0.1) !important;background-color:rgba(0, 0, 0, 0) !important;}
  58. .search-results-wrap .channel-separator .channel-name{color:#fff;background-color:transparent !important;}
  59. .search-results-wrap{background-color:rgba(0, 0, 0, 0.15) !important;}
  60. .search-results-wrap .search-header{background-color:rgba(0, 0, 0, 0) !important;box-shadow:0 1px 0 rgba(0,0,0,.2);}
  61. .search-answer, .search-filter{background-color:var(--color) !important;}
  62. .search-results-wrap .search-result.expanded .search-result-message.hit{background-color:var(--color) !important;}
  63. .search-results-wrap .search-result .hit{background-color:var(--color) !important;box-shadow:0 0 10px 6px rgba(0, 0, 0, 0.04) !important;}
  64. .search-results-wrap .search-result .search-result-message.hit, .search-results-wrap .search-result.expanded{border:2px solid rgba(0, 0, 0, 0.25) !important;}
  65. .search-results-wrap .search-result:after{background-image:-webkit-linear-gradient(top,rgba(46,49,54,0),rgba(0, 0, 0, 0)) !important;background-image:linear-gradient(180deg,rgba(46,49,54,0) 0,rgba(0, 0, 0, 0) 100%) !important;}
  66. .search-results-wrap .search-result:before{background-image:-webkit-linear-gradient(bottom,rgba(46,49,54,0),rgba(0, 0, 0, 0)) !important;background-image:linear-gradient(0deg,rgba(46,49,54,0) 0,rgba(0, 0, 0, 0) 100%) !important;}
  67. .guild-channels .channel-text.selected,.guild-channels .channel-text:hover,.private-channels .channel.selected,.private-channels .channel:hover,.private-channels .search-result.selected,.private-channels .search-result:hover{background:-webkit-linear-gradient(left, rgba(0, 0, 0, 0.1) 85%, transparent);background:linear-gradient(to right, rgba(0, 0, 0, 0.1) 85%, transparent);}
  68. .theme-dark .channel-members .member:not(.disabled).popout-open,.theme-dark .channel-members .member:not(.disabled):hover{background:linear-gradient(to right, rgba(0, 0, 0, 0.1) 85%, transparent);background:linear-gradient(to right, rgba(0, 0, 0, 0.1) 85%, transparent);}
  69. .channel-members{background-color:rgba(0, 0, 0, 0.15) !important;}
  70. .messages-popout-wrap{background-color:var(--color) !important;border:1px solid rgba(0,0,0, 0.3) !important;}
  71. .themed-popout .header{background-color:var(--color) !important;}
  72. .messages-popout{background-color:rgba(0,0,0,0.15) !important;}
  73. .messages-popout-wrap .messages-popout .message-group{border-color:rgba(0, 0, 0, 0.25) !important;background-color:var(--color) !important}
  74. .messages-popout-wrap .messages-popout .message-group:hover .action-buttons{box-shadow:0 0 6px 4px transparent !important;background-color:var(--color) !important;}
  75. .messages-popout-wrap .messages-popout .message-group .action-buttons .jump-button, .search-results-wrap .action-buttons .jump-button{background-color:var(--color) !important;filter:brightness(1.4) !important;}
  76. .account .btn, #voice-connection .btn, #rtc-connection .btn{background:var(--color);}
  77. .account .btn:active, #voice-connection .btn:active, #rtc-connection .btn:active{background:var(--color);box-shadow:inset 0 0 4px rgba(0,0,0,.06);}
  78. .account .btn:active::before{content:"";width:100%;height:100%;background:rgba(0,0,0,0.2);box-shadow:inset 0 0 4px rgba(0,0,0,.06);}
  79. #voice-connection .btn:active::before, #rtc-connection .btn:active::before{content:"";width:100%;height:100%;background:rgba(0,0,0,0.2);box-shadow:inset 0 0 4px rgba(0,0,0,.06);}
  80. .account .btn-group, #voice-connection .btn-group, #rtc-connection .btn-group{border:1px solid rgba(0, 0, 0, 0.3);}
  81. .account .btn::before{content:"";width:100%;height:100%;background:rgba(0, 0, 0, 0.15);position:absolute;top:0px;left:0px;}
  82. #voice-connection .btn::before, #rtc-connection .btn::before{content:"";width:100%;height:100%;background:rgba(0, 0, 0, 0.15);position:absolute;top:0px;left:0px;}
  83. .account .btn-deafen,.account .btn-mute,#voice-connection .btn-info, #rtc-connection .btn-info{border-right:1px solid rgba(0, 0, 0, 0.48);}
  84. .account .btn-deafen,.account .btn-settings,#voice-connection .btn-disconnect, #rtc-connection .btn-disconnect{box-shadow:inset 1px 0 0 rgba(119, 119, 119, 0.2);}
  85. .settings .settings-header{background-color:var(--color);}
  86. .app .guilds-wrapper .guilds .guild .guild-inner{background-color:var(--color) !important;position: relative;}
  87. .app .guilds-wrapper .guilds .guild.selected .guild-inner, .guilds-wrapper .guilds .guild.active .guild-inner{background: #7289da !important;}
  88. .app .guilds-wrapper .guilds .guild:hover .guild-inner{background: #7289da !important;}
  89. .app .guilds-wrapper .guild-separator:after{background:var(--color);}
  90. .app .guilds-wrapper .guilds-add{background:transparent;color:#535559;border:1px dashed #535559;}
  91. .app .guilds-wrapper .guilds-add {color: var(--color) !important;border-color: var(--color) !important;filter: contrast(70%) brightness(103%)}
  92. .channel-members .member .member-activity{color: #8e8e8e;}
  93. .theme-dark .chat>.content,.theme-dark .friends-table,.theme-dark .messages-wrapper{background-color:transparent;}
  94. .channels-wrap{background:transparent;}
  95. .friends-table .messages .divider span,.friends-table .messages .divider:before,.messages-wrapper .messages .divider span,.messages-wrapper .messages .divider:before{background-color:var(--color) !important;}
  96. .chat form .typing{background-color:transparent !important;}
  97. .app .guilds-wrapper .btn-download-apps{display:none;}
  98. ::-webkit-scrollbar-track-piece,.app .scroller-wrap .scroller.messages::-webkit-scrollbar-track-piece, .app .scroller-wrap .scroller.guilds::-webkit-scrollbar-track-piece, .theme-dark .friends-table .scroller-wrap .scroller::-webkit-scrollbar-track-piece {background: rgba(0, 0, 0, 0.2);}
  99. .theme-dark .friends-table .scroller-wrap ::-webkit-scrollbar-thumb, .theme-dark .messages-wrapper .scroller-wrap ::-webkit-scrollbar-thumb, .context-menu .context-menu .scroller-wrap ::-webkit-scrollbar-thumb {border-color: transparent;background-color: rgba(0,0,0,.4);}
  100. .theme-dark .friends-table .scroller-wrap ::-webkit-scrollbar-track-piece, .theme-dark .messages-wrapper .scroller-wrap ::-webkit-scrollbar-track-piece {border-color: var(--color);}
  101. ::-webkit-scrollbar-track-piece:start {border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important;border-bottom-width: 0px!important}
  102. ::-webkit-scrollbar-track-piece:end {border-top-left-radius: 0px !important;border-top-right-radius: 0px !important;border-top-width: 0px!important;}
  103. .theme-dark .search-results-wrap .scroller-wrap .scroller::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.4)!important;border:3px solid rgba(0,0,0,0)!important;}
  104. .theme-dark .search-results-wrap .scroller-wrap .scroller::-webkit-scrollbar-track-piece{background-color:rgba(0, 0, 0, 0.2) !important;}
  105. .friends-table .messages .divider:not(.divider-red) div, .messages-wrapper .messages .divider:not(.divider-red) div{background:rgba(255, 255, 255, 0.1) !important;}
  106. .themed-popout .footer{background-color:rgba(0, 0, 0, 0.21) !important;}
  107. .scroller-wrap .scroller{border-radius:0px !important;}
  108. .theme-dark.context-menu, .theme-dark.context-menu .context-menu, .theme-dark.context-menu .item-subMenu{background:linear-gradient(rgba(0,0,0,.17),rgba(0,0,0,.17)) var(--color);}
  109. .popout .context-menu {background:#fff !important;}
  110. .popout ::before {display: none}
  111. .context-menu.recent-mentions-filter-popout .label {color:#99aab5;}
  112. .context-menu.recent-mentions-filter-popout .item:hover {background:#f9f9f9 !important;}
  113. .app .friends-row .status{border-color:rgba(200,200,200,.5) !important}
  114. .theme-dark.context-menu .item:hover {background-color:rgba(0,0,0,.14);}
  115. .theme-dark.context-menu .context-menu {border:1px solid rgba(0,0,0,.25)}
  116. .app :-webkit-any(.member,.channel,.account) .status {border-color:transparent !important;}
  117. .app :-webkit-any(.member,.channel,.account) .status::before {content:'';position:absolute;display:block;width:100%;height:10px;top:-2px;left:-2px;background:transparent;border:2px solid var(--color);filter:brightness(86%);border-radius:100px;}
  118. .channel:hover .status::before, .selected .status::before {filter:brightness(90%);}
  119. .member .status:before {filter:brightness(87%);}
  120. .member:hover .status::before, .popout-open .status::before {filter:brightness(76%);}
  121. .private-channels .channel .icon-friends{background-color:transparent!important;}
  122. .private-channels .channel .icon-friends::before {content:'';position:absolute;display:block;width:30px;height:30px;background-color: var(--color);filter:brightness(147%);z-index:-1;border-radius: 50%}
  123. .private-channels .channel:hover .icon-friends::before {filter:brightness(150%)contrast(160%);}
  124. .app #friends .friends-table .friends-row:hover {background-color:rgba(255,255,255,.06);}
  125. .theme-dark #friends .friends-table .friends-row .friends-column-actions .friends-action {background-color: rgba(38,38,38,.5)}
  126. .theme-dark #friends .friends-table .friends-row:hover .friends-column-actions .friends-action {background-color: rgba(32,32,32,.5)}
  127. .theme-dark #friends .friends-table .friend-table-add-wrapper .friend-table-add-header {background: linear-gradient(-180deg,rgba(200,200,200,.007) 0,rgba(210,210,210,.01) 100%);}
  128. .app .guild-channels .channel-voice .channel-arrow:hover{background-color:rgba(255,255,255,.07);}
  129. .private-channel-recipients-invite.themed-popout{background:transparent;}
  130. .private-channel-recipients-invite.themed-popout:before{content:'';position:absolute;display:block;width:338px;height:calc(100% - 2px);top:1px;left:1px;background:var(--color);filter:brightness(87%);border-radius:5px;z-index:-1}
  131. .theme-dark .private-channel-recipients-invite .friend.selected, .theme-dark .private-channel-recipients-invite .friend:hover{background:linear-gradient(to right, rgba(0, 0, 0, 0.12) 85%, transparent);}
  132. .theme-dark .private-channel-recipients-invite .friend{background:transparent;}
  133. .theme-dark .private-channel-recipients-invite .footer{z-index:1;background-color:rgba(0,0,0,.12)!important;}
  134. .search-bar-tag{background:transparent;position:relative;}
  135. .search-bar-tag:before{content:'';position:absolute;display:block;width:100%;height:22px;left:0;top:0;background:var(--color);filter:brightness(123%);z-index:-1}
  136. .theme-dark .channel-textarea-autocomplete-inner{background:linear-gradient(rgba(255,255,255,.06),rgba(255,255,255,.06)) var(--color);}
  137. .theme-dark .channel-textarea-autocomplete-inner ul li.active{background-color:rgba(0,0,0,.11);}
  138. .theme-dark .channel-textarea-autocomplete-inner header{border-bottom-color:rgba(0,0,0,.3);}
  139. .premium-promo-autocomplete{display:none}
  140. .message-group .comment .markup code.inline{padding:2px 2px 0px 2px;}
  141. .invite-button{background-color:rgba(0, 0, 0, 0.15) !important;border-color:rgba(0, 0, 0, 0.07) !important;}
  142. .app div.guild.active:first-child div.guild-inner::before, div.guild.selected div.guild-inner::before, div.guild div.guild-inner:hover::before{content: "";display: none;}
  143. .app div.guild div.guild-inner::before{content: "";width: 100%;height: 100%;left: 0px;background-color: rgba(0,0,0,0.16);position: absolute;pointer-events: none;}
  144. .app .guilds-wrapper .guild-separator::before{content: "";height: 100%;background-color: rgba(0,0,0,0.16);pointer-events: none;position: absolute;top: 0;left: 20%;right: 20%;z-index: 1;}
  145. .app .guilds-wrapper .guilds .friends-icon{z-index: 1;position: absolute;}
  146. .theme-dark .ui-standard-sidebar-view .sidebar-region{background: var(--color);}
  147. .theme-dark .ui-standard-sidebar-view .sidebar-region::before{content: "";width: 100%;height: 100%;position: absolute;background: rgba(0,0,0,0.11);}
  148. .ui-standard-sidebar-view .content-region {background: var(--color) !important;}
  149. .ui-card-primary {background: rgba(0,0,0,0.24) !important;border-color: rgba(0,0,0,0.20) !important;}
  150. .user-settings-connections .connect-account-btn .connect-account-btn-inner {background-color: var(--color) !important;border-color: rgba(0,0,0,0.39) !important;}
  151. .ui-card-primary.checked.editable{border-color: rgb(114, 137, 218) !important;background-color: rgb(114, 137, 218) !important;}
  152. .ui-card-primary.editable{background: rgba(0, 0, 0, 0.12) !important;}
  153. .ui-card.ui-card-primary.preview.outline{background-color: var(--color) !important;border-color: rgba(0,0,0,0.24) !important;}
  154. .theme-dark .ui-tab-bar-header{color: #757575;}
  155. .container-RYiLUQ{background-color:transparent;}
  156. .ui-scroller-wrap.ui-scroller-ghost-hairline.ui-scroller-themed.ui-scroller-fade{background-color:rgba(0, 0, 0, 0.13);}
  157. .private-channels .scroller::-webkit-scrollbar-track-piece, .ui-standard-sidebar-view .scroller::-webkit-scrollbar-track-piece, .ui-standard-sidebar-view .sidebar-region .scroller::-webkit-scrollbar-track-piece, .ui-scroller-wrap.ui-scroller-ghost-hairline.ui-scroller-themed.ui-scroller-fade .scroller.scroller-NXV0-d::-webkit-scrollbar-track-piece, .ui-scroller-wrap.ui-scroller-ghost.ui-scroller-themed .scroller.channel-members::-webkit-scrollbar-track-piece{background:transparent;}
  158. .theme-dark .ui-scroller-wrap .scroller::-webkit-scrollbar-thumb, .theme-light .ui-scroller-themed.ui-scroller-dark .scroller::-webkit-scrollbar-thumb, .ui-scroller-themed.ui-scroller-dark .scroller::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.4);}
  159. .contentSelectedText-3j5CXt{background-color:var(--color);filter:brightness(120%);}
  160. .contentHoveredText-2HYGIY, .contentHoveredVoice-3qGNKh:active, .contentSelectedVoice-gTtYM9:active{background-color:var(--color);}
  161. .nameDefaultText-QoumjC, .nameDefaultVoice-1swZoh, .nameLockedText-2fGz07, .nameLockedVoice-wNOMNa, .nameDefault-Lnjrwm{color:#949494;}
  162. .nameMutedText-1YDcP-, .nameMutedVoice-26k4cP{color:#5d5d5d;}
  163. .container-37-TX2{color:rgba(255, 255, 255, 0.18);}
  164. .wrapper-2ldvyE{background-color:var(--color);}
  165. .app .guild.unread.audio .guild-inner {position: inherit;}
  166. .ui-button-group-item{border-color: rgba(0, 0, 0, 0.5) !important;}
  167.  
  168. input, textarea, keygen, select, button {font-family:var(--font)} !important
  169.  
  170. End of Colored Theme Code (Requires 'Dark Theme' selected in 'Appearance')
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!