vencord-github.css
· 18 KiB · CSS
Brut
:root {
--blurple-replace: #7289da;
--background-primary: rgb(9, 12, 16);
--background-secondary: rgb(13, 17, 23);
--background-floating: rgb(22, 27, 34);
--background-secondary-alt: var(--background-floating);
--background-tertiary: rgb(7, 10, 16);
--background-accent: rgb(17, 29, 46);
--userarea-background: var(--background-tertiary);
--header-primary: rgb(240, 246, 252);
--header-secondary: rgb(139, 148, 158);
--elevation-low: 0 1px 0 rgba(40, 40, 50, 0.2),
0 1.5px 0 rgba(60, 60, 70, 0.05), 0 2px 0 rgba(40, 40, 50, 0.05);
--elevation-high: 0 8px 16px rgba(0, 0, 0, 0.24);
--channels-default: rgb(139, 148, 158);
--channeltextarea-background: rgb(7, 10, 16);
--voice-color: var(--brand-experiment);
--guild-header-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
--activity-card-background: #0f0f0f;
--interactive-normal: rgb(139, 148, 158);
--interactive-hover: #dcddde;
--interactive-active: #fff;
--interactive-muted: rgb(76, 82, 88);
--background-modifier-hover: rgba(33, 38, 45, 0.26);
--background-modifier-active: rgba(33, 38, 45, 0.44);
--background-modifier-selected: rgba(33, 38, 45, 0.52);
--background-modifier-accent: rgb(33, 38, 45);
--text-link: rgb(88, 166, 255);
--text-normal: rgb(201, 209, 217);
--text-muted: rgb(139, 148, 158);
--deprecated-panel-background: #2a2f29;
--deprecated-card-bg: var(--background-secondary);
--deprecated-card-editable-bg: var(--background-secondary);
--deprecated-store-bg: #36393f;
--deprecated-quickswitcher-input-background: #72767d;
--deprecated-quickswitcher-input-placeholder: hsla(0, 0%, 100%, 0.3);
--deprecated-text-input-bg: var(--channeltextarea-background);
--deprecated-text-input-border: var(--border-color);
--deprecated-text-input-border-hover: #040405;
--deprecated-text-input-border-disabled: #202225;
--deprecated-text-input-prefix: #dcddde;
--background-accent-1: rgb(15, 15, 15, 0.1);
--background-accent-3: rgb(15, 15, 15, 0.3);
--background-floating-2: rgba(0, 0, 0, 0.2);
--border: 1px solid rgb(48, 54, 61);
--border-color: rgb(48, 54, 61);
--blurple-border: 1px solid rgb(31, 47, 71);
--border-radius: 5px;
--divide-color: var(--brand-experiment);
--brand-experiment: rgb(88, 101, 242);
--deprecated-quickswitcher-input-background: var(
--channeltextarea-background
);
}
.theme-light {
--background-secondary: rgb(13, 17, 23);
--header-primary: rgb(240, 246, 252);
--header-secondary: rgb(139, 148, 158);
--background-primary: rgb(22, 27, 34);
--text-normal: rgb(201, 209, 217);
--background-floating: rgb(22, 27, 34);
--background-tertiary: transparent;
--deprecated-text-input-bg: rgb(7, 10, 16);
}
.theme-dark {
--text-positive: hsl(139, calc(var(--saturation-factor, 1) * 66.8%), 58.6%);
--text-warning: hsl(38, calc(var(--saturation-factor, 1) * 95.7%), 54.1%);
--text-danger: hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%);
--info-positive-text: #fff;
--info-warning-text: #fff;
--info-danger-text: #fff;
--info-help-background: hsla(
197,
calc(var(--saturation-factor, 1) * 100%),
47.8%,
0.1
);
--info-help-foreground: hsl(
197,
calc(var(--saturation-factor, 1) * 100%),
47.8%
);
--info-help-text: #fff;
--status-warning-text: #000;
--scrollbar-thin-thumb: rgb(22, 27, 34);
--scrollbar-thin-track: transparent;
--scrollbar-auto-thumb: rgb(22, 27, 34);
--scrollbar-auto-track: rgba(17, 19, 24, 0.308);
--scrollbar-auto-scrollbar-color-thumb: rgb(22, 27, 34);
--scrollbar-auto-scrollbar-color-track: rgba(17, 19, 24, 0.308);
--elevation-stroke: 0 0 0 1px rgba(4, 4, 5, 0.15);
--elevation-low: 0 1px 0 rgba(4, 4, 5, 0.2), 0 1.5px 0 rgba(6, 6, 7, 0.05),
0 2px 0 rgba(4, 4, 5, 0.05);
--elevation-medium: 0 4px 4px rgba(0, 0, 0, 0.16);
--elevation-high: 0 8px 16px rgba(0, 0, 0, 0.24);
--logo-primary: rgb(240, 246, 252);
--control-brand-foreground: hsl(
227,
calc(var(--saturation-factor, 1) * 57.9%),
77.6%
);
--control-brand-foreground-new: hsl(
235,
calc(var(--saturation-factor, 1) * 86.1%),
77.5%
);
--background-mentioned: rgba(13, 17, 23, 0.466);
--background-mentioned-hover: rgba(20, 33, 53, 0.233);
--background-message-hover: rgba(4, 4, 5, 0.07);
--activity-card-background: #202225;
--textbox-markdown-syntax: rgb(82, 89, 95);
}
.resultsGroup-r_nuzN {
background-color: var(--background-secondary);
border-radius: var(--border-radius);
border-left: var(--border);
border-right: var(--border);
}
.lookBlank-3eh9lL {
color: var(--text-normal);
}
.footer-2gL1pp .lookFilled-1Gx00P.colorGrey-2DXtkV {
background-color: rgb(43, 50, 59) !important;
}
.mentioned-xhSam7:before {
background-color: var(--brand-experiment);
}
.theme-dark .emptyHintCard-2mUdMe {
background-color: var(--background-secondary-alt);
border: var(--border);
border-radius: var(--border-radius);
}
#MemberCount {
border-left: var(--border);
}
.theme-dark .contentWrapper-3WC1ID {
background-color: var(--background-secondary);
}
.theme-dark .message-2qRu38 {
background-color: var(--background-primary);
}
.divider-JfaTT5 {
--divider-color: var(--divide-color);
}
.children-19S4PO:after {
content: none;
}
.theme-dark .outer-1AjyKL.interactive-3B9GmY:hover,
.theme-dark .outer-1AjyKL.active-1xchHY {
background-color: var(--background-modifier-selected);
}
.theme-light .footer-2gL1pp {
box-shadow: none;
border-top: var(--border);
}
.border-Jn5IOt.speaking-B2MXPi {
-webkit-box-shadow: inset 0 0 0 2px #0ff;
box-shadow: inset 0 0 0 2px #0ff;
-webkit-animation: rainbow 3s infinite linear !important;
animation: rainbow 3s infinite linear !important;
}
@keyframes rainbow {
0% {
-webkit-filter: hue-rotate(0deg);
}
100% {
-webkit-filter: hue-rotate(360deg);
}
}
.theme-dark .lookFilled-1Gx00P.colorGrey-2DXtkV {
background-color: var(--background-floating);
}
.theme-dark .lookFilled-1Gx00P.colorGrey-2DXtkV:hover {
background-color: var(--background-modifier-selected);
}
.theme-dark .container-1D34oG {
background-color: var(--background-primary);
}
.item-26Dhrx[aria-checked='true'] {
background-color: var(--background-modifier-selected);
border: var(--border);
}
.phoneField-38N1bJ,
.phoneField-38N1bJ .inputField-aNPXsv {
background-color: var(--channeltextarea-background);
border-radius: var(--border-radius);
}
.option-n0icdO,
.theme-dark .notDetected-33MY4s,
.theme-light .notDetected-33MY4s {
background-color: var(--background-floating);
}
.container-1r6BKw.themed-ANHk51 {
background-color: var(--background-secondary);
border-top: var(--border);
border-bottom: var(--border);
}
.menu-3sdvDG {
border: var(--border);
border-radius: var(--border-radius);
}
.container-enaOkj,
.messagesPopoutWrap-1MQ1bW,
.role-3UN8jj:hover {
border: var(--border);
border-radius: var(--border-radius);
margin: -1px;
}
.peopleListItem-2nzedh.active-rhSpJJ,
.peopleListItem-2nzedh:hover {
border: var(--border);
border-radius: var(--border-radius);
margin: 0 10px 0 20px;
}
.peopleListItem-2nzedh {
border-left: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
}
.item-1tOPte,
.button-38aScr,
.wrapper-2aW0bm,
.headerClickable-2IVFo9,
.container-3XJ8ns,
.accountProfileCard-1XCH88,
.connectedAccount-2Jb-Z0,
.note-367eZJ textarea,
.gameIcon-_0rmMm,
.container-2Pjhx-,
.membershipDialog-rVL-t_,
.listRow-1iDGel,
.content-1x5b-n,
.side-8zPYf6 .item-PXvHYJ,
.memberRow-1wwtfV,
.roleRow-30TwGe,
.result-oB0z--,
.container-jSV3OF,
.theme-dark .lookFilled-1Gx00P.colorGrey-2DXtkV,
.container-2rNpDV,
.wrapper-3D2qGf,
.friend-3KALPe,
.item-26Dhrx {
border-radius: var(--border-radius);
}
.headerExpanded-CUEwZ5 {
border-top-left-radius: var(--border-radius);
border-top-right-radius: var(--border-radius);
}
.tertiary-aMXF0g:hover:not(.disabled-3Njyym),
.secondary-dIudih:hover:not(.disabled-3Njyym) {
border: var(--border);
}
.actionButton-uPB8Fs:hover,
.listRow-1iDGel:hover {
border: var(--border);
}
.actionButton-uPB8Fs,
.item-26Dhrx,
.listRow-1iDGel,
.side-8zPYf6 .item-PXvHYJ,
.memberRow-1wwtfV {
border: 1px solid transparent;
}
.wrapper-2aW0bm {
background: var(--background-secondary);
}
.theme-dark .userSettingsVoice-iwdUCU .previewOverlay-2O7_KC {
background-color: var(--background-secondary);
border: var(--border);
border-radius: var(--border-radius);
}
.searchBar-3dMhjb {
border: var(--border);
padding: 0;
}
.searchBar-6Kv8R2 .searchBarComponent-32dTOx,
.bd-select,
.bd-select:hover,
.bd-select.menu-open {
border: var(--border);
}
.panels-j1Uci_ {
border-top: var(--border);
margin-top: -1px;
}
.topPill-30KHOu .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ {
border: var(--border);
border-radius: var(--border-radius);
}
.topPill-30KHOu .item-PXvHYJ,
.friend-3KALPe,
.selectable-3dP3y-,
.roleRow-30TwGe {
border: 1px solid transparent;
}
.sidebar-2K8pFh {
border-left: var(--border);
border-top: var(--border);
border-right: var(--border);
}
.theme-dark .root-1gCeng,
.theme-dark .popoutList-T9CKZQ {
background-color: var(--background-secondary);
border: var(--border);
border-radius: var(--border-radius);
}
.members-1998pB {
border-left: var(--border);
}
.userPopout-xaxa6l {
border: var(--border);
}
.theme-dark .friendSelected-1sa4bG {
border: var(--border);
background: var(--background-modifier-hover);
}
.callContainer-36WRfH {
border-top: var(--border);
border-bottom: var(--border);
}
.categoryHeader-O1zU94 {
background: transparent;
}
.theme-dark .contentWarningPopout-n5JsIs {
background-color: var(--background-secondary);
}
.theme-dark .footer-3N9rgh {
background-color: var(--background-floating);
border-top: var(--border);
border-bottom-left-radius: var(--border-radius);
border-bottom-right-radius: var(--border-radius);
}
.theme-dark .selectableItem-1MP3MQ:hover {
background-color: var(--background-modifier-hover);
}
.theme-dark .footer-2gL1pp {
background-color: var(--background-floating);
}
.theme-dark .container-1nZlH6 {
background-color: var(--channeltextarea-background);
border: var(--border);
border-radius: var(--border-radius);
}
.inputDefault-_djjkz.input-cIJ7To.multiInputField-3K361B {
border: none !important;
}
.theme-dark .codeRedemptionRedirect-1wVR4b {
background-color: var(--background-secondary);
border-color: var(--border-color);
border: var(--border);
border-radius: var(--border-radius);
}
.bd-addon-list .bd-addon-card {
border: var(--border);
border-radius: var(--border-radius);
margin-bottom: 18px;
}
.bd-select .bd-select-options {
border-left: var(--border);
border-right: var(--border);
border-bottom: var(--border);
}
.searchHeader-2XoQg7 {
background-color: var(--background-secondary-alt);
border-bottom: var(--border);
}
.theme-dark .headerExpanded-CUEwZ5,
.checklistHeader-1KWcEY,
.header-2Y0-A- {
background-color: var(--background-secondary-alt);
}
.theme-dark .pageWrapper-1PgVDX {
border-top: var(--border);
}
.panels-j1Uci_,
.theme-dark .changeDetails-bk98pu,
.theme-dark .tierBody-16Chc9,
.theme-dark .headerClickable-2IVFo9,
.theme-dark .headerDefault-1wrJcN {
background-color: var(--background-secondary);
}
.bf-toolbar::before {
background-color: var(--background-secondary) !important;
}
.option-3KoAJB[aria-selected='true'] {
background-color: var(--background-modifier-selected);
}
.cardWrapper-2Min21,
.cardPrimaryOutline-29Ujqw,
.theme-dark .tierHeaderUnlocked-3lTDnP,
.theme-dark .tierBody-3aUxuc,
.theme-dark .pageWrapper-1PgVDX {
background-color: var(--background-secondary);
}
.container-cMG81i,
.theme-dark .copyInput-2rOSt7,
.searchPage-3GKAdT .search-1iTphC .searchBox-2_mAlO {
background-color: var(--channeltextarea-background);
}
#permissions-modal {
border: var(--border) !important;
border-radius: var(--border-radius) !important;
}
#permissions-modal-wrapper .header {
background-color: var(--background-floating) !important;
border-bottom: var(--border);
}
#permissions-modal-wrapper .modal-body,
#permissions-modal-wrapper .role-side {
background-color: var(--background-secondary) !important;
}
#permissions-modal-wrapper .perm-side {
background-color: var(--background-floating) !important;
}
#permissions-modal-wrapper .role-item.selected {
background-color: var(--background-modifier-selected) !important;
border-radius: var(--border-radius);
}
#permissions-modal-wrapper .role-item:hover {
background-color: var(--background-modifier-hover) !important;
border-radius: var(--border-radius);
}
.channelTextArea-rNsIhG,
.theme-dark .message-2qRu38,
#emoji-picker-tab-panel,
.markup-2BOw-j code,
.card-3RzMcx,
.detailsBlock-FoDTGA,
.profileBannerPreview-3_l0Wd,
.contentWarningPopout-n5JsIs,
.container-UC8Ug1,
.bf-toolbar::before,
.tier-12tKuZ,
.ctaBar-2UsjF2,
.theme-dark .uploadModal-2ifh8j,
.container-2Yth53,
.searchPage-3GKAdT .search-1iTphC .searchBox-2_mAlO,
.theme-dark .card-3DjzTQ,
.getStartedWrapper-2AGgRZ,
.settingsFormItem-103g1I,
.enableContainer-2DIT9Q,
.container-2w0lh0,
.checklistContainer-mFJZEJ,
.featureCard-1RR4Tl,
.developerPortalCtaWrapper-2XNafh,
.upsellContainer-L9xv7w,
.analyticsCard-qckucw,
.descriptionBox-1EKQKL,
.theme-dark .copyInput-2rOSt7,
.wrapper-18yWki,
.theme-dark .auditLog-3jNbM6,
.theme-dark .tierHeaderUnlocked-3lTDnP,
.side-8zPYf6 .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ,
.topPill-30KHOu .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ,
.previewContainer-1KQDJS,
.memberRow-1wwtfV:hover,
.roleRow-30TwGe:hover:not(.roleRowDisableHover-1HiqqT),
.container-cMG81i,
.container-_phMUq,
.popout-VcNcHB,
.lookFilled-22uAsw.select-2fjwPw,
.searchResult-9tQ1uo,
.background-1QDuV2,
.cardPrimaryOutline-29Ujqw,
.accountBtn-2Nozo3 .accountBtnInner-sj5jLs,
.connection-1fbD7X,
.accountList-33MS45,
.theme-dark .feature-2w65J5,
.activeGame-14JI7o,
.cardWrapper-2Min21,
.guild-Hq0WWA,
.preview-2nSL_2,
.previewMessage-1ZN7YG,
.cardPrimary-1Hv-to,
.cardPrimaryEditable-3KtE4g,
.channelTextArea-2VhZ6z,
#bd-editor-panel,
.bd-search-wrapper,
.input-cIJ7To,
.messageGroupWrapper-o-Zw7G,
.wrapper-1cBijl,
.contentWrapper-SvZHNd,
.quickswitcher-3JagVE,
.input-2VB9rf,
.container-2XeR5Z,
.tutorial-3w5I9h,
.messages-3G3erD,
.messageContainer-gbhlwo,
.section-2gLsgF {
border: var(--border);
border-radius: var(--border-radius);
}
.theme-dark .avatarUploaderIndicator-2G-aIZ {
background-color: var(--background-floating);
border: var(--border);
}
.theme-dark .iconWrapper-3LVgIo {
background-color: var(--background-secondary-alt);
}
.searchResultsWrap-3-pOjs {
border-left: var(--border);
}
.theme-dark .tierHeaderLocked-3S508x,
.theme-dark .footer-3mqk7D {
background-color: var(--background-secondary-alt);
}
.root-1gCeng,
.theme-dark .uploadModal-2ifh8j {
background-color: var(--background-secondary);
}
.theme-dark .perksModal-fSYqOq {
background-color: var(--background-primary);
}
.reaction-1hd86g .emoji {
width: 1.2rem;
height: 1.2rem;
}
.embed-IeVjo6,
.wrapper-35wsBm {
border-radius: var(--border-radius);
}
.container-S9SaVf {
border: var(--border) !important;
border-radius: var(--border-radius);
}
.accountBtn-2Nozo3 .accountBtnInner-sj5jLs:hover {
border: var(--border);
}
.css-gvi9bl-control,
.css-gvi9bl-control:hover,
.css-6fzn47-control:hover,
.css-6fzn47-control,
.css-17e1tep-control:hover,
.css-17e1tep-control {
background-color: var(--background-secondary);
border-radius: var(--border-radius);
border: var(--border);
border-color: var(--border-color);
}
.css-3vaxre-menu {
border-radius: var(--border-radius);
border: var(--border);
background-color: var(--background-secondary);
}
.theme-dark .addGamePopout-2RY8Ju {
background-color: var(--background-floating);
border: var(--border);
border-radius: var(--border-radius);
}
.theme-dark .default-3oAQTF {
background-color: var(--background-secondary);
}
.diversitySelectorOptions-4YM-vX {
border: var(--border);
border-radius: var(--border-radius);
}
.header-2-Imhb .tabBar-1kuXvJ .tab-ck0077.active-1MbGPa {
border: var(--blurple-border);
border-radius: var(--border-radius);
color: var(--header-primary);
margin: -1px;
margin-top: 4px;
}
.navButtonActive-1MkytQ {
border: var(--blurple-border);
border-radius: var(--border-radius);
color: var(--header-primary);
margin: -1px;
}
.autocomplete-1vrmpx {
background-color: var(--background-secondary) !important;
border: var(--border);
border-radius: var(--border-radius);
}
.header-ykumBX {
background-color: var(--background-floating);
border-bottom: var(--border);
}
.selected-1Tbx07 {
background-color: var(--background-modifier-selected) !important;
border: var(--border);
border-radius: var(--border-radius);
}
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 | } |