diff options
| author | awy <awy@awy.one> | 2025-01-27 00:10:08 +0300 |
|---|---|---|
| committer | awy <awy@awy.one> | 2025-01-27 00:10:08 +0300 |
| commit | b20df9f133ea2ef7715ed22145e082534e18589e (patch) | |
| tree | e6c41411f40d4fc25cd12485f7fd8925b185fa07 | |
| parent | 24654af9b23a5f2cdfa161935ca3390ddba97c0b (diff) | |
update
| -rw-r--r-- | .config/WebCord/Themes/gruvbox.css | 2571 |
1 files changed, 2571 insertions, 0 deletions
diff --git a/.config/WebCord/Themes/gruvbox.css b/.config/WebCord/Themes/gruvbox.css new file mode 100644 index 0000000..f6e92aa --- /dev/null +++ b/.config/WebCord/Themes/gruvbox.css @@ -0,0 +1,2571 @@ +/** + * @name Gruvbox Soft + * @author shved.#8772 + * @authorId 833767278969225266 + * @version 0.1 + * @description Gruvbox port based on Catppuccin theme + * @website https://github.com/shvedes +**/ + +button[class*=emojiButtonNormal] > div > div { + filter: grayscale(0.8) hue-rotate(-50deg) brightness(0.8) opacity(100%) !important; +} + +.container-1QtPKm, .input-125oad { + border-radius: 14px; + cursor: pointer; + background-color: #665c54 !important; +} + +[data-popout-root], +html { + --brand-experiment: #d79921; + --brand-experiment-330: #f9f5d7; + --brand-experiment-360: #f9f5d7; + --brand-experiment-400: #665c54; + --brand-experiment-430: #f9f5d7; + --brand-experiment-460: #fbf1c7; + --brand-experiment-500: #504945; + --brand-experiment-530: #ebdbb2; + --brand-experiment-560: #665c54; + --brand-experiment-600: #bdae93; + --brand-experiment-630: #a89984; + --brand-experiment-660: #83a598; + --brand-experiment-700: #83a598; + --brand-experiment-730: #83a598; + --brand-experiment-760: #83a598; + --brand-experiment-800: #83a598; + --brand-experiment-830: #83a598; + --brand-experiment-860: #83a598; + --brand-experiment-900: #83a598; +} + +.theme-dark, +.theme-light { + --brand-260: #d79921; + --brand-500: #d79921; + --brand-560: #282828; + --primary-300: #f9f5d7; + --header-primary: #f9f5d7; + --header-secondary: #fbf1c7; + --text-normal: #f2e5bc; + --text-muted: #bdae93; + --text-link: #83a598; + --text-link-low-saturation: #728E83; + --text-positive: #d79921; + --text-warning: #cc241d; + --text-danger: #d79921; + --text-brand: #d79921; + --background-primary: #282828; + --background-secondary: #32302f; + --background-secondary-alt: #32302f; + --background-tertiary: #32302f; + --background-accent: #AE7D1B; + --background-floating: #282828; + --background-nested-floating: #504945; + --background-mobile-primary: #282828; + --background-modifier-hover: rgba(168, 153, 132, 0.15); + --background-modifier-selected: rgba(189, 174, 147, 0.2); + --background-modifier-accent: rgba(146, 131, 116, 0.26); + --background-modifier-active: rgba(249, 245, 215, 0.17); + --info-warning-background: rgba(215, 153, 33, 0.15); + --info-warning-foreground: #d79921; + --info-warning-text: #d79921; + --info-danger-background: rgba(251, 73, 52, 0.15); + --info-danger-foreground: #fb4934; + --info-danger-text: #fb4934; + --info-help-background: rgba(215, 153, 33, 0.10); + --info-help-foreground: rgba(215, 153, 33); + --info-help-text: #f9f5d7; + --status-positive-background: #d79921; + --status-positive-text: #282828; + --status-warning-background: #d79921; + --status-warning-text: #f2e5bc; + --status-danger-background: #d79921; + --status-danger-text: #282828; + --status-danger: #fb4934; + --status-positive: #b8bb26; + --status-warning: #9D6A1C; + --black-500: #282828; + --green-360: #b8bb26; + --primary-400: #a89984; + --white-500: #f9f5d7; + --guild-boosting-pink: #d3869b; + --premium-perk-yellow: #fabd2f; + --premium-perk-purple: #b16286; + --premium-perk-dark-blue: #076678; + --premium-perk-light-blue: #83a598; + --premium-perk-blue: #458588; + --premium-perk-green: #b8bb26; + --premium-perk-pink: #d3869b; + --premium-perk-orange: #fe8019; + --button-danger-background: #d79921; + --button-danger-background-hover: #fabd2f; + --button-danger-background-active: #f9f5d7; + --button-danger-background-disabled: rgba(250, 189, 47, 0.40); + --button-positive-background: #d79921; + --button-positive-background-hover: #fabd2f; + --button-positive-background-active: #f9f5d7; + --button-positive-background-disabled: rgba(250, 189, 47, 0.40); + --button-secondary-background: #504945; + --button-secondary-background-hover: #665c54; + --button-secondary-background-active: #a89984; + --button-secondary-background-disabled: #928374; + --button-outline-danger-text: #fb4934; + --button-outline-danger-border: #fb4934; + --button-outline-danger-background: transparent; + --button-outline-danger-background-hover: #fb4934; + --button-outline-danger-text-hover: #282828; + --button-outline-danger-border-hover: #fb4934; + --button-outline-danger-background-active: #FF7E6F; + --button-outline-danger-text-active: #fb4934; + --button-outline-danger-border-active: #fb4934; + --button-outline-positive-text: #f2e5bc; + --button-outline-positive-border: #d79921; + --button-outline-positive-background: transparent; + --button-outline-positive-background-hover: #d79921; + --button-outline-positive-text-hover: #282828; + --button-outline-positive-border-hover: #d79921; + --button-outline-positive-background-active: #FFCC57; + --button-outline-positive-text-active: #282828; + --button-outline-positive-border-active: #d79921; + --button-outline-brand-text: #f2e5bc; + --button-outline-brand-border: #d79921; + --button-outline-brand-background: transparent; + --button-outline-brand-background-hover: #fabd2f; + --button-outline-brand-text-hover: #282828; + --button-outline-brand-border-hover: #fabd2f; + --button-outline-brand-background-active: #FFCC57; + --button-outline-brand-text-active: #282828; + --button-outline-brand-border-active: #fabd2f; + --button-outline-primary-text: #f2e5bc; + --button-outline-primary-border: #d79921; + --button-outline-primary-background: transparent; + --button-outline-primary-background-hover: #fabd2f; + --button-outline-primary-text-hover: #282828; + --button-outline-primary-border-hover: #fabd2f; + --button-outline-primary-background-active: #FFCC57; + --button-outline-primary-text-active: #282828; + --button-outline-primary-border-active: #fabd2f; + --modal-background: #282828; + --scrollbar-thin-thumb: #504945; + --scrollbar-thin-track: transparent; + --scrollbar-auto-thumb: #504945; + --scrollbar-auto-track: transparent; + --scrollbar-auto-scrollbar-color-thumb: #504945; + --scrollbar-auto-scrollbar-color-track: #504945; + --input-background: #32302f; + --input-placeholder-text: #bdae93; + --control-brand-foreground: #d79921; + --mention-foreground: #ebdbb2; + --mention-background: rgba(168, 153, 132, 0.3); + --background-mentioned: rgba(215, 153, 33, 0.1); + --background-mentioned-hover: rgba(215, 153, 33, 0.2); + --background-message-hover: rgba(80, 73, 69, 0.25); + --background-message-highlight: rgba(80, 73, 69, 0.4); + --channels-default: #f2e5bc; + --channel-icon: #ebdbb2; + --channel-text-area-placeholder: #f9f5d7; + + /* message input bar */ + --channeltextarea-background: #32302f; + + --textbox-markdown-syntax: #928374; + --deprecated-card-bg: #32302f; + --deprecated-card-editable-bg: #32302f; + --deprecated-text-input-bg: #282828; + --deprecated-text-input-border: #665c54; + --focus-primary: #8ec07c; + --interactive-normal: #a89984; + --interactive-muted: rgba(168, 153, 132, 0.3); + --interactive-hover: #d5c4a1; + --interactive-active: #fbf1c7; + + --primary-200: #ebdbb2; +} +.theme-dark [class*=disabledPointerEvents], +.theme-light [class*=disabledPointerEvents] { + --background-floating: #282828; + --background-tertiary: #282828; +} +.theme-dark [class*=disabledPointerEvents] svg[class|=activityIcon], +.theme-light [class*=disabledPointerEvents] svg[class|=activityIcon] { + color: #d79921; +} + +::selection { + background-color: #665c54; +} + +[class*=staffBadge-] { + background-image: url("data:image/svg+xml,%3Csvg fill='none' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23232634'%3E%3Cpath d='m5.92127 6.03526s.22115-.33086.31286-.47743c.09172-.14657-.23743-.49286-.36514-.60257-.12772-.10971-.32914-.05486-.32914-.05486-1.60715.71229-2.41115 2.17372-2.52086 2.466-.10972.29229.27943.61115.56657.76715.132.072.342-.08743.47143-.20572l.04371-.04457.06772-.06857.00085-.00086 4.37229 4.35517.59743-.5975 1.09801-1.098-4.32173-4.43224z'/%3E%3Cpath d='m16.2505 10.6294.2306-.2194 2.0717 2.052c.0146.0129.03.018.0437.018.0395 0 .072-.036.072-.036s2.2937-2.2757 2.3015-2.2834c.0677-.0669 0-.1037 0-.1037l-1.7692-1.78119-.0026.00258-.2425-.23743.1354-.13029.2897.03343-.0548-.384.0728-.07371-.1088-.55372c-.378-.53571-1.4135-1.39371-1.4135-1.39371l-.5417-.09772-.0548.07286-.408-.06086.0394.348.0257.02572-.1209.12171-.6685-.654s-3.8795-2.10686-4.086-2.20457c-.1166-.054-.2023-.09-.2846-.09-.0634 0-.1251.02143-.1963.072-.1646.11571-.0677.34886-.0677.34886l2.412 4.45714.4826.47829-.1509.15085-.0557.05572-.3857-.05315.0591.38229-.1114.11143-.0197-.01972c-.018-.018-.0429-.02742-.0669-.02742s-.048.00942-.0668.02742c-.0369.03686-.0369.09686 0 .13372l.0197.01971-.0532.054-.0137-.01457c-.0188-.018-.0428-.02743-.0668-.02743-.0249 0-.0489.00943-.0669.02743-.0368.03686-.0368.09686 0 .13372l.0146.01457-1.0149 1.02004-.0231-.0232c-.0189-.018-.0429-.0274-.0669-.0274s-.048.0094-.0668.0274c-.0369.0369-.0369.0969 0 .1337l.024.0232-.054.054-.018-.0172c-.018-.0188-.0429-.0283-.066-.0283-.0249 0-.0489.0095-.0677.0283-.036.0369-.036.096 0 .1329l.018.018-.132.1337-.018.1697.0694.0712-.0017.0008-.084.0857-5.47632 5.4755-.07114-.0592-.22714.0326-.12858.1303-.00857-.0086c-.01885-.0189-.04285-.0283-.06685-.0283s-.04886.0094-.06686.0283c-.03686.0369-.03686.096 0 .1329l.01028.0102-.05314.0549-.00514-.0051c-.018-.0189-.04286-.0283-.06686-.0283s-.048.0094-.06686.0283c-.036.0368-.036.096 0 .1328l.006.0069-1.002 1.0191-.02057-.0206c-.01885-.0188-.042-.0274-.06685-.0274-.024 0-.048.0086-.06686.0274-.03686.0369-.03686.0969 0 .1338l.02228.0214-.05314.054-.01628-.0163c-.01886-.018-.04286-.0274-.06772-.0274-.02314 0-.048.0094-.066.0274-.03686.0369-.03686.0969 0 .1337l.01714.018-.07457.0763-.38828-.0694.02914.4337-.12257.1251.10628.5846s.16286.5091.498.8469c.32486.3274.82029.4842.84172.5005l.55971.0977.138-.1354.38572.0626-.06343-.3814.11743-.1149.054.054c.018.018.042.0274.066.0274s.04885-.0094.06685-.0274c.03686-.0377.03686-.0969 0-.1337l-.05314-.0532.05486-.0531.04628.0463c.018.0188.04286.0283.06686.0283s.048-.0095.06686-.0283c.03686-.0369.03686-.096 0-.1329l-.04543-.0463 1.01743-1.0037.04457.0446c.018.0189.04286.0274.06686.0274s.048-.0085.06685-.0274c.036-.0369.036-.0969 0-.1337l-.04371-.0429.054-.054.03771.0377c.018.018.042.0275.066.0275.02486 0 .04886-.0095.06686-.0275.03686-.0368.03686-.0968 0-.1337l-.03686-.0368.114-.1115.04115-.2442-.06086-.0609.00086-.0009.11057-.1097 5.43946-5.4411-.0026-.0052.1063.1098.1706-.0189.1534-.1543.0248.0249c.0189.018.0429.0274.0669.0274s.0489-.0094.0669-.0274c.0368-.0369.0368-.0969 0-.1337l-.0249-.0249.054-.0531.0189.0188c.018.018.042.0274.0668.0274.024 0 .048-.0094.066-.0274.0369-.0368.0369-.0968 0-.1337l-.0188-.0197 1.0165-1.0183.0266.0266c.018.018.042.0274.066.0274.0249 0 .0489-.0094.0669-.0274.0368-.0369.0368-.0969 0-.1337l-.0266-.0266.054-.054.0206.0214c.0188.018.0428.0274.0668.0274s.048-.0094.0669-.0274c.0368-.0377.0368-.0968 0-.1337l-.0206-.0214.1131-.1132.378.0592z'/%3E%3Cpath d='m17.0057 16.7793-2.4111-1.8274-.4294-.4423-1.6637 1.6637.4183.3995 1.5711 2.3562 2.1188 2.3203 2.4421-2.2783z'/%3E%3C/g%3E%3C/svg%3E") !important; +} + +[class*=permissionCheckmark-] { + background-image: url("data:image/svg+xml,%3Csvg height='18' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m0 0h18v18h-18z'/%3E%3Cpath d='m14.25 14.25h-10.5v-10.5h7.5v-1.5h-7.5c-.8325 0-1.5.6675-1.5 1.5v10.5c0 .8284271.67157288 1.5 1.5 1.5h10.5c.8284271 0 1.5-.6715729 1.5-1.5v-6h-1.5zm-7.5675-6.94-1.0575 1.065 3.375 3.375 7.5-7.5-1.0575-1.065-6.4425 6.4425z' fill='%23b8bb26'/%3E%3C/g%3E%3C/svg%3E") !important; +} + +[class*=removeKeybind-] { + background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="18" height="18"%3E%3Cg fill="none" fill-rule="evenodd"%3E%3Cpath d="M0 0h18v18H0"/%3E%3Cpath fill="%23232634" d="M14.25 4.8075L13.1925 3.75 9 7.9425 4.8075 3.75 3.75 4.8075 7.9425 9 3.75 13.1925 4.8075 14.25 9 10.0575l4.1925 4.1925 1.0575-1.0575L10.0575 9"/%3E%3C/g%3E%3C/svg%3E') !important; +} + +[class*=removeGame-] { + background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 18 18' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m14.25 4.808-1.057-1.058-4.193 4.192-4.192-4.192-1.058 1.058 4.192 4.192-4.192 4.193 1.058 1.057 4.192-4.193 4.193 4.193 1.057-1.057-4.193-4.193z' fill-rule='nonzero' fill='%23cc241d'/%3E%3Cpath d='m0 0h18v18h-18z'/%3E%3C/g%3E%3C/svg%3E") !important; +} + +[class*=emojiRemove-] { + background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 18 18' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m14.25 4.808-1.057-1.058-4.193 4.192-4.192-4.192-1.058 1.058 4.192 4.192-4.192 4.193 1.058 1.057 4.192-4.193 4.193 4.193 1.057-1.057-4.193-4.193z' fill-rule='nonzero' fill='%23cc241d'/%3E%3Cpath d='m0 0h18v18h-18z'/%3E%3C/g%3E%3C/svg%3E") !important; +} + +[class*=lockIcon-] { + content: url("data:image/svg+xml,%3Csvg height='14' viewBox='0 0 10 14' width='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m553 515h-6v-1c0-1.654 1.346-3 3-3s3 1.346 3 3zm-4 6h2v-4h-2zm1-12c-2.762 0-5 2.238-5 5v1 4 2c0 1.104.896 2 2 2h6c1.104 0 2-.896 2-2v-2-4-1c0-2.762-2.238-5-5-5z' fill='%23b8bb26' fill-rule='evenodd' transform='translate(-545 -509)'/%3E%3C/svg%3E") !important; +} + +.theme-dark svg[class*=noItemsIcon-], +.theme-light svg[class*=noItemsIcon-] { + background-color: #665c54; +} + +.theme-dark svg[class*=tier1ProfilePerk-], +.theme-light svg[class*=tier1ProfilePerk-] { + color: #83a598 !important; +} + +.theme-dark svg[class*=tier1BoostPerk-], +.theme-light svg[class*=tier1BoostPerk-] { + color: #d3869b !important; +} + +.theme-dark svg[class*=tier1CustomEmojiPerk-], +.theme-light svg[class*=tier1CustomEmojiPerk-] { + color: #fe8019 !important; +} + +.theme-dark svg[class*=tier1UploadPerk-], +.theme-light svg[class*=tier1UploadPerk-] { + color: #babbf1 !important; +} + +.theme-dark svg[class*=tier1StreamPerk-], +.theme-light svg[class*=tier1StreamPerk-] { + color: #b8bb26 !important; +} + +.theme-dark svg[class*=guildBoostingIcon-], +.theme-light svg[class*=guildBoostingIcon-] { + color: #d3869b !important; +} + +.theme-dark svg[class*=guildSubscriptionSlotIcon-], +.theme-light svg[class*=guildSubscriptionSlotIcon-] { + color: #d3869b !important; +} + +.theme-dark svg[class*=guildSubscriberCountIcon-], +.theme-light svg[class*=guildSubscriberCountIcon-] { + color: #d3869b !important; +} + +.theme-dark svg[class*=gemWithLabel-], +.theme-light svg[class*=gemWithLabel-] { + color: #d3869b !important; +} + +.theme-dark svg[class*=gemWithoutLabel-], +.theme-light svg[class*=gemWithoutLabel-] { + color: #838ba7 !important; +} + +.theme-dark svg[class*=memberBadgeIcon-], +.theme-light svg[class*=memberBadgeIcon-] { + color: #d3869b !important; +} + +.theme-dark svg[class*=stickerIcon-], +.theme-light svg[class*=stickerIcon-] { + color: #ca9ee6 !important; +} + +.theme-dark svg[class*=audioQualityIcon-], +.theme-light svg[class*=audioQualityIcon-] { + color: #85c1dc !important; +} + +.theme-dark svg[class*=uploadSizeIcon-], +.theme-light svg[class*=uploadSizeIcon-] { + color: #d3869b !important; +} + +.theme-dark svg[class*=threadIcon-], +.theme-light svg[class*=threadIcon-] { + color: #81c8be !important; +} + +.theme-dark svg[class*=premiumIcon-], +.theme-light svg[class*=premiumIcon-] { + color: #d3869b !important; +} + +.theme-dark svg[class*=gameIcon-], +.theme-light svg[class*=gameIcon-] { + color: #f9f5d7 !important; +} + +.theme-dark svg[class*=tierMarkerLabelPlusIcon-], +.theme-light svg[class*=tierMarkerLabelPlusIcon-] { + color: #d3869b !important; +} + +.theme-dark svg[class*=currentTierIcon-], +.theme-light svg[class*=currentTierIcon-] { + color: #d3869b !important; +} + +.theme-dark svg[class*=tier3Icon-], +.theme-light svg[class*=tier3Icon-] { + color: #d3869b !important; +} + +.theme-dark svg[class*=searchIcon-], +.theme-light svg[class*=searchIcon-] { + color: #a5adce !important; +} + +.theme-dark svg[class*=upsellIcon-], +.theme-light svg[class*=upsellIcon-] { + color: #d3869b !important; +} + +[class*=lookFilled-][class*=colorBrand-], [class*=lookFilled-][class*=colorBrandNew-], [class*=lookFilled-][class*=colorLink-], [class*=lookFilled-][class*=colorYellow-], [class*=lookFilled-][class*=colorRed-], [class*=lookFilled-][class*=colorGreen-] { + color: #232634; +} +[class*=lookFilled-][class*=colorBrand-] svg[class|=premiumIcon], [class*=lookFilled-][class*=colorBrandNew-] svg[class|=premiumIcon], [class*=lookFilled-][class*=colorLink-] svg[class|=premiumIcon], [class*=lookFilled-][class*=colorYellow-] svg[class|=premiumIcon], [class*=lookFilled-][class*=colorRed-] svg[class|=premiumIcon], [class*=lookFilled-][class*=colorGreen-] svg[class|=premiumIcon] { + color: #e660c2; +} +[class*=lookFilled-][class*=colorBrand-] [class*=spinnerItem-], [class*=lookFilled-][class*=colorBrandNew-] [class*=spinnerItem-], [class*=lookFilled-][class*=colorLink-] [class*=spinnerItem-], [class*=lookFilled-][class*=colorYellow-] [class*=spinnerItem-], [class*=lookFilled-][class*=colorRed-] [class*=spinnerItem-], [class*=lookFilled-][class*=colorGreen-] [class*=spinnerItem-] { + background-color: #232634; +} +[class*=lookFilled-][class*=colorBrand-] [class*=defaultColor-], [class*=lookFilled-][class*=colorBrandNew-] [class*=defaultColor-], [class*=lookFilled-][class*=colorLink-] [class*=defaultColor-], [class*=lookFilled-][class*=colorYellow-] [class*=defaultColor-], [class*=lookFilled-][class*=colorRed-] [class*=defaultColor-], [class*=lookFilled-][class*=colorGreen-] [class*=defaultColor-] { + color: #fbf1c7; +} +[class*=lookFilled-][class*=colorPrimary-] { + color: #fbf1c7; +} + +div[class|=actionButtons] [class|=button][class*=buttonColor-], +div[class|=actionButtons] [class|=button] [class*=buttonColor-] { + background-color: #504945; +} +div[class|=actionButtons] [class|=button][class*=buttonColor-][class*=buttonActive-], +div[class|=actionButtons] [class|=button] [class*=buttonColor-][class*=buttonActive-] { + background-color: #BB8725; + color: #232634; +} +div[class|=actionButtons] [class|=button][class*=buttonColor-][class*=buttonActive-] [class*=buttonContents-], +div[class|=actionButtons] [class|=button] [class*=buttonColor-][class*=buttonActive-] [class*=buttonContents-] { + color: #232634; +} +div[class|=actionButtons] [class|=button][class*=buttonColor-][class*=buttonActive-] [class*=buttonContents-] svg, +div[class|=actionButtons] [class|=button] [class*=buttonColor-][class*=buttonActive-] [class*=buttonContents-] svg { + color: #232634; +} + +[class*=lookInverted-][class*=colorBrand-] { + color: var(--brand-experiment-600); +} +[class*=lookInverted-][class*=colorBrand-] svg[class|=premiumIcon] { + color: #ea76cb; +} + +.theme-dark [class*=lookLink-][class*=colorPrimary-], +.theme-light [class*=lookLink-][class*=colorPrimary-] { + color: #c6d0f5; +} +.theme-dark [class*=lookFilled-][class*=colorTransparent-], +.theme-light [class*=lookFilled-][class*=colorTransparent-] { + color: #c6d0f5; + background-color: #414559; +} + +div[class*=button-][class*=dangerous-]:hover { + color: #df575a; +} + +div[role=radio][class*=selected] { + color: #232634; +} +div[role=radio][class*=selected][class*=allow] { + background-color: #b8bb26; +} + +[class*=container-][style*="background-color: var(--green-360)"] { + --green-360: #b8bb26; + background-color: #b8bb26 !important; +} + +[class*=container-][style*="background-color: var(--primary-400)"], +[class*=container-][style*="background-color: rgb(130, 133, 143)"] { + background-color: #928374 !important; +} + +.vc-spotify-button-row .vc-spotify-button.vc-spotify-shuffle-on, .vc-spotify-button-row .vc-spotify-button.vc-spotify-repeat-context, .vc-spotify-button-row .vc-spotify-button.vc-spotify-repeat-track { + color: var(--interactive-normal); +} +.vc-spotify-button-row .vc-spotify-button.vc-spotify-repeat-off, .vc-spotify-button-row .vc-spotify-button.vc-spotify-shuffle-off { + color: var(--text-muted); +} + +[class*=topGuildEmojiBadge-] { + background: linear-gradient(268.26deg, #fe8019, #d3869b 102.45%); +} +[class*=topGuildEmojiBadge-] * { + color: #232634 !important; +} + +[class*=newlyAddedBadge-] { + background: linear-gradient(268.26deg, #81c8be, #b8bb26 102.45%); +} +[class*=newlyAddedBadge-] * { + color: #232634 !important; +} + +[class*=lookFilled-] [class*=premiumSubscribeButton-] > [class*=premiumIcon-] { + color: #232634 !important; +} + +div[class|=sidebarRegion] div[class|=serverBoostTabItem] svg[class|=icon] { + fill: #d3869b !important; +} +div[class|=sidebarRegion] div[class|=serverBoostTabItem][class*=selected-] { + background-color: #4E4943 !important; + color: #fbf1c7 !important; +} +div[class|=sidebarRegion] div[class|=serverBoostTabItem][class*=selected-] svg[class|=icon] { + fill: #fbf1c7 !important; +} +div[class|=sidebarRegion] div[class|=premiumTab] > div > svg > path { + fill: #d3869b; +} +div[class|=sidebarRegion] div[class|=premiumTab] > div[class*=selected] { + color: #232634; +} +div[class|=sidebarRegion] div[class|=premiumTab] > div[class*=selected] svg > path { + fill: #232634; +} +div[class|=sidebarRegion] div[class*=tabBarItemContainer-] [class*=textBadge-] { + color: #232634; +} +div[class|=sidebarRegion] div[class*=tabBarItemContainer-] [class*=textBadge-][style*="background-color: var(--brand-500);"] { + background-color: #83a598 !important; +} + +div[class|=contentRegion] div[class*=noticeRegion-] div[style="background-color: rgb(24, 25, 28);"] { + background-color: #232634 !important; +} +div[class|=contentRegion] [class|=bar], +div[class|=contentRegion] [class|=markDash] { + background: #51576d; +} +div[class|=contentRegion] [id="privacy-&-safety-tab"] div[class|=radioBar][style*="hsl(139,"] { + border-color: #b8bb26; +} +div[class|=contentRegion] [id="privacy-&-safety-tab"] div[class|=radioBar][style*="hsl(37,"] { + border-color: #fe8019; +} +div[class|=contentRegion] [id="privacy-&-safety-tab"] div[class|=radioBar][style*="hsl(359,"] { + border-color: #cc241d; +} +div[class|=contentRegion] [id="privacy-&-safety-tab"] div[class*=betaTagIcon] { + background-color: #d79921 !important; + color: #282828; +} +div[class|=contentRegion] #accessibility-tab button[class*=colorBrandNew] { + background-color: #83a598; +} +div[class|=contentRegion] #keybinds-tab span[class*=key] { + color: #232634; +} +div[class|=contentRegion] #keybinds-tab span[class*=key] g { + fill: #232634; +} +div[class|=contentRegion] #nitro-server-boost-tab circle[class|=circleProgress] { + color: #d3869b; +} +div[class|=contentRegion] #nitro-server-boost-tab div[class*=gemIndicatorContainer-] { + background-color: #303446; +} +div[class|=contentRegion] #nitro-server-boost-tab div[class*=gemIndicatorContainer-] div[class|=tierLabel] { + color: #b5bfe2; +} +div[class|=contentRegion] #nitro-server-boost-tab button[class*=lookInverted-] { + color: #232634; + background-color: #c6d0f5; +} +div[class|=contentRegion] #nitro-server-boost-tab button[class*=lookInverted-]:hover { + background-color: #c8d2f5; +} +div[class|=contentRegion] #nitro-server-boost-tab div[class*=card-], +div[class|=contentRegion] #nitro-server-boost-tab h3[class*=price-] { + color: #c6d0f5 !important; +} +div[class|=contentRegion] #subscriptions-tab [class|=sectionAccountCredit], +div[class|=contentRegion] #subscriptions-tab [class|=subscriptionDetails] { + border-color: var(--background-modifier-accent); +} +div[class|=contentRegion] #library-inventory-tab div[class|=promotionIcon] { + background-color: #303446; +} +div[class|=contentRegion] #discord-nitro-tab button[class*=buttonWhite] { + color: #f9f5d7 !important; + border-color: #f9f5d7 !important; +} +div[class|=contentRegion] #discord-nitro-tab h2 { + color: #f9f5d7 !important; +} +div[class|=contentRegion] #discord-nitro-tab svg[class*=sparkleStar-] { + color: #f9f5d7; +} +div[class|=contentRegion] #discord-nitro-tab div[class*=description-] { + color: #fbf1c7 !important; +} +div[class|=contentRegion] #discord-nitro-tab div[class*=card-] { + color: #f9f5d7; +} +div[class|=contentRegion] #discord-nitro-tab button[class*=lookInverted-] { + color: #282828; + background-color: #fbf1c7; +} +div[class|=contentRegion] #discord-nitro-tab button[class*=lookInverted-]:hover { + background-color: #f9f5d7; +} +div[class|=contentRegion] #billing-tab div[class*=subtext] { + color: #b5bfe2; +} +div[class|=contentRegion] #billing-tab [class*=Divider] { + border-color: var(--background-modifier-accent); +} +div[class|=contentRegion] #billing-tab div[class|=defaultIndicator] { + color: #f9f5d7; + background-color: #665c54; +} +div[class|=contentRegion] #billing-tab div[class*=summaryInfo], +div[class|=contentRegion] #billing-tab [class|=paymentHeader] { + color: #fbf1c7; + border-color: var(--background-modifier-accent); +} +div[class|=contentRegion] #billing-tab div[class|=premiumIndicator] { + color: #232634; +} +div[class|=contentRegion] #billing-tab div[class|=paymentPane], +div[class|=contentRegion] #billing-tab div[class*=paginator-], +div[class|=contentRegion] #billing-tab div[class*=payment-] { + background-color: #282828; + color: #f9f5d7; +} +div[class|=contentRegion] #billing-tab div[class|=expandedInfo] { + background-color: #32302f; +} +div[class|=contentRegion] #billing-tab [class*=paymentText-] { + color: #f2e5bc; +} +div[class|=contentRegion] #billing-tab div[class|=codeRedemptionRedirect] { + background-color: #32302f; + color: #ebdbb2; + border-color: #504945; +} +div[class|=contentRegion] [id="voice-&-video-tab"] div[class|=backgroundOptionRing] { + border-color: #83a598; +} +div[class|=contentRegion] #notifications-tab button[class*=marketingUnsubscribeButton-] { + color: #c6d0f5; +} +div[class|=contentRegion] #game-activity-tab div[class*=nowPlayingAdd-], +div[class|=contentRegion] #game-activity-tab div[class*=lastPlayed-], +div[class|=contentRegion] #game-activity-tab div[class*=overlayStatusText-] { + color: var(--text-muted); +} +div[class|=contentRegion] #game-activity-tab div[class*=activeGame-][class*=nowPlaying] * { + color: #232634; +} +div[class|=contentRegion] #game-activity-tab div[class*=activeGame-][class*=nowPlaying] * svg > g > path { + fill: #232634; +} +div[class|=contentRegion] #game-activity-tab input[class|=gameName] { + color: #fbf1c7; +} +div[class|=contentRegion] #game-activity-tab input[class*=gameNameInput-]:hover, div[class|=contentRegion] #game-activity-tab input[class*=gameNameInput-]:focus { + background-color: #292c3c; + border-color: rgba(41, 44, 60, 0.3); + color: #fbf1c7; +} +div[class|=contentRegion] #game-activity-tab div[class*=game-] { + -webkit-box-shadow: 0 1px 0 0 var(--background-modifier-accent); + box-shadow: 0 1px 0 0 var(--background-modifier-accent); +} +div[class|=contentRegion] #game-activity-tab div[class*=removeGame-] { + background-color: #414559; +} +div[class|=contentRegion] #emoji-tab div[class*=emojiRemove-] { + background-color: #414559; +} +div[class|=contentRegion] section[class|=inputSensitivityToggle] div[class*=speaking-] { + background: #b8bb26 !important; +} +div[class|=contentRegion] div[class*=reactionMe-] { + background-color: #414559 !important; +} +div[class|=contentRegion] div[class|=control] > div[class*=checked-], +div[class|=contentRegion] div[class|=sensitivity] div[class*=checked-], +div[class|=contentRegion] div[style*="background-color: hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%)"] { + background-color: #b8bb26 !important; +} +div[class|=contentRegion] div[class|=control] > div[style*="background-color: hsl(218, calc(var(--saturation-factor, 1) * 4.6%), 46.9%)"] { + background-color: #626880 !important; +} +div[class|=contentRegion] div[class|=control] svg[class|=slider] > svg > path { + fill: #416628 !important; +} +div[class|=contentRegion] #guild_premium-tab [class*=tierAccomplished-], +div[class|=contentRegion] #guild_premium-tab [class*=tierCurrent-], +div[class|=contentRegion] #guild_premium-tab [class*=tierFirst-] { + background: #d3869b; +} +div[class|=contentRegion] #guild_premium-tab [class*=tierInProgress-] { + background-color: #504945; +} +div[class|=contentRegion] #guild_premium-tab div[class|=progressWithSubscriptions] > svg > g > rect:first-child { + color: #232634; +} +div[class|=contentRegion] #guild_premium-tab div[class|=progressWithSubscriptions] > svg > g > rect:nth-child(2) { + color: #d3869b; +} +div[class|=contentRegion] #guild_premium-tab div[class|=tierHeaderUnlocked], +div[class|=contentRegion] #guild_premium-tab div[class|=tierHeaderLocked] { + background-color: #282828; + color: #d5c4a1; +} +div[class|=contentRegion] #guild_premium-tab div[class|=tierHeaderUnlocked] div[class|=tierUnlocked], +div[class|=contentRegion] #guild_premium-tab div[class|=tierHeaderLocked] div[class|=tierUnlocked] { + background-image: linear-gradient(90deg, #83a598, #ca9ee6); + color: #232634; + font-weight: 600; +} +div[class|=contentRegion] #guild_premium-tab div[class|=tierHeaderUnlocked] svg[class|=tierIcon], +div[class|=contentRegion] #guild_premium-tab div[class|=tierHeaderLocked] svg[class|=tierIcon] { + color: #d3869b; +} +div[class|=contentRegion] #guild_premium-tab div[class|=tierHeaderUnlocked] svg[class*=tierIconLocked-], +div[class|=contentRegion] #guild_premium-tab div[class|=tierHeaderLocked] svg[class*=tierIconLocked-] { + color: #d5c4a1; +} +div[class|=contentRegion] #guild_premium-tab div[class|=tierHeaderUnlocked] svg[class|=tierLock], +div[class|=contentRegion] #guild_premium-tab div[class|=tierHeaderLocked] svg[class|=tierLock] { + color: #928374; +} +div[class|=contentRegion] #guild_premium-tab div[class|=tierBody] { + color: #fbf1c7; + background-color: #32302f; +} +div[class|=contentRegion] svg[class|=activeCircle] { + color: #232634; + background-color: #b8bb26; +} +div[class|=contentRegion] #discovery-tab div[class*=checklistIcon] svg[viewBox="0 0 14 14"] path { + fill: #cc241d; +} +div[class|=contentRegion] #discovery-tab div[class*=checklistIcon] svg[viewBox="0 0 20 20"] path { + fill: #fe8019; +} +div[class|=contentRegion] #guild_templates-tab svg[class*=descriptionIcon][viewBox="0 0 24 24"] path { + fill: #b8bb26; +} +div[class|=contentRegion] #guild_templates-tab svg[class*=descriptionIcon][viewBox="0 0 14 14"] path { + fill: #cc241d; +} +div[class|=contentRegion] #guild_templates-tab svg[class*=descriptionIcon] circle { + fill: #232634; +} +div[class|=contentRegion] #stickers-tab div[class*=tierHeaderContent] { + background-color: #32302f; +} +div[class|=contentRegion] #stickers-tab div[class*=tierBody] { + background-color: #282828; +} +div[class|=contentRegion] #roles-tab div[class*=previewContainer-] .theme-light img[class*=roleIcon-] { + content: "data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.0749 1.66667H4.99996C3.15901 1.66667 1.66663 3.15906 1.66663 5.00001V15C1.66663 16.841 3.15901 18.3333 4.99996 18.3333H15C16.8409 18.3333 18.3333 16.841 18.3333 15V8.92511C17.8052 9.08227 17.2458 9.16667 16.6666 9.16667C13.445 9.16667 10.8333 6.555 10.8333 3.33334C10.8333 2.75419 10.9177 2.19476 11.0749 1.66667ZM6.66663 5.00001C7.58596 5.00001 8.33329 5.74601 8.33329 6.66667C8.33329 7.58801 7.58596 8.33334 6.66663 8.33334C5.74529 8.33334 4.99996 7.58801 4.99996 6.66667C4.99996 5.74601 5.74529 5.00001 6.66663 5.00001ZM4.99996 15L7.49996 11.6667L9.16663 13.3333L12.5 9.16667L15 15H4.99996Z' fill='%2351576d'/%3E%3Cpath d='M17.5 0V2.5H20V4.16667H17.5V6.66667H15.8334V4.16667H13.3334V2.5H15.8334V0H17.5Z' fill='%2351576d'/%3E%3C/svg%3E"; +} +div[class|=contentRegion] #roles-tab div[class*=previewContainer-] .theme-dark img[class*=roleIcon-] { + content: "data:image/svg+xml,%3Csvg fill='none' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23c6d0f5'%3E%3Cpath clip-rule='evenodd' d='m11.0749 1.66667h-6.07488c-1.84095 0-3.33333 1.49239-3.33333 3.33334v9.99999c0 1.841 1.49238 3.3333 3.33333 3.3333h9.99998c1.841 0 3.3334-1.4923 3.3334-3.3333v-6.07489c-.5281.15716-1.0876.24156-1.6667.24156-3.2217 0-5.8333-2.61167-5.8333-5.83333 0-.57915.0844-1.13858.2415-1.66667zm-4.40821 3.33334c.91933 0 1.66666.746 1.66666 1.66666 0 .92134-.74733 1.66667-1.66666 1.66667-.92134 0-1.66667-.74533-1.66667-1.66667 0-.92066.74533-1.66666 1.66667-1.66666zm-1.66667 9.99999 2.5-3.3333 1.66667 1.6666 3.33331-4.16663 2.5 5.83333z' fill-rule='evenodd'/%3E%3Cpath d='m17.5 0v2.5h2.5v1.66667h-2.5v2.5h-1.6667v-2.5h-2.5v-1.66667h2.5v-2.5z'/%3E%3C/g%3E%3C/svg%3E"; +} + +.bd-settings-title { + color: #c6d0f5; +} + +.bd-switch-body { + --switch-color: #626880; +} +.bd-switch input:checked + .bd-switch-body { + --switch-color: #b8bb26; +} +.bd-switch input:checked + .bd-switch-body svg.bd-switch-symbol path { + fill: #416628; +} + +.bd-button { + background-color: #83a598; + color: #232634; +} +.bd-button.bd-button-danger { + background-color: #cc241d; +} + +.bd-controls > .bd-addon-button svg { + fill: #232634; +} + +.bd-addon-views .bd-view-button.selected { + background-color: #83a598; +} +.bd-addon-views .bd-view-button.selected svg { + fill: #232634; +} + +div[class|=perksModal] { + background-color: #303446; +} +div[class|=perksModal] li[class|=perk] { + background-color: #292c3c; +} +div[class|=perksModal] li[class|=perk] svg { + color: #d3869b; +} +div[class|=perksModal] svg[class|=giftIcon] { + color: #232634; +} +div[class|=perksModal] div[class|=tierHeaderUnlocked] { + background-image: linear-gradient(90deg, #83a598, #ca9ee6); + color: #303446; +} +div[class|=perksModal] div[class|=tierUnlocked], +div[class|=perksModal] div[class|=tierMarkerBackground] { + background-color: #303446; +} +div[class|=perksModal] div[class|=barBackground], +div[class|=perksModal] div[class|=tierMarkerInProgress], +div[class|=perksModal] div[class|=tierBody] { + background-color: #232634 !important; +} +div[class|=perksModal] div[class|=tierMarkerAccomplished] { + background: #d3869b !important; +} +div[class|=perksModal] div[class|=tierMarkerInProgress] [class|=currentTierIcon] { + color: #d3869b; +} +div[class|=perksModal] div[class|=barForeground], +div[class|=perksModal] div[class|=tierMarkerAccomplished] { + background-color: #d3869b; +} +div[class|=perksModal] svg[class|=currentTierIcon] { + color: #303446; +} +div[class|=perksModal] div[class*=tierMarkerLabelText], +div[class|=perksModal] svg[class|=tierLock] { + color: var(--text-muted); +} +div[class|=perksModal] div[class*=selectedTier] div[class*=tierMarkerLabelText] { + color: var(--text-normal); +} +div[class|=perksModal] div[class|=tierHeaderLocked] { + background-color: #191b25; + color: var(--text-muted); +} +div[class|=perksModal] svg[class*=unlocked] { + color: #b8bb26; +} + +div[class|=sidebar] div[class|=container] div[class|=progressBar] { + background: linear-gradient(90deg, #83a598, #ca9ee6); +} +div[class|=sidebar] div[class|=container]:hover div[class|=progressBar] { + background: linear-gradient(90deg, hsl(221deg, 70%, 55.5%), #ca9ee6 34%, #83a598 67%, #ca9ee6); +} +div[class|=sidebar] div[class|=container] div[class|=divider] { + border-color: var(--background-modifier-accent); +} + +div[class|=pageWrapper] { + background: #282828 !important; +} +div[class|=pageWrapper] div[class*=searchBox-] { + background-color: #292c3c; +} +div[class|=pageWrapper] div[class*=searchBox-] svg[class*=clearIcon] path { + fill: #737994; +} +div[class|=pageWrapper] div[class*=categoryPill-][class*=selected-] div { + color: #232634 !important; +} + +div[class|=homeContainer] { + background: #282828 !important; +} +div[class|=homeContainer] > div[class|=homeContent] div[class*=card-] { + background: #414559 !important; +} + +section[class|=title] { + background: var(--background-primary) !important; +} + +div[class|=categoryItem][class*=selectedCategoryItem], +button[class*=lookFilled] div[class*=addButton] { + color: #232634 !important; +} + +div[class|=itemInner] div[class|=new] > div[class*=newText-] { + color: #232634 !important; +} + +div[class*=directoryModal-] { + background-color: #303446 !important; +} +div[class*=directoryModal-] [class*=searchBox] { + background-color: #292c3c !important; +} +div[class*=directoryModal-] [class*=searchBox] [name=search]::placeholder { + color: #a5adce; +} +div[class*=directoryModal-] [role=button][class*=activeButton] { + color: #232634; +} + +section[class|=guildListSection] div[class|=guildList]:first-child div[class|=iconContainer] { + background-color: #b8bb26; +} +section[class|=guildListSection] div[class|=guildList]:first-child div[class|=iconContainer] > div[class|=icon] { + background-image: url("data:image/svg+xml,%3Csvg fill='none' height='24' viewBox='0 0 25 24' width='25' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23232634'%3E%3Cpath clip-rule='evenodd' d='m13.25 18v-12h-1.5v12z' fill-rule='evenodd'/%3E%3Cpath clip-rule='evenodd' d='m7 12.75c-.69036 0-1.25.5596-1.25 1.25v4h-1.5v-4c0-1.5188 1.23122-2.75 2.75-2.75h11c1.5188 0 2.75 1.2312 2.75 2.75v4h-1.5v-4c0-.6904-.5596-1.25-1.25-1.25z' fill-rule='evenodd'/%3E%3Cpath d='m12.5 7c-1.3807 0-2.5-1.11929-2.5-2.5s1.1193-2.5 2.5-2.5 2.5 1.11929 2.5 2.5-1.1193 2.5-2.5 2.5z'/%3E%3Cpath d='m20 22c-1.3807 0-2.5-1.1193-2.5-2.5s1.1193-2.5 2.5-2.5 2.5 1.1193 2.5 2.5-1.1193 2.5-2.5 2.5z'/%3E%3Cpath d='m12.5 22c-1.3807 0-2.5-1.1193-2.5-2.5s1.1193-2.5 2.5-2.5 2.5 1.1193 2.5 2.5-1.1193 2.5-2.5 2.5z'/%3E%3Cpath d='m5 22c-1.38071 0-2.5-1.1193-2.5-2.5s1.11929-2.5 2.5-2.5 2.5 1.1193 2.5 2.5-1.11929 2.5-2.5 2.5z'/%3E%3C/g%3E%3C/svg%3E"); +} + +path[d="M22 12.4065C21.8956 14.9141 20.8533 17.2908 19.0798 19.0654C17.3062 20.8401 14.931 21.883 12.425 21.9875L13.7625 15.646L17.2375 17.9224C17.3214 17.9702 17.416 17.996 17.5125 17.9975C17.6481 17.9962 17.7781 17.9424 17.875 17.8474C17.9439 17.7577 17.9813 17.6478 17.9813 17.5347C17.9813 17.4216 17.9439 17.3117 17.875 17.222L15.6 13.7323L22 12.4065ZM13.7625 8.34148L17.2375 6.06504C17.3352 6.00866 17.4487 5.98608 17.5605 6.00084C17.6723 6.0156 17.7762 6.06686 17.8559 6.14665C17.9357 6.22645 17.9869 6.33037 18.0017 6.44225C18.0164 6.55413 17.9938 6.66772 17.9375 6.76548L15.6625 10.2551L22 11.581C21.8956 9.07342 20.8533 6.69669 19.0798 4.92206C17.3062 3.14742 14.931 2.10449 12.425 2L13.7625 8.34148ZM10.275 8.34148L11.6 2C9.09402 2.10449 6.71878 3.14742 4.94525 4.92206C3.17172 6.69669 2.12945 9.07342 2.02502 11.581L8.37497 10.2551L6.08752 6.76548C6.02873 6.66774 6.00413 6.55315 6.01772 6.43988C6.0313 6.32661 6.08228 6.22113 6.16252 6.14009C6.24233 6.05781 6.34797 6.00542 6.46175 5.99176C6.57552 5.97809 6.69052 6.00399 6.78752 6.06504L10.275 8.34148ZM6.16252 17.8474C6.08228 17.7663 6.0313 17.6609 6.01772 17.5476C6.00413 17.4343 6.02873 17.3197 6.08752 17.222L8.37497 13.7323L2 12.4065C2.10442 14.9141 3.1467 17.2908 4.92023 19.0654C6.69376 20.8401 9.06899 21.883 11.575 21.9875L10.25 15.646L6.7625 17.9224C6.67925 17.9718 6.58428 17.9977 6.48753 17.9975C6.35971 17.9937 6.23848 17.9398 6.15001 17.8474H6.16252Z"] { + fill: #81c8be; +} + +path[d="M17.225 6.06504C17.3227 6.00866 17.4362 5.98608 17.548 6.00084C17.6598 6.0156 17.7637 6.06686 17.8434 6.14665C17.9232 6.22645 17.9744 6.33037 17.9892 6.44225C18.0039 6.55413 17.9813 6.66772 17.925 6.76548L15.65 10.2551L21.9875 11.581C21.9875 11.7185 21.9875 11.8562 21.9875 11.9937C21.9875 12.1313 21.9875 12.2689 21.9875 12.4065L15.65 13.7323L17.925 17.222C17.9939 17.3117 18.0313 17.4216 18.0313 17.5347C18.0313 17.6478 17.9939 17.7577 17.925 17.8474C17.8281 17.9424 17.6982 17.9962 17.5625 17.9975C17.466 17.996 17.3714 17.9702 17.2875 17.9224L13.8125 15.646L12.4125 22H11.5875L10.2625 15.6585L6.77501 17.935C6.69176 17.9843 6.59672 18.0102 6.49997 18.01C6.43455 18.0098 6.3699 17.9963 6.30977 17.9705C6.24964 17.9447 6.1953 17.9072 6.15001 17.8599C6.06977 17.7789 6.01879 17.6734 6.0052 17.5601C5.99162 17.4468 6.01621 17.3323 6.07501 17.2345L8.36253 13.7449L2 12.4065C2 12.2689 2 12.1313 2 11.9937C2 11.8562 2 11.7185 2 11.581L8.35002 10.2551L6.0625 6.76548C6.0037 6.66774 5.97918 6.55315 5.99277 6.43988C6.00635 6.32661 6.05726 6.22113 6.1375 6.14009C6.21731 6.05781 6.32295 6.00542 6.43672 5.99176C6.5505 5.97809 6.6655 6.00399 6.7625 6.06504L10.25 8.34148L11.575 2H12.4L13.7375 8.34148L17.225 6.06504Z"] { + fill: #232634; +} + +div[class|=tierPreviews] button[class|=button] { + background: linear-gradient(90deg, #81c8be, #83a598); +} + +div[class|=notice] div[class*=noticeText-] { + color: #232634; +} +div[class|=notice] div[class*=header-] { + color: #232634; +} +div[class|=notice] div[class|=closeButton] > svg > path { + fill: #232634; +} +div[class|=notice] button[class|=button] { + border-color: #fff; + color: #232634; +} +div[class|=notice] button[class|=button]:hover { + background: #6089e7; +} + +nav[class*=guilds-] foreignObject > div[data-list-item-id|=guildsnav_] { + background-color: #34384c; +} +nav[class*=guilds-] foreignObject > div[data-list-item-id|=guildsnav_]:hover > div[class|=childWrapper], nav[class*=guilds-] foreignObject > div[data-list-item-id|=guildsnav_][class*=selected] > div[class|=childWrapper] { + color: #232634; + font-weight: 600; +} +nav[class*=guilds-] div[data-list-item-id=guildsnav___home] { + --background-primary: #504945; +} +nav[class*=guilds-] span[class|=expandedFolderBackground] { + background-color: #282828; +} +nav[class*=guilds-] div[class|=folder][class*=hover-] { + background-color: #665c54; +} +.closedFolderIconWrapper-3tRb2d { + background-color: #504945; +} +.closedFolderIconWrapper-3tRb2d:hover { + background-color: #665c54; +} +nav[class*=guilds-] div[data-list-item-id=guildsnav___create-join-button] svg > path, +nav[class*=guilds-] div[data-list-item-id=guildsnav___guild-discover-button] svg > path, +nav[class*=guilds-] div[data-list-item-id=guildsnav___app-download-button] svg > path { + fill: #b8bb26; +} +.circleIconButton-1VxDrg.selected-2r1Hvo { + background-color: #665c54; +} + +div[class|=upperBadge] > div[class|=iconBadge] path { + color: #232634; +} +div[class|=upperBadge] div[class*=participating-] { + background: #ffffff; +} + +div[class|=lowerBadge] div[class|=iconBadge] path { + color: #232634; +} + +svg[class|=spine] { + color: #626880; +} + +div[class|=spineBorder] { + background: #626880; +} + +ul[aria-label$=" threads"] > li:nth-child(1n) { + --channels-default: #d0b9d3; + --interactive-hover: #cc241d; + --interactive-active: #cc241d; +} + +ul[aria-label$=" threads"] > li:nth-child(2n) { + --channels-default: #d2c1cf; + --interactive-hover: #ef9f76; + --interactive-active: #ef9f76; +} + +ul[aria-label$=" threads"] > li:nth-child(3n) { + --channels-default: #cfced7; + --interactive-hover: #fe8019; + --interactive-active: #fe8019; +} + +ul[aria-label$=" threads"] > li:nth-child(4n) { + --channels-default: #bcd0d5; + --interactive-hover: #b8bb26; + --interactive-active: #b8bb26; +} + +ul[aria-label$=" threads"] > li:nth-child(5n) { + --channels-default: #b5c5f3; + --interactive-hover: #85c1dc; + --interactive-active: #85c1dc; +} + +ul[aria-label$=" threads"] > li:nth-child(6n) { + --channels-default: #c7c1f1; + --interactive-hover: #ca9ee6; + --interactive-active: #ca9ee6; +} + +[class|=botText] { + color: #232634; + font-weight: 600; +} + +svg[class|=botTagVerified] { + color: #232634; +} + +div[class*=activePostCount-] { + background-color: #414559; + color: #c6d0f5 !important; +} + +div[class*=newPostCount-] { + background-color: #c6d0f5; + color: #232634; +} + +div[class*=liveSmall-] { + background-color: #d79921!important; + color: #282828; +} + +[class|=chatContent] div[class*=wrapperAudio-] div[class*=audioControls], +[class|=chatContent] div[class*=wrapperAudio-] div[class*=videoControls-], +[class|=chatContent] div[class*=imageWrapper-] div[class*=audioControls], +[class|=chatContent] div[class*=imageWrapper-] div[class*=videoControls-] { + background-color: rgba(41, 44, 60, 0.8); +} +[class|=chatContent] div[class*=wrapperAudio-] div[class*=audioControls] svg[class*=controlIcon-], +[class|=chatContent] div[class*=wrapperAudio-] div[class*=videoControls-] svg[class*=controlIcon-], +[class|=chatContent] div[class*=imageWrapper-] div[class*=audioControls] svg[class*=controlIcon-], +[class|=chatContent] div[class*=imageWrapper-] div[class*=videoControls-] svg[class*=controlIcon-] { + opacity: 1; + color: #fbf1c7; +} +[class|=chatContent] #---new-messages-bar span[class|=unreadPill] { + color: #fbf1c7; +} +[class|=chatContent] div[class|=newMessagesBar] button { + color: #232634; +} +[class|=chatContent] div[class|=channelTextArea] div[class|=buttons] * { + color: var(--interactive-normal) !important; +} +[class|=chatContent] [id|=message-reactions] div[class|=reaction] { + background-color: #504945; +} +[class|=chatContent] [id|=message-reactions] div[class|=reaction]:hover { + background-color: #504945; + border-color: #665c54; +} +[class|=chatContent] div[class*=isBurstReactionPicker-] { + box-shadow: 0 0 0 2px #ca9ee6, 0 0 16px #babbf1; +} +[class|=chatContent] div[class|=navButtonSuperReactActive], +[class|=chatContent] div[class|=navButtonSuperReactActive]:hover { + background: linear-gradient(270deg, #d3869b, #babbf1 33.63%, #ca9ee6); + color: #232634; +} +[class|=chatContent] div[class*=betaTag-] { + background: var(--brand-experiment) !important; + color: #232634; +} +[class|=chatContent] button[class*=navButtonActive-], +[class|=chatContent] button[class*=navButtonActive-]:hover { + color: #232634; +} +[class|=chatContent] div[class*=colorPremiumGradient-][class*=focused-] { + background: linear-gradient(270deg, #d3869b, #babbf1 33.63%, #ca9ee6); + color: #232634 !important; +} +[class|=chatContent] div[class*=isBurstReactionPicker] { + border: none; + box-shadow: 0 0 0 2px #ca9ee6, 0 0 16px #babbf1; +} +[class|=chatContent] div[class*=playButtonContainer-] { + background: var(--brand-experiment) !important; +} +[class|=chatContent] svg[class*=playIcon-] path { + fill: #232634; +} +[class|=chatContent] div[class|=container][class*=header-] div[class*=addReactButton-], +[class|=chatContent] div[class|=container][class*=header-] div[class|=buttons]:not([class*=lookBlank-]) div[class|=contents] { + background: #414559; +} +[class|=chatContent] div[class|=container][class*=header-] div[class*=addReactButton-]:hover, +[class|=chatContent] div[class|=container][class*=header-] div[class|=buttons]:not([class*=lookBlank-]) div[class|=contents]:hover { + background-color: var(--brand-experiment-20a); + border-color: var(--brand-experiment-30a); +} +[class|=chatContent] div[class|=messagesErrorBar] div[class*=barButtonBase-] { + color: #232634; +} +[class|=chatContent] [class*=inlineCode-] { + background: #4F4641; +} +[class|=chatContent] code.inline { + background: #414559; +} +[class|=chatContent] div[class|=container] div[class|=cardWrapper] div[class*=completed-] svg[class|=checkmark] { + background-color: #b8bb26; + color: #232634; +} + +div[style*="d1382af8d9e755bc44811b1fd92990a8.svg"] { + background-image: url("data:image/svg+xml,%3Csvg height='18' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m18 0h-18v18h18z'/%3E%3Cpath d='m0 8h14.2l-3.6-3.6 1.4-1.4 6 6-6 6-1.4-1.4 3.6-3.6h-14.2' fill='%23b8bb26'/%3E%3C/g%3E%3C/svg%3E") !important; + filter: none !important; +} + +main[class|=chatContent] div[id|=message-content] svg[class|=icon] > path[d="M4 0L0 4V8L4 12L8 8V4L4 0ZM7 7.59L4 10.59L1 7.59V4.41L4 1.41L7 4.41V7.59Z"], +main[class|=chatContent] div[id|=message-content] svg[class|=icon] > path[d="M2 4.83V7.17L4 9.17L6 7.17V4.83L4 2.83L2 4.83Z"] { + color: #d3869b; +} + +.theme-dark span[class|=spoilerContent], +.theme-dark div[class|=spoilerContent], +.theme-light span[class|=spoilerContent], +.theme-light div[class|=spoilerContent] { + background-color: #bdae93; +} +.theme-dark span[class|=spoilerContent][class*=hidden], +.theme-dark div[class|=spoilerContent][class*=hidden], +.theme-light span[class|=spoilerContent][class*=hidden], +.theme-light div[class|=spoilerContent][class*=hidden] { + background-color: #665c54; +} +.theme-dark span[class|=spoilerContent][class*=hidden]:hover, +.theme-dark div[class|=spoilerContent][class*=hidden]:hover, +.theme-light span[class|=spoilerContent][class*=hidden]:hover, +.theme-light div[class|=spoilerContent][class*=hidden]:hover { + background-color: #7c6f64; +} +.theme-dark div[class|=spoilerContainer] div[class|=spoilerWarning], +.theme-light div[class|=spoilerContainer] div[class|=spoilerWarning] { + color: #fbf1c7; + background-color: rgba(50, 48, 47, 0.7); +} +.theme-dark div[class|=spoilerContainer]:hover div[class|=spoilerWarning], +.theme-light div[class|=spoilerContainer]:hover div[class|=spoilerWarning] { + color: #fbf1c7; + background-color: rgba(50, 48, 47, 0.7); +} +.theme-dark div[class|=spoilerContainer] article[class*=embedFull-], +.theme-light div[class|=spoilerContainer] article[class*=embedFull-] { + border-color: #626880; +} + +div[class|=cooldownWrapper] { + color: var(--text-muted) !important; +} + +div[class*=autocomplete-] { + background-color: #292c3c !important; +} +div[class*=autocomplete-] div[class*=categoryHeader] { + background-color: #292c3c !important; +} +div[class*=autocomplete-] div[class*=autocompleteRowSubheading] { + background-color: transparent; +} +div[class*=autocomplete-] div[class*=autocompleteRowContentSecondary] { + background-color: transparent; +} +div[class*=autocomplete-] div[class|=usageWrapper] > div[class*=title-] { + color: #83a598 !important; +} +div[class*=autocomplete-] strong { + color: #83a598 !important; +} + +div[class|=channelTextArea] button[class*=emojiButton-] { + background: transparent !important; +} + +[class|=uploadDropModal][class*=error] { + background-color: #cc241d; +} +[class|=uploadDropModal] div[class|=inner] { + border-color: #ebdbb2; +} +[class|=uploadDropModal] div[class|=inner] * { + color: #f9f5d7 !important; +} + +div[class|=chat] > div[class|=content] > div[class|=container] { + background-color: #282828; +} +div[class|=chat] > div[class|=content] > div[class|=container] div[class|=pinIcon] > svg > path, +div[class|=chat] > div[class|=content] > div[class|=container] div[class|=stepStatus] > svg > path { + fill: #a5adce; +} +div[class|=chat] > div[class|=content] > div[class|=container] div[class|=pinIcon][style*="background-color: var(--status-positive-background);"] > svg > path, +div[class|=chat] > div[class|=content] > div[class|=container] div[class|=stepStatus][style*="background-color: var(--status-positive-background);"] > svg > path { + fill: #232634; +} +div[class|=chat] > div[class|=content] > div[class|=container] div[class*=countText] { + color: #232634; +} +div[class|=chat] > div[class|=content] > div[class|=container] svg[class|=discordIcon] { + background-color: #83a598; + color: #232634; +} +div[class|=chat] > div[class|=content] > div[class|=container] div[class|=newBadge] { + background-color: #babbf1 !important; + color: #232634; +} +div[class|=chat] > div[class|=content] > div[class|=container] div[class*=mainCard-] { + background-color: #282828; +} + +div[class|=sidebar] > section[class|=panels] svg[class*=buttonIcon-], +div[class|=sidebar] > section[class|=panels] div[class*=buttonContents] { + fill: #c6d0f5; + color: #ebdbb2; +} + +[data-list-id|=forum-channel-list] div[class|=body] > div[class|=tags] div[class*=pill] { + background-color: #292c3c; +} +[data-list-id|=forum-channel-list] button[class|=submitButton][class*=colorBrand] { + background-color: #D79921; + color: #232634 !important; +} + +.text-md-bold-1mgErV, .text-md-semibold-2VMhBr { + color: #fbf1c7; +} + +.submitIcon-E3Vuaz { + color: #282828; +} + +.theme-dark svg[class*=searchIcon-], .theme-light svg[class*=searchIcon-] { + color: #A69884 !important; +} + +.name-3Uvkvr { + color: #f9f5d7; +} + +div[class|=applicationCommand] span[class*=selectedPill-] { + border-color: #83a598 !important; +} +div[class|=applicationCommand] span[class*=erroredPill-] { + border-color: #cc241d !important; +} + +div[class|=chat] > div[class|=content] main[class|=chatContent] + div[class|=container] { + background-color: var(--background-secondary); +} + +[class*=channelTextAreaInnerError-] { + border: 1px solid #cc241d !important; +} + +[class*=barButtonBase-] { + color: #232634 !important; +} + +div[class|=callContainer] [class*=controlIcon-] { + color: #b5bfe2; +} +div[class|=callContainer] [class*=controlIcon-]:hover { + color: #c6d0f5; +} +div[class|=callContainer] div[class*=tile-], +div[class|=callContainer] div[class*=background-] { + background-color: #32302f !important; +} +div[class|=callContainer] div[class*=overlayTitle], +div[class|=callContainer] svg[class*=status-] { + background-color: #504945; + color: #fbf1c7; +} +div[class|=callContainer] div[class*=header], +div[class|=callContainer] svg[class*=selectedIcon-] { + color: #fbf1c7; +} +div[class|=callContainer] div[class*=button-][class*=contents-], +div[class|=callContainer] button[class*=cta-], +div[class|=callContainer] button[class*=participantsButton-] { + background-color: #32302f; + color: #fbf1c7; +} +div[class|=callContainer] div[class|=indicators] div[class|=liveQualityIndicator] { + background-color: transparent !important; +} +div[class|=callContainer] div[class|=indicators] div[class|=liveQualityIndicator] svg[class|=premiumStreamIcon] { + color: #232634; +} +div[class|=callContainer] div[class|=videoControls] div[class|=children] div[class*=playingText-] { + color: #b5bfe2; +} +div[class|=callContainer] div[class|=videoControls] div[class|=toolbar] svg[class|=controlIcon] { + fill: #A89984 !important; +} +div[class|=callContainer] div[class|=videoControls] div[class|=toolbar] div[class|=streamQualityIndicator] div[class|=liveQualityIndicator] { + background-color: #51576d !important; +} +div[class|=callContainer] div[class|=videoControls] div[class|=toolbar] div[class|=streamQualityIndicator] div[class|=liveQualityIndicator] div[class|=qualityIndicator] { + color: #c6d0f5; +} +div[class|=callContainer] div[class|=videoControls] div[class|=toolbar] div[class|=streamQualityIndicator] div[class|=liveQualityIndicator] svg[class|=premiumStreamIcon] { + color: #c6d0f5; +} +div[class|=callContainer] div[class|=videoControls] div[class|=toolbar] div[class|=liveIndicator] div[class|=live] { + background-color: #cc241d !important; + color: #232634 !important; +} +div[class|=callContainer] div[class|=videoControls] button[class*=leftTrayIcon-][class*=buttonColor-] { + background-color: #414559; + color: #c6d0f5; +} +div[class|=callContainer] div[class|=videoControls] div[class|=badge] { + color: #232634; +} +div[class|=callContainer] div[class|=videoControls] [class*=colorable-][class*=red-] { + background: #cc241d; +} +div[class|=callContainer] div[class|=videoControls] [class*=colorable-][class*=red-] [class*=centerIcon-] { + color: #232634; +} +div[class|=callContainer] div[class|=videoControls] [class*=colorable-][class*=primaryDark-] { + background: #ffffff; + color: #c6d0f5; +} +div[class|=callContainer] div[class|=videoControls] [class*=colorable-][class*=primaryDark-] [class*=centerIcon-] { + color: #c6d0f5; +} +div[class|=callContainer] div[class|=videoControls] [class*=colorable-][class*=green-] { + background: #b8bb26; +} +div[class|=callContainer] div[class|=videoControls] [class*=colorable-][class*=green-] [class*=centerIcon-] { + color: #232634; +} +div[class|=callContainer] div[class|=videoControls] [class*=colorable-][class*=white-] { + color: #232634; + background-color: #b5bfe2; +} +div[class|=callContainer] div[class|=videoControls] [class*=colorable-][class*=white-] [class*=centerIcon-] { + color: #232634; +} +div[class|=callContainer] div[class|=videoControls] [class*=colorable-][class*=white-]:hover, div[class|=callContainer] div[class|=videoControls] [class*=colorable-][class*=white-][class*=active-] { + background: #c6d0f5; +} + +div[class*=giftCodeContainer] [class*=tile] { + background-color: #292c3c; +} +div[class*=giftCodeContainer] [class*=tile] > [class*=description] { + color: #c6d0f5; +} + +div[class*=chat-] section[class*=header-] { + background-color: #32302f; +} +div[class*=chat-] div[class*=content-][class*=container-] { + background-color: #32302f; +} +div[class*=chat-] div[class*=content-][class*=container-] div[class*=container] { + background-color: #32302f; +} +div[class*=chat-] div[class*=content-][class*=container-] div[class*=search-] { + background-color: #3C3836 !important; +} +div[class*=chat-] div[class*=content-][class*=container-] div[class*=search-] input::placeholder { + color: #737994; +} +div[class*=chat-] div[class*=content-][class*=container-] div[class*=browser] div[class*=content] div[class|=container] { + background-color: #3C3836; +} +div[class*=chat-] div[class*=content-][class*=container-] div[class*=scrollerContainer-] { + background-color: #32302f; +} +div[class*=chat-] div[class*=content-][class*=container-] div[class*=scrollerContainer-] div[class*=checkIcon-][style*="opacity: 1;"] > svg > path { + fill: #232634; +} +div[class*=chat-] div[class*=content-][class*=container-] div[role=tablist] { + background-color: #32302f; + border-bottom: 2px solid #414559; +} +div[class*=chat-] div[class*=content-][class*=container-] div[role=tablist] [class*=textBadge-] { + color: #232634; +} + +div[class*=chat-] section[class*=title] div[class*=searchBar] span[class*=search] { + background-color: #414559; + color: #c6d0f5; +} +div[class*=chat-] nav[class*=pageControl] div[class*=roundButton][class*=activeButton] span { + color: #232634; +} + +div[class*=chat-] li[class*=mainCard-][class*=container] { + background-color: #282828; +} +div[class*=chat-] li[class*=mainCard-][class*=container]:hover { + background-color: #4C4643; +} +div[class*=chat-] li[class*=mainCard-][class*=container] div[class*=contentPreview-] { + background-color: #928374; + border: none; +} +div[class*=chat-] li[class*=mainCard-][class*=container] div[class*=contentPreview-] div[class*=textContentFooter-] { + background: none; +} +div[class*=chat-] li[class*=mainCard-][class*=container] div[class*=tags-] div[class*=tagPill-] { + background-color: #282828; +} +div[class*=chat-] div[class*=emptyPage] { + background-color: #303446; +} +div[class*=chat-] div[class*=innerHeader]:after { + background: none; +} + +[id*=message-accessories-] > [class*=invite-] { + background-color: #303446; +} +[id*=message-accessories-] > [class*=invite-] [class*=inFront-][class*=header-] { + color: #a5adce; +} +[id*=message-accessories-] > [class*=invite-] [class*=partyStatus-] { + color: #c6d0f5; +} + +[class|=avatar] [class|=dots] { + color: #303446; +} + +div[class|=chat][class*=page-] div[class|=content][class*=container-] { + height: 100%; +} + +.messagelogger-deleted div { + color: #cc241d !important; +} + +.messagelogger-deleted div a { + color: #e36d6f !important; +} + +div[class|=layerContainer] [role=menu] { + --brand-experiment-560: var(--brand-experiment-25a); + --brand-experiment-600: var(--brand-experiment); +} +div[class|=layerContainer] [role=menu] [class*=colorDefault][class*=colorBrand] { + color: #83a598; +} +div[class|=layerContainer] [role=menu] [class*=colorDefault][class*=focused]:not([class*=colorDanger]), +div[class|=layerContainer] [role=menu] [class*=colorDefault][class*=focused] [class*=checkbox-] { + color: #282828; + background-color: #AE7D1B; +} +div[class|=layerContainer] [role=menu] [class*=colorDefault][role=menuitem]:not([class*=colorDanger]):not([id*=user-context-user-volume]):hover { + background: var(--background-accent); + color: #282828; +} +div[class|=layerContainer] [role=menu] [class*=colorDefault][role=menuitem]:not([class*=colorDanger]):not([id*=user-context-user-volume]):hover [class*=subtext], +div[class|=layerContainer] [role=menu] [class*=colorDefault][role=menuitem]:not([class*=colorDanger]):not([id*=user-context-user-volume]):hover [class*=caret-] { + color: #232634; +} +div[class|=layerContainer] [role=menu] [class*=colorDefault] [class*=caret] { + color: #bdae93; +} +div[class|=layerContainer] [role=menu] [class*=colorDefault]:active:not([class*=hideInteraction-]) { + color: var(--background-floating); +} +div[class|=layerContainer] [role=menu] [class*=colorDefault]:active:not([class*=hideInteraction-]) [class*=check-] { + color: var(--interactive-normal); +} +div[class|=layerContainer] [role=menu] [class*=colorDefault]:active:not([class*=hideInteraction-]) [class*=checkbox-] { + color: var(--background-floating); +} +div[class|=layerContainer] [role=menu] [class*=focused] [class*=userMenuUsername] * { + color: #232634; +} +div[class|=layerContainer] [role=menu] [class*=colorDanger][class*=focused], +div[class|=layerContainer] [role=menu] [class*=colorDefault] [class*=check-] { + color: var(--background-floating); + background-color: #cc241d; +} +div[class|=layerContainer] [role=menu] #guild-header-popout-premium-subscribe div[class|=iconContainer] > svg { + color: #d3869b; +} +div[class|=layerContainer] [role=menu] #user-context-user-volume div[class*=slider-] div[class*=bar-] { + background-color: #414559; +} + +.theme-dark div[class|=layerContainer] div[id|=popout_] > div[class*=didRender-]:not([class|=animatorBottom]) > div div[class*=flowerStarContainer-] svg[class*=flowerStar-] *, +.theme-light div[class|=layerContainer] div[id|=popout_] > div[class*=didRender-]:not([class|=animatorBottom]) > div div[class*=flowerStarContainer-] svg[class*=flowerStar-] * { + fill: #83a598; +} +.theme-dark div[class|=layerContainer] div[id|=popout_] > div[class*=didRender-] div[class*=countText], +.theme-light div[class|=layerContainer] div[id|=popout_] > div[class*=didRender-] div[class*=countText] { + color: #232634; +} +.theme-dark div[class|=layerContainer] div[id|=popout_] > div[class*=didRender-] svg[class*=activeIcon] circle, +.theme-light div[class|=layerContainer] div[id|=popout_] > div[class*=didRender-] svg[class*=activeIcon] circle { + fill: #; +} +.theme-dark div[class|=layerContainer] div[id|=popout_] > div[class*=didRender-] svg[class*=activeIcon] g path, +.theme-light div[class|=layerContainer] div[id|=popout_] > div[class*=didRender-] svg[class*=activeIcon] g path { + fill: #83a598; +} +.theme-dark div[class|=layerContainer] div[id|=popout_] > div[class*=didRender-] div[class*=container] div[class*=autocompleteArrow-], +.theme-dark div[class|=layerContainer] div[id|=popout_] > div[class*=didRender-] div[class*=container] header, +.theme-light div[class|=layerContainer] div[id|=popout_] > div[class*=didRender-] div[class*=container] div[class*=autocompleteArrow-], +.theme-light div[class|=layerContainer] div[id|=popout_] > div[class*=didRender-] div[class*=container] header { + background-color: #292c3c; +} +.theme-dark div[class|=layerContainer] div[id|=popout_] > div[class*=didRender-] div[class*=container] header > input::placeholder, +.theme-light div[class|=layerContainer] div[id|=popout_] > div[class*=didRender-] div[class*=container] header > input::placeholder { + color: #838ba7; +} +.theme-dark div[class|=layerContainer] div[id|=popout_] > div[class*=didRender-] div[class*=container] section, +.theme-light div[class|=layerContainer] div[id|=popout_] > div[class*=didRender-] div[class*=container] section { + background-color: #303446; + color: #c6d0f5; +} + +div[class*=recentMentionsPopout] div[class|=header] div[class|=tabBar] div[class|=badge], +div[class*=recentMentionsPopout] div[class|=header] div[class|=tabBar] div[class|=tab][class*=active-] { + color: #303446; +} +div[class*=recentMentionsPopout] div[class|=header] div[class|=controls-] { + --background-secondary: #414559; + --background-primary: rgba(65, 69, 89, 0.9); +} +div[class*=recentMentionsPopout] div[class|=scroller] [role=button] { + --background-tertiary: rgba(165, 173, 206, 0.15); + --background-floating: rgba(165, 173, 206, 0.12); +} +div[class*=recentMentionsPopout] div[class|=scroller] [role=button] div[class*=jumpButton-] { + background-color: #414559; +} + +div[class*=rolesList] div[class|=role], +div[class*=rolesList] button[class|=addButton] { + background-color: #313548; +} +div[class*=rolesList] div[class|=role] span[class|=roleCircle][style*="background-color: rgb(185, 187, 190)"] { + background-color: #a5adce !important; +} +div[class*=rolesList] div[class|=role] span[class|=roleCircle][style*="background-color: rgb(54, 57, 62)"], div[class*=rolesList] div[class|=role] span[class|=roleCircle][style*="background-color: rgb(53, 57, 64)"] { + background-color: #303446 !important; +} + +div[class*=layerContainer] > div[class*=layer] div[class|=reactors] { + background-color: var(--background-primary); +} +div[class*=layerContainer] > div[class*=layer] div[class*=reactorDefault] { + -webkit-box-shadow: inset 0 -1px 0 var(--background-modifier-accent); + box-shadow: inset 0 -1px 0 var(--background-modifier-accent); +} +div[class*=layerContainer] > div[class*=layer] div[class*=reactionSelected] { + background-color: var(--background-modifier-selected); +} +div[class*=layerContainer] > div[class*=layer] div[class*=friendSelected] { + background: #504945 !important; +} + +section[class|=positionContainer] button[class*=navButtonActive] { + background-color: #d79921; + color: #282828; +} + +.theme-light section[class|=positionContainer] div[class|=categoryText] { + color: #303446; +} + +#emoji-picker-tab-panel [class*=stickerInspected-] [class*=inspectedIndicator], +#emoji-picker-tab-panel [class|=emojiItem][class*=emojiItemSelected-] { + background-color: #665c54 !important; +} +#emoji-picker-tab-panel [class*=newlyAddedHighlight-] { + border: 1px solid #b8bb26; +} +#emoji-picker-tab-panel [class*=newlyAddedHighlight-] ~ [class*=newlyAddedBadge-] { + background: #b8bb26 !important; + color: #232634; +} + +[class*=stickerInspected-] [class|=inspectedIndicator] { + background-color: var(--brand-experiment-25a); +} + +.theme-light > div[class|=focusLock] > div[class|=root] > div[class|=container] div[class*=footer][class*=footerSeparator-] { + box-shadow: inset 0 1px 0 #414559; + -webkit-box-shadow: inset 0 1px 0 #414559; +} +.theme-light > div[class|=focusLock] > div[class|=root] { + box-shadow: 0 0 0 1px #414559, 0 2px 10px 0 hsla(0, calc(var(--saturation-factor, 1) * 0%), 0%, 0.1); + -webkit-box-shadow: 0 0 0 1px #414559, 0 2px 10px 0 hsla(0, calc(var(--saturation-factor, 1) * 0%), 0%, 0.1); +} +.theme-light div[class|=focusLock] div[class|=downloadApps] { + background-color: #303446 !important; +} +.theme-light div[class|=focusLock] div[class|=downloadApps] button[class|=modalCloseButton], +.theme-light div[class|=focusLock] div[class|=downloadApps] h2, +.theme-light div[class|=focusLock] div[class|=downloadApps] h3 { + color: #c6d0f5; +} +.theme-light div[class|=focusLock] div[class|=downloadApps] div[class*=footer-] { + color: #c6d0f5 !important; + background-color: unset !important; +} +.theme-light div[class|=focusLock] div[class|=downloadApps] div[class*=footer-] a { + color: #83a598; +} +.theme-light div[class|=focusLock] div[class|=downloadApps] li[class*=active-] a[class*=downloadButton-] { + transition: all 0.3s ease-in-out; + color: #303446; +} +.theme-light[class*=profileColors-] [class*=userTagUsernameBase-], +.theme-light[class*=profileColors-] [class*=discrimBase-], +.theme-light[class*=profileColors-] [class*=title-], +.theme-light[class*=profileColors-] [class*=roles-], +.theme-light[class*=profileColors-] [class*=defaultColor-], +.theme-light[class*=profileColors-] [class*=markup-], +.theme-light[class*=profileColors-] [class*=activityUserPopoutV2-] *, +.theme-light[class*=profileColors-] [class*=customStatus-], +.theme-light[class*=profileColors-] [class*=section-], +.theme-light[class*=profileColors-] [class*=additionalActionsIcon-], +.theme-light[class*=profileColors-] [class*=overlayBackground-] * { + --interactive-normal: #232634; + --text-normal: #232634; + --interactive-active: #232634; + --interactive-hover: #232634; +} +.theme-light[class*=profileColors-] [class*=userTagUsernameBase-]:not(a), +.theme-light[class*=profileColors-] [class*=discrimBase-]:not(a), +.theme-light[class*=profileColors-] [class*=title-]:not(a), +.theme-light[class*=profileColors-] [class*=roles-]:not(a), +.theme-light[class*=profileColors-] [class*=defaultColor-]:not(a), +.theme-light[class*=profileColors-] [class*=markup-]:not(a), +.theme-light[class*=profileColors-] [class*=activityUserPopoutV2-] *:not(a), +.theme-light[class*=profileColors-] [class*=customStatus-]:not(a), +.theme-light[class*=profileColors-] [class*=section-]:not(a), +.theme-light[class*=profileColors-] [class*=additionalActionsIcon-]:not(a), +.theme-light[class*=profileColors-] [class*=overlayBackground-] *:not(a) { + color: unset !important; +} + +div[class|=layerContainer] #guild-header-popout, +div[class|=layerContainer] #guild-context, +div[class|=layerContainer] div[id|=channel-context], +div[class|=layerContainer] div[id|=user-context] { + background: #282828; +} +div[class|=layerContainer] > div[class*=layer] div[role=listbox] { + background-color: #32302F; +} +div[class|=layerContainer] > div[class*=layer] div[role=listbox] div[role=option][aria-selected=true] { + background: #504945; +} +div[class|=layerContainer] > div[class*=layer] div[role=listbox] div[role=option] svg[class*=selectedIcon] circle { + fill: #23263f; +} +div[class|=layerContainer] > div[class*=layer] div[role=listbox] div[class*=queryText-] { + color: #838ba7; +} +div[class|=layerContainer] > div[class*=layer] div[role=listbox] div[class*=queryText-] strong { + color: #c6d0f5; +} +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] div[class|=modal], +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] div[class|=modalSize], +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] div[class|=uploadModal], +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] div[class|=contentWrapper] { + background-color: #282828; +} +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] div[class|=modal] li, +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] div[class|=modal] p, +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] div[class|=modal] span, +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] div[class|=modalSize] li, +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] div[class|=modalSize] p, +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] div[class|=modalSize] span, +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] div[class|=uploadModal] li, +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] div[class|=uploadModal] p, +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] div[class|=uploadModal] span, +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] div[class|=contentWrapper] li, +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] div[class|=contentWrapper] p, +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] div[class|=contentWrapper] span { + color: #fbf1c7; +} +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] div[class*=footer] { + background-color: #282828; +} +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] div[class*=footer] button[type=submit] span { + color: #232634; +} +div[class|=layerContainer] > div[class*=layer] div[class|=ffffffock] div[class*=footer] [class*=footerText-] { + color: #b5bfe2; +} +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] h1[class|=fixed], +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] h2[class|=fixed], +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] h3[class|=fixed], +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] h4[class|=fixed], +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] h5[class|=fixed], +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] h6[class|=fixed] { + color: #cc241d; +} +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] h1[class|=fixed]:after, +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] h2[class|=fixed]:after, +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] h3[class|=fixed]:after, +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] h4[class|=fixed]:after, +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] h5[class|=fixed]:after, +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] h6[class|=fixed]:after { + background-color: #cc241d; +} +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] div[class*=message-] { + background-color: transparent; +} +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock][aria-label=Activities] div[class*=activityItem-] { + background-color: #32302f; +} +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock][aria-label=Activities] div[class*=activityItem-] div[class*=previewBadge-] { + color: #232634; +} +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock][aria-label=Activities] div[class*=activityTag-] { + background-color: rgba(80, 73, 59, 0.5); +} +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock][aria-label="Manage Accounts"] div[class*=navRow-] { + background-color: #282828; +} +div[class|=layerContainer] div[class|=addGamePopout] { + background-color: #292c3c; +} +div[class|=layerContainer] div[class*=searchOption-]::after, +div[class|=layerContainer] div[class*=option-]::after, +div[class|=layerContainer] li[class*=option-]::after { + display: none; +} +div[class|=layerContainer] div[class|=queryContainer] { + background-color: #232634 !important; +} +div[class|=layerContainer] div[class|=queryContainer] span[class|=key] { + color: #c6d0f5; + background-color: #303446; +} +div[class|=layerContainer] [class*=tooltipBrand-], +div[class|=layerContainer] [class*=tooltipRed-], +div[class|=layerContainer] [class*=tooltipGreen-], +div[class|=layerContainer] [class*=tooltipYellow] { + color: #232634; +} +div[class|=layerContainer] div[class|=popout] div[class|=row][role=button]:hover { + color: #232634; +} +div[class|=layerContainer] div[class|=popout] div[class|=row][role=button]:hover [class*=timestamp] { + color: #232634; +} + +form[class*=card-] { + background-color: #303446; +} + +div[class*=userInfoSection-] div[class|=connectedAccountContainer] { + background-color: rgba(65, 69, 89, 0.45) !important; +} + +div[class*=cardWarning-] div[class*=warning-] { + color: #232634; +} + +#emoji-picker-tab-panel, +#sticker-picker-tab-panel { + /* --background-floating: #414559; + + + div[class|="slotsContainer"] { + background-color: $surface0; + } + */ +} +#emoji-picker-tab-panel div[class|=tooltipContainer] label[class|=label][class*=labelChecked-], +#sticker-picker-tab-panel div[class|=tooltipContainer] label[class|=label][class*=labelChecked-] { + background: -webkit-gradient(linear, right top, left top, from(#d3869b), color-stop(33.33%, #ca9ee6), to(#83a598)); + background: linear-gradient(270deg, #d3869b, #ca9ee6 33.33%, #83a598); +} + +div[class*=keyboardShortcutsModal-] { + background-color: #292c3c !important; +} +div[class*=keyboardShortcutsModal-] div[class|=keybindShortcut] span[class|=key] { + color: #232634; +} +div[class*=keyboardShortcutsModal-] div[class|=keybindShortcut] span[class|=key] svg g { + fill: #232634 !important; +} + +.react-datepicker, +.react-datepicker__header { + background-color: #292c3c !important; +} + +.react-datepicker__day { + background-color: #232634 !important; +} + +.react-datepicker__day:active { + background: #83a598 !important; +} + +.react-datepicker__day--selected:after { + background-color: #83a598 !important; +} + +[class|=datePickerHint] [class|=hintValue] { + color: #232634 !important; +} + +div[class*=layerContainer-] div[class|=control] div[class*=checked-] { + background-color: #b8bb26 !important; +} +div[class*=layerContainer-] div[class|=control] div[style*="background-color: rgb(114, 118, 125);"] { + background-color: #626880 !important; +} + +div[class*=layerContainer-] div[class*=guildPopout-][role=dialog] { + background-color: #303446; +} +div[class*=layerContainer-] div[class*=guildPopout-][role=dialog] div[class*=guildName-] { + color: #c6d0f5; +} + +div[class*=layerContainer-] [role*=dialog] a[class*=downloadLink-] { + color: #838ba7 !important; + opacity: 1; +} +div[class*=layerContainer-] [role*=dialog] a[class*=downloadLink-]:hover { + color: #c6d0f5 !important; +} + +div[class*=userPopoutOuter-] div[aria-label="HypeSquad Bravery"] img, +div[class*=userProfileOuter-] div[aria-label="HypeSquad Bravery"] img { + content: url("data:image/svg+xml,%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='m5.01502 4h13.97008c.1187 0 .215.09992.215.22305v9.97865c0 .0697-.0312.1343-.0837.1767l-6.985 5.5752c-.0389.0313-.0847.0464-.1314.0464-.0466 0-.0924-.0151-.1313-.0464l-6.985-5.5752c-.05252-.0424-.08365-.107-.08365-.1767v-9.97865c0-.12313.0963-.22305.21497-.22305zm7.82148 7.0972 4.1275-2.71296c.1039-.06863.2299.04542.1725.15644l-1.7114 3.36192c-.0403.0807.0182.1756.1079.1756h1.0246c.118 0 .1664.1504.0706.219l-4.6267 3.3175c-.0414.0303-.0978.0303-.1402 0l-4.6267-3.3175c-.0948-.0686-.04639-.219.07059-.219h1.02356c.09076 0 .14925-.0949.10791-.1756l-1.71132-3.36293c-.05648-.11001.06958-.22305.17345-.15543l4.12851 2.71296c.0716.0474.1291.112.1674.1887l.6293 1.2636c.0444.0888.1714.0888.2158 0l.6293-1.2636c.0383-.0767.0958-.1423.1674-.1887z' fill='%23ca9ee6' fill-rule='evenodd'/%3E%3C/svg%3E"); +} +div[class*=userPopoutOuter-] div[aria-label="HypeSquad Balance"], +div[class*=userProfileOuter-] div[aria-label="HypeSquad Balance"] { + content: url("data:image/svg+xml,%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='m11.8622 4.05696c.076-.07595.1996-.07595.2756 0l7.8048 7.80474c.0371.0362.0574.0865.0574.1377 0 .0513-.0212.1016-.0574.1378l-7.8048 7.8047c-.038.038-.0883.0574-.1378.0574s-.0998-.0194-.1378-.0574l-7.8048-7.8047c-.03709-.0362-.0574-.0857-.0574-.1378s.02031-.1015.0574-.1377zm.9299 8.29474 3.6146-2.37377c.0909-.05917.2013.03977.151.13597l-1.4986 2.9416c-.0354.0707.0158.1537.0944.1537h.8973c.1033 0 .1457.1316.0618.1916l-4.0517 2.9028c-.0362.0265-.0856.0265-.1227 0l-4.05168-2.9028c-.08301-.06-.04062-.1916.06182-.1916h.89634c.07948 0 .1307-.083.09449-.1537l-1.49862-2.9416c-.04945-.0962.06094-.19514.1519-.13597l3.61545 2.37377c.0627.0415.113.098.1465.1651l.5511 1.1057c.0389.0777.1501.0777.189 0l.551-1.1057c.0336-.0671.0839-.1245.1466-.1651z' fill='%2381c8be' fill-rule='evenodd'/%3E%3C/svg%3E"); +} +div[class*=userPopoutOuter-] div[aria-label="HypeSquad Brilliance"], +div[class*=userProfileOuter-] div[aria-label="HypeSquad Brilliance"] { + content: url("data:image/svg+xml,%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='m12 20c4.4183 0 8-3.5817 8-8 0-4.41828-3.5817-8-8-8-4.41828 0-8 3.58172-8 8 0 4.4183 3.58172 8 8 8zm.7921-8.275 3.6146-2.3738c.0909-.05916.2013.03974.151.136l-1.4986 2.9416c-.0354.0707.0158.1537.0944.1537h.8973c.1033 0 .1457.1315.0618.1916l-4.0517 2.9027c-.0362.0265-.0856.0265-.1227 0l-4.05168-2.9027c-.08301-.0601-.04062-.1916.06182-.1916h.89634c.07948 0 .1307-.083.09449-.1537l-1.49862-2.9416c-.04945-.09626.06094-.19516.1519-.136l3.61545 2.3738c.0627.0415.113.098.1465.1651l.5511 1.1057c.0389.0777.1501.0777.189 0l.551-1.1057c.0336-.0671.0839-.1245.1466-.1651z' fill='%23cc241d' fill-rule='evenodd'/%3E%3C/svg%3E"); +} +div[class*=userPopoutOuter-] div[aria-label="Active Developer"], +div[class*=userProfileOuter-] div[aria-label="Active Developer"] { + content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.47213 4L4 6.47213V17.5279L6.47217 20H17.5278L20 17.5279V6.47213L17.5279 4H6.47213ZM10.8582 16.4255H8.64551C8.64551 14.5952 7.1567 13.1064 5.32642 13.1064V10.8936C7.1567 10.8936 8.64551 9.40483 8.64551 7.57454H10.8582C10.8582 9.39042 9.96684 10.9908 8.61129 12C9.96684 13.0093 10.8582 14.6096 10.8582 16.4255ZM18.6667 13.1064C16.8364 13.1064 15.3476 14.5952 15.3476 16.4255H13.1348C13.1348 14.6096 14.0263 13.0093 15.3818 12C14.0263 10.9908 13.1348 9.39042 13.1348 7.57454H15.3476C15.3476 9.40483 16.8364 10.8936 18.6667 10.8936V13.1064V13.1064Z' fill='%23b8bb26'/%3E%3C/svg%3E"); +} +div[class*=userPopoutOuter-] div[aria-label="Early Verified Bot Developer"], +div[class*=userProfileOuter-] div[aria-label="Early Verified Bot Developer"] { + content: url("data:image/svg+xml,%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m21.58 11.4-4.28-7.39-.35-.6h-9.91l-.35.6-4.27 7.39-.35.6.35.6 4.27 7.39.35.6h9.92l.35-.6 4.28-7.39.35-.6zm-13.07-1.03-1.63 1.63 1.63 1.63v2.73l-4.36-4.36 4.37-4.37v2.74zm3.12 6.93-2.04-.63 3.1-9.98 2.04.64zm3.86-.93v-2.73l1.63-1.64-1.63-1.63v-2.74l4.36 4.37z' fill='%2383a598'/%3E%3C/svg%3E"); +} +div[class*=userPopoutOuter-] div[class|=userPopoutOverlayBackground] > div[class|=scroller] > div[class|=section]:first-child > div[class|=buttonsContainer] > button:nth-child(2), +div[class*=userProfileOuter-] div[class|=userPopoutOverlayBackground] > div[class|=scroller] > div[class|=section]:first-child > div[class|=buttonsContainer] > button:nth-child(2) { + background: #83a598; +} + +[class*=layerContainer-] [id|=slate-toolbar] { + background-color: #32302f;; +} +[class*=layerContainer-] [id|=slate-toolbar] [class*=buttons-] [class*=icon-] { + color: #fbf1c7; +} + +[class*=layerContainer-] div[id=sort-and-view] div[id=sort-and-view-reset-all] [style="color: var(--text-normal);"]:hover { + color: #232634 !important; +} + +[class|=layerContainer] [class|=quickswitcher] [class*=badge-] { + color: #232634; +} + +rect[fill="#23a55a"], +foreignObject[mask="url(#svg-mask-status-online)"] > div, +div[class|=dotOnline], +i[class|=statusOnline] { + fill: #b8bb26 !important; + background-color: #b8bb26 !important; +} + +rect[fill="rgba(35, 165, 90, 1)"] { + fill: #b8bb26 !important; +} + +rect[fill="#f0b232"], +foreignObject[mask="url(#svg-mask-status-idle)"] > div { + fill: #fe8019 !important; + background-color: #fe8019 !important; +} + +rect[fill="rgba(240, 178, 50, 1)"] { + fill: #fe8019 !important; +} + +rect[fill="#f23f43"], +foreignObject[mask="url(#svg-mask-status-dnd)"] > div { + fill: #cc241d !important; + background-color: #cc241d !important; +} + +rect[fill="rgba(242, 63, 67, 1)"] { + fill: #cc241d !important; +} + +rect[fill="#82858f"], +foreignObject[mask="url(#svg-mask-status-offline)"] > div, +foreignObject[mask="url(#svg-mask-status-offline)"] > rect, +div[class|=dotOffline], +i[class|=statusOffline] { + fill: #a5adce !important; + background-color: #a5adce !important; +} + +rect[fill="rgba(130, 133, 143, 1)"] { + fill: #a5adce !important; +} + +rect[fill="#593695"] { + fill: #ca9ee6 !important; +} + +.vc-platform-indicator svg[fill*="--green-"] { + fill: #b8bb26; +} + +.vc-platform-indicator svg[fill*="--yellow-"] { + fill: #fe8019; +} + +.vc-platform-indicator svg[fill*="--red-"] { + fill: #cc241d; +} + +.vc-platform-indicator svg[fill*="--primary-400"] { + fill: #a5adce; +} + +[src="/assets/eaeac24163b35f7526704a3d9b3c7722.svg"] { + width: 0 !important; + padding: 12px; + height: 0 !important; + -webkit-mask-image: url("https://discord.com/assets/eaeac24163b35f7526704a3d9b3c7722.svg"); + -webkit-mask-repeat: no-repeat; + -webkit-mask-size: contain; + background: #b8bb26; +} + +.vc-user-connection [src="/assets/eaeac24163b35f7526704a3d9b3c7722.svg"] { + padding: 16px; +} + +#vencordthemes-tab [class*=input-]:focus { + border-color: #83a598 !important; +} + +svg[class|=cursorDefault] svg[class|=dots] circle { + fill: #303446 !important; +} + +[style*="background-color: hsl(235, calc(var(--saturation-factor, 1) * 85.6%), 64.7%)"] { + background-color: #83a598 !important; + color: #232634; +} + +span[class*=username-][style*="color: rgb(54, 57, 62)"], +span[class*=username-][style*="color: rgb(53, 57, 64)"] { + color: var(--background-primary) !important; +} + +div[class*=flowerStarContainer-][class*=boostedGuildTierIconBackgroundWithVisibleBanner] svg[class*=flowerStar-] * { + fill: #c6d0f5; +} +div[class*=flowerStarContainer-][class*=boostedGuildTierIconBackgroundWithVisibleBanner] div[class|=childContainer] svg * { + fill: #232634; +} +div[class*=flowerStarContainer-][class*=iconBackgroundTierOne-] svg[class*=flowerStar-] *, div[class*=flowerStarContainer-][class*=iconBackgroundTierTwo-]:not([class*=boostedGuildTierIconBackgroundWithVisibleBanner]) svg[class*=flowerStar-] * { + fill: #626880; +} +div[class*=flowerStarContainer-][class*=iconBackgroundTierOne-] div[class|=childContainer] svg *, div[class*=flowerStarContainer-][class*=iconBackgroundTierTwo-]:not([class*=boostedGuildTierIconBackgroundWithVisibleBanner]) div[class|=childContainer] svg * { + fill: #c6d0f5; +} +div[class*=flowerStarContainer-][class*=iconBackgroundTierThree-] svg[class*=flowerStar-] * { + fill: #d3869b; +} +div[class*=flowerStarContainer-][class*=iconBackgroundTierThree-] div[class|=childContainer] svg * { + fill: #232634; +} +div[class*=flowerStarContainer-][class*=verified-] svg[class*=flowerStar-] * { + fill: #b8bb26; +} +div[class*=flowerStarContainer-][class*=verified-] div[class|=childContainer] svg * { + fill: #232634; +} +div[class*=flowerStarContainer-][class*=partnered-] svg[class*=flowerStar-] * { + fill: #83a598; +} +div[class*=flowerStarContainer-][class*=partnered-] div[class|=childContainer] svg * { + fill: #232634; +} + +div[class|=communityInfoPill] { + --background-accent: rgba(48, 52, 70, 0.7); + color: #c6d0f5; +} +div[class|=communityInfoPill] div[class|=text] { + font-weight: 500; +} + +a[class*=socialLink-][href*=discord] { + color: #a5adce; +} + +svg[class|=uploadIcon] { + color: #232634; +} + +.theme-dark h2[class|=emptyStateHeader], +.theme-light h2[class|=emptyStateHeader] { + color: #c6d0f5; +} +.theme-dark p[class|=emptyStateSubtext], +.theme-light p[class|=emptyStateSubtext] { + color: #a5adce; +} + +div[class*=unreadMentionsBar-], +div[class*=unreadBar-] { + color: #232634; +} + +div[class|=numberBadge] { + font-weight: 700; + color: #232634; +} + +div[class|=newChannel] { + color: #232634; + background-color: #83a598 !important; +} + +div[class|=botTag] { + background-color: #83a598; +} + +div[class|=addFriendInputWrapper]:focus-within { + border-color: #a89984; +} + +button[class|=attachButton] svg path[class|=attachButtonPlay] { + color: #b8bb26; + fill: #b8bb26; +} + +div[class|=tags] div[class|=pinIcon] path { + fill: #303446 !important; +} + +div[class*=avatarSpeaking-] { + -webkit-box-shadow: inset 0 0 0 2px #b8bb26, inset 0 0 0 3px var(--background-secondary); + box-shadow: inset 0 0 0 2px #b8bb26, inset 0 0 0 3px var(--background-secondary); +} + +div[class*=videoLayer-] > div[class|=tileChild] > div[class|=border][class*=speaking-] { + -webkit-box-shadow: inset 0 0 0 2px #b8bb26, inset 0 0 0 3px #a6d189; + box-shadow: inset 0 0 0 2px #b8bb26, inset 0 0 0 3px #a6d189; +} +div[class*=videoLayer-] > div[class|=tileChild] > div[class|=border][class*=voiceChannelEffect-] { + -webkit-box-shadow: inset 0 0 0 2px #83a598, inset 0 0 0 3px #8caaee; + box-shadow: inset 0 0 0 2px #83a598, inset 0 0 0 3px #8caaee; +} + +div[class*=featureIcon-] path { + fill: #83a598; +} + +div[class*=backgroundAccent-] { + color: #232634; +} + +div[class*=profileBadges-] div[aria-label="Supports Commands"] img { + content: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23b8bb26'%3E%3Cpath d='m8.1176653 16.0847263 4.8330812-8.1694527h2.9315882l-4.8330812 8.1694527z'/%3E%3Cpath d='m20.4189453 9.4038086v-2.4311524c0-1.9775391-1.0825195-3.1118164-2.9697266-3.1118164h-1.5581055v1.7802734l.9594727-.0014648c.8540039 0 1.34375.5683594 1.34375 1.5585938v2.3969727c0 .8300781.1806641 1.8422852 1.5893555 2.3100586l.2856445.0947265-.2856445.0947266c-1.4086914.4677734-1.5893555 1.4799804-1.5893555 2.3100586v2.3964844c0 .9907227-.4897461 1.559082-1.34375 1.559082l-.9594727-.0014648v1.7802734h1.5581055c1.887207 0 2.9697266-1.1342773 2.9697266-3.1118164v-2.4316406c0-1.2583008.3432617-1.6264648 1.5810547-1.6445312v-1.9023438c-1.237793-.0180665-1.5810547-.3862305-1.5810547-1.6450196z'/%3E%3Cpath d='m5.8061523 7.1982422c0-.9760742.5024414-1.5585938 1.3432617-1.5585938l.9594727.0014648v-1.7802734h-1.5576172c-1.887207 0-2.9697266 1.1342773-2.9697266 3.1118164v2.4311523c0 1.2587891-.3432617 1.6269531-1.581543 1.6450195v1.9023438c1.2382812.0180664 1.581543.3862305 1.581543 1.6445312v2.4316406c0 1.9775391 1.0825195 3.1118164 2.9697266 3.1118164h1.5576172v-1.7802734l-.9594727.0014648c-.8408203 0-1.3432617-.5830078-1.3432617-1.559082v-2.3964844c0-.8300781-.1806641-1.8422852-1.5898438-2.3100586l-.2856444-.0947264.2856445-.0947266c1.4091797-.4677734 1.5898437-1.4799804 1.5898437-2.3100586z'/%3E%3C/g%3E%3C/svg%3E"); +} + +div[class*=newBadge-], +div[class*=tryItOutBadge-] { + color: #232634; +} + +[class|=tabBar] [class|=badge] { + color: #232634; +} + +span[class*=channelMention]:hover, +[class*=mention]:not([class*=mentionButton-], +[class*=mentionIcon-]):hover { + color: #232634; +} + +.theme-dark code.hljs { + color: #fbf1c7; + background: #282828; +} +.theme-dark code .hljs-keyword { + color: #ca9ee6; +} +.theme-dark code .hljs-built_in { + color: #cc241d; +} +.theme-dark code .hljs-type { + color: #fe8019; +} +.theme-dark code .hljs-literal { + color: #ef9f76; +} +.theme-dark code .hljs-number { + color: #ef9f76; +} +.theme-dark code .hljs-operator { + color: #81c8be; +} +.theme-dark code .hljs-punctuation { + color: #b5bfe2; +} +.theme-dark code .hljs-property { + color: #81c8be; +} +.theme-dark code .hljs-regexp { + color: #d3869b; +} +.theme-dark code .hljs-string { + color: #b8bb26; +} +.theme-dark code .hljs-char.escape_ { + color: #b8bb26; +} +.theme-dark code .hljs-subst { + color: #a5adce; +} +.theme-dark code .hljs-symbol { + color: #eebebe; +} +.theme-dark code .hljs-variable { + color: #ca9ee6; +} +.theme-dark code .hljs-variable.language_ { + color: #ca9ee6; +} +.theme-dark code .hljs-variable.constant_ { + color: #ef9f76; +} +.theme-dark code .hljs-title { + color: #83a598; +} +.theme-dark code .hljs-title.class_ { + color: #fe8019; +} +.theme-dark code .hljs-title.function_ { + color: #83a598; +} +.theme-dark code .hljs-params { + color: #c6d0f5; +} +.theme-dark code .hljs-comment { + color: #626880; +} +.theme-dark code .hljs-doctag { + color: #cc241d; +} +.theme-dark code .hljs-meta { + color: #ef9f76; +} +.theme-dark code .hljs-section { + color: #83a598; +} +.theme-dark code .hljs-tag { + color: #a5adce; +} +.theme-dark code .hljs-name { + color: #ca9ee6; +} +.theme-dark code .hljs-attr { + color: #83a598; +} +.theme-dark code .hljs-attribute { + color: #b8bb26; +} +.theme-dark code .hljs-bullet { + color: #81c8be; +} +.theme-dark code .hljs-code { + color: #b8bb26; +} +.theme-dark code .hljs-emphasis { + color: #cc241d; + font-style: italic; +} +.theme-dark code .hljs-strong { + color: #cc241d; + font-weight: bold; +} +.theme-dark code .hljs-formula { + color: #81c8be; +} +.theme-dark code .hljs-link { + color: #85c1dc; + font-style: italic; +} +.theme-dark code .hljs-quote { + color: #b8bb26; + font-style: italic; +} +.theme-dark code .hljs-selector-tag { + color: #fe8019; +} +.theme-dark code .hljs-selector-id { + color: #83a598; +} +.theme-dark code .hljs-selector-class { + color: #81c8be; +} +.theme-dark code .hljs-selector-attr { + color: #ca9ee6; +} +.theme-dark code .hljs-selector-pseudo { + color: #81c8be; +} +.theme-dark code .hljs-template-tag { + color: #eebebe; +} +.theme-dark code .hljs-template-variable { + color: #eebebe; +} +.theme-dark code .hljs-diff-addition { + color: #b8bb26; + background: rgba(var(--ctp-green), 15%); +} +.theme-dark code .hljs-diff-deletion { + color: #cc241d; + background: rgba(var(--ctp-red), 15%); +} + +.pngImage-1vIgLy:hover, .lottieCanvas-c2HE82 { + background-color: transparent !important; +} + +.colorStreamerMode-8uoRWd { + background-color: #8f3f71; + color: #fbf1c7; +} + +div[class|=notice] button[class|=button] { + border-color: #fbf1c7; + color: #fbf1c7; +} + +div[class|=notice] button[class|=button]:hover { + background: #fbf1c7; + color: #282828; +} + +div[class|=notice] div[class|=closeButton] > svg > path { + fill: #fbf1c7; +} + +[class|=chatContent] code.inline { + background: #282828; +} + +.contents-3NembX .button-ejjZWC { + color: #000000; +} + +.gradientBackground-MytxDL { + background: #b16286; +} + +.upsellText-29l7Q- { + color: #fbf1c7; + margin-left: 6px; +} + +.contents-3NembX { + color: #fbf1c7; +} + +.icon-2O29O0 { + background-color: transparent; +} + +div[class|=newChannel] { + color: #282828; + background-color: #d79921 !important; +} + +.fakeActivityIcon-KeXVoI.activityCharacterWumpus-31wmZ9 { + background-color: #504945; +} + +.theme-dark .customColorPicker-C_jddW { + background: #32302f; + border-color: #282828; +} + +.grabber-3R-Rx9 { + background-color: #f9f5d7; +} + +div[class|=contentRegion] [class|=bar], div[class|=contentRegion] [class|=markDash] { + background: #504945; +} + +.theme-dark .checkbox-1LuCGM { + border-color: transparent; +} + +.lookFilled-1H2Jvj.colorBrand-2M3O3N { + color: var(--white-500); + background-color: #b57614; +} + +.lookFilled-1H2Jvj.colorRed-2VFhM4 { + color: var(--white-500); + background-color: #b57614; +} + +.lookFilled-1H2Jvj.colorRed-2VFhM4:hover { + background-color: #C48018; +} + +.lookFilled-1H2Jvj.colorBrand-2M3O3N:hover { + background-color: #C48018; +} + +.lookInverted-2GrLaB.colorBrand-2M3O3N { + color: var(--brand-experiment); + background-color: #b16286; +} + +.lookInverted-2GrLaB.colorBrand-2M3O3N:hover { + background-color: #DF7AA7; +} + +.theme-dark p[class|=emptyStateSubtext], .theme-light p[class|=emptyStateSubtext] { + color: #a89984; +} + + +div[class|=contentRegion] #discord-nitro-tab button[class*=lookInverted-] { + color: #fbf1c7; + background-color: #b16286; +} + +div[class|=contentRegion] #discord-nitro-tab button[class*=lookInverted-]:hover { + background-color: #DF7AA7; +} + +div[class|=contentRegion] #keybinds-tab span[class*=key] { + color: #fbf1c7; +} + +div[class|=layerContainer] div[class|=addGamePopout] { + background-color: #282828; +} + +div[class|=contentRegion] #accessibility-tab button[class*=colorBrandNew] { + background-color: #b57614; +} + +.reactionInner-YJjOtT { + background-color: #494441; +} + +div[class|=contentRegion] #guild_premium-tab div[class|=tierHeaderUnlocked] div[class|=tierUnlocked], div[class|=contentRegion] #guild_premium-tab div[class|=tierHeaderLocked] div[class|=tierUnlocked] { + background-image: linear-gradient(90deg, #83a598, #d3869b); + color: #f9f5d7; + font-weight: 600; +} + +.lookFilled-1H2Jvj.colorBrandNew-abZT3v:disabled, .lookFilled-1H2Jvj.colorBrandNew-abZT3v[aria-disabled=true] { + background-color: #C48018; +} + +.text-sm-normal-AEQz4v { + color: #f2e5bc; +} + +div[class|=callContainer] div[class|=videoControls] [class*=colorable-][class*=white-] { + color: #f2e5bc; + background-color: #998B79; +} + +div[class|=callContainer] div[class|=videoControls] [class*=colorable-][class*=white-]:hover, div[class|=callContainer] div[class|=videoControls] [class*=colorable-][class*=white-][class*=active-] { + color: #f2e5bc; + background-color: #998B79; +} + +div[class|=callContainer] div[class|=videoControls] [class*=colorable-][class*=primaryDark-] { + background: #504945; +} +div[class|=callContainer] div[class|=videoControls] [class*=colorable-][class*=primaryDark-] { + background: #504945; + color: #d5c4a1; +} + +div[class|=callContainer] div[class|=videoControls] button[class*=leftTrayIcon-][class*=buttonColor-] { + background-color: #504945; + color: #f9f5d7; +} + +[class|=chatContent] div[class*=wrapperAudio-] div[class*=audioControls], [class|=chatContent] div[class*=wrapperAudio-] div[class*=videoControls-], [class|=chatContent] div[class*=imageWrapper-] div[class*=audioControls], [class|=chatContent] div[class*=imageWrapper-] div[class*=videoControls-] { + background-color: rgba(80, 73, 69, 0.8); +} + +div[class|=chat] > div[class|=content] > div[class|=container] div[class|=newBadge] { + background-color: var(--brand-260) !important; + color: #282828; +} + +div[class|=callContainer] div[class|=videoControls] div[class|=toolbar] div[class|=streamQualityIndicator] div[class|=liveQualityIndicator] { + background-color: #282828 !important; +} + +.qualityResolution-RP9GCP { + margin-right: 4px; + color: #fbf1c7; + background-color: #282828; +} + +div[class|=callContainer] div[class|=videoControls] div[class|=children] div[class*=playingText-] { + color: #fbf1c7; +} + +.grid-21dB-S>div:first-child, .headerRow-1MKoR-, .list-3FIpnh>div:first-child { + min-width: 480px; + width: 100%; + position: relative; + background-color: #282828; +} + +div[class|=callContainer] div[class|=videoControls] [class*=colorable-][class*=primaryDark-] [class*=centerIcon-] { + color: #fbf1c7; +} + +div[class|=callContainer] [class*=controlIcon-] { + color: #A89984; +} + +div[class|=callContainer] [class*=controlIcon-]:hover { + color: #A89984; +} + +div[class|=callContainer] div[class|=videoControls] div[class|=toolbar] div[class|=streamQualityIndicator] div[class|=liveQualityIndicator] div[class|=qualityIndicator] { + background-color: #3C3836; + color: #fbf1c7; +} + +div[class|=callContainer] div[class|=videoControls] div[class|=toolbar] div[class|=streamQualityIndicator] div[class|=liveQualityIndicator] svg[class|=premiumStreamIcon] { + color: #fbf1c7; +} + +div[class|=layerContainer] [role=menu] [class*=colorDefault][class*=colorBrand] { + color: #83a598; +} + +.item-5ApiZt:hover { + color: #282828; + background-color: #AE7D1B; +} + +.colorDefault-2_rLdz .checkbox-397WsK, .colorDefault-2_rLdz .radioSelection-3PDNAQ { + color: #A89984; +} + +.colorDefault-2_rLdz .checkbox-397WsK, .colorDefault-2_rLdz .radioSelection-3PDNAQ:hover { + fill: #A89984; +} + +.emojiButton-3FRTuj { + background-color: #000 !important; +} + +.unreadIcon-3dqgX9, .voiceChannelsIcon-2smmeE { + display: none; +} + +.button-3_1yil, .notice-12Koq- { + background-color: #BA8625; +} + +div[class|=notice] button[class|=button] { + border-color: #282828; +} + +div[class|=notice] button[class|=button]:hover { + background: #fabd2f; + color: #282828; +} + +.text-md-medium-2n7Vn5, .text-md-normal-2rFCH3 { + color: #fbf1c7 !important; +} + +.controlIcon-10O-4h { + color: #fbf1c7 !important; +} + +.theme-dark .categoryFadeBlurple-1l49_Q, .theme-light .categoryFadeBlurple-1l49_Q { + background-color: rgba(102, 92, 84, 0.8); +} + +.theme-dark .categoryFadeBlurple-1l49_Q:hover, .theme-light .categoryFadeBlurple-1l49_Q:hover { + background-color: rgba(102, 92, 84, 0.8); +} + +.pngImage-1vIgLy:hover, .lottieCanvas-c2HE82 { + background-color: #665c54; +} + +.theme-dark div[class|=spoilerContainer] div[class|=spoilerWarning], .theme-light div[class|=spoilerContainer] div[class|=spoilerWarning] { + color: #fbf1c7; + background-color: rgba(50, 48, 47, 0.7); +} + +div[class*=userInfoSection-] div[class|=connectedAccountContainer] { + background-color: #282828 !important; +} + +.editIcon-3h_5Rm { + color: #fbf1c7; +} + +.iconBadge-3Mmg92 { + background-color: #cc241d; +} + +.theme-dark svg[class*=threadIcon-], .theme-light svg[class*=threadIcon-] { + color: #A89984 !important; +} + +div[class|=notice] button[class|=button] { + color: #282828; +} + +div[class|=notice] button[class|=button]:hover { + border-color: #282828; +} + +.closeIcon-3eoP1e { + filter: brightness(0) !important; +} + +.assetWrapperMasked-1iw9lV { + background-color: #504945; +} + +.lookFilled-1H2Jvj.colorGreen-jIPCAS, .lookFilled-1H2Jvj.colorGreen-jIPCAS:hover{ + background-color: #B57614; +} + +a[class*=socialLink-][href*=discord] { + color: #A89984; +} + +.reaction-102jx9.reactionMe-2zhiyZ .reactionCount-SWXh9W { + color: #fbf1c7; +} + +.updateReactionButton-13dIN9>div { + background: #A89984; +} + + +svg[class|=spine] { + color: #504945; +} + +div[class|=spineBorder] { + background: #504945; +} + +ul[aria-label$=" threads"] > li:nth-child(2n) { + --channels-default: #bdae93; +} + +.clickable_d23a1a .icon__4cb88, .clickable_d23a1a .icon__4cb88:hover { + color: #fbf1c7; +} + +.button__66e8c .buttonColor_a6eb73.buttonActive__407a7, .button__66e8c.buttonColor_a6eb73.buttonActive__407a7 { + background-color: #B57614; + color: #fbf1c7; +} + +.button__66e8c .buttonColor_a6eb73.buttonActive__407a7:hover, .button__66e8c.buttonColor_a6eb73.buttonActive__407a7:hover { + background-color: #B57614; +} + +.gradientBackground_aa82b3 { + display: none; +} + +.theme-dark .footerSeparator__57d95 { + background-color: #282828; +} |