Utoljára aktív 1738836324

https://cdn.albert.lol/vencord-github.css

vencord-github.css Eredeti
1:root {
2 --blurple-replace: #7289da;
3 --background-primary: rgb(9, 12, 16);
4 --background-secondary: rgb(13, 17, 23);
5 --background-floating: rgb(22, 27, 34);
6 --background-secondary-alt: var(--background-floating);
7 --background-tertiary: rgb(7, 10, 16);
8 --background-accent: rgb(17, 29, 46);
9 --userarea-background: var(--background-tertiary);
10 --header-primary: rgb(240, 246, 252);
11 --header-secondary: rgb(139, 148, 158);
12 --elevation-low: 0 1px 0 rgba(40, 40, 50, 0.2),
13 0 1.5px 0 rgba(60, 60, 70, 0.05), 0 2px 0 rgba(40, 40, 50, 0.05);
14 --elevation-high: 0 8px 16px rgba(0, 0, 0, 0.24);
15 --channels-default: rgb(139, 148, 158);
16 --channeltextarea-background: rgb(7, 10, 16);
17 --voice-color: var(--brand-experiment);
18 --guild-header-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
19 --activity-card-background: #0f0f0f;
20 --interactive-normal: rgb(139, 148, 158);
21 --interactive-hover: #dcddde;
22 --interactive-active: #fff;
23 --interactive-muted: rgb(76, 82, 88);
24 --background-modifier-hover: rgba(33, 38, 45, 0.26);
25 --background-modifier-active: rgba(33, 38, 45, 0.44);
26 --background-modifier-selected: rgba(33, 38, 45, 0.52);
27 --background-modifier-accent: rgb(33, 38, 45);
28 --text-link: rgb(88, 166, 255);
29 --text-normal: rgb(201, 209, 217);
30 --text-muted: rgb(139, 148, 158);
31 --deprecated-panel-background: #2a2f29;
32 --deprecated-card-bg: var(--background-secondary);
33 --deprecated-card-editable-bg: var(--background-secondary);
34 --deprecated-store-bg: #36393f;
35 --deprecated-quickswitcher-input-background: #72767d;
36 --deprecated-quickswitcher-input-placeholder: hsla(0, 0%, 100%, 0.3);
37 --deprecated-text-input-bg: var(--channeltextarea-background);
38 --deprecated-text-input-border: var(--border-color);
39 --deprecated-text-input-border-hover: #040405;
40 --deprecated-text-input-border-disabled: #202225;
41 --deprecated-text-input-prefix: #dcddde;
42 --background-accent-1: rgb(15, 15, 15, 0.1);
43 --background-accent-3: rgb(15, 15, 15, 0.3);
44 --background-floating-2: rgba(0, 0, 0, 0.2);
45 --border: 1px solid rgb(48, 54, 61);
46 --border-color: rgb(48, 54, 61);
47 --blurple-border: 1px solid rgb(31, 47, 71);
48 --border-radius: 5px;
49 --divide-color: var(--brand-experiment);
50 --brand-experiment: rgb(88, 101, 242);
51 --deprecated-quickswitcher-input-background: var(
52 --channeltextarea-background
53 );
54 }
55
56 .theme-light {
57 --background-secondary: rgb(13, 17, 23);
58 --header-primary: rgb(240, 246, 252);
59 --header-secondary: rgb(139, 148, 158);
60 --background-primary: rgb(22, 27, 34);
61 --text-normal: rgb(201, 209, 217);
62 --background-floating: rgb(22, 27, 34);
63 --background-tertiary: transparent;
64 --deprecated-text-input-bg: rgb(7, 10, 16);
65 }
66
67 .theme-dark {
68 --text-positive: hsl(139, calc(var(--saturation-factor, 1) * 66.8%), 58.6%);
69 --text-warning: hsl(38, calc(var(--saturation-factor, 1) * 95.7%), 54.1%);
70 --text-danger: hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%);
71 --info-positive-text: #fff;
72 --info-warning-text: #fff;
73 --info-danger-text: #fff;
74 --info-help-background: hsla(
75 197,
76 calc(var(--saturation-factor, 1) * 100%),
77 47.8%,
78 0.1
79 );
80 --info-help-foreground: hsl(
81 197,
82 calc(var(--saturation-factor, 1) * 100%),
83 47.8%
84 );
85 --info-help-text: #fff;
86 --status-warning-text: #000;
87 --scrollbar-thin-thumb: rgb(22, 27, 34);
88 --scrollbar-thin-track: transparent;
89 --scrollbar-auto-thumb: rgb(22, 27, 34);
90 --scrollbar-auto-track: rgba(17, 19, 24, 0.308);
91 --scrollbar-auto-scrollbar-color-thumb: rgb(22, 27, 34);
92 --scrollbar-auto-scrollbar-color-track: rgba(17, 19, 24, 0.308);
93 --elevation-stroke: 0 0 0 1px rgba(4, 4, 5, 0.15);
94 --elevation-low: 0 1px 0 rgba(4, 4, 5, 0.2), 0 1.5px 0 rgba(6, 6, 7, 0.05),
95 0 2px 0 rgba(4, 4, 5, 0.05);
96 --elevation-medium: 0 4px 4px rgba(0, 0, 0, 0.16);
97 --elevation-high: 0 8px 16px rgba(0, 0, 0, 0.24);
98 --logo-primary: rgb(240, 246, 252);
99 --control-brand-foreground: hsl(
100 227,
101 calc(var(--saturation-factor, 1) * 57.9%),
102 77.6%
103 );
104 --control-brand-foreground-new: hsl(
105 235,
106 calc(var(--saturation-factor, 1) * 86.1%),
107 77.5%
108 );
109 --background-mentioned: rgba(13, 17, 23, 0.466);
110 --background-mentioned-hover: rgba(20, 33, 53, 0.233);
111 --background-message-hover: rgba(4, 4, 5, 0.07);
112 --activity-card-background: #202225;
113 --textbox-markdown-syntax: rgb(82, 89, 95);
114 }
115
116 .resultsGroup-r_nuzN {
117 background-color: var(--background-secondary);
118 border-radius: var(--border-radius);
119 border-left: var(--border);
120 border-right: var(--border);
121 }
122
123 .lookBlank-3eh9lL {
124 color: var(--text-normal);
125 }
126
127 .footer-2gL1pp .lookFilled-1Gx00P.colorGrey-2DXtkV {
128 background-color: rgb(43, 50, 59) !important;
129 }
130
131 .mentioned-xhSam7:before {
132 background-color: var(--brand-experiment);
133 }
134
135 .theme-dark .emptyHintCard-2mUdMe {
136 background-color: var(--background-secondary-alt);
137 border: var(--border);
138 border-radius: var(--border-radius);
139 }
140
141 #MemberCount {
142 border-left: var(--border);
143 }
144
145 .theme-dark .contentWrapper-3WC1ID {
146 background-color: var(--background-secondary);
147 }
148
149 .theme-dark .message-2qRu38 {
150 background-color: var(--background-primary);
151 }
152
153 .divider-JfaTT5 {
154 --divider-color: var(--divide-color);
155 }
156
157 .children-19S4PO:after {
158 content: none;
159 }
160
161 .theme-dark .outer-1AjyKL.interactive-3B9GmY:hover,
162 .theme-dark .outer-1AjyKL.active-1xchHY {
163 background-color: var(--background-modifier-selected);
164 }
165
166 .theme-light .footer-2gL1pp {
167 box-shadow: none;
168 border-top: var(--border);
169 }
170
171 .border-Jn5IOt.speaking-B2MXPi {
172 -webkit-box-shadow: inset 0 0 0 2px #0ff;
173 box-shadow: inset 0 0 0 2px #0ff;
174 -webkit-animation: rainbow 3s infinite linear !important;
175 animation: rainbow 3s infinite linear !important;
176 }
177
178 @keyframes rainbow {
179 0% {
180 -webkit-filter: hue-rotate(0deg);
181 }
182 100% {
183 -webkit-filter: hue-rotate(360deg);
184 }
185 }
186
187 .theme-dark .lookFilled-1Gx00P.colorGrey-2DXtkV {
188 background-color: var(--background-floating);
189 }
190
191 .theme-dark .lookFilled-1Gx00P.colorGrey-2DXtkV:hover {
192 background-color: var(--background-modifier-selected);
193 }
194
195 .theme-dark .container-1D34oG {
196 background-color: var(--background-primary);
197 }
198
199 .item-26Dhrx[aria-checked='true'] {
200 background-color: var(--background-modifier-selected);
201 border: var(--border);
202 }
203
204 .phoneField-38N1bJ,
205 .phoneField-38N1bJ .inputField-aNPXsv {
206 background-color: var(--channeltextarea-background);
207 border-radius: var(--border-radius);
208 }
209
210 .option-n0icdO,
211 .theme-dark .notDetected-33MY4s,
212 .theme-light .notDetected-33MY4s {
213 background-color: var(--background-floating);
214 }
215
216 .container-1r6BKw.themed-ANHk51 {
217 background-color: var(--background-secondary);
218 border-top: var(--border);
219 border-bottom: var(--border);
220 }
221
222 .menu-3sdvDG {
223 border: var(--border);
224 border-radius: var(--border-radius);
225 }
226
227 .container-enaOkj,
228 .messagesPopoutWrap-1MQ1bW,
229 .role-3UN8jj:hover {
230 border: var(--border);
231 border-radius: var(--border-radius);
232 margin: -1px;
233 }
234
235 .peopleListItem-2nzedh.active-rhSpJJ,
236 .peopleListItem-2nzedh:hover {
237 border: var(--border);
238 border-radius: var(--border-radius);
239 margin: 0 10px 0 20px;
240 }
241
242 .peopleListItem-2nzedh {
243 border-left: 1px solid transparent;
244 border-right: 1px solid transparent;
245 border-bottom: 1px solid transparent;
246 }
247
248 .item-1tOPte,
249 .button-38aScr,
250 .wrapper-2aW0bm,
251 .headerClickable-2IVFo9,
252 .container-3XJ8ns,
253 .accountProfileCard-1XCH88,
254 .connectedAccount-2Jb-Z0,
255 .note-367eZJ textarea,
256 .gameIcon-_0rmMm,
257 .container-2Pjhx-,
258 .membershipDialog-rVL-t_,
259 .listRow-1iDGel,
260 .content-1x5b-n,
261 .side-8zPYf6 .item-PXvHYJ,
262 .memberRow-1wwtfV,
263 .roleRow-30TwGe,
264 .result-oB0z--,
265 .container-jSV3OF,
266 .theme-dark .lookFilled-1Gx00P.colorGrey-2DXtkV,
267 .container-2rNpDV,
268 .wrapper-3D2qGf,
269 .friend-3KALPe,
270 .item-26Dhrx {
271 border-radius: var(--border-radius);
272 }
273
274 .headerExpanded-CUEwZ5 {
275 border-top-left-radius: var(--border-radius);
276 border-top-right-radius: var(--border-radius);
277 }
278
279 .tertiary-aMXF0g:hover:not(.disabled-3Njyym),
280 .secondary-dIudih:hover:not(.disabled-3Njyym) {
281 border: var(--border);
282 }
283
284 .actionButton-uPB8Fs:hover,
285 .listRow-1iDGel:hover {
286 border: var(--border);
287 }
288
289 .actionButton-uPB8Fs,
290 .item-26Dhrx,
291 .listRow-1iDGel,
292 .side-8zPYf6 .item-PXvHYJ,
293 .memberRow-1wwtfV {
294 border: 1px solid transparent;
295 }
296
297 .wrapper-2aW0bm {
298 background: var(--background-secondary);
299 }
300
301 .theme-dark .userSettingsVoice-iwdUCU .previewOverlay-2O7_KC {
302 background-color: var(--background-secondary);
303 border: var(--border);
304 border-radius: var(--border-radius);
305 }
306
307 .searchBar-3dMhjb {
308 border: var(--border);
309 padding: 0;
310 }
311
312 .searchBar-6Kv8R2 .searchBarComponent-32dTOx,
313 .bd-select,
314 .bd-select:hover,
315 .bd-select.menu-open {
316 border: var(--border);
317 }
318
319 .panels-j1Uci_ {
320 border-top: var(--border);
321 margin-top: -1px;
322 }
323
324 .topPill-30KHOu .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ {
325 border: var(--border);
326 border-radius: var(--border-radius);
327 }
328
329 .topPill-30KHOu .item-PXvHYJ,
330 .friend-3KALPe,
331 .selectable-3dP3y-,
332 .roleRow-30TwGe {
333 border: 1px solid transparent;
334 }
335
336 .sidebar-2K8pFh {
337 border-left: var(--border);
338 border-top: var(--border);
339 border-right: var(--border);
340 }
341
342 .theme-dark .root-1gCeng,
343 .theme-dark .popoutList-T9CKZQ {
344 background-color: var(--background-secondary);
345 border: var(--border);
346 border-radius: var(--border-radius);
347 }
348
349 .members-1998pB {
350 border-left: var(--border);
351 }
352
353 .userPopout-xaxa6l {
354 border: var(--border);
355 }
356
357 .theme-dark .friendSelected-1sa4bG {
358 border: var(--border);
359 background: var(--background-modifier-hover);
360 }
361
362 .callContainer-36WRfH {
363 border-top: var(--border);
364 border-bottom: var(--border);
365 }
366
367 .categoryHeader-O1zU94 {
368 background: transparent;
369 }
370
371 .theme-dark .contentWarningPopout-n5JsIs {
372 background-color: var(--background-secondary);
373 }
374
375 .theme-dark .footer-3N9rgh {
376 background-color: var(--background-floating);
377 border-top: var(--border);
378 border-bottom-left-radius: var(--border-radius);
379 border-bottom-right-radius: var(--border-radius);
380 }
381
382 .theme-dark .selectableItem-1MP3MQ:hover {
383 background-color: var(--background-modifier-hover);
384 }
385
386 .theme-dark .footer-2gL1pp {
387 background-color: var(--background-floating);
388 }
389
390 .theme-dark .container-1nZlH6 {
391 background-color: var(--channeltextarea-background);
392 border: var(--border);
393 border-radius: var(--border-radius);
394 }
395
396 .inputDefault-_djjkz.input-cIJ7To.multiInputField-3K361B {
397 border: none !important;
398 }
399
400 .theme-dark .codeRedemptionRedirect-1wVR4b {
401 background-color: var(--background-secondary);
402 border-color: var(--border-color);
403 border: var(--border);
404 border-radius: var(--border-radius);
405 }
406
407 .bd-addon-list .bd-addon-card {
408 border: var(--border);
409 border-radius: var(--border-radius);
410 margin-bottom: 18px;
411 }
412
413 .bd-select .bd-select-options {
414 border-left: var(--border);
415 border-right: var(--border);
416 border-bottom: var(--border);
417 }
418
419 .searchHeader-2XoQg7 {
420 background-color: var(--background-secondary-alt);
421 border-bottom: var(--border);
422 }
423
424 .theme-dark .headerExpanded-CUEwZ5,
425 .checklistHeader-1KWcEY,
426 .header-2Y0-A- {
427 background-color: var(--background-secondary-alt);
428 }
429
430 .theme-dark .pageWrapper-1PgVDX {
431 border-top: var(--border);
432 }
433
434 .panels-j1Uci_,
435 .theme-dark .changeDetails-bk98pu,
436 .theme-dark .tierBody-16Chc9,
437 .theme-dark .headerClickable-2IVFo9,
438 .theme-dark .headerDefault-1wrJcN {
439 background-color: var(--background-secondary);
440 }
441
442 .bf-toolbar::before {
443 background-color: var(--background-secondary) !important;
444 }
445
446 .option-3KoAJB[aria-selected='true'] {
447 background-color: var(--background-modifier-selected);
448 }
449
450 .cardWrapper-2Min21,
451 .cardPrimaryOutline-29Ujqw,
452 .theme-dark .tierHeaderUnlocked-3lTDnP,
453 .theme-dark .tierBody-3aUxuc,
454 .theme-dark .pageWrapper-1PgVDX {
455 background-color: var(--background-secondary);
456 }
457
458 .container-cMG81i,
459 .theme-dark .copyInput-2rOSt7,
460 .searchPage-3GKAdT .search-1iTphC .searchBox-2_mAlO {
461 background-color: var(--channeltextarea-background);
462 }
463
464 #permissions-modal {
465 border: var(--border) !important;
466 border-radius: var(--border-radius) !important;
467 }
468
469 #permissions-modal-wrapper .header {
470 background-color: var(--background-floating) !important;
471 border-bottom: var(--border);
472 }
473 #permissions-modal-wrapper .modal-body,
474 #permissions-modal-wrapper .role-side {
475 background-color: var(--background-secondary) !important;
476 }
477 #permissions-modal-wrapper .perm-side {
478 background-color: var(--background-floating) !important;
479 }
480 #permissions-modal-wrapper .role-item.selected {
481 background-color: var(--background-modifier-selected) !important;
482 border-radius: var(--border-radius);
483 }
484 #permissions-modal-wrapper .role-item:hover {
485 background-color: var(--background-modifier-hover) !important;
486 border-radius: var(--border-radius);
487 }
488
489 .channelTextArea-rNsIhG,
490 .theme-dark .message-2qRu38,
491 #emoji-picker-tab-panel,
492 .markup-2BOw-j code,
493 .card-3RzMcx,
494 .detailsBlock-FoDTGA,
495 .profileBannerPreview-3_l0Wd,
496 .contentWarningPopout-n5JsIs,
497 .container-UC8Ug1,
498 .bf-toolbar::before,
499 .tier-12tKuZ,
500 .ctaBar-2UsjF2,
501 .theme-dark .uploadModal-2ifh8j,
502 .container-2Yth53,
503 .searchPage-3GKAdT .search-1iTphC .searchBox-2_mAlO,
504 .theme-dark .card-3DjzTQ,
505 .getStartedWrapper-2AGgRZ,
506 .settingsFormItem-103g1I,
507 .enableContainer-2DIT9Q,
508 .container-2w0lh0,
509 .checklistContainer-mFJZEJ,
510 .featureCard-1RR4Tl,
511 .developerPortalCtaWrapper-2XNafh,
512 .upsellContainer-L9xv7w,
513 .analyticsCard-qckucw,
514 .descriptionBox-1EKQKL,
515 .theme-dark .copyInput-2rOSt7,
516 .wrapper-18yWki,
517 .theme-dark .auditLog-3jNbM6,
518 .theme-dark .tierHeaderUnlocked-3lTDnP,
519 .side-8zPYf6 .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ,
520 .topPill-30KHOu .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ,
521 .previewContainer-1KQDJS,
522 .memberRow-1wwtfV:hover,
523 .roleRow-30TwGe:hover:not(.roleRowDisableHover-1HiqqT),
524 .container-cMG81i,
525 .container-_phMUq,
526 .popout-VcNcHB,
527 .lookFilled-22uAsw.select-2fjwPw,
528 .searchResult-9tQ1uo,
529 .background-1QDuV2,
530 .cardPrimaryOutline-29Ujqw,
531 .accountBtn-2Nozo3 .accountBtnInner-sj5jLs,
532 .connection-1fbD7X,
533 .accountList-33MS45,
534 .theme-dark .feature-2w65J5,
535 .activeGame-14JI7o,
536 .cardWrapper-2Min21,
537 .guild-Hq0WWA,
538 .preview-2nSL_2,
539 .previewMessage-1ZN7YG,
540 .cardPrimary-1Hv-to,
541 .cardPrimaryEditable-3KtE4g,
542 .channelTextArea-2VhZ6z,
543 #bd-editor-panel,
544 .bd-search-wrapper,
545 .input-cIJ7To,
546 .messageGroupWrapper-o-Zw7G,
547 .wrapper-1cBijl,
548 .contentWrapper-SvZHNd,
549 .quickswitcher-3JagVE,
550 .input-2VB9rf,
551 .container-2XeR5Z,
552 .tutorial-3w5I9h,
553 .messages-3G3erD,
554 .messageContainer-gbhlwo,
555 .section-2gLsgF {
556 border: var(--border);
557 border-radius: var(--border-radius);
558 }
559
560 .theme-dark .avatarUploaderIndicator-2G-aIZ {
561 background-color: var(--background-floating);
562 border: var(--border);
563 }
564
565 .theme-dark .iconWrapper-3LVgIo {
566 background-color: var(--background-secondary-alt);
567 }
568
569 .searchResultsWrap-3-pOjs {
570 border-left: var(--border);
571 }
572
573 .theme-dark .tierHeaderLocked-3S508x,
574 .theme-dark .footer-3mqk7D {
575 background-color: var(--background-secondary-alt);
576 }
577
578 .root-1gCeng,
579 .theme-dark .uploadModal-2ifh8j {
580 background-color: var(--background-secondary);
581 }
582
583 .theme-dark .perksModal-fSYqOq {
584 background-color: var(--background-primary);
585 }
586
587 .reaction-1hd86g .emoji {
588 width: 1.2rem;
589 height: 1.2rem;
590 }
591
592 .embed-IeVjo6,
593 .wrapper-35wsBm {
594 border-radius: var(--border-radius);
595 }
596
597 .container-S9SaVf {
598 border: var(--border) !important;
599 border-radius: var(--border-radius);
600 }
601
602 .accountBtn-2Nozo3 .accountBtnInner-sj5jLs:hover {
603 border: var(--border);
604 }
605
606 .css-gvi9bl-control,
607 .css-gvi9bl-control:hover,
608 .css-6fzn47-control:hover,
609 .css-6fzn47-control,
610 .css-17e1tep-control:hover,
611 .css-17e1tep-control {
612 background-color: var(--background-secondary);
613 border-radius: var(--border-radius);
614 border: var(--border);
615 border-color: var(--border-color);
616 }
617
618 .css-3vaxre-menu {
619 border-radius: var(--border-radius);
620 border: var(--border);
621 background-color: var(--background-secondary);
622 }
623
624 .theme-dark .addGamePopout-2RY8Ju {
625 background-color: var(--background-floating);
626 border: var(--border);
627 border-radius: var(--border-radius);
628 }
629
630 .theme-dark .default-3oAQTF {
631 background-color: var(--background-secondary);
632 }
633
634 .diversitySelectorOptions-4YM-vX {
635 border: var(--border);
636 border-radius: var(--border-radius);
637 }
638
639 .header-2-Imhb .tabBar-1kuXvJ .tab-ck0077.active-1MbGPa {
640 border: var(--blurple-border);
641 border-radius: var(--border-radius);
642 color: var(--header-primary);
643 margin: -1px;
644 margin-top: 4px;
645 }
646
647 .navButtonActive-1MkytQ {
648 border: var(--blurple-border);
649 border-radius: var(--border-radius);
650 color: var(--header-primary);
651 margin: -1px;
652 }
653
654 .autocomplete-1vrmpx {
655 background-color: var(--background-secondary) !important;
656 border: var(--border);
657 border-radius: var(--border-radius);
658 }
659
660 .header-ykumBX {
661 background-color: var(--background-floating);
662 border-bottom: var(--border);
663 }
664
665 .selected-1Tbx07 {
666 background-color: var(--background-modifier-selected) !important;
667 border: var(--border);
668 border-radius: var(--border-radius);
669 }