Advertisement
Guest User

Untitled

a guest
May 20th, 2018
167
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.41 KB | None | 0 0
  1. /*META{"name":"Discord Light-Blue","description":"Supports all resolutions, light theme combined with shades of blue","author":"den","version":"1.0"}*/
  2.  
  3. .guild-header header{
  4. background: #2c3e50;
  5. }
  6.  
  7.  
  8. .channel-notices .channel-notice.invite{
  9. background-color: #2c3e50;
  10. }
  11.  
  12. .channel-notices .channel-notice .message .btn{
  13. background-color: #2c3e50;
  14. border: 1px solid black;
  15. border-radius: 5px;
  16. }
  17.  
  18. .guild-channels{
  19. background: #2c3e50;
  20. }
  21.  
  22. .account{
  23. background: #2c3e50;
  24. }
  25.  
  26. .account .btn {
  27. background: #2c3e50;
  28. }
  29.  
  30. #voice-connection{
  31. background-color:#722;
  32. }
  33.  
  34. #voice-connection .btn{
  35. background-color:#722;
  36. }
  37.  
  38. .primary-2giqSn
  39. {
  40. color:black;
  41. }
  42.  
  43. /*.guilds-wrapper{
  44. background:#eee;
  45.  
  46. }*/
  47.  
  48. .guilds-wrapper .guilds{
  49. padding-left:0;
  50. }
  51.  
  52. .guilds-wrapper .guilds .guild{
  53. padding-left: 15px;
  54. /*padding-top: 5px;
  55. padding-bottom: 5px;*/
  56. /*padding-right: 5px;*/
  57. /*border-radius: 5px; */
  58. }
  59.  
  60. .guilds-wrapper .guilds .friends-online{
  61. /*color:#333;*/
  62. padding-left: 15px;
  63. }
  64.  
  65. .guilds-wrapper .guild-separator{
  66. padding-left: 15px;
  67. }
  68.  
  69. .guilds-wrapper .guilds .guild.guilds-add
  70. {
  71. padding-left: 0px;
  72. margin-left: 15px;
  73. }
  74.  
  75. .guilds-wrapper .guilds .btn-download-apps{
  76. margin-left: 0;
  77. }
  78.  
  79. .guilds-wrapper .guilds .guild.unread:before
  80. {
  81. background: #2980b9;
  82. opacity:1.0;
  83. z-index: 9999;
  84. left:-5px;
  85. }
  86.  
  87. .guilds-wrapper .guilds .guild.selected{
  88. background:#2980b9;
  89. opacity:1.0;
  90. }
  91.  
  92. .guilds-wrapper .guilds .guild.active{
  93. background:#2980b9;
  94. opacity:1.0;
  95. }
  96.  
  97. .guilds-wrapper .guilds .guild.active:before{
  98. content:none;
  99. }
  100.  
  101. .guilds-wrapper .guilds .guild.selected:before{
  102. content:none;
  103. }
  104.  
  105. .embed .embed-provider{
  106. text-shadow: 0px 0px black;
  107. }
  108.  
  109. .embed .embed-title{
  110. text-shadow: 0px 0px black;
  111. }
  112.  
  113. .embed .embed-fields .embed-field .embed-field-value {
  114. color: rgba(50,100,210,1);
  115. }
  116.  
  117. /*
  118. this is for typing
  119. */
  120.  
  121. .theme-light .typing-3eiiL_{
  122. background: rgba(50,60,70,1);
  123. }
  124.  
  125. /*.textAreaEnabled-2vOfh8, .textAreaEnabledNoAttach-1zE_2h {
  126. background: rgba(50,60,70,.67);
  127. padding: 12px 38px 10px 0;
  128. }*/
  129.  
  130. .flex-1xMQg5 .flex-101GKY .horizontal-1ae9ci .horizontal-2EEEnY .directionRow-3v3tfG {
  131. background: rgba(50,60,70,.67);
  132. padding: 12px 38px 10px 0;
  133. }
  134.  
  135. .horizontal-2BEEBe {
  136. background: rgba(50,60,70, .67);
  137. }
  138.  
  139. .theme-light .ui-quick-select {
  140. color: rgba(255,255,255,1);
  141. }
  142.  
  143. .guild-settings-audit-logs-user-filter-popout .user-text {
  144. color: rgba(255,255,255,1);
  145. }
  146.  
  147. .horizontal-2BEEBe>.flex-lFgbSz:last-child, .horizontal-2BEEBe>.flexChild-1KGW5q:last-child {
  148. color: rgba(255,255,255,1);
  149. }
  150.  
  151. .theme-light .textArea-20yzAH {
  152. color: #000000;
  153. }
  154.  
  155. .textArea-20yzAH {
  156. margin:0px;
  157. }
  158.  
  159. input, textarea {
  160. font-family: Helvetica;
  161. font-size: 14px !important;
  162. font-weight: 500 !important;
  163. letter-spacing: 0px !important;
  164. }
  165.  
  166. .textArea placeholder{
  167. color: #000000 !important;
  168. }
  169.  
  170. .attachButtonPlus-2l1NEU {
  171. opacity: .8;
  172. }
  173.  
  174. /*
  175. This is for the pop-up thing.
  176. */
  177.  
  178. .roleCircle-3-vPZq {
  179. opacity: .1;
  180. }
  181.  
  182. .theme-light .connectedAccountName-3EFj01 {
  183. color: #FFFFFF;
  184. }
  185.  
  186. .roleCircle-3-vPZq:hover {
  187. opacity: 1;
  188. }
  189.  
  190. .theme-light .headerTop-27AvhA{
  191. background-color: #202225;
  192. }
  193.  
  194. .theme-light .headerNormal-1cioxU .headerName-2N8Pdz, .theme-light .headerNormal-1cioxU .headerTagUsernameNoNickname-1gGsAP {
  195. color: #ffffff;
  196. }
  197.  
  198. .theme-light .body-3ljq11, .theme-light .footer-2wFs91 {
  199. background-color: #2f3136;
  200. }
  201.  
  202. .role-3rahR_ {
  203. border-radius: 0px;
  204. border-color: rgba(251, 57, 70, 1) !important;
  205. background-color: rgba(251, 113, 140, 0.1);
  206. }
  207.  
  208. .roleName-DUQZ9m {
  209. color: rgba(251, 57, 70, 1) !important;
  210. opacity: 1 !important;
  211. }
  212.  
  213. .theme-light .ui-standard-sidebar-view .content-region {
  214. background: #2f3136;
  215. }
  216.  
  217. .theme-light .ui-standard-sidebar-view .sidebar-region {
  218. background: #202225;
  219. }
  220.  
  221. .theme-light .headerClickable-1jGUp8, .theme-light .headerDefault-1ajMkj {
  222. background-color: hsla(240,6%,97%,.8);
  223. }
  224.  
  225. .theme-light .changeDetails-zbf-61 {
  226. background-color: hsla(240,6%,97%,.8);
  227. }
  228.  
  229. .typeUpdate-3ruwBv {
  230. color: rgba(150,100,0,1);
  231. }
  232.  
  233. /*Menial shit.*/
  234.  
  235. .reaction{
  236. background: rgba(250, 250, 250, 1);
  237. }
  238.  
  239. .reaction.reaction-me {
  240. background: rgba(173, 183, 220, .8);
  241. }
  242.  
  243. /*
  244. And now back to your regularly scheduled code.
  245. */
  246.  
  247. .message-group a {
  248. text-shadow: 0px 0px black;
  249. }
  250.  
  251. .message-group {
  252. border-bottom: 0px;
  253. }
  254.  
  255. .message-group h2 strong {
  256. color: rgba(150,150,200,1);
  257. }
  258.  
  259. .chat .message-group a {
  260. color: rgba(0,100,150,1) !important;
  261. }
  262.  
  263. .system-message {
  264. color:rgba(255,150,150,1);
  265. }
  266.  
  267. .theme-light .title-qAcLxz {
  268. background: rgba(210,210,210,1);
  269. }
  270.  
  271. .chat .content{
  272. background: rgba(50,60,70,1);
  273. }
  274.  
  275. .chat>.title-wrap{
  276. background:#2980b9;
  277. color: #fff;
  278. border-bottom: 2px solid #2c3e50;
  279. }
  280.  
  281. .chat>.title-wrap>.title .channel-name {
  282. color: #fff;
  283. }
  284.  
  285. .chat>.title-wrap>.title .channel-name:before
  286. {
  287. color:#ccc;
  288. }
  289.  
  290. /*Editable channel name*/
  291. .chat>.title-wrap>.title.channel-group-dm .channel-name .input-autosize-inner .input-autosize-input{
  292. color:#fff;
  293. }
  294.  
  295. .chat>.title-wrap>.title.channel-group-dm .channel-name:hover .input-autosize-inner .input-autosize-input{
  296. color:#4f545c;
  297. }
  298.  
  299. .channel-members{
  300. background: #2c3e50;
  301. }
  302.  
  303. .members-1bid1J, .membersGroup-3_dP5E{
  304. background: #2c3e50;
  305. }
  306.  
  307. /*.message-group .comment{
  308. border-radius: 10px;
  309. background: #fff;
  310. width: auto;
  311. padding: 10px;
  312. }
  313.  
  314. .message-group .comment{
  315. position: relative;
  316. }*/
  317.  
  318. .message-group .comment:before {
  319. position: absolute;
  320. width: 0;
  321. height: 0;
  322. left: -20px;
  323. top: 0px;
  324. /*content: "";*/
  325. border: 25px solid;
  326. border-color: #fff #fff transparent transparent;
  327. z-index: -1;
  328. }
  329.  
  330. .message-group .comment .markup{
  331. color: #000;
  332. font-family: Helvetica;
  333. font-size: 14px;
  334. }
  335.  
  336. .message-group .comment .user-name
  337. {
  338. font-weight: bolder;
  339. }
  340.  
  341. .guild-channels-wrapper {
  342. background: #2c3e50;
  343. }
  344.  
  345. .channels-wrap .private-channels{
  346. background: #fff;
  347. }
  348.  
  349. .channels-wrap .private-channels .search-bar{
  350. background: #fff;
  351. box-shadow: none;
  352. -webkit-box-shadow:none;
  353. }
  354.  
  355. .search-bar-icon .icon.visible{
  356. opacity: .6;
  357. }
  358.  
  359. .channels-wrap .private-channels .channel .channel-name
  360. {
  361. color:black;
  362. opacity: 1.0;
  363. font-weight: 600;
  364. }
  365.  
  366. .channels-wrap .private-channels .channel.selected .channel-name
  367. {
  368. color:white;
  369. }
  370.  
  371. .private-channels .channel .channel-activity{
  372. color:#ccc;
  373. }
  374.  
  375. .channel.btn-friends.selected{
  376. background:#2980b9;
  377. }
  378.  
  379. .channel-name{
  380. opacity:1.0;
  381. }
  382.  
  383. .guild-channels .channel.selected{
  384. background:#2980b9;
  385. }
  386.  
  387. .channel.selected.private{
  388. background:#2980b9;
  389. }
  390.  
  391. .channels-wrap .private-channels .channel.selected:hover
  392. {
  393. background-color:#2980b9;
  394. }
  395.  
  396. .channels-wrap .private-channels .channel:hover
  397. {
  398. background:#eee;
  399. }
  400.  
  401. .channel-textarea-inner textarea{
  402. color:#000;
  403. }
  404.  
  405. /*META{"name":"Chat_Text_Bubbles_Minified","description":"Stylize your clients chat messages to look like mobile text messages with text bubbles! minified: less padding around content","author":"maple","version":"1.15"}*{}*/
  406.  
  407. /* bubbles */
  408. .chat .message-group:not(.compact) .markup:not(:empty), .chat .accessory :-webkit-any(.embed, .embed-wrapper, .attachment-image, .attachment)
  409. {
  410. background: rgba(32,37,45,.4);
  411. position: relative;
  412. width: auto;
  413. min-width: 5px;
  414. min-height: 16px;
  415. max-width: 76%;
  416. padding: 4px !important;
  417. margin-bottom: 4px;
  418. border-radius: 4px;
  419. }
  420. .chat .message-group .comment .attachment {margin: 0 0 5px;}
  421. .chat .message-group {padding:10px 0 5px;}
  422. .chat .message-group ~ div:last-child {margin-bottom:15px}
  423. .chat .accessory :-webkit-any(.embed, .attachment-image, canvas) {max-width: 100%;}
  424. .chat .comment {display: flex; flex-direction: column; margin-top: -10px;}
  425. .chat .message-group .mentioned .message-text {background:transparent !important;}
  426. .chat .message-group .mentioned .message-text:after {border-left: 0; background:transparent;}
  427. .chat .markup, .chat .accessory {margin-left: 8px;}
  428. .chat .reactions {margin-top: -2px; margin-bottom: 4px;}
  429. .chat .message:not(.first) {margin-top: -6px !important}
  430. .chat .embed-wrapper {margin-top: 0;}
  431. .chat .embed.embed-inline {margin: 0 0 4px !important;}
  432. .chat .embed .embed-thumbnail iframe {min-width: 346px; min-height: 260px}
  433. .chat .markup .inline, .chat .markup .highlight {line-height: 24px;}
  434. .chat .markup {padding-top: 4px !important;}
  435. .chat .message-group .comment .edited {display: table; margin-left: 0; margin-top: 2px;}
  436. .chat .message-group a {color: #46bae8;}
  437. .chat .edit-container-outer .avatar-large {opacity:0;}
  438. .chat .message-group .comment .attachment-image a {margin: 0;}
  439. .chat .message-group .comment .markup:empty {padding:0;min-width: 0px; top:20px;}
  440. .chat .markup pre {max-width: 99% !important; margin:2px; overflow: hidden;}
  441. .chat .message-group .comment .markup pre code {word-break: break-all; width: calc(100% - 8px);}
  442. .chat .message-group .embed {background-color: rgba(32,37,45,.4) !important;}
  443. .chat .message-text :-webkit-any(.btn-option, .btn-reaction){margin-top: 10px;}
  444. .chat .message-text div {order: 2;}
  445. .chat .message-text .markup {order:1;}
  446. .chat .message .message-text {display: flex; width: auto;}
  447. .chat .message .image, .chat .embed .embed-thumbnail-gifv video {max-width: 100%; height: auto;}
  448. .chat .message-group .comment .message.first {margin-top: 10px}
  449. .chat .message-group:not(.compact) .message.first .markup:before {content:''; display: block; position: absolute; width: 8px; height: 12px; top: 4px; left: -8px; background:linear-gradient(40deg, transparent 43%, rgba(32,37,45,.43) 43%);}
  450. .chat .message-group:not(.compact) .message.mentioned.first .markup:before, .chat .message-group.compact .message.mentioned.first .message-content:before {background:linear-gradient(40deg, transparent 43%, rgba(51, 234, 89,.45) 43%);}
  451. .chat .message-group:not(.compact) .message.mentioned .markup, .message-group.compact .message.mentioned .message-content {background-color:rgba(51, 234, 89,.45) !important; text-shadow: 0 0 3px rgba(0,0,0,.2);}
  452. .app:not(.theme-light) .chat .message-group:not(.compact) .message.mentioned .markup .mention:not(:hover) {color: #acbeff; background-color: rgba(175,209,215,.07) !important;}
  453. .app:not(.theme-light) .chat .message-group:not(.compact) .message.mentioned .markup .mention:hover {color: #fff;}
  454. .chat .message-group .comment .markup code.inline, .chat .message-group .comment .markup pre code {background: rgba(20,20,20,.18) !important;}
  455. .chat .message .mention {border-radius: 2px;}
  456. .system-message {margin-top: 14px;}
  457. .system-message .system-message-icon, .system-message .system-message-content {margin-top: -2px;}
  458.  
  459. /* compact */
  460. .chat .message-group.compact {margin-left:10px;}
  461. .chat .message-group.compact .message .message-text{margin-left: -20px;}
  462. .chat .message-group.compact .message.first .message-content:before {content:''; display: block; position: absolute; width: 8px; height: 12px; top: 4px; left: -8px; background:linear-gradient(40deg, transparent 43%, rgba(32,37,45,.43) 43%);}
  463. .chat .message-group.compact .accessory :-webkit-any(.embed-wrapper, .embed.embed-inline, .attachment-image, .invite-button, .reactions) {margin-left: 12px !important;}
  464. .chat .message-group.compact .message .message-text .markup {text-indent: 0px; padding-left: 0px; margin-left: 0px; width: 100%; display: flex; margin-left: 12px; margin-top: 0;}
  465. .chat .message-group.compact .message .message-text .markup .timestamp {color: transparent; margin-right: -116px; margin-left: 46px; margin-top: -7px;}
  466. .chat .message-group.compact .message .message-text .markup .username-wrapper {width: 106px; display: flex; flex-flow: column; margin-right: 6px; margin-left: 4px; padding: 4px 6px 0; margin-top: -4px; align-items: flex-end;}
  467. .chat .message-group.compact .message .message-text .markup .bot-tag {order: 3; display: table; margin-top: 4px; margin-right: 4px;}
  468. .chat .message-group.compact .message .message-text .markup .user-name {order: 1; margin-top: -8px; word-break: break-word; text-align: right;}
  469. .chat .message-group.compact .message .message-text .markup .renamer-tag {order: 2; margin-left: 0px; margin-right: 4px; margin-top: 4px; display: table;}
  470. .chat .message-group.compact .message .message-text .markup span:last-of-type {margin-bottom: 4px;}
  471. .chat .message-group.compact .message .message-text .markup .message-content:not(:empty), .message-group.compact .message-content ~ .CollapsibleEmbeds-processed {background: rgba(32,37,45,.4); position: relative; width: auto; min-width: 5px; min-height: 16px; max-width: 65%; padding: 4px !important; margin-bottom: 4px; border-radius: 4px; display: table; word-break: break-word; margin-top: 8px;}
  472. .chat .message-group.compact .emoji {vertical-align: baseline;}
  473. .chat .message-group.compact .system-message {margin-top: 24px;}
  474. .chat .message-group.compact .comment .attachment {margin-left: 12px}
  475.  
  476. /* light theme */
  477. .theme-light .chat .message-group:not(.compact) .markup, .theme-light .chat .message-group.compact .message .message-content, .theme-light .chat .accessory :-webkit-any(.embed, .embed-wrapper, .attachment-image) {background: rgba(205,205,205,.4) !important;}
  478. .theme-light .chat .message-group .embed {background-color: rgba(202,207,215,.4) !important;}
  479. .theme-light .chat .message-group:not(.compact) .message.first .markup:before, .theme-light .chat .message-group.compact .message.first .message-content:before {background:linear-gradient(40deg, transparent 43%, rgba(205,205,205,.4) 43%) !important;}
  480. .theme-light .chat .message-group:not(.compact) .message.mentioned.first .markup:before, .theme-light .chat .message-group.compact .message.mentioned.first .message-content:before {background:linear-gradient(40deg, transparent 43%, rgba(251, 194, 89,.45) 43%) !important;}
  481. .theme-light .chat .message-group:not(.compact) .message.mentioned .markup, .theme-light .chat .message-group.compact .message.mentioned .message-content {background-color:rgba(251, 194, 89,.45) !important; text-shadow: 0 0 3px transparent;}
  482. .theme-light .chat .message .mention:not(:hover) { background: rgba(241, 243, 251,.5); border-radius: 2px;}
  483. .theme-light .chat .message .mention:hover {color: #fff;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement