diff --git a/Bulldogs-Discord.BD.theme.css b/Bulldogs-Discord.BD.theme.css
deleted file mode 100644
index 647f816..0000000
--- a/Bulldogs-Discord.BD.theme.css
+++ /dev/null
@@ -1,10 +0,0 @@
-/**
- * @name Bulldog's Discord
- * @description A simple rounded dark blue theme for Discord.com
- * @author Bulldög#0533
- * @version 1.0
- * @website https://github.com/Bulldog3321/Bulldogs-Theme
- * @source https://bulldog3321.github.io/Bulldogs-Theme/main.css
- */
-
-@import url("https://bulldog3321.github.io/Bulldogs-Theme/main.css");
\ No newline at end of file
diff --git a/Bulldogs-Discord.Stylus.user.css b/Bulldogs-Discord.Stylus.user.css
deleted file mode 100644
index ab26f80..0000000
--- a/Bulldogs-Discord.Stylus.user.css
+++ /dev/null
@@ -1,14 +0,0 @@
-/* ==UserStyle==
-@name Bulldog's Discord
-@description A simple rounded dark blue theme for Discord.com
-@author Bulldög#0533
-@version 1.0
-@namespace github.com/Bulldog3321
-@homepageURL https://github.com/Bulldog3321/Bulldogs-Theme
-@updateURL https://bulldog3321.github.io/Bulldogs-Theme/Bulldogs-Discord.Stylus.user.css
-@preprocessor stylus
-==/UserStyle== */
-
-@-moz-document domain("discord.com") {
- @import url("https://bulldog3321.github.io/Bulldogs-Theme/main.css");
-}
\ No newline at end of file
diff --git a/Bulldogs-Discord.user.css b/Bulldogs-Discord.user.css
new file mode 100644
index 0000000..10869cb
--- /dev/null
+++ b/Bulldogs-Discord.user.css
@@ -0,0 +1,14 @@
+/* ==UserStyle==
+@name Bulldog's Discord
+@description A clean and simple dark blue theme for Discord.com
+@author baldagh
+@version 1.0
+@namespace github.com/Bulldog3321
+@homepageURL https://github.com/Bulldog3321/Bulldogs-Discord
+@updateURL https://bulldog3321.github.io/Bulldogs-Discord/Bulldogs-Discord.user.css
+@preprocessor stylus
+==/UserStyle== */
+
+@-moz-document domain("discord.com") {
+ @import url("https://bulldog3321.github.io/Bulldogs-Discord/main.css");
+}
\ No newline at end of file
diff --git a/README.md b/README.md
index b162992..b442e4b 100644
--- a/README.md
+++ b/README.md
@@ -1,40 +1,23 @@
-# Bulldogs-Theme
-A simple rounded dark blue theme for Discord.com
+# Bulldogs-Discord
+A clean and simple dark blue theme for Discord.com
## Installation
-### Universal CSS import
-Paste `@import url("https://bulldog3321.github.io/Bulldogs-Theme/main.css");` at the top of any CSS editor
+
+Universal CSS import
-### Better Discord
-Drop [Bulldog'sBD.theme.css](https://bulldog3321.github.io/Bulldogs-Theme/Bulldogs-Discord.BD.theme.css) into your themes folder
+Paste `@import url("https://bulldog3321.github.io/Bulldogs-Discord/main.css");` at the very top of any CSS editor
-### Vencord
-Paste `https://bulldog3321.github.io/Bulldogs-Theme/main.css` into Themes settings
+
-### Stylus
-[Click here](https://bulldog3321.github.io/Bulldogs-Theme/Bulldogs-Discord.Stylus.user.css) (Must enable "Patch CSP to allow style assets" in Stylus settings)
+
+Stylus
-## Plugin Support
+[Click here](https://bulldog3321.github.io/Bulldogs-Discord/Bulldogs-Discord.user.css) (Firefox users must enable "Patch CSP to allow style assets" in Stylus settings)
-### Better Discord
-* [Permission Viewer](https://betterdiscord.app/plugin/PermissionsViewer)
-* [PinnedMessageIcons](https://github.com/Neodymium7/BetterDiscordStuff/tree/main/PinnedMessageIcons)
-* [VoiceActivity](https://betterdiscord.app/plugin/VoiceActivity)
-* [BetterFormattingRedux](https://betterdiscord.app/plugin/BetterFormattingRedux)
-* [ChannelTabs](https://betterdiscord.app/plugin/ChannelTabs)
+
-### Vencord
-* MessageLogger
-* ReviewDB
-* PronounDB
-* BetterFolders
-* USRBG
-* MoreUserTags
-
-### Shelter
-* [Snazzy Shelter](https://yellowsink.github.io/shelter-plugins/snazzy-shelter/)
## Images
-![image](https://cdn.discordapp.com/attachments/825154270881775677/1005975186551611442/home.png)
-![image](https://cdn.discordapp.com/attachments/825154270881775677/1005975186954276864/chat.png)
-![image](https://cdn.discordapp.com/attachments/825154270881775677/1005975187436609546/settings.png)
\ No newline at end of file
+![image]()
+![image]()
+![image]()
\ No newline at end of file
diff --git a/cumcord_theme.json b/cumcord_theme.json
index 6916ac8..858a827 100644
--- a/cumcord_theme.json
+++ b/cumcord_theme.json
@@ -1,11 +1,11 @@
{
"name": "Bulldog's Theme",
- "description": "A simple rounded dark blue theme",
- "author": "Bulldög#0533",
+ "description": "A clean and simple dark blue theme",
+ "author": "baldagh",
"license": "coom",
"media": [
- "https://cdn.discordapp.com/attachments/825154270881775677/1005975186551611442/home.png",
- "https://cdn.discordapp.com/attachments/825154270881775677/1005975186954276864/chat.png",
- "https://cdn.discordapp.com/attachments/825154270881775677/1005975187436609546/settings.png"
+ "",
+ "",
+ ""
]
}
\ No newline at end of file
diff --git a/main.css b/main.css
index 86aa504..d1cdf92 100644
--- a/main.css
+++ b/main.css
@@ -1,48 +1,52 @@
/* ----------------------------------------ADDONS---------------------------------------- */
@import url("https://api.fonts.coollabs.io/css2?family=Quicksand&display=swap");
-@import url("https://raw.githubusercontent.com/coolesding/shiggycord/v2/Deploy/Radialstatus.css");
+@import url("https://dablulite.github.io/css-snippets/AccentSwap/import.css");
+@import url("https://discordstyles.github.io/RadialStatus/dist/RadialStatus.css");
@import url("https://discord-extensions.github.io/modern-indicators/src/source.css");
@import url("https://minidiscordthemes.github.io/SettingsIcons/SettingsIcons.theme.css");
+@import url("https://minidiscordthemes.github.io/MinimalAddonCards/MinimalAddonCards.theme.css");
+@import url("https://minidiscordthemes.github.io/Snippets/AltTextImprovements/main.css");
/* radial status */
:root {
+ --rs-small-spacing: 1px;
+ --rs-medium-spacing: 2px;
+ --rs-large-spacing: 3px;
+
+ --rs-small-width: 2px;
+ --rs-medium-width: 3px;
+ --rs-large-width: 4px;
+
+ --rs-avatar-shape: calc(var(--avatar-radius) - 4%);
+
--rs-online-color: #43b581;
--rs-idle-color: #faa61a;
--rs-dnd-color: #f04747;
--rs-offline-color: #636b75;
- --rs-bot-color: #5865f2;
- --rs-spacer-color: transparent;
- --rs-show-platformindicators: none;
- --rs-small-size: 0.85;
- --rs-small-roundness: calc(var(--avatar-radius) * 2 );
- --rs-small-thickness: 2px;
- --rs-small-glow: 0px;
- --rs-small-spacing: 2px;
- --rs-medium-size: 1;
- --rs-medium-roundness: calc(var(--avatar-radius) * 2 );
- --rs-medium-thickness: 3px;
- --rs-medium-glow: 0px;
- --rs-medium-spacing: 2px;
- --rs-medium-backgroundcolor: none;
- --rs-medium-backgroundsize: 0px;
- --rs-large-size: 1;
- --rs-large-roundness: calc(var(--avatar-radius) * 2 );
- --rs-large-thickness: 4px;
- --rs-large-glow: 0px;
- --rs-large-spacing: 2px;
+ --rs-streaming-color: #643da7;
+ --rs-invisible-color: #747f8d;
+ --rs-self-speaking-color: #57d39b;
+ --rs-phone-color: var(--rs-online-color);
+
+ --rs-phone-visible: block;
+}
+
+/* modern indicators */
+[class*="sidebar_"] [class*="containerDefault_"],
+[class*="sidebar_"] [class*="channel_"] {
+ border-radius: 0 var(--radius-xs) var(--radius-xs) 0;
}
-[class*="avatar_"] {
- margin-top: 0 !important;
+[class*="sidebar_"] [class*="containerDefault_"]:has([class*="modeSelected_"], [class*="modeConnected_"]),
+[class*="sidebar_"] [class*="channel_"]:has([class*="selected_"]) {
+ border-radius: 0 24px 24px 0;
}
-/* ----------------------------------------MISC---------------------------------------- */
+/* ----------------------------------------MAIN---------------------------------------- */
/* variables */
:root {
- --message-hover: rgba(12, 14, 19, 0.4);
- --spacing: 6px;
- --avatar-radius: 30%;
+ --avatar-radius: 28%;
}
/* font */
@@ -50,556 +54,106 @@
font-family: 'Quicksand', sans-serif;
}
-/* background */
-[class*="bg_"]{
- background: rgb(0, 0, 0);
-}
-
-/* tooltip */
-[class*="tooltip_"] {
- border-radius: var(--radius-md);
- box-shadow: none;
-}
-
/* recoloring */
-.theme-dark,
-.theme-light,
-.theme-dark .theme-light {
- --background-primary: rgb(24, 28, 37) !important;
- --background-secondary: rgb(20, 23, 31) !important;
+.theme-dark {
+ --background-primary: hsl(224, 20%, 12%) !important;
+ --background-secondary: hsl(224, 20%, 9%) !important;
--background-secondary-alt: var(--background-tertiary) !important;
- --background-tertiary: rgb(12, 14, 19) !important;
+ --background-tertiary: hsl(224, 20%, 6%) !important;
--background-accent: var(--background-tertiary) !important;
--background-floating: var(--background-tertiary) !important;
--background-modifier-hover: rgba(255, 255, 255, 0.04) !important;
--background-modifier-active: rgba(255, 255, 255, 0.06) !important;
--background-modifier-selected: rgba(255, 255, 255, 0.08) !important;
- --text-link: rgb(121, 210, 203) !important;
+ --background-message-hover: hsla(0, 0%, 0%, 0.15);
+ --text-link: hsl(214, 77%, 74%) !important;
}
/* blurple recoloring */
:root {
- --accent-h: 200;
- --accent-s: 65%;
- --accent-l: 65%;
-/* main colors */
- --brand-100-hsl: var(--accent-h) calc(var(--saturation-factor, 1)*var(--accent-s)) calc(var(--accent-l) + (3.6% * 13));
- --brand-130-hsl: var(--accent-h) calc(var(--saturation-factor, 1)*var(--accent-s)) calc(var(--accent-l) + (3.6% * 12));
- --brand-160-hsl: var(--accent-h) calc(var(--saturation-factor, 1)*var(--accent-s)) calc(var(--accent-l) + (3.6% * 11));
- --brand-200-hsl: var(--accent-h) calc(var(--saturation-factor, 1)*var(--accent-s)) calc(var(--accent-l) + (3.6% * 10));
- --brand-230-hsl: var(--accent-h) calc(var(--saturation-factor, 1)*var(--accent-s)) calc(var(--accent-l) + (3.6% * 9));
- --brand-260-hsl: var(--accent-h) calc(var(--saturation-factor, 1)*var(--accent-s)) calc(var(--accent-l) + (3.6% * 8));
- --brand-300-hsl: var(--accent-h) calc(var(--saturation-factor, 1)*var(--accent-s)) calc(var(--accent-l) + (3.6% * 7));
- --brand-330-hsl: var(--accent-h) calc(var(--saturation-factor, 1)*var(--accent-s)) calc(var(--accent-l) + (3.6% * 6));
- --brand-345-hsl: var(--accent-h) calc(var(--saturation-factor, 1)*var(--accent-s)) calc(var(--accent-l) + (3.6% * 5));
- --brand-360-hsl: var(--accent-h) calc(var(--saturation-factor, 1)*var(--accent-s)) calc(var(--accent-l) + (3.6% * 4));
- --brand-400-hsl: var(--accent-h) calc(var(--saturation-factor, 1)*var(--accent-s)) calc(var(--accent-l) + (3.6% * 3));
- --brand-430-hsl: var(--accent-h) calc(var(--saturation-factor, 1)*var(--accent-s)) calc(var(--accent-l) + (3.6% * 2));
- --brand-460-hsl: var(--accent-h) calc(var(--saturation-factor, 1)*var(--accent-s)) calc(var(--accent-l) + 3.6);
- --brand-500-hsl: var(--accent-h) calc(var(--saturation-factor, 1)*var(--accent-s)) var(--accent-l);
- --brand-530-hsl: var(--accent-h) calc(var(--saturation-factor, 1)*var(--accent-s)) calc(var(--accent-l) - 3.6);
- --brand-560-hsl: var(--accent-h) calc(var(--saturation-factor, 1)*var(--accent-s)) calc(var(--accent-l) - (3.6% * 2));
- --brand-600-hsl: var(--accent-h) calc(var(--saturation-factor, 1)*var(--accent-s)) calc(var(--accent-l) - (3.6% * 3));
- --brand-630-hsl: var(--accent-h) calc(var(--saturation-factor, 1)*var(--accent-s)) calc(var(--accent-l) - (3.6% * 4));
- --brand-660-hsl: var(--accent-h) calc(var(--saturation-factor, 1)*var(--accent-s)) calc(var(--accent-l) - (3.6% * 5));
- --brand-700-hsl: var(--accent-h) calc(var(--saturation-factor, 1)*var(--accent-s)) calc(var(--accent-l) - (3.6% * 6));
- --brand-730-hsl: var(--accent-h) calc(var(--saturation-factor, 1)*var(--accent-s)) calc(var(--accent-l) - (3.6% * 7));
- --brand-760-hsl: var(--accent-h) calc(var(--saturation-factor, 1)*var(--accent-s)) calc(var(--accent-l) - (3.6% * 8));
- --brand-800-hsl: var(--accent-h) calc(var(--saturation-factor, 1)*var(--accent-s)) calc(var(--accent-l) - (3.6% * 9));
- --brand-830-hsl: var(--accent-h) calc(var(--saturation-factor, 1)*var(--accent-s)) calc(var(--accent-l) - (3.6% * 10));
- --brand-860-hsl: var(--accent-h) calc(var(--saturation-factor, 1)*var(--accent-s)) calc(var(--accent-l) - (3.6% * 11));
- --brand-900-hsl: var(--accent-h) calc(var(--saturation-factor, 1)*var(--accent-s)) calc(var(--accent-l) - (3.6% * 12));
-/* opacity */
- --brand-04: var(--accent-h), calc(var(--saturation-factor, 1) * var(--accent-s)), var(--accent-l), 0.4;
- --brand-02: var(--accent-h), calc(var(--saturation-factor, 1) * var(--accent-s)), var(--accent-l), 0.2;
- --brand-01: var(--accent-h), calc(var(--saturation-factor, 1) * var(--accent-s)), var(--accent-l), 0.1;
- --brand-005: var(--accent-h), calc(var(--saturation-factor, 1) * var(--accent-s)), var(--accent-l), 0.05;
-}
-
-/* color fix */
-#app-mount .container_dc03c3, #app-mount .reactors__20ab0 .footer_ceda43.hasSpoilers__49ee6,
-#app-mount .perksModal-fSYqOq, #app-mount .calendarPicker__5c474 .react-datepicker,
-#app-mount .pageWrapper_fef757, #app-mount .calendarPicker__5c474 .react-datepicker__header,
-#app-mount .addGamePopout-3yePJc, #app-mount .reactors__20ab0 {
- background-color: var(--background-primary);
-}
-#app-mount .scroller__5fda0 {
- background-color: var(--background-secondary);
-}
-.childWrapper__01b9c, #app-mount .container__0810b section, #app-mount .container__0810b .header-2C89wJ {
- background-color: var(--background-tertiary);
-}
-.updateIconForeground__30084 {
- fill: var(--brand-experiment);
-}
-
-/* rounded */
-.app__00c92 button, .button_afdfd9, .select-2NDsde, .topPill__0cdf1 [class*="item_"],
-.searchable-22AIU7, .css-gvi9bl-control, .css-118dehu-control, .css-6fzn47-control, .css-17e1tep-control,
-.container_d5f6d0, .container_e4c233, .container__7712a, .copyInput_c1c679, .modal__060da,
-.emptyCard-COmm00, .container-30qY7E, .addGamePopout-3yePJc,
-.formNotice-2nS8ey, .authedApp-1tw-eT, .popout__24e32, .notDetected__2a0c9, .nowPlaying__353c3,
-.px__97c6b.botTag__4211a, .rem__931aa.botTag__4211a, .tile_ebc93b,
-.searchBar_e4ea2a .searchBarComponent__22760, .wrapper_fbbb73,
-.background_b61fcc, .notice-1Qe0b_,
-.cardWrapper_bc8d2a, .warning__9db16, .list-3-WAYB,
-.reactionDefault__792ef, .reactionSelected__249a7, .membershipDialog-2wAdpQ {
- border-radius: var(--radius-md);
+ --accent-h: 227 !important;
+ --accent-s: 58% !important;
+ --accent-l: 65% !important;
}
-/* remove scrollbars */
-.scroller__4b984::-webkit-scrollbar,
-.scroller_f0f183::-webkit-scrollbar,
-.scroller-1bVxF5::-webkit-scrollbar,
-.body-2wLx-E::-webkit-scrollbar,
-.scroller__3d071::-webkit-scrollbar {
- display: none;
+/* tooltip */
+[class*="tooltip_"] {
+ border-radius: var(--radius-sm);
+ box-shadow: none;
}
-/* subtle scrollbars */
+/* minimal scrollbars */
::-webkit-scrollbar-thumb {
background-color: var(--background-tertiary) !important;
}
::-webkit-scrollbar-track {
background: none !important;
}
-.scroller__1f96e::-webkit-scrollbar-track {
- margin-bottom: 116px;
-}
-.members__9f47b::-webkit-scrollbar-track,
-.container-2Qb0ED::-webkit-scrollbar-track,
-.results_f76516::-webkit-scrollbar-track,
-.container_bc9447::-webkit-scrollbar-track,
-.list__0870a::-webkit-scrollbar-track {
- margin-top: 4px;
- margin-bottom: 4px;
-}
-.messagesPopout__22763::-webkit-scrollbar-track,
-.scroller__1c703::-webkit-scrollbar-track {
- margin-bottom: 4px;
-}
-/* remove toolbar buttons */
+/* remove help button */
[aria-label="Help"] {
display: none;
}
-/* focus mode */
-@media screen and (min-width: 0) and (max-width: 1200px) {
- [class*="membersWrap_"] {
- display: none;
- }
-}
-@media screen and (min-width: 0) and (max-width: 1100px) {
- [class*="toolbar_"] {
- display: none;
- }
-}
-@media screen and (min-width: 0) and (max-width: 900px) {
- [class*="sidebar_"] {
- width: 0 !important;
- }
- [class*="membersWrap_"].chat__52833, .container__5c7e7 {
- margin-left: 0 !important;
- }
-}
-@media screen and (min-width: 0) and (max-width: 700px) {
- [class*="sidebar_"], .wrapper_a7e7a8 {
- display: none;
- }
-}
-@media screen and (min-height: 0px) and (max-height: 500px) {
- .container__11d72 {
- display: none !important;
- }
-}
-@media screen and (min-width: 0) and (max-width: 1100px) {
- [class*="layer_"] [class*="sidebarRegion_"] {
- display: none;
- }
- [class*="layer_"] [class*="contentColumnDefault_"] {
- width: auto;
- height: auto;
- }
-}
-
-/* window bar */
-[class*="typeWindows_"] {
- height: 22px;
- margin-top: 0;
-}
-[class*="wordmarkWindows_"] {
- top: 2px;
- left: var(--spacing);
- padding: 0;
-}
-[class*="wordmarkWindows_"]:before {
- content: "";
- display: block;
- background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" aria-hidden="false" width="55" height="16" viewBox="0 0 55 16"%3E%3Cpath fill="currentColor" d="M3.57642276,0.141304348 L0,0.141304348 L0,4.22826087 L2.38069106,6.40217391 L2.38069106,2.43478261 L3.66260163,2.43478261 C4.47052846,2.43478261 4.86910569,2.83695652 4.86910569,3.4673913 L4.86910569,6.5 C4.86910569,7.13043478 4.49207317,7.55434783 3.66260163,7.55434783 L0,7.55434783 L0,9.85869565 L3.57642276,9.85869565 C5.49390244,9.86956522 7.29288618,8.90217391 7.29288618,6.66304348 L7.29288618,3.39130435 C7.29288618,1.13043478 5.49390244,0.141304348 3.57642276,0.141304348 Z M22.3310976,6.67391304 L22.3310976,3.32608696 C22.3310976,2.11956522 24.4640244,1.83695652 25.1103659,3.05434783 L27.0817073,2.23913043 C26.3168699,0.510869565 24.8949187,0 23.7207317,0 C21.803252,0 19.9073171,1.13043478 19.9073171,3.32608696 L19.9073171,6.67391304 C19.9073171,8.88043478 21.803252,10 23.6776423,10 C24.8841463,10 26.3276423,9.39130435 27.1247967,7.81521739 L25.0134146,6.82608696 C24.4963415,8.17391304 22.3310976,7.84782609 22.3310976,6.67391304 Z M15.8030488,3.7826087 C15.0597561,3.61956522 14.5642276,3.34782609 14.5319106,2.88043478 C14.575,1.75 16.2878049,1.7173913 17.2896341,2.79347826 L18.8731707,1.55434783 C17.8821138,0.326086957 16.7617886,0 15.598374,0 C13.8424797,0 12.1404472,1 12.1404472,2.91304348 C12.1404472,4.77173913 13.5408537,5.76086957 15.0813008,6 C15.8676829,6.10869565 16.7402439,6.42391304 16.7186992,6.97826087 C16.654065,8.02173913 14.5426829,7.9673913 13.5839431,6.7826087 L12.0650407,8.23913043 C12.9591463,9.40217391 14.1764228,10 15.3182927,10 C17.074187,10 19.0239837,8.9673913 19.0993902,7.08695652 C19.2071138,4.69565217 17.5050813,4.09782609 15.8030488,3.7826087 Z M8.59634146,9.85869565 L11.0093496,9.85869565 L11.0093496,0.141304348 L8.59634146,0.141304348 L8.59634146,9.85869565 Z M49.2835366,0.141304348 L45.7071138,0.141304348 L45.7071138,4.22826087 L48.0878049,6.40217391 L48.0878049,2.43478261 L49.3589431,2.43478261 C50.1668699,2.43478261 50.5654472,2.83695652 50.5654472,3.4673913 L50.5654472,6.5 C50.5654472,7.13043478 50.1884146,7.55434783 49.3589431,7.55434783 L45.6963415,7.55434783 L45.6963415,9.85869565 L49.2727642,9.85869565 C51.1902439,9.86956522 52.9892276,8.90217391 52.9892276,6.66304348 L52.9892276,3.39130435 C53,1.13043478 51.2010163,0.141304348 49.2835366,0.141304348 Z M31.7353659,0 C29.753252,0 27.7819106,1.09782609 27.7819106,3.33695652 L27.7819106,6.66304348 C27.7819106,8.89130435 29.7640244,10 31.7569106,10 C33.7390244,10 35.7103659,8.89130435 35.7103659,6.66304348 L35.7103659,3.33695652 C35.7103659,1.10869565 33.7174797,0 31.7353659,0 Z M33.2865854,6.66304348 C33.2865854,7.35869565 32.5109756,7.7173913 31.7461382,7.7173913 C30.9705285,7.7173913 30.1949187,7.36956522 30.1949187,6.66304348 L30.1949187,3.33695652 C30.1949187,2.61956522 30.9489837,2.23913043 31.7030488,2.23913043 C32.4894309,2.23913043 33.2865854,2.58695652 33.2865854,3.33695652 L33.2865854,6.66304348 Z M44.3605691,3.33695652 C44.3067073,1.05434783 42.7770325,0.141304348 40.8056911,0.141304348 L36.9815041,0.141304348 L36.9815041,9.86956522 L39.4268293,9.86956522 L39.4268293,6.77173913 L39.8577236,6.77173913 L42.0768293,9.85869565 L45.0930894,9.85869565 L42.4861789,6.52173913 C43.6495935,6.15217391 44.3605691,5.14130435 44.3605691,3.33695652 Z M40.8487805,4.65217391 L39.4268293,4.65217391 L39.4268293,2.43478261 L40.8487805,2.43478261 C42.3784553,2.43478261 42.3784553,4.65217391 40.8487805,4.65217391 Z" transform="translate(1 3)"%3E%3C/path%3E%3C/svg%3E');
- background-size: cover;
- filter: invert(50%);
- width: 82.5px;
- height: 24px;
-}
-[class*="wordmarkWindows_"] svg {
- display: none;
-}
-[class*="winButton_"] {
- width: 18px;
- height: 18px;
+/* squared avatars */
+img[class*="avatar"],
+[class*="wrapper_"] foreignObject {
+ mask: none;
border-radius: var(--avatar-radius);
- margin: 0 4px;
- top: 4px;
- right: calc(var(--spacing) - 4px) ;
- opacity: 0.8;
- transition: background-color 0.2s;
-}
-[class*="winButton_"] svg {
- display: none;
-}
-[class*="winButtonMinMax_"]:nth-child(4) {
- background-color: #fac536
-}
-[class*="winButtonMinMax_"]:nth-child(4):hover {
- background-color: #7D631B;
-}
-[class*="winButtonMinMax_"] {
- background-color: #39ea49;
-}
-[class*="winButtonMinMax_"]:hover {
- background-color: #1D7525;
-}
-[class*="winButtonClose_"] {
- background-color: #f25056
-}
-[class*="winButtonClose_"]:hover {
- background-color: #79282B;
-}
-
-/* ----------------------------------------LAYOUT---------------------------------------- */
-
-.base__3e6af {
- border-radius: var(--radius-md);
- margin: var(--spacing);
-}
-
-/* home page */
-.container__5c7e7 {
- margin-left: var(--spacing);
-}
-.container__11d72 {
- background: none !important;
- margin-bottom: var(--spacing);
- padding: 0;
- gap: var(--spacing);
-}
-.children__32014 {
- background-color: var(--background-primary);
- border-radius: var(--radius-md);
- padding: 12px 8px;
- max-height: 48px;
-}
-.content__1a4fe:before {
- display: none;
-}
-.input__321f5 {
- border-radius: var(--radius-md);
-}
-.peopleColumn__51df3 {
- background-color: var(--background-primary);
- border-radius: var(--radius-md);
-}
-.nowPlayingColumn_f5023f, .container__0a6a9, .scroller__00e7e, .container__11d72 {
- border-radius: var(--radius-md);
- border: none;
-}
-.nowPlayingColumn_f5023f {
- margin-left: var(--spacing);
-}
-#app-mount .container__5c7e7 {
- background: none !important;
-}
-.tabBody_b3d268:before, .headerBar_afb1ac:before {
- display: none;
-}
-
-/* server list */
-.guilds__2b93a {
- margin-left: var(--spacing);
- margin-top: var(--spacing);
-}
-.scroller__3d071 {
- contain: unset;
- background-color: var(--background-primary) !important;
- margin-right: 0 !important;
- margin-bottom: 140px;
- padding-top: calc(var(--spacing) * 2) !important;
- padding-bottom: calc(var(--spacing) * 2 - 8px) !important;
- border-radius: var(--radius-md);
-}
-.guilds__2b93a {
- background: none;
-}
-.tutorialContainer_dc6fde {
- position: fixed;
- bottom: calc(var(--spacing) * 12 + 2px);
-}
-.tutorialContainer_dc6fde + .listItem_fa7b36 {
- position: fixed;
- bottom: calc(var(--spacing) * 3);
-}
-.scroller__3d071 > .listItem_fa7b36:nth-last-child {
- position: fixed;
- bottom: calc(var(--spacing) * 2);
-}
-.tutorialContainer_dc6fde .listItem_fa7b36,
-.tutorialContainer_dc6fde + .listItem_fa7b36 {
- margin-bottom: 0;
-}
-.tutorialContainer_dc6fde::before {
- background: var(--background-primary);
- position: fixed;
- content: "";
- border-radius: var(--radius-md);
- height: 128px;
- width: 72px;
- bottom: var(--spacing);
-}
-.circleIconButton_d8df29,
-.childWrapper__01b9c {
- background-color: var(--background-tertiary);
- color: var(--brand-experiment);
-}
-.circleIconButton_d8df29:hover,
-.circleIconButton_d8df29.selected__5250e {
- background-color: var(--brand-experiment);
-}
-
-/* side bar */
-.sidebar_ded4b5 nav {
- background-color: var(--background-primary) !important;
- border-radius: var(--radius-md);
- overflow: hidden;
-}
-.sidebar_ded4b5 {
- background: none;
-}
-.scroller__4b984 {
- background-color: var(--background-primary) !important;
-}
-.sidebar_ded4b5 .searchBar_e4ea2a,
-.header__104ca {
- box-shadow: none;
-}
-
-/* user area */
-.panels__58331 {
- background-color: var(--background-primary);
- border-radius: var(--radius-md);
- margin-top: var(--spacing);
-}
-.panels__58331 .container_ca50b9 {
- background: none !important;
- margin-bottom: 0;
-}
-.panels__58331 .container_ca50b9 {
- display: grid;
- height: fit-content;
- padding: 8px;
-}
-.panels__58331 .container_ca50b9 .flex_f5fbb7 {
- display: grid;
- grid-template-columns: repeat(auto-fit,minmax(0,1fr));
- gap: 8px;
- justify-content: space-between;
- padding-top: 8px;
-}
-.panels__58331 .container_d667ff .flex_f5fbb7 {
- margin: 0;
-}
-.avatarWrapper_ba5175 {
- background: none !important;
- margin: 0;
-}
-.panels__58331 button:not(.rtcConnectionStatusLabel__7029b) {
- background-color: var(--background-secondary);
- border-radius: var(--radius-md);
- width: 100%;
- transition: transform 0.25s;
-}
-.panels__58331 button:not(.rtcConnectionStatusLabel__7029b):hover {
- background-color: var(--background-tertiary);
- transform: translateY(-2px) scale(1.04);
-}
-.panels__58331 .container_d667ff .flex_f5fbb7 button:not(.rtcConnectionStatusLabel__7029b) {
- width: 32px;
- margin-left: 8px;
-}
-
-/* chat area */
-.chat__52833 {
- background: none;
- margin-left: var(--spacing);
-}
-.chat__52833 .chatContent__5dca8 {
- background-color: var(--background-primary);
- border-radius: var(--radius-md);
-}
-
-/* member list */
-.container_b2ce9c {
- background: none;
-}
-.membersWrap__90226 {
- border-radius: var(--radius-md);
- margin-left: var(--spacing);
- height: 100%;
-}
-.members__9f47b {
- background-color: var(--background-primary);
- border-radius: var(--radius-md);
-}
-.membersGroup__85843 {
- padding: 16px 10px 0px 10px;
-}
-.member_aa4760 {
- border-radius: var(--radius-md);
- max-width: 100%;
- margin: 2px 0;
- margin-left: 8px;
- padding: 0;
- transition: background-color 0.25s;
- background: none !important;
-}
-.layout_bb8e67 {
- border-radius: var(--radius-md);
- padding: 0 4px;
-}
-
-/* discover page / nitro page */
-.sidebar_ded4b5 .thin_b1c063 {
- background-color: var(--background-primary);
- border-radius: var(--radius-md);
-}
-.applicationStore_fc7d76 {
- background: none;
-}
-.scroller__244e5 {
- border-radius: var(--radius-md);
-}
-.applicationStore_fc7d76,
-.pageWrapper_fef757,
-.wrapper-l_85g4,
-.scroller_e9501c {
- border-radius: var(--radius-md);
- margin-left: var(--spacing);
-}
-.headerImage-2D5D-v, .searchBox_a63854, .card__86773,
-.headerImage_d4505b, .container__8877d,
-.hero-i_yJGj, .topPerkCard-34MuSs, .topPerkCardBckground-12OsNl {
- border-radius: var(--radius-md);
}
/* ----------------------------------------SERVER LIST---------------------------------------- */
-/* tabsv2 home icon */
-svg:has(>[d="M23.0212 1.67671C21.3107 0.879656 19.5079 0.318797 17.6584 0C17.4062 0.461742 17.1749 0.934541 16.9708 1.4184C15.003 1.12145 12.9974 1.12145 11.0283 1.4184C10.819 0.934541 10.589 0.461744 10.3368 0.00546311C8.48074 0.324393 6.67795 0.885118 4.96746 1.68231C1.56727 6.77853 0.649666 11.7538 1.11108 16.652C3.10102 18.1418 5.3262 19.2743 7.69177 20C8.22338 19.2743 8.69519 18.4993 9.09812 17.691C8.32996 17.3997 7.58522 17.0424 6.87684 16.6135C7.06531 16.4762 7.24726 16.3387 7.42403 16.1847C11.5911 18.1749 16.408 18.1749 20.5763 16.1847C20.7531 16.3332 20.9351 16.4762 21.1171 16.6135C20.41 17.0369 19.6639 17.3997 18.897 17.691C19.3052 18.4993 19.7718 19.2689 20.3021 19.9945C22.6677 19.2689 24.8929 18.1364 26.8828 16.6466H26.8893C27.43 10.9731 25.9665 6.04728 23.0212 1.67671ZM9.68041 13.6383C8.39754 13.6383 7.34085 12.4453 7.34085 10.994C7.34085 9.54272 8.37155 8.34973 9.68041 8.34973C10.9893 8.34973 12.0395 9.54272 12.0187 10.994C12.0187 12.4453 10.9828 13.6383 9.68041 13.6383ZM18.3161 13.6383C17.0332 13.6383 15.9765 12.4453 15.9765 10.994C15.9765 9.54272 17.0124 8.34973 18.3161 8.34973C19.6184 8.34973 20.6751 9.54272 20.6543 10.994C20.6543 12.4453 19.6184 13.6383 18.3161 13.6383Z"]) {
- height: 28px;
+/* server click animation */
+[class*="guilds_"] [class*="wrapper_"] svg {
+ transition: transform 0.1s;
}
-svg:has(>[d="M23.0212 1.67671C21.3107 0.879656 19.5079 0.318797 17.6584 0C17.4062 0.461742 17.1749 0.934541 16.9708 1.4184C15.003 1.12145 12.9974 1.12145 11.0283 1.4184C10.819 0.934541 10.589 0.461744 10.3368 0.00546311C8.48074 0.324393 6.67795 0.885118 4.96746 1.68231C1.56727 6.77853 0.649666 11.7538 1.11108 16.652C3.10102 18.1418 5.3262 19.2743 7.69177 20C8.22338 19.2743 8.69519 18.4993 9.09812 17.691C8.32996 17.3997 7.58522 17.0424 6.87684 16.6135C7.06531 16.4762 7.24726 16.3387 7.42403 16.1847C11.5911 18.1749 16.408 18.1749 20.5763 16.1847C20.7531 16.3332 20.9351 16.4762 21.1171 16.6135C20.41 17.0369 19.6639 17.3997 18.897 17.691C19.3052 18.4993 19.7718 19.2689 20.3021 19.9945C22.6677 19.2689 24.8929 18.1364 26.8828 16.6466H26.8893C27.43 10.9731 25.9665 6.04728 23.0212 1.67671ZM9.68041 13.6383C8.39754 13.6383 7.34085 12.4453 7.34085 10.994C7.34085 9.54272 8.37155 8.34973 9.68041 8.34973C10.9893 8.34973 12.0395 9.54272 12.0187 10.994C12.0187 12.4453 10.9828 13.6383 9.68041 13.6383ZM18.3161 13.6383C17.0332 13.6383 15.9765 12.4453 15.9765 10.994C15.9765 9.54272 17.0124 8.34973 18.3161 8.34973C19.6184 8.34973 20.6751 9.54272 20.6543 10.994C20.6543 12.4453 19.6184 13.6383 18.3161 13.6383Z"]) path {
- d: path("M7.516 16.7C7.8784 16.7 8.1694 16.3791 8.1838 16.0171 8.1906 15.8462 8.2 15.674 8.2 15.5 8.2 10.1984 11.7683 5.9 17.3338 5.9 19.3811 5.9 21.3254 6.6288 22.9281 7.6747 23.3211 7.9312 23.8106 7.6966 23.8014 7.2274 23.8005 7.1825 23.8 7.1398 23.8 7.1 23.8 1.8068 19.0527-2.5 13.219-2.5 7.3854-2.5 2.638 1.8068 2.638 7.1 2.638 8.59 3.0076 10.0228 3.7183 11.3276 3.9932 11.8323 3.9466 12.4664 3.5445 12.8769L1.7978 14.6604C1.0539 15.4198 1.592 16.7 2.6551 16.7H7.516ZM25.0161 18.9078C24.8039 18.5696 24.7806 18.1502 24.909 17.7722 25.1568 17.0422 25.2845 16.2741 25.2845 15.5 25.2845 11.5292 21.9897 8.3 17.9399 8.3 13.8903 8.3 10.5953 11.5292 10.5953 15.5 10.5953 19.4708 13.8903 22.7 17.9399 22.7H25.2258C26.1693 22.7 26.7437 21.6614 26.2424 20.8622L25.0161 18.9078Z") !important;
+[class*="guilds_"] [class*="wrapper_"] svg:active {
+ transform: scale(0.95);
}
-/* unread mention indicator */
-.unreadMentionsIndicatorTop_ada847,
-.unreadMentionsIndicatorBottom_fdb943 {
- height: unset;
-}
-.unreadMentionsIndicatorTop_ada847 {
- padding: 0;
-}
-.unreadMentionsIndicatorTop_ada847 .bar_edc096 {
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- background: linear-gradient(var(--status-danger), #0000);
-}
-.unreadMentionsIndicatorBottom_fdb943 {
- bottom: 140px;
- padding: 0;
-}
-.unreadMentionsIndicatorBottom_fdb943 .bar_edc096 {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- background: linear-gradient(#0000, var(--status-danger));
-}
-.unreadMentionsIndicatorTop_ada847 .bar_edc096 .text__467e0,
-.unreadMentionsIndicatorBottom_fdb943 .bar_edc096 .text__467e0 {
- display: none;
-}
-.unreadTop__6e8c4,
-.unreadBottom__6be9f {
- padding: 10px;
+/* squared server icons */
+[class*="guilds_"] [class*="wrapper_"] foreignObject,
+[class*="guilds_"] [class*="wrapperSimple_"],
+[class*="guilds_"] [class*="folderIconWrapper_"],
+[class*="guilds_"] [class*="guildIcon_"] {
+ mask: none;
+ border-radius: var(--avatar-radius);
}
/* badge shadow */
-.numberBadge__50328 {
- filter: drop-shadow(0 0 2px #000000);
+[class*="guilds_"] [class*="lowerBadge_"] {
+ filter: drop-shadow(0 0 2px #000);
}
-/* better expanded folders */
-.expandedFolderIconWrapper__458cf {
- background-color: var(--background-tertiary);
-}
-.expandedFolderBackground__1bec6 {
- background-color: var(--background-tertiary);
+/* slim open folders */
+[class*="guilds_"] [class*="expandedFolderBackground_"] {
left: 25%;
width: 50%;
}
-/* squared server icons */
-.wrapper__3af0b foreignObject,
-.wrapperSimple_a34580,
-.folderIconWrapper__72239,
-.guildIcon__2e5ab {
- mask: none;
- border-radius: var(--avatar-radius);
-}
+/* ----------------------------------------CHANNEL LIST---------------------------------------- */
-/* server click */
-.wrapper__3af0b {
- transition: transform 0.1s;
-}
-.wrapper__3af0b:active {
- transform: scale(0.95);
+/* clean user panel */
+[class*="panels_"] [class*="container_"]:has([class*="avatarWrapper_"]) {
+ display: grid;
+ height: fit-content;
+ padding: 8px;
}
-
-/* ----------------------------------------SIDE BAR---------------------------------------- */
-
-/* server banner bottom fade */
-.animatedContainer__341f6 {
- box-shadow: none;
- opacity: 1;
- transition: opacity 0.5s;
- z-index: 2;
+[class*="panels_"] [class*="container_"]:has([class*="avatarWrapper_"]) [class*="flex_"] {
+ gap: 8px;
+ padding-top: 8px;
}
-.animatedContainer__341f6:after {
- background: linear-gradient(00deg, var(--background-primary), transparent 100%);
- position: absolute;
- content: '';
- height: 100px;
+[class*="panels_"] [class*="container_"]:has([class*="avatarWrapper_"]) button {
+ background-color: var(--background-primary);
width: 100%;
- bottom: 0;
-}
-.animatedContainer__341f6 > .bannerImage__39c51 {
- transition: margin .5s;
+ transition: transform 0.25s;
}
-:not(.bannerVisible__191f6) > .animatedContainer__341f6 {
- opacity: 0.35 !important;
- height: 138px;
+[class*="panels_"] [class*="container_"]:has([class*="avatarWrapper_"]) button:hover {
+ background-color: var(--background-secondary);
}
-:not(.bannerVisible__191f6) > .animatedContainer__341f6 > .bannerImage__39c51 {
- margin-top: -12px;
+[class*="panels_"] [class*="container_"] [class*="avatarWrapper_"] {
+ margin: 0;
}
/* compact status selection */
@@ -610,25 +164,17 @@ svg:has(>[d="M23.0212 1.67671C21.3107 0.879656 19.5079 0.318797 17.6584 0C17.406
display: none;
}
[class*="accountProfilePopoutWrapper"] {
- left: -8px;
- width: 240px;
+ left: unset;
}
[class*="accountProfilePopoutWrapper"] [class*="userPopout"] {
background: var(--background-tertiary);
width: 100%;
- margin: 0;
}
[class*="accountProfilePopoutWrapper"] [class*="userPopout"]::before {
display: none;
}
[class*="accountProfilePopoutWrapper"] [class*="overlayBackground"] {
- margin: 0 !important;
-}
-[class*="accountProfilePopoutWrapper"] [class*="menu"] [class*="scroller"] {
- margin-right: 0 ;
-}
-[class*="accountProfilePopoutWrapper"] [class*="submenu"] [class*="scroller"] {
- margin-right: -8px;
+ margin: 0;
}
[class*="accountProfilePopoutWrapper"] [class*="submenu"] [class*="description"] {
opacity: 0;
@@ -643,3209 +189,686 @@ svg:has(>[d="M23.0212 1.67671C21.3107 0.879656 19.5079 0.318797 17.6584 0C17.406
max-height: 32px;
}
#account-status-picker--online {
- --brand-experiment-560: var(--green-360) !important;
+ --brand-experiment-560: var(--green-360);
}
#account-status-picker--dnd {
- --brand-experiment-560: var(--red-400) !important;
+ --brand-experiment-560: var(--red-400);
}
#account-status-picker--idle {
- --brand-experiment-560: var(--yellow-330) !important;
+ --brand-experiment-560: var(--yellow-330);
}
#account-status-picker--invisible {
- --brand-experiment-560: var(--primary-400) !important;
+ --brand-experiment-560: var(--primary-400);
}
-/* vc connection popout */
-.container__0810b {
- border-radius: var(--radius-md);
- width: 232px;
- margin-left: -22px;
- margin-bottom: 8px;
-}
-.container__0810b .section__26a76 {
- border-radius: var(--radius-md);
- padding: 12px;
-}
-.graphContainer_ee4dc1 {
- background: none;
- padding-bottom: 0;
-}
-.graphContainer_ee4dc1 canvas {
- border-radius: var(--radius-md);
- width: 208px !important;
+/* persistent server banner */
+:not([class*="bannerVisible_"]) > [class*="animatedContainer_"] {
+ opacity: 0.5 !important;
+ height: 138px;
}
-/* useful settings button right click menu */
-#user-settings-cog > .scroller__750f5 > .item__183e8 {
- display: none;
+/* channel group lines */
+[class*="sidebar_"] [class*="wrapperCommon_"] {
+ padding-left: 10px;
+ padding-right: 10px;
}
-
-/* ----------------------------------------HOME PAGE---------------------------------------- */
-
-/* friends grid */
-.peopleList__2379e::-webkit-scrollbar {
+[class*="sidebar_"] [class*="wrapperCommon_"] [class*="icon_"] {
display: none;
}
-.peopleColumn__51df3 {
- padding-left: 20px;
- padding-right: 20px;
-}
-.peopleColumn__51df3 > div > div {
- display: grid;
- grid-template-columns: 1fr 1fr;
- grid-gap: 20px;
-}
-.peopleList__2379e {
- order: 2;
- margin-top: 20px;
- padding-bottom: 20px;
-}
-.peopleColumn__51df3 .searchBar_ff8800 {
- margin: 0;
- order: 1;
-}
-.peopleColumn__51df3 .inner__999f6 {
- display: flex;
-}
-.peopleColumn__51df3 .title_dc625c {
- font-weight: 700;
- opacity: 1;
- font-size: 20px;
- text-transform: capitalize;
- margin: 20px 0;
- height: 24px;
-}
-.peopleListItem_d14722,
-.peopleListItem_d14722.active__6b8ff, .peopleListItem_d14722:hover {
- background-color: var(--background-secondary);
- border-radius: calc(var(--radius-md) + 10px);
- border: none;
- height: 64px !important;
- margin: 0;
- padding: 34px 14px;
- transition: background-color 0.25s;
-}
-.peopleListItem_d14722:hover .text__1dddb,
-.peopleListItem_d14722:hover .username__81ee6,
-.peopleListItem_d14722:hover .discriminator_aef524,
-.peopleListItem_d14722:hover .subtext__1a662 {
- color: var(--brand-experiment);
-}
-.peopleListItem_d14722 .userInfo__18240 {
- min-width: 1vw;
- overflow: visible;
- align-items: center;
-}
-.peopleListItem_d14722 .userInfo__90757 {
- flex: none;
- flex-grow: 1;
-}
-.peopleListItem_d14722 .actionButton__23182 {
- border-radius: var(--radius-md);
- background-color: var(--background-primary);
- transition: background-color 0.1s;
-}
-.peopleListItem_d14722 .actionButton__23182.highlight__5b64b {
- background-color: var(--background-secondary);
-}
-.peopleListItem_d14722 .actionButton__23182:hover {
- background-color: var(--background-tertiary);
-}
-#app-mount .peopleListItem_d14722 .wrapper_edb6e0 {
- margin: 0;
- margin-right: 30px;
- left: 3px;
- transform: scale(2);
-}
-#app-mount .peopleListItem_d14722 .wrapper_edb6e0 rect {
- stroke-width: 1.2;
-}
-#app-mount .peopleListItem_d14722 .wrapper_edb6e0 foreignObject[mask*=mobile]:after {
- display: none;
-}
-.peopleColumn__51df3 .ring-370dIp {
- box-shadow: none;
-}
-
-/* add friend tab */
-.header__6113c {
- padding: 0;
- padding-bottom: 20px;
-}
-.title_c627bb {
+[class*="sidebar_"] [class*="wrapperCommon_"] [class*="container_"] {
display: flex;
align-items: center;
justify-content: center;
color: white;
- font-weight: 700;
- font-size: 20px;
- text-transform: capitalize;
- margin: 20px 0;
- height: 25px;
+ opacity: 0.8;
}
-.title_c627bb::before {
+[class*="sidebar_"] [class*="wrapperCommon_"] [class*="container_"]::before {
+ background: linear-gradient(to left, var(--brand-experiment) 50%, transparent);
content: "";
height: 2px;
flex-grow: 1;
transition: flex-grow 0.2s;
- margin-right: 5px;
- background: linear-gradient(to left, var(--brand-experiment) 50%, transparent);
+ margin-right: 6px;
}
-.title_c627bb::after {
+[class*="sidebar_"] [class*="wrapperCommon_"] [class*="container_"]::after {
+ background: linear-gradient(to right, var(--brand-experiment) 50%, transparent);
content: "";
height: 2px;
flex-grow: 1;
transition: flex-grow 0.2s;
- margin-left: 5px;
-}
-.title_c627bb::after {
- background: linear-gradient(to right, var(--brand-experiment) 50%, transparent);
-}
-.peopleColumn__51df3 .addFriendInputWrapper__4bf8e,
-.peopleColumn__51df3 .addFriendInput__568d8 {
- background: none;
- border-radius: var(--radius-md);
- border: none;
- padding: 0;
-}
-.peopleColumn__51df3 .input_d5574d {
- border: none !important;
- padding: 8px;
- height: 34px;
+ margin-left: 6px;
}
-.friendsEmpty__822fa {
- display: unset !important;
+[class*="sidebar_"] [class*="collapsed_"] [class*="container_"]:before,
+[class*="sidebar_"] [class*="collapsed_"] [class*="container_"]:after {
+ flex-grow: 0;
}
-/* active now list */
-#app-mount .wrapper__6e669 {
- background-color: var(--background-secondary);
- border-radius: var(--radius-md);
- border: none;
- transition: transform 0.1s;
-}
-#app-mount .wrapper__6e669:hover {
- transform: scale(1.02);
-}
-#app-mount .wrapper__6e669:hover .textContent__45dd0 {
- color: var(--brand-experiment);
-}
-#app-mount .inset__0bfb3 {
- background: none;
-}
-#app-mount .separator_c2ecc6 {
- display: none;
+/* smaller channel icons */
+[class*="sidebar_"] [class*="icon_"] {
+ height: 16px;
+ width: 16px;
}
-/* message requests */
-.sectionTitle__3a086 {
- font-weight: 700;
- opacity: 1 !important;
- font-size: 20px;
- text-transform: capitalize;
- margin: 0 0 20px;
- height: 24px;
-}
-.list__325e7 {
- background-color: var(--background-primary);
- border-radius: var(--radius-md);
-}
-.messageRequestItem__3b951 {
- background-color: var(--background-secondary);
- border-radius: calc(var(--radius-md) + 10px) !important;
- border: none;
- padding: 16px;
- transition: background-color 0.25s;
+/* colored lock badge */
+[class*="sidebar_"] [class*="icon_"] path[d^="M16 4h.5v-"] {
+ fill: hsl(38, 95.7%, 54.1%);
}
-.resizeHandle_f1a098 {
- background: none;
+/* colored nsfw badge */
+[class*="sidebar_"] [class*="icon_"] path[d^="M18.09 1.63c.4-"] {
+ fill: hsl(359, 82.6%, 59.4%);
}
-/* call area */
-.wrapper_bd2abe, .wrapper_bd2abe.minimum_ebf000 {
- background: none;
-}
-.wrapper_bd2abe .callContainer_cbde45, .wrapper_bd2abe.minimum_ebf000 .callContainer_cbde45 {
- background-color: var(--background-primary);
- border-radius: var(--radius-md);
-}
-.wrapper_bd2abe .resizeHandle__1da7d {
- bottom: 0;
- height: 6px;
-}
-.wrapper_bd2abe.chatSidebarOpen_dfaa6a .callContainer_cbde45 {
- border-radius: var(--radius-md);
-}
-.chat__52833 .wrapper_bd2abe {
- margin-bottom: var(--spacing);
+/* persistent channel ping indicator */
+[class*="sidebar_"] [class*="channelInfo_"] {
+ display: block !important;
+ margin-left: 4px;
}
-/*call dock*/
-#app-mount .wrapper__3f3a7,
-#app-mount .bottomControls__8bd89 .justifyCenter__4080c {
- background-color: var(--background-secondary);
- border-radius: 20px;
- transition: background-color 0.25s;
+/* ----------------------------------------HOME---------------------------------------- */
+
+/* friend list grid */
+[class*="peopleColumn_"] {
+ padding-left: 16px;
+ padding-right: 16px;
}
-#app-mount .wrapper__3f3a7:hover,
-#app-mount .bottomControls__8bd89 .justifyCenter__4080c:hover {
- background-color: var(--background-tertiary);
+[class*="peopleColumn_"] > div > div {
+ display: grid;
+ gap: 16px;
}
-#app-mount .colorable_c84c4c {
- background: none;
+[class*="peopleList_"] {
+ order: 2;
+ margin-top: 16px;
}
-#app-mount .colorable_c84c4c.red_a51ba8 .centerIcon__6075a {
- color: var(--status-danger);
+[class*="peopleColumn_"] [class*="searchBar_"] {
+ margin: 0;
+ order: 1;
}
-#app-mount .colorable_c84c4c .centerIcon__6075a {
- color: white;
+[class*="peopleColumn_"] [class*="searchBar_"] [class*="inner_"] {
+ display: flex;
}
-#app-mount .contextMenuNub__7c02f {
- background-color: var(--background-modifier-active);
+[class*="peopleColumn_"] [class*="title_"] {
+ font-size: 18px;
+ text-transform: capitalize;
+ margin: 16px 0;
}
-#app-mount .topControls_d202b0 .title_b7d661 {
- background: none;
+[class*="peopleListItem_"] {
+ background-color: var(--background-secondary);
}
-#app-mount .joinButton__4bf9a {
- display: none;
+[class*="peopleListItem_"],
+[class*="peopleListItem_"]:hover,
+[class*="peopleListItem_"][class*="active_"] {
+ border: none;
+ border-radius: var(--radius-xs);
+ margin: 0;
+ padding: 16px 14px;
+ flex-grow: 1;
}
-
-/* region selector */
-#app-mount .quickSelectPopout_c0cf80 {
- background-color: var(--background-tertiary);
- border-radius: var(--radius-md);
+[class*="peopleListItem_"] [class*="userInfo_"] {
+ overflow: visible;
+ align-items: center;
+ flex: none;
}
-#app-mount .quickSelectPopoutOption__39224:focus {
- background-color: var(--background-tertiary);
+[class*="peopleListItem_"] [class*="wrapper_"] {
+ margin: 0 !important;
+ margin-right: 10px !important;
}
-#app-mount .quickSelectPopoutOption__39224:hover {
- background-color: var(--background-primary);
+[class*="peopleListItem_"] [class*="wrapper_"] foreignObject[mask*=mobile]:after {
+ display: none !important;
}
-
-/* stream preview */
-#app-mount .streamPreview__1846c {
+[class*="peopleListItem_"] [class*="actionButton_"] {
background-color: var(--background-tertiary);
- border-radius: var(--radius-md);
-}
-#app-mount .emptyPreviewContainer__4c433 {
- background-color: var(--background-secondary);
-}
-.pictureInPictureVideo_f1081d {
- border-radius: var(--radius-md);
-}
-.pictureInPictureVideo_f1081d .videoControls_c6a04d {
- background: linear-gradient(#000,transparent 30%,transparent 60%,#000);
+ border-radius: var(--avatar-radius);
}
-/* input boxes */
-.input_d266e7 {
- background-color: var(--background-tertiary);
- border-radius: var(--radius-md);
-}
+/* ----------------------------------------CHAT---------------------------------------- */
-/* options dropdown */
-.select__0eb48 {
- background-color: var(--background-secondary) !important;
- border-color: var(--background-tertiary) !important;
- border-radius: var(--radius-md);
-}
-.open_cd27aa {
- border-top-left-radius: var(--radius-md);
- border-top-right-radius: var(--radius-md);
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- border: 1px solid var(--background-tertiary);
-}
-.popout_a6e77f {
- border-radius: var(--radius-md);
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- border: 1px solid var(--background-tertiary);
- border-top: none;
+/* animations */
+@keyframes slide-in {
+ 0% {
+ opacity: 0;
+ transform: translateX(50px);
+ }
+ 100% {
+ opacity: 1;
+ transform: translateX(0px);
+ }
}
-.option_be8b2e {
- transition: background-color 0.1s;
+@keyframes popout {
+ from {
+ transform:scale(0);
+ opacity:0
+ }
}
-.option_be8b2e[aria-selected=true]:not(.option_be8b2e.multi__8d15f) {
- background-color: var(--background-tertiary);
+@keyframes stretch-in {
+ from {
+ transform: scale(1, 0.5);
+ opacity: 0;
+ }
}
-.option_be8b2e:focus {
- background-color: var(--background-secondary);
- color: var(--interactive-normal);
+/* slide-in animations */
+[data-list-item-id*="chat-messages"]:not(:has([class*="contents"] [class*="isSending"])) /* chat */ {
+ animation: slide-in 0.2s;
}
-.option_be8b2e:hover {
- background-color: var(--background-primary) !important;
- color: var(--brand-experiment);
+[data-list-item-id*="chat-messages"]:has([class*="contents"] [class*="isSending"]) /* chat */ {
+ visibility: hidden;
}
-
-/* notice bar */
-#app-mount .notice__5fd4c {
- margin-bottom: var(--spacing);
- border-radius: var(--radius-md);
+[class*="voiceUser_"] /* vc join */ {
+ animation: slide-in 0.2s;
}
-#pluginNotice {
- margin: var(--spacing);
- margin-bottom: 0 !important;
+/* popout animations */
+[class*="menu_"], /* right click menu */
+[class*="userProfileOuter_"], /* user popout */
+[class*="popoutContainer_"] /* emoji tooltip */ {
+ animation: popout 0.2s;
+}
+/* stretch-in animations */
+[class*="recentMentionsPopout_"], /* inbox */
+[class*="messagesPopoutWrap_"], /* pins */
+[class*="browser_"] /* threads */ {
+ animation: stretch-in 0.3s;
+ transform-origin: top;
}
-
-/* log in box */
-.theme-dark.authBox__7196a {
- background-color: var(--background-primary);
- border-radius: var(--radius-md);
+[class*="drawerSizingWrapper_"] /* emoji picker */ {
+ animation: stretch-in 0.3s;
+ transform-origin: bottom;
}
-/* offline mode */
-.container__4bde3 {
- background: transparent;
- pointer-events: none;
-}
-.container__4bde3 .anchor-1MIwyf {
- pointer-events: auto;
+/* bubble chat box */
+[class*="chatContent_"] [class*="form_"],
+[class*="chatContent_"] [class*="form_"] [class*="clipContainer_"] {
+ margin-top: 0;
+ padding-top: 0;
}
-.container__4bde3 .content__0e954 .text__32559 {
- display:none;
+[class*="chatContent_"] [class*="form_"] [class*="inner_"],
+[class*="chatContent_"] [class*="form_"] [class*="buttons_"] {
+ margin-right: 0 !important;
+ padding-left: 0;
+ column-gap: 8px;
}
-.links_ab4aa2:before {
- display: none;
+[class*="chatContent_"] [class*="form_"] [class*="scrollableContainer_"],
+[class*="chatContent_"] [class*="form_"] [class*="attachedBars_"] {
+ background: none;
}
-.container__4bde3 .ready__61f2f {
- position: absolute;
- bottom: 12px;
- right: 28px;
- z-index: 1;
+[class*="chatContent_"] [class*="form_"] [class*="textArea_"] {
+ background-color: var(--background-secondary);
+ border-radius: var(--radius-sm);
}
-.container__4bde3 .problems__755eb {
- padding: 10px 15px;
- padding-top: 120px;
- bottom: 6px;
- left: unset;
- right: 6px;
- background-color: var(--background-tertiary);
- border-radius: var(--radius-md);
- box-shadow: var(--elevation-high);
+[class*="chatContent_"] [class*="form_"] [class*="slateTextArea_"] {
+ right: 0;
+ padding-left: 12px;
+ padding-right: 12px;
}
-
-/* ----------------------------------------CHAT AREA---------------------------------------- */
-
-/* channels */
-.containerDefault__3187b,
-.channel_c21703 {
+[class*="chatContent_"] [class*="form_"] button {
+ background-color: var(--background-secondary);
+ border-radius: var(--radius-sm);
+ height: 44px;
+ width: 44px;
+ margin: 0;
padding: 0;
- transition: background-color 0.25s, padding-left 0.25s, border-radius 0.25s;
+ translate: none !important;
}
-.containerDefault__3187b:has(.modeSelected__487d6, .modeConnected__1c02e),
-.channel_c21703:has(.selected_d94cf9) {
- border-radius: 0 24px 24px 0;
-}
-.containerDefault__3187b:not(:has(.modeSelected__487d6, .modeConnected__1c02e)):hover,
-.channel_c21703:not(:has(.selected_d94cf9)):hover {
- padding-left: 4px;
+[class*="chatContent_"] [class*="form_"] button:hover,
+[class*="chatContent_"] [class*="form_"] [aria-expanded="true"] {
+ background-color: var(--background-secondary-alt);
}
-.containerDefault__3187b .wrapper__7bcde {
+[class*="chatContent_"] [class*="form_"] [class*="replyBar_"],
+[class*="chatContent_"] [class*="form_"] [class*="channelAttachmentArea_"],
+[class*="chatContent_"] [class*="form_"] [class*="threadSuggestionBar_"] {
+ background-color: var(--background-secondary);
+ border-radius: var(--radius-sm);
+ border: none;
+ box-shadow: none;
margin: 0;
+ margin-bottom: 8px;
}
-.layout__59abc {
- padding-left: 14px;
+[class*="chatContent_"] [class*="form_"]::before,
+[class*="chatContent_"] [class*="form_"]::after,
+[class*="chatContent_"] [class*="form_"] [class*="scrollableContainer_"]::-webkit-scrollbar,
+[class*="chatContent_"] [class*="form_"] [class*="uploadInput_"],
+[class*="chatContent_"] [class*="form_"] [class*="divider_"],
+[class*="channelTextAreaDisabled"] {
+ display: none;
}
-/* smaller channel icons */
-.icon_eff5d4 {
- height: 16px;
- width: 16px;
+/* hide gift button */
+[aria-label="Send a gift"] {
+ display: none;
}
-/* colored lock badge */
-[d="M21.025 5V4C21.025 2.88 20.05 2 19 2C17.95 2 17 2.88 17 4V5C16.4477 5 16 5.44772 16 6V9C16 9.55228 16.4477 10 17 10H19H21C21.5523 10 22 9.55228 22 9V5.975C22 5.43652 21.5635 5 21.025 5ZM20 5H18V4C18 3.42857 18.4667 3 19 3C19.5333 3 20 3.42857 20 4V5Z"] {
- fill: hsl(38, 95.7%, 54.1%);
-}
-/* colored announcment lock badge */
-[d="M22.545 4.87988V5.87988H23.28C23.4126 5.87988 23.52 5.98733 23.52 6.11988V10.6399C23.52 10.7724 23.4126 10.8799 23.28 10.8799H17.76C17.6275 10.8799 17.52 10.7724 17.52 10.6399V6.11988C17.52 5.98733 17.6275 5.87988 17.76 5.87988H18.52V4.87988C18.52 3.75988 19.47 2.87988 20.52 2.87988C21.57 2.87988 22.545 3.75988 22.545 4.87988ZM19.52 5.87988H21.52V4.87988C21.52 4.30845 21.0534 3.87988 20.52 3.87988C19.9867 3.87988 19.52 4.30845 19.52 4.87988V5.87988Z"] {
- fill: hsl(38, 95.7%, 54.1%);
-}
-/* colored stage lock badge */
-[d="M22.025 2V3C22.5635 3 23 3.43652 23 3.975V7C23 7.55228 22.5523 8 22 8H18C17.4477 8 17 7.55228 17 7V4C17 3.44772 17.4477 3 18 3V2C18 0.88 18.95 0 20 0C21.05 0 22.025 0.88 22.025 2ZM19 3H21V2C21 1.42857 20.5333 1 20 1C19.4667 1 19 1.42857 19 2V3Z"] {
- fill: hsl(38, 95.7%, 54.1%);
+/* small jump to present */
+[class*="jumpToPresentBar_"] {
+ background-color: var(--background-secondary);
+ border-radius: var(--radius-sm);
+ left: auto;
+ margin-bottom: 8px;
+ padding: 4px 12px;
+ width: fit-content;
+ transition: margin 0.1s;
}
-/* colored threaded lock badge */
-[d="M22.545 4.91992V3.91992C22.545 2.79992 21.57 1.91992 20.52 1.91992C19.47 1.91992 18.52 2.79992 18.52 3.91992V4.91992H17.76C17.6275 4.91992 17.52 5.02737 17.52 5.15992V9.67992C17.52 9.81247 17.6275 9.91992 17.76 9.91992H23.28C23.4126 9.91992 23.52 9.81247 23.52 9.67992V5.15992C23.52 5.02737 23.4126 4.91992 23.28 4.91992H22.545ZM21.52 4.91992H19.52V3.91992C19.52 3.34849 19.9867 2.91992 20.52 2.91992C21.0533 2.91992 21.52 3.34849 21.52 3.91992V4.91992Z"] {
- fill: hsl(38, 95.7%, 54.1%);
+[class*="jumpToPresentBar_"]:active {
+ margin-bottom: 6px;
}
-/* colored nsfw badge */
-[d="M19.8914 3.80204L22.2438 8.55654C22.5726 9.22119 22.0891 9.99999 21.3475 10L16.6179 10C15.8745 10 15.391 9.21769 15.7235 8.55279L18.1007 3.79829C18.4701 3.05951 19.5251 3.06172 19.8914 3.80204ZM18.4998 5H19.4999V7.5H18.4999L18.4998 5ZM18.4998 8.49887C18.4998 8.77589 18.7238 9 18.9998 9C19.2759 9 19.4999 8.77589 19.4999 8.49887C19.4999 8.22224 19.2759 7.99773 18.9998 7.99773C18.7238 7.99773 18.4998 8.22224 18.4998 8.49887Z"] {
- fill: hsl(359, 82.6%, 59.4%);
+[class*="jumpToPresentBar_"] [class*="barButtonBase_"] {
+ padding: 0;
+ font-weight: 400;
}
-/* colored threaded nsfw badge */
-[d="M22.8093 8.55658L20.4681 3.80208C20.1036 3.06176 19.0536 3.05954 18.686 3.79833L16.3201 8.55283C15.9893 9.21773 16.4705 10 17.2103 10L21.9173 10C22.6553 10 23.1365 9.22122 22.8093 8.55658ZM20.0785 5.00004H19.0832L19.0833 7.50004H20.0785V5.00004ZM19.5808 9.00004C19.3061 9.00004 19.0832 8.77593 19.0832 8.49891C19.0832 8.22228 19.3061 7.99777 19.5808 7.99777C19.8555 7.99777 20.0785 8.22228 20.0785 8.49891C20.0785 8.77593 19.8555 9.00004 19.5808 9.00004Z"] {
- fill: hsl(359, 82.6%, 59.4%);
+[class*="jumpToPresentBar_"] [class*="barButtonMain_"] {
+ display: none;
}
-/* keep ping indicator on channel hover and open */
-#app-mount .channelInfo_b7ab2e {
- display: block;
- margin-left: 0;
-}
-.channelInfo_b7ab2e .numberBadge__50328 {
- margin-left: 4px;
+/* modern emoji picker */
+[class*="drawerSizingWrapper_"] [class*="navList_"] {
+ justify-content: space-evenly;
}
-.wrapper__5848b {
- margin-left: 12px;
-}
-.wrapper__7bcde:hover .wrapper__5848b {
- display: none;
-}
-
-/* channel group lines */
-.wrapper__9c483 {
- padding-left: 10px;
- padding-right: 10px;
-}
-.wrapper__9c483 .icon_ef4486 {
- display: none;
-}
-.wrapper__9c483 .addButton__8b4f0 {
- margin-left: 5px;
-}
-.container-q97qHp {
- display: flex;
- align-items: center;
- justify-content: center;
- color: white;
- opacity: 0.7;
-}
-.container-q97qHp:before {
- content: "";
- height: 2px;
- flex-grow: 1;
- transition: flex-grow 0.2s;
- margin-right: 5px;
-}
-.container-q97qHp::before, .membersGroup__85843::before, .privateChannels__93473 .privateChannelsHeaderContainer_ddcec6::before {
- background: linear-gradient(to left, var(--brand-experiment) 50%, transparent);
-}
-.container-q97qHp::after {
- content: "";
- height: 2px;
- flex-grow: 1;
- transition: flex-grow 0.2s;
- margin-left: 5px;
-}
-.container-q97qHp::after, .membersGroup__85843::after, .privateChannels__93473 .privateChannelsHeaderContainer_ddcec6::after {
- background: linear-gradient(to right, var(--brand-experiment) 50%, transparent);
-}
-.privateChannels__93473 .privateChannelsHeaderContainer_ddcec6 .headerText__051c0 {
- overflow: visible;
-}
-.privateChannelsHeaderContainer_ddcec6 {
- padding: 10px 10px 0px 10px;
-}
-.privateChannelRecipientsInviteButtonIcon__1e8fc {
- margin-left: 1px;
- margin-right: 0;
-}
-.collapsed__8fe3c .container-q97qHp:before, .collapsed__8fe3c .container-q97qHp:after {
- flex-grow: 0;
-}
-
-/* better chat box */
-.scrollableContainer__33e06,
-.channelTextArea__56a36 {
- background: none !important;
-}
-.scrollableContainer__33e06::-webkit-scrollbar {
- display: none;
-}
-.scroller__1f96e {
- margin-bottom: -100px;
- padding-bottom: 100px;
-}
-.form__13a2c:before {
- display: none;
-}
-.scrollableContainer__33e06 {
- padding: 2px;
- margin: -2px;
-}
-.channelTextArea__56a36 .inner__9fd0b {
- padding: 0;
- column-gap: var(--spacing);
-}
-.channelTextArea__56a36 .textArea__74543 {
- background-color: var(--background-secondary);
- border-radius: var(--radius-md);
-}
-.channelTextArea__56a36 .slateTextArea__0661c {
- border-radius: var(--radius-md);
- right: 0;
- padding-left: 12px;
- padding-right: 12px;
- transition: box-shadow 0.25s;
-}
-.channelTextArea__56a36 .slateTextArea__0661c:hover {
- box-shadow: 0 0 0 2px hsla(var(--brand-04));
-}
-.channelTextArea__56a36 .slateTextArea__0661c:focus-within {
- box-shadow: 0 0 0 2px var(--brand-experiment);
-}
-.channelTextArea__56a36 .buttons_ce5b56 {
- column-gap: var(--spacing);
- margin-right: 0;
-}
-.channelTextArea__56a36 button {
- background-color: var(--background-secondary);
- border-radius: var(--radius-md);
- height: 44px;
- width: 44px;
- padding: 0;
- margin: 0 !important;
- transition: box-shadow 0.25s;
-}
-.channelTextArea__56a36 button:not(.active_a5045e):hover {
- box-shadow: 0 0 0 2px hsla(var(--brand-04));
-}
-.channelTextArea__56a36 .active_a5045e,
-.channelTextArea__56a36 .emojiButtonHovered__4c6c4 {
- box-shadow: 0 0 0 2px var(--brand-experiment);
-}
-.channelTextArea__56a36 .buttonWrapper__69593:hover {
- color: var(--brand-experiment);
-}
-.channelTextArea__56a36 .uploadInput_a6be39 {
- display: none;
-}
-.channelTextArea__56a36 .attachWrapper__6354f button {
- margin-left: 0 !important;
-}
-.channelTextArea__56a36 .attachedBars_da3c74 {
- border-radius: var(--radius-md);
- margin-bottom: var(--spacing);
-}
-.channelTextArea__56a36 .clipContainer__99c30 {
- padding: 2px;
- margin: 0;
-}
-.channelTextArea__56a36 .replyBar_b64d74 {
- border-radius: var(--radius-md);
-}
-.channelTextArea__56a36 .threadSuggestionBar_b633f7 {
- border-bottom-left-radius: var(--radius-md);
- border-bottom-right-radius: var(--radius-md);
- padding-top: 8px;
- padding-bottom: 8px;
-}
-.channelTextArea__56a36 .messagesErrorBar__06c0a {
- border-radius: var(--radius-md);
- padding: 6px;
- margin-bottom: calc(var(--spacing) + 10px);
-}
-.channelTextArea__56a36 .channelAttachmentArea__740bf {
- background-color: var(--background-secondary);
- border-radius: var(--radius-md);
- margin: 0;
- margin-bottom: var(--spacing);
-}
-.channelTextArea__56a36 .divider_b9338f {
- display: none;
-}
-
-/* @ autocomplete box */
-#app-mount .autocomplete__0c75a {
- background-color: var(--background-secondary);
- box-shadow: none;
- border-radius: var(--radius-md);
-}
-.base__76a71 {
- border-radius: var(--radius-md);
- transition: background-color 0.1s;
-}
-.list__0870a {
- background-color: var(--background-secondary);
-}
-.autocomplete_df266d {
- border-radius: var(--radius-md);
-}
-.categoryHeader_f97a5f {
- background-color: var(--background-primary);
- border-radius: var(--radius-md);
- margin-bottom: 4px;
-}
-.wrapper__7a35f:after {
- display: none;
-}
-
-/* hide gift button */
-[aria-label="Send a gift"],
-[aria-label="Send a gift or Boost this server"] {
- display: none;
-}
-
-/* mobile jump to present */
-.jumpToPresentBar__0ff7f {
- visibility: hidden;
-}
-.jumpToPresentBar__0ff7f .barButtonIcon__907ef {
- visibility: visible;
- background-color: var(--background-secondary);
- color: var(--brand-experiment);
- border-radius: var(--radius-md);
- padding: 14px;
- margin-right: -12px;
- margin-bottom: 30px;
- transition: box-shadow 0.25s;
-}
-.jumpToPresentBar__0ff7f .barButtonIcon__907ef:hover {
- box-shadow: 0 0 0 2px hsla(var(--brand-04));
-}
-
-/* timed out bar */
-.spamBanner_adb1b9 {
- border-radius: var(--radius-md);
-}
-
-/* new messages bar */
-.newMessagesBar__8b6d7 {
- border-top-left-radius: var(--radius-md);
- border-top-right-radius: var(--radius-md);
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- margin: 0 -16px 0 -16px;
-}
-.chat__52833 .chatHeaderBar_c1df53 {
- border-top-left-radius: var(--radius-md);
- border-top-right-radius: var(--radius-md);
-}
-
-/* home tab */
-.homeContainer__6bec1 {
- background-color: var(--background-primary);
- border-radius: var(--radius-md);
-}
-.theme-dark .background_e80d5a {
- background: none;
-}
-.container__11d72.themed_b152d4 {
- background-color: var(--background-primary);
-}
-.container__99b36.background_a03d45, .container__92dc8, .container_acafc1 {
- background-color: var(--background-secondary);
- border-radius: var(--radius-md);
-}
-.interactiveCard_d5a839 {
- background-color: var(--background-secondary);
-}
-
-/* threads area */
-.container_def45c {
- border-radius: var(--radius-md);
-}
-.resizeHandle_f1a098 {
- width: var(--spacing);
-}
-
-/* forums */
-.container-3wLKDe {
- background-color: var(--background-primary) !important;
- border-radius: var(--radius-md);
-}
-.container-3wLKDe .input-2g-os5 {
- background: none;
- border-radius: 0;
-}
-.container-3wLKDe .submitButton-3B-dZd,
-.container-3wLKDe .pill_f055c3 {
- border-radius: var(--radius-md);
-}
-.container-3wLKDe .matchingPostsRow-2IiEQ1 {
- border-radius: var(--radius-md);
- margin-top: 4px;
-}
-.container-3wLKDe .mainCard-3KBsBI {
- background-color: var(--background-secondary);
- border: none;
- border-radius: var(--radius-md);
-}
-.container-3wLKDe .container-2qVG6q:hover,
-.container-3wLKDe .container-2qVG6q.isOpen-2OXbFs {
- background-color: var(--background-tertiary) !important;
-}
-.container__8ee50 {
- border-top: none;
- margin-top: 0;
-}
-.divider_ffec75 {
- background-color: var(--background-modifier-accent);
- height: 1px;
-}
-
-/* nsfw warning page */
-.scroller_abd90c {
- background-color: var(--background-primary);
- border-radius: var(--radius-md);
-}
-
-/* rounded toolbar */
-.toolbar__88c63 {
- background-color: var(--background-primary);
- border-radius: var(--radius-md);
- padding: 12px 8px;
- margin-left: var(--spacing);
- transition: background-color 0.25s;
-}
-
-/* better search bar */
-.search__07df0 {
- order: -1;
-}
-.searchBar_e0c60b {
- background: none;
- width: 24px;
- padding: 0;
-}
-.searchBar_e0c60b .iconContainer__8fa9c {
- width: 24px;
- height: 24px;
- cursor: pointer;
-}
-.searchBar_e0c60b:hover svg {
- color: var(--brand-experiment);
-}
-.searchBar_e0c60b:focus-within {
- width: 240px;
-}
-.searchBar_e0c60b:focus-within svg {
- transform: scale(0.8);
-}
-
-/* search results */
-.searchResultsWrap__9f374 {
- border-radius: var(--radius-md);
- margin-left: var(--spacing);
-}
-.searchHeader__19d87,
-.searchResult_dcd237 {
- background-color: var(--background-secondary);
-}
-.scroller_c8d5ad,
-.channelName-3w2Y3c {
- background-color: var(--background-primary);
-}
-
-/* modals */
-[class*="root_"] {
- background-color: var(--background-primary) !important;
- border-radius: var(--radius-lg);
- box-shadow: none !important;
-}
-[class*="root_"] [class*="footer_"] {
- background-color: var(--background-tertiary);
- border-radius: 0 0 var(--radius-lg) var(--radius-lg);
- box-shadow: none !important;
-}
-[class*="root_"] [class*="footer_"] [class*="button_"] {
- padding: 12px 16px;
- height: fit-content;
- border-radius: var(--radius-md);
-}
-
-/* cleaner search modal */
-#app-mount .focused_f9cf2c {
- background-color: var(--background-secondary);
- border: none;
-}
-#app-mount .container_d6dad3 {
- position: fixed;
- border-radius: var(--radius-md);
- background-color: var(--background-secondary);
- box-shadow: none;
- margin-top: 10px;
- right: var(--spacing);
-}
-.container_d6dad3 .option_b5597b {
- border-radius: var(--radius-md);
-}
-.container_d6dad3 .option_b5597b::after {
- background: none;
-}
-.container_d6dad3 .option_b5597b[aria-selected=true] {
- border-radius: var(--radius-md);
- background-color: var(--background-primary);
-}
-.option_b5597b.user__97b4c .displayAvatar__98be9 {
- border-radius: var(--avatar-radius);
-}
-
-/* slide-in animations */
-@keyframes slide-in {
- 0% {
- opacity: 0;
- transform: translateX(50px);
- }
- 100% {
- opacity: 1;
- transform: translateX(0px);
- }
-}
-/* messages */
-[data-list-item-id*="chat-messages"]:not(:has([class*="contents"] [class*="isSending"])) {
- animation: slide-in 0.2s;
-}
-[data-list-item-id*="chat-messages"]:has([class*="contents"] [class*="isSending"]) {
- visibility: hidden;
-}
-/* vc join */
-.voiceUser__0470a {
- animation: slide-in 0.2s;
-}
-
-/* popout animations */
-@keyframes popout {
- from {
- transform:scale(0);
- opacity:0
- }
-}
-@keyframes slide-stretch {
- from {
- transform: scale(1, 0.5);
- opacity: 0;
- }
-}
-/* context menu, user popout, emoji/sticker tooltip */
-.menu_dc52c6, .userProfileOuter__46bb7, .popoutContainer__7b9a3 {
- animation: popout 0.1s;
-}
-.full-motion .translate_c2f6c4.didRender_f1da13,
-.full-motion .translate_c2f6c4.animatorRight__5895e,
-.full-motion .translate_c2f6c4.animatorLeft_b2289c {
- transition: none;
- transform: none;
- -webkit-transform: none;
-}
-/* inbox, pins, threads, add to dm, search */
-.recentMentionsPopout__826a9,
-.messagesPopoutWrap_b3b384,
-.container__8261a,
-.popout__08442,
-.container_d6dad3 {
- animation: slide-stretch 0.2s;
- transform-origin: top;
-}
-/* emoji picker */
-.drawerSizingWrapper__30274 {
- animation: slide-stretch 0.2s;
- transform-origin: bottom;
-}
-
-/* cleaner pins, inbox, threads, add to dm */
-.messagesPopoutWrap_b3b384,
-.recentMentionsPopout__826a9,
-.container__8261a,
-.popout__08442 {
- max-height: 80% !important;
- width: auto;
- max-width: 600px;
- position: fixed;
- margin-top: 10px;
- right: var(--spacing);
- border-radius: var(--radius-md);
-}
-.messageGroupWrapper_f8c6e9 {
- border-radius: var(--radius-md);
- border: none;
-}
-
-/* inbox */
-.recentMentionsPopout__826a9 .tab_a8a066 {
- transition: background-color 0.25s;
-}
-.recentMentionsPopout__826a9 .tab_a8a066.active__7e7af {
- background-color: var(--background-modifier-selected) !important;
-}
-.recentMentionsPopout__826a9 .container__56e52 {
- margin: 16px;
- padding: 0;
- overflow: hidden;
-}
-.recentMentionsPopout__826a9 .channel_d48f2d {
- padding-top: 16px;
- padding-bottom: 0;
-}
-.recentMentionsPopout__826a9 .channelHeader__5d30c {
- background-color: var(--background-primary);
- border-top-left-radius: var(--radius-md);
- border-top-right-radius: var(--radius-md);
- height: auto;
- padding: 6px 10px;
-}
-.recentMentionsPopout__826a9 .messageContainer_aa7d14 {
- border-radius: 0;
- border-bottom-left-radius: var(--radius-md);
- border-bottom-right-radius: var(--radius-md);
- border-top: 1px solid var(--background-secondary);
- margin: 0;
-}
-.recentMentionsPopout__826a9 .messages_f7999e {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- border-top: 1px solid var(--background-secondary);
-}
-.recentMentionsPopout__826a9 .dmIcon__160f0,
-.recentMentionsPopout__826a9 .guildIcon_cccd03 {
- border-radius: var(--avatar-radius);
- height: 24px;
- width: 24px;
- margin-right: 8px;
-}
-.recentMentionsPopout__826a9 .channelNameSection__6d0ae {
- flex-direction: unset;
- margin-right: 0;
-}
-.recentMentionsPopout__826a9 .channelName_c74eea {
- font-size: 16px;
- line-height: 20px;
-}
-.recentMentionsPopout__826a9 .channelName_c74eea svg {
- margin-right: 4px;
-}
-.recentMentionsPopout__826a9 .subtext_b4cd50,
-.recentMentionsPopout__826a9 .subtextContainer__2a201 {
- margin-left: 4px;
- line-height: 20px;
- width: fit-content;
-}
-.recentMentionsPopout__826a9 .jumpButton_da1ebb {
- border-radius: var(--radius-md);
- opacity: 0;
- transition: opacity 0.25s;
-}
-.recentMentionsPopout__826a9 .button_ddf91e,
-.recentMentionsPopout__826a9 .markReadButton__79c2f {
- margin-left: 6px;
- transition: background-color 0.25s;
-}
-.recentMentionsPopout__826a9 .collapseButton_b18eab {
- position: relative;
- border-radius: var(--radius-md);
- left: unset;
- margin-left: 6px;
- padding: 8px;
- transition: background-color 0.25s;
-}
-.recentMentionsPopout__826a9 .collapseButton_b18eab:hover {
- background-color: var(--background-tertiary);
-}
-
-/* cleaner add friends to dm */
-.popout__08442 {
- width: 440px;
-}
-.popout__08442 .header__6d5ea {
- background-color: var(--background-tertiary);
- border-top-left-radius: var(--radius-md);
- border-top-right-radius: var(--radius-md);
-}
-.popout__08442 .header__6d5ea .container_e4c233,
-.popout__08442 .scroller__5c5df,
-.popout__08442 .footer__274e8 .input_d266e7 {
- background-color: var(--background-secondary);
-}
-.popout__08442 .footer__274e8 {
- background-color: var(--background-tertiary);
- border-bottom-left-radius: var(--radius-md);
- border-bottom-right-radius: var(--radius-md);
-}
-.popout__08442 .footerSeparator__010c9 {
- display: none;
-}
-.popout__08442 .friendWrapper__70b6f {
- margin: 4px;
- padding: 0;
-}
-.popout__08442 .friend__05c43 {
- border-radius: var(--radius-md);
- transition: background-color 0.1s;
-}
-.popout__08442 .tag__69d9d {
- background-color: var(--background-tertiary);
- border-radius: var(--radius-md);
-}
-.theme-dark .errorState_b806b1 {
- background-color: var(--background-secondary);
- border-bottom-left-radius: var(--radius-md);
- border-bottom-right-radius: var(--radius-md);
-}
-
-/* screenshare modal */
-.sourceThumbnail-ERDcZE, .card-m7VgZ8 {
- border-radius: var(--radius-md);
-}
-.qualitySettingsContainer-2LjkfM {
- background-color: var(--background-modifier-hover);
- border: 1px solid var(--background-tertiary);
- border-radius: var(--radius-md);
-}
-.selectorButton-3fWZ0_ {
- background-color: var(--background-secondary);
- border: 1px solid var(--background-tertiary) !important;
- transition: background-color 0.1s;
-}
-.selectorButtonSelected-3cQUnj {
- background-color: var(--brand-experiment);
-}
-.item-2OyinQ:first-child {
- border-top-left-radius: var(--radius-md);
- border-bottom-left-radius: var(--radius-md);
-}
-.item-2OyinQ:last-child {
- border-top-right-radius: var(--radius-md);
- border-bottom-right-radius: var(--radius-md);
-}
-
-/* two line channel description */
-.topic__16ae3 {
- white-space: normal;
- max-height: 2.4em;
- line-height: 1.2em;
- text-overflow: ellipsis;
- position: relative;
-}
-
-/* better context menus */
-.menu_dc52c6 {
- border-radius: var(--radius-md);
- overflow: hidden;
-}
-.menu_dc52c6 .scroller__750f5 {
- padding: 0;
- margin-right: -8px;
-}
-.menu_dc52c6 .item__183e8 {
- border-radius: 0;
- padding: 10px 8px;
- margin: 0;
- transition: background-color 0.1s;
-}
-.menu_dc52c6 .submenuPaddingContainer__12a9d {
- margin: 0 -8px;
-}
-.menu_dc52c6 .wrapper__2e846 {
- padding: 6px 2px;
-}
-.menu_dc52c6 .button__3ecb4:hover {
- background-color: var(--background-primary);
- border-radius: var(--radius-md);
-}
-
-/* context menu volume slider */
-#user-context-user-volume {
- padding-top: 0;
- transition: background-color 0.1s;
-}
-#user-context-user-volume:hover {
- background-color: var(--background-primary);
-}
-#user-context-user-volume .labelContainer-2vJzYL {
- padding: 0;
-}
-#user-context-user-volume .sliderContainer-2nidiS {
- background-color: var(--background-secondary);
- border-radius: var(--radius-md);
- padding: 2px 8px;
-}
-#user-context-user-volume:hover .sliderContainer-2nidiS {
- background-color: var(--background-tertiary);
-}
-#user-context-user-volume .slider-BEB8u7 {
- padding-top: 8px;
-}
-#user-context-user-volume .grabber-2GQyvM {
- margin-top: 6.5px;
- border-radius: 26%;
-}
-
-/* messages */
-.message__80c10,
-.expanded_be53d7,
-.backgroundFlash_e5b9ad,
-.roleMention__02469[style]:after,
-.hasReply_febd50.mentioned__58017:not(:has(.roleMention__02469[style])):after,
-.mentioned__58017:after,
-.mentioned__58017 .roleMention__02469:after {
- border-top-right-radius: var(--radius-md);
- border-bottom-right-radius: var(--radius-md);
- transition: background-color 0.1s;
-}
-.message__80c10:hover:not(.mentioned__58017, .replying_d7b6ad, .ephemeral_c26b64),
-.message__80c10.selected_fd9051 {
- background-color: var(--message-hover) !important;
-}
-.message__80c10.replying_d7b6ad,
-.message__80c10.ephemeral_c26b64 {
- background-color: hsla(var(--brand-005));
-}
-.message__80c10.replying_d7b6ad.selected_fd9051, .message__80c10.replying_d7b6ad:hover,
-.message__80c10.ephemeral_c26b64.selected_fd9051, .message__80c10.ephemeral_c26b64:hover {
- background-color: hsla(var(--brand-01)) !important;
-}
-.message__80c10.replying_d7b6ad::before,
-.message__80c10.ephemeral_c26b64::before {
- background-color: var(--brand-experiment);
-}
-
-/* message reply bar */
-.repliedMessage_e2bf4a {
- background-color: var(--background-secondary);
- border-radius: var(--radius-md);
- padding: 4px 6px;
- transition: background-color 0.1s;
- width: fit-content;
- max-width: 45vw;
-}
-.repliedMessage_e2bf4a::before {
- border-color: var(--background-tertiary);
- margin-right: 0;
- bottom: -4px;
-}
-.message__80c10:hover .repliedMessage_e2bf4a {
- background-color: var(--background-tertiary);
-}
-
-/* thread bar */
-.container__767d1 {
- border-radius: var(--radius-md);
- transition: background-color 0.1s;
-}
-.message__80c10:hover .container__767d1 {
- background-color: var(--background-tertiary);
-}
-.hasThread__58ee2:after {
- border-color: var(--background-tertiary) !important;
- top: 44px !important;
- width: 35px !important;
-}
-.hasThread__58ee2.hasReply_febd50:after {
- top: 74px !important;
-}
-
-/* full edited text */
-.timestamp_cdbd93:not(.timestampInline__470e0, .timestampVisibleOnHover_e8cc6d) time::after {
- content: "(" attr(aria-label) ")";
- color: var(--text-muted);
- font-size: 0.625rem;
- font-weight: 400;
- line-height: 1;
- text-transform: lowercase;
-}
-.edited_b20dd9 {
-display: none;
-}
-
-/* round button container */
-.message__80c10 .wrapper_c727b6 {
- background: none;
- box-shadow: none !important;
- grid-gap: calc(var(--spacing) - 3px);
- transition: background-color 0.25s;
-}
-.message__80c10 .button_d553e5 {
- background-color: var(--background-tertiary);
- border-radius: var(--radius-md);
- transition: background-color 0.25s;
-}
-.message__80c10 .button_d553e5:hover,
-.message__80c10 .button_d553e5.selected__63428 {
- background-color: var(--background-secondary);
-}
-.message__80c10 div{
- transition: background-color 0.1s, opacity 0.1s;
-}
-
-/* delete message preview */
-.theme-dark .message__04d9f {
- background-color: var(--background-secondary);
- box-shadow: none;
- border-radius: var(--radius-md);
-}
-
-/* embeds */
-.embedFull__8dc21 {
- border: none;
- margin-left: 10px;
- border-radius: 5px 24px 24px 5px !important;
- transition: background-color 0.1s;
-}
-.embedFull__8dc21:after {
- content: "";
- position: absolute;
- top: 1px;
- bottom: 1px;
- left: -10px;
- width: 0px;
- border: solid;
- border-width: 0 0 0 6px;
- border-color: inherit;
- border-radius: var(--radius-md);
-}
-.message__80c10:hover .embedFull__8dc21 {
- background-color: var(--background-tertiary);
-}
-
-/* image/video embeds */
-.video__4c052, .imageWrapper_fd6587, .spoilerContainer-3wsC0k.hidden-3B-Rum {
- border-radius: var(--radius-md);
-}
-.metadata__2d766 {
- background-color: rgba(0,0,0,0.4);
- background-image: none;
- height: 66px;
- margin-top: -4px;
-}
-
-/* audio embeds */
-.wrapperAudio__555ce,
-.wrapperAudio__555ce.newMosaicStyle_fb18b9 {
- border-radius: var(--radius-md);
- border: none;
- padding: 10px 0 0 0;
- width: fit-content !important;
- min-width: 400px;
- transition: background-color 0.1s;
-}
-.message__80c10:hover .wrapperAudio__555ce {
- background-color: var(--background-tertiary);
-}
-.audioMetadata_e546a8 {
- padding: 0px 10px;
-}
-.audioControls__9fbe9 {
- border-bottom-left-radius: var(--radius-md);
- border-bottom-right-radius: var(--radius-md);
- margin-top: 0;
-}
-
-/* invite embeds */
-.wrapper_efe67f {
- border-radius: var(--radius-md);
- transition: background-color 0.1s;
-}
-.message__80c10:hover .wrapper_efe67f {
- background-color: var(--background-tertiary);
-}
-.inviteSplash_f4eb93 {
- border-top-left-radius: var(--radius-md);
- border-top-right-radius: var(--radius-md);
-}
-.guildIconExpired__1d51f {
- transition: background-color 0.1s;
-}
-.message__80c10:hover .guildIconExpired__1d51f {
- background-color: var(--background-tertiary);
-}
-
-/* non-embed attachment */
-.attachment_f3cf2c,
-.attachment_f3cf2c.newMosaicStyle__235c9 {
- border-radius: var(--radius-md);
- border: none;
- width: fit-content !important;
- min-width: 200px;
- padding: 10px;
- transition: background-color 0.1s;
-}
-.message__80c10:hover .attachment_f3cf2c {
- background-color: var(--background-tertiary);
-}
-
-/* media download button */
-.hoverButtonGroup__5b423 {
- border-radius: var(--radius-md);
- transition: opacity 0.25s !important;
-}
-.nonMediaAttachment__30665 {
- outline: none;
-}
-
-/* text embed */
-.textContainer__709ff {
- border-top-left-radius: var(--radius-md);
- border-top-right-radius: var(--radius-md);
-}
-.footer__06f4b {
- border-bottom-left-radius: var(--radius-md);
- border-bottom-right-radius: var(--radius-md);
-}
-
-/* codeblocks */
-.markup_a7e664 code {
- border-radius: var(--radius-md);
- transition: background-color 0.1s;
-}
-.message__80c10:hover .markup_a7e664 code {
- background-color: var(--background-tertiary);
-}
-
-/* emoji/sticker picker */
-.contentWrapper__321ed {
- border-radius: var(--radius-md);
- padding-top: 8px;
- grid-row-gap: 0;
-}
-.navList__9f792 {
- justify-content: space-evenly;
-}
-.header__55964,
-.header_f71767,
-.header_f7f1f3 {
- box-shadow: none;
- padding: 8px !important;
-}
-.categoryItemDefaultCategory__67fe7,
-.stickerCategory__4891e {
- border-radius: var(--radius-md);
-}
-.wrapper__7a35f {
- background-color: var(--background-tertiary);
- border-top-right-radius: 20px;
- border-bottom-right-radius: 20px;
- margin-left: -8px;
- margin-bottom: 8px;
-}
-.wrapper__7a35f .header__9f6dc {
- width: 100%;
- padding: 0 8px;
-}
-.wrapper__7a35f .headerLabel_e9f74f {
- flex-grow: 1;
-}
-.emojiItem_b15dee,
-.sticker__25985 {
- opacity: 0.8;
- transition: opacity 0.1s;
-}
-.emojiItem_b15dee:hover,
-.sticker__25985:hover {
- opacity: 1;
-}
-.emojiItem_b15dee.emojiItemSelected__1a09a,
-.stickerInspected__1c897 .inspectedIndicator_f00108, .assetWrapperMasked__20115 {
- background: none;
- mask: none;
- -webkit-mask: none;
-}
-.emojiItem_b15dee.emojiItemDisabled__36cbf,
-.stickerUnsendable__47eae {
- filter: none;
- opacity: 0.2;
- transition: opacity 0.1s;
-}
-.emojiItem_b15dee.emojiItemDisabled__36cbf:hover,
-.stickerUnsendable__47eae:hover {
- opacity: 0.3;
-}
-.wrapper_e3070a .upsell__780f6 {
- border-radius: var(--radius-md);
- margin-left: 0;
- margin-right: 0;
- margin-bottom: 8px;
-}
-.result_e1fc74, .result_e1fc74:after, .gif__2aa16,
-.categoryFade_f9c843, .categoryFadeBlurple_e73c11 {
- border-radius: var(--radius-md);
-}
-
-/* bigger emoji/sticker tooltips */
-.popoutContainer__7b9a3 {
- border-radius: var(--radius-md);
-}
-.popoutContainer__7b9a3 .emojiSection_a65b54 .flex_f5fbb7 {
- display: block;
- text-align: center;
- margin: 0;
-}
-.popoutContainer__7b9a3 .emojiSection_a65b54 .emoji,
-.popoutContainer__7b9a3 .emojiSection_a65b54 .stickerAsset__00e6b,
-.popoutContainer__7b9a3 .emojiSection_a65b54 .assetWrapper_f2e406 {
- width: 150px !important;
- height: 150px !important;
- margin-left: auto;
- margin-right: auto;
- margin-top: 0;
- margin-bottom: 8px;
-}
-.popoutContainer__7b9a3 .otherEmoji__307a4 {
- flex-basis: unset;
- margin: 5.25px;
-}
-
-/* bigger reaction hover */
-.reactionTooltipInner-Pl3uOD {
- display: block;
- text-align: center;
- max-width: 150px;
-}
-.reactionTooltipEmoji-1Rv8jQ.emoji {
- height: 100px;
- width: calc(100%);
- margin-bottom: 8px;
-}
-
-/* reactions */
-.reaction_fef95b {
- border-radius: var(--radius-md);
- border: none;
-}
-.reaction_fef95b:hover {
- background-color: hsla(var(--brand-01)) !important;
-}
-.reaction_fef95b.reactionMe__98f57 {
- background-color: hsla(var(--brand-02)) !important;
-}
-.reaction_fef95b.reactionMe__98f57:hover {
- background-color: hsla(var(--brand-04)) !important;
-}
-.message__80c10:hover .reaction_fef95b {
- background-color: var(--background-tertiary);
-}
-.reactionInner__4135b {
- padding: 4px 6px;
-}
-
-/* date seperator */
-.content_d67847 {
- background: var(--background-secondary);
- color: white;
- text-transform: uppercase;
- font-weight: 500;
- padding: 4px;
-}
-
-/* smaller mentions */
-.mention,
-.roleMention__02469,
-.channelMention {
- color: var(--brand-experiment);
- background-color: hsla(var(--brand-01));
- border-radius: calc(var(--radius-md) - 4px);
- transition: background-color 0.1s;
-}
-.mention:hover,
-.roleMention__02469:hover,
-.channelMention:hover {
- background-color: hsla(var(--brand-02));
-}
-.channelMention .icon_f8ef92 {
- border-radius: var(--avatar-radius);
- height: 1rem;
- width: 1rem;
- bottom: 2px;
- margin-bottom: 0;
-}
-
-/* ----------------------------------------USER POPOUTS---------------------------------------- */
-
-/* better user popouts */
-.userPopoutOuter_d739b2,
-.userPopoutInner_f545a3 {
- border-radius: var(--radius-md);
- width: 300px;
-}
-.userProfileOuterThemed__6eb84.userPopoutOuter_d739b2 {
- padding: 0;
-}
-.userPopoutInner_f545a3:before {
- border-radius: var(--radius-md);
- height: 100%;
- width: 100%;
-}
-.userPopoutInner_f545a3 .bannerSVGWrapper__3e7b0 {
- position: relative;
- -webkit-mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
- min-height: 120px !important;
- min-width: 100% !important;
-}
-.userProfileInnerThemedNonPremium__3d0a6 .bannerSVGWrapper__3e7b0 foreignObject {
- transform: translateY(-38px);
- height: 136px;
- width: 100%;
-}
-.userProfileInnerThemedPremiumWithoutBanner__703b1 .bannerSVGWrapper__3e7b0 foreignObject {
- transform: translateY(-24px);
- height: 136px;
- width: 100%;
-}
-.userProfileInnerThemedWithBanner_d5f991 .bannerSVGWrapper__3e7b0 foreignObject {
- transform: translateY(-8px);
- height: 136px;
- width: 100%;
-}
-.userPopoutInner_f545a3 .bannerSVGWrapper__3e7b0 .banner__6d414 {
- height: 100%;
- width: 100%;
-}
-.userPopoutInner_f545a3 .bannerSVGWrapper__3e7b0 mask,
-.userPopoutInner_f545a3 .avatarHintInner__3d1c9,
-.userPopoutInner_f545a3 .wrapper-C1y4Sz {
- display: none;
-}
-.userPopoutInner_f545a3 .avatarWrapper_f77579 {
- top: 20px;
- left: 16px;
-}
-.userPopoutInner_f545a3 .profileBadges__7a7cb {
- background-color: rgba(0, 0, 0, 0.3);
- border-radius: var(--radius-md);
- max-width: unset;
- position: absolute;
- justify-content: center;
- top: 82px;
- right: 10px;
- gap: 2px;
- transition: 0.25s;
-}
-.userPopoutInner_f545a3 .profileBadges__7a7cb:hover {
- background-color: rgba(0, 0, 0, 0.6);
-}
-.userPopoutInner_f545a3 .containerWithContent__7e98f {
- padding: 2px;
-}
-.userPopoutInner_f545a3 .pencilContainer_d4ce8d,
-.userPopoutInner_f545a3 .warningCircleIcon__5c6b0 {
- border-radius: var(--radius-md);
- top: 10px;
- right: 10px;
-}
-
-/* body scroller */
-.userPopoutInner_f545a3 .overlayBackground__86b78{
- max-height: 500px;
- margin: 16px;
- margin-top: 0;
- border-radius: var(--radius-md);
- background: none;
-}
-.userPopoutInner_f545a3 .usernameSection__53868,
-.userPopoutInner_f545a3 .customStatusSection_ce6c27 {
- margin-top: 0 !important;
-}
-.userPopoutInner_f545a3 .userText__3e8b7 {
- text-align: center;
-}
-.userPopoutInner_f545a3 .pronouns__8bcdb::before {
- content: "Pronouns: ";
-}
-.userPopoutInner_f545a3 .pronouns__8bcdb,
-.userPopoutInner_f545a3 .customStatus__3aa7f {
- text-align: center;
- width: 100%;
- padding: 0;
- padding: 5px 0;
- margin-top: 4px;
- border-top: 1px solid var(--background-modifier-accent);
-}
-.userPopoutInner_f545a3 .customStatus__3aa7f {
- display: flex;
- flex-direction: column;
- align-items: center;
-}
-.userPopoutInner_f545a3 .customStatus__3aa7f .customStatusEmoji__00639 {
- width: 40px;
- height: 40px;
- margin: 5px 0;
-}
-.userPopoutInner_f545a3 .divider__56f26 {
- background: none;
- margin: 0;
- margin-top: 10px;
-}
-.userPopoutInner_f545a3 .scroller__83262 {
- padding: 0 !important;
- margin-right: -8px;
-}
-.userPopoutInner_f545a3 .section__6f61e {
- padding: 0;
- margin: 10px 0px 0px 0px;
-}
-.userPopoutInner_f545a3 .scroller__83262 .section__6f61e {
- background-color: var(--background-secondary);
- border-radius: var(--radius-md);
-}
-.userProfileInnerThemedWithBanner_d5f991 .scroller__83262 .section__6f61e,
-.userProfileInnerThemedPremiumWithoutBanner__703b1 .scroller__83262 .section__6f61e {
- background-color: rgba(0, 0, 0, 0.6);
-}
-.userPopoutInner_f545a3 .eyebrow_e5a66c,
-.userPopoutInner_f545a3 .headerContainer__2ec4e {
- background-color: var(--background-primary);
- border-top-left-radius: var(--radius-md);
- border-top-right-radius: var(--radius-md);
- padding: 8px 10px;
- margin: 0;
- color: white !important;
- font-size: 14px;
- font-weight: 600;
-}
-.userProfileInnerThemedWithBanner_d5f991 .eyebrow_e5a66c,
-.userProfileInnerThemedWithBanner_d5f991 .headerContainer__2ec4e,
-.userProfileInnerThemedPremiumWithoutBanner__703b1 .eyebrow_e5a66c,
-.userProfileInnerThemedPremiumWithoutBanner__703b1 .headerContainer__2ec4e {
- background-color: rgba(255, 255, 255, 0.05);
-}
-.userPopoutInner_f545a3 .markup_a7e664,
-.userPopoutInner_f545a3 .memberSinceContainer__0a28b,
-.userPopoutInner_f545a3 .bodyAlignCenter__21cc3,
-.userPopoutInner_f545a3 .popularApplicationCommandsList-33V8Ui,
-.userPopoutInner_f545a3 .roles__74a2b,
-.userPopoutInner_f545a3 .note_ba0c31 {
- padding: 10px;
- margin-top: 0;
- font-size: 14px;
-}
-.userPopoutInner_f545a3 .note_ba0c31 textarea {
- background: none;
- border-radius: 0;
- height: 30px !important;
- padding: 0;
- font-size: 14px;
-}
-.userPopoutInner_f545a3 .messageInputContainer__768e6 {
- border: none;
-}
-.userPopoutInner_f545a3 .input__95bc4 {
- background: none;
- border-radius: var(--radius-md);
- border: none;
-}
-.userPopoutInner_f545a3 div[class*="lineClamp2Plus"] {
- display: block;
-}
-.userPopoutInner_f545a3 .activity__20c1e .headerContainer__2ec4e {
- width: unset;
-}
-.userPopoutInner_f545a3 .activity__20c1e .bodyNormal_c70dfd {
- padding: 10px;
-}
-.userPopoutInner_f545a3 .activity__20c1e .headerText__7d203 {
- color: white !important;
- font-size: 14px;
- font-weight: 600;
-}
-.userPopoutInner_f545a3 .assetsLargeImage_b88a59 {
- border-radius: var(--radius-md);
-}
-.userPopoutInner_f545a3 .platformIcon__05c5e {
- margin: 8px 10px;
- height: 16px;
- width: 16px;
-}
-.userPopoutInner_f545a3 .timeBarUserPopoutV2_c5b927 {
- padding: 0 10px 10px 10px;
- margin: 0;
-}
-.userPopoutInner_f545a3 .buttonsWrapper_aa7b69 {
- border-radius: var(--radius-md);
- margin: 0 10px;
- padding-bottom: 10px;
-}
-.userPopoutInner_f545a3 .buttonsWrapper_aa7b69:empty {
- display: none;
-}
-
-/* dm profile panel */
-.profilePanel__12596 {
- margin-left: var(--spacing);
-}
-.userPanelOuter__880e5,
-.userPanelInner_eddf4c {
- border-radius: var(--radius-md);
-}
-.panelBanner__90b8a {
- border-radius: var(--radius-md) var(--radius-md) 0 0;
- -webkit-mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
-}
-
-/* avatar zoom on hover */
-.wrapper_edb6e0 {
- transition: transform 0.25s;
-}
-.wrapper_edb6e0:hover{
- transform: scale(1.1);
-}
-
-/* filled role colors */
-.rolePillBorder__00c58 {
- border: none;
-}
-.role__631a3 {
- position: relative;
- transform: translate(0);
- overflow: hidden;
- border-left: 3px solid;
- border-radius: 3px 6px 6px 3px;
- margin: 0 4px 4px 0;
- background: none;
-}
-.role__631a3 .roleCircle_bae511 {
- width: 8px;
- height: 8px;
- margin-left: 1px;
-}
-.role__631a3 .roleRemoveButton__737f2 {
- position: static;
- transition: 1s;
-}
-.role__631a3 .roleRemoveIcon__7f63d {
- background-color: var(--status-danger);
- border-radius: var(--radius-md);
- left: 9px;
- cursor: pointer;
- transition: opacity 1s;
-}
-.role__631a3 .roleCircle_bae511::after {
- position: absolute;
- content: "";
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- background: inherit;
- opacity: 0.1;
-}
-
-/* colored role selection backgrounds */
-.container_d27846 {
- background-color: var(--background-secondary);
- border-radius: var(--radius-md);
-}
-.container_d27846 .item__287de {
- position: relative;
- overflow: hidden;
- border-radius: var(--radius-md);
-}
-.container_d27846 .item__287de .roleCircle_bae511 {
- width: 10px;
- height: 10px;
- margin-right: 6px;
-}
-.container_d27846 .item__287de .roleCircle_bae511::after {
- position: absolute;
- border-radius: 5px;
- content: "";
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- background: inherit;
- opacity: 0.2;
-}
-
-/* squared avatars */
-img[class*="avatar"] {
- border-radius: var(--avatar-radius);
-}
-.wrapper_edb6e0 foreignObject {
- mask: none;
- -webkit-mask: none;
-}
-
-/* ----------------------------------------USER MODALS---------------------------------------- */
-
-/* body */
-[class*="root_"] [class*="userProfileModalOuter_"],
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="userProfileModalInner_"] {
- width: 700px !important;
- height: 475px !important;
-}
-[class*="root_"] [class*="userProfileOuterThemed_"][class*="userPopoutOuter_"],
-[class*="root_"] [class*="userProfileOuterThemed_"][class*="userProfileOuter_"] {
- padding: 0;
-}
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="userProfileModalInner_"]:before {
- border-radius: var(--radius-md);
- height: 100%;
- width: 100%;
-}
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="overlayBackground_"] {
- margin: 0;
- height: 475px;
- width: 700px;
-}
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="topSection_"] {
- margin-bottom: 0;
-}
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="topSection_"],
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="body_"] {
- background: none;
-}
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="bannerSVGWrapper_"] {
- position: absolute;
- opacity: 0.5;
- height: 475px !important;
- width: 100% !important;
-}
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="userProfileInnerThemedNonPremium_"] [class*="bannerSVGWrapper_"] foreignObject {
- transform: translateY(-150px);
- height: 407.15px;
- width: 100%;
-}
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="userProfileInnerThemedWithBanner_"] [class*="bannerSVGWrapper_"] foreignObject {
- transform: translateY(-97px);
- height: 407.15px;
- width: 100%;
-}
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="bannerSVGWrapper_"] [class*="banner_"] {
- height: 100%;
- width: 100%;
-}
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="bannerSVGWrapper_"] mask,
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="premiumIconWrapper_"] {
- display: none;
-}
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="body_"] {
- position: unset;
- flex: none;
- width: 70%;
- height: calc(100% - 60px - 14px);
- margin-top: 14px;
- margin-left: 20%;
- z-index: 1;
- overflow: visible;
-}
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="infoScroller_"],
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="listScroller_"] {
- padding: 0 14px !important;
-}
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="listScroller_"] {
- padding-top: 14px !important;
- margin-top: -14px;
-}
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="infoScroller_"]::-webkit-scrollbar,
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="listScroller_"]::-webkit-scrollbar {
- display: none;
-}
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="divider_"] {
- display: none;
-}
-
-/* left side */
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="avatar_"] {
- position: fixed;
- background: none;
- border: none;
- top: 14px;
- left: 14px;
-}
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="container_"] {
- position: absolute;
- width: 100%;
- padding: 0;
- bottom: 0;
- left: 0;
-}
- [class*="root_"] [class*="userProfileModalOuter_"] [class*="text-lg-semibold_"] {
- position: absolute;
- width: 114px;
- top: -324px;
- left: 14px;
- margin: 0;
- padding: 5px;
- background-color: rgba(0, 0, 0, .5);
- border-radius: var(--radius-md);
- text-align: center;
- word-break: break-word;
- font-size: 16px;
-}
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="nameTag_"] {
- position: absolute;
- flex-direction: column;
- width: 114px;
- bottom: 60px;
- left: 14px;
- margin: 0;
- padding: 5px;
- background-color: rgba(0, 0, 0, .5);
- border-radius: var(--radius-md);
- text-align: center;
- font-size: 16px;
-}
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="customStatus_"] {
- position: absolute;
- display: flex;
- flex-direction: column;
- align-items: center;
- text-align: center;
- height: fit-content;
- width: 114px;
- max-width: 320px;
- top: -262px;
- left: 14px;
- padding: 5px;
- background-color: rgba(0, 0, 0, .5);
- border-radius: var(--radius-md);
-}
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="customStatus_"]::-webkit-scrollbar {
- display: none;
-}
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="customStatus_"] [class*="customStatusEmoji_"] {
- height: 40px;
- width: 40px;
-}
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="customStatus_"] [class*="customStatusEmoji_"][class*="customStatusSoloEmoji_"] {
- height: 40px;
- width: 40px;
-}
-
-/* tabs */
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="tabBarContainer_"] {
- position: fixed;
- border: none;
- top: 14px;
- right: 14px;
- padding: 0;
- margin: 0;
-}
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="tabBar_"] {
- flex-direction: column;
- height: fit-content;
- width: 55px;
- gap: 0;
-}
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="item_"] {
- justify-content: center;
- text-align: center;
- background-color: rgba(0, 0, 0, 0.5);
- border-radius: var(--radius-md);
- border: none;
- margin: 0;
- margin-bottom: 10px;
- padding: 12px;
- height: 20px;
- line-height: 12px;
- font-size: 12px;
- white-space: normal;
- word-break: normal;
- transition: background-color 0.25s;
-}
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="item_"]:last-child {
- margin-bottom: 0;
-}
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="item_"]:hover {
- background-color: hsla(var(--brand-04));
-}
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="selected_"][class*="item_"] {
- background-color: var(--brand-experiment);
-}
-
-/* bottom area */
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="headerTop_"] {
- background: linear-gradient(0deg, var(--background-tertiary), transparent 100%);
- position: fixed;
- top: unset;
- bottom: 0;
- left: 0;
- right: 0;
- height: 60px;
-}
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="relationshipButtons_"] {
- position: absolute;
- bottom: 14px;
- left: 14px;
-}
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="relationshipButtons_"] [class*="actionButton_"] {
- min-width: 124px;
-}
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="pronouns_"] {
- position: absolute;
- display: flex;
- align-items: center;
- bottom: 14px;
- left: 210px;
- height: 22px;
- width: fit-content;
- margin: 0;
- padding: 5px;
- background-color: rgba(0, 0, 0, .5);
- border-radius: var(--radius-md);
- font-size: 16px;
-}
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="badgeList_"] {
- position: absolute;
- flex-direction: row-reverse;
- flex-wrap: wrap-reverse;
- height: fit-content;
- max-height: 54px;
- width: fit-content;
- max-width: 152px;
- bottom: 14px;
- right: 14px;
- margin: 0;
- padding: 5px;
- background-color: rgba(0, 0, 0, .5);
- border-radius: var(--radius-md);
-}
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="warningCircleIcon_"] {
- position: absolute;
- bottom: 14px;
- right: 14px;
-}
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="pencilContainer_"] {
- display: none;
-}
-
-/* user info */
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="userInfoSection_"] {
- padding-top: 0;
- padding-bottom: 0;
-}
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="userInfoSection_"]+[class*="userInfoSection_"] {
- border: none;
-}
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="userInfoSectionHeader_"] {
- background-color: var(--background-secondary);
- border-top-left-radius: var(--radius-md);
- border-top-right-radius: var(--radius-md);
- margin-bottom: 0;
- padding: 10px;
- color: white;
- font-size: 14px;
- font-weight: 600;
-}
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="userProfileInnerThemedWithBanner_"] [class*="userInfoSectionHeader_"],
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="userProfileInnerThemedPremiumWithoutBanner_"] [class*="userInfoSectionHeader_"] {
- background-color: rgba(0, 0, 0, 0.4);
-}
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="userInfoText_"] {
- background-color: var(--background-tertiary);
- border-bottom-left-radius: var(--radius-md);
- border-bottom-right-radius: var(--radius-md);
- margin-top: 0;
- padding: 10px;
- overflow-y: scroll;
-}
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="userProfileInnerThemedWithBanner_"] [class*="userInfoText_"],
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="userProfileInnerThemedPremiumWithoutBanner_"] [class*="userInfoText_"],
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="userProfileInnerThemedWithBanner_"] [class*="note_"] textarea,
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="userProfileInnerThemedPremiumWithoutBanner_"] [class*="note_"] textarea {
- background-color: rgba(0, 0, 0, 0.6);
-}
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="userInfoText_"]::-webkit-scrollbar {
- display: none;
-}
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="note_"] {
- margin: 0;
- margin-bottom: -2px;
- padding-bottom: 16px;
-}
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="note_"] textarea {
- background-color: var(--background-tertiary);
- border-radius: 0;
- border-bottom-left-radius: var(--radius-md);
- border-bottom-right-radius: var(--radius-md);
- padding: 10px;
- overflow-y: scroll;
-}
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="note_"] textarea::-webkit-scrollbar {
- display: none;
-}
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="memberSinceContainer_"] [class*="userInfoText_"] {
- flex-grow: 1;
-}
-
-/* connections */
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="connectedAccounts_"] {
- display: grid;
- grid-template-columns: 1fr 1fr;
- column-gap: 16px;
-}
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="connectedAccountsColumn_"] {
- row-gap: 16px;
- width: auto;
-}
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="connectedAccountsColumn_"]+[class*="connectedAccountsColumn_"] {
- margin: 0;
-}
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="connectedAccountContainer_"] {
- margin: 0;
- padding: 0;
- border: none;
-}
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="connectedAccount_"] {
- position: relative;
- flex-direction: column;
- padding: 10px;
- transition: transform 0.1s;
-}
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="connectedAccount_"]:hover {
- transform: scale(1.04);
-}
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="connectedAccountIcon_"] {
- width: 45px;
- height: 45px;
-}
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="connectedAccountVerifiedIcon_"] {
- display: none;
-}
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="connectedAccountOpenIcon_"] {
- position: absolute;
- top: 0;
- left: 0;
- height: 100%;
- width: 100%;
- transform: none;
- color: transparent;
-}
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="connectedAccountIcon_"] + [class*="connectedAccountNameContainer_"]::before {
- content: "";
- position: absolute;
- border-radius: var(--radius-md);
- width: 100%;
- height: 100%;
- top: 0;
- left: 0;
- opacity: 0.5;
- z-index: -1;
-}
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="connectedAccountIcon_"] + [class*="connectedAccountNameContainer_"]::before {
- background-color: rgba(0, 0, 0, 0.3);
-}
-/* spotify */
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="connectedAccountIcon_"][src="/assets/eaeac24163b35f7526704a3d9b3c7722.svg"] + [class*="connectedAccountNameContainer_"]::before {
- background-color: #1ED760;
-}
-/* youtube */
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="connectedAccountIcon_"][src="/assets/57ee9535485efae7eb923ed4893abb57.svg"] + [class*="connectedAccountNameContainer_"]::before {
- background-color: #D9252A;
-}
-/* steam */
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="connectedAccountIcon_"][src="/assets/d897626dfa2016ea3ad0af935acb6070.svg"] + [class*="connectedAccountNameContainer_"]::before,
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="connectedAccountIcon_"][src="/assets/1f07067017f955a0cde4e994e945f417.svg"] + [class*="connectedAccountNameContainer_"]::before {
- background-color: #000000;
-}
-/* twitch */
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="connectedAccountIcon_"][src="/assets/ca71e0b8818221eea1deebbaf8dc6518.svg"] + [class*="connectedAccountNameContainer_"]::before {
- background-color: #553092;
-}
-/* reddit */
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="connectedAccountIcon_"][src="/assets/f3224f560c8f5974355596a4f7e9ce19.svg"] + [class*="connectedAccountNameContainer_"]::before {
- background-color: #FF4500;
-}
-/* xbox */
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="connectedAccountIcon_"][src="/assets/1fa6585cbb8c0fe21188e26d19fc6609.svg"] + [class*="connectedAccountNameContainer_"]::before,
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="connectedAccountIcon_"][src="/assets/cab5339904e625728f75e3b7bc32a347.svg"] + [class*="connectedAccountNameContainer_"]::before {
- background-color: #5DC21E;
-}
-/* github */
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="connectedAccountIcon_"][src="/assets/6a853b4c87fce386cbfef4a2efbacb09.svg"] + [class*="connectedAccountNameContainer_"]::before,
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="connectedAccountIcon_"][src="/assets/3ff98ad75ac94fa883af5ed62d17c459.svg"] + [class*="connectedAccountNameContainer_"]::before {
- background-color: #191717;
-}
-/* twitter */
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="connectedAccountIcon_"][src="/assets/85cf2b49d2a185c98ec8e383ad5a05d6.svg"] + [class*="connectedAccountNameContainer_"]::before {
- background-color: #1DA1F2;
-}
-/* battle.net */
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="connectedAccountIcon_"][src="/assets/37f15a06d062bdd0fc252d2b35d0b0bb.svg"] + [class*="connectedAccountNameContainer_"]::before {
- background-color: #009AE5;
-}
-/* skype */
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="connectedAccountIcon_"][src="/assets/316ed923548387f8983e28a3804e6712.svg"] + [class*="connectedAccountNameContainer_"]::before {
- background-color: #258ed4;
-}
-/* league of legends */
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="connectedAccountIcon_"][src="/assets/94dc6f30a819026fa295d85f1f72b4ab.svg"] + [class*="connectedAccountNameContainer_"]::before {
- background-color: #cea146;
-}
-/* facebook */
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="connectedAccountIcon_"][src="/assets/32045743cb7670855ae726743c949e0c.svg"] + [class*="connectedAccountNameContainer_"]::before {
- background-color: #2d35a8;
-}
-/* playstation */
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="connectedAccountIcon_"][src="/assets/7bab4490382024b0c8c29b5378eeaf8f.svg"] + [class*="connectedAccountNameContainer_"]::before,
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="connectedAccountIcon_"][src="/assets/8b20979429c0e2d40e0d620f939989cf.svg"] + [class*="connectedAccountNameContainer_"]::before {
- background-color: #0056ab;
-}
-/* crunchyroll */
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="connectedAccountIcon_"][src="/assets/a197fd38c7ef04d3996f5afadaef2593.svg"] + [class*="connectedAccountNameContainer_"]::before {
- background-color: #cc6621;
-}
-/* paypal */
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="connectedAccountIcon_"][src="/assets/cd538a7ff4cdd66dc377863e809c33bb.svg"] + [class*="connectedAccountNameContainer_"]::before {
- background-color: #0a4886;
-}
-
-/* activity */
-[class*="root_"] [class*="userProfileModalOuter_"] [class*="userProfileActivity_"] {
- padding: 0;
- width: 100%;
-}
-[class*="root_"] [class*="userProfileModalOuter_"] .headerContainer__2ec4e {
- background-color: var(--background-secondary);
- border-top-left-radius: var(--radius-md);
- border-top-right-radius: var(--radius-md);
- padding: 10px;
- margin: 0;
- width: calc(100% - 20px);
-}
-[class*="root_"] [class*="userProfileModalOuter_"] .userProfileInnerThemedWithBanner_d5f991 .headerContainer__2ec4e,
-[class*="root_"] [class*="userProfileModalOuter_"] .userProfileInnerThemedPremiumWithoutBanner__703b1 .headerContainer__2ec4e {
- background-color: rgba(0, 0, 0, 0.4);
-}
-[class*="root_"] [class*="userProfileModalOuter_"] .headerText__7d203 {
- font-size: 14px;
- font-weight: 600;
-}
-[class*="root_"] [class*="userProfileModalOuter_"] .body__7d340 {
- background-color: var(--background-tertiary);
- border-bottom-left-radius: var(--radius-md);
- border-bottom-right-radius: var(--radius-md);
- padding: 10px;
-}
-[class*="root_"] [class*="userProfileModalOuter_"] .userProfileInnerThemedWithBanner_d5f991 .body__7d340,
-[class*="root_"] [class*="userProfileModalOuter_"] .userProfileInnerThemedPremiumWithoutBanner__703b1 .body__7d340 {
- background-color: rgba(0, 0, 0, 0.6);
-}
-[class*="root_"] [class*="userProfileModalOuter_"] .assetsLargeImage_b88a59,
-[class*="root_"] [class*="userProfileModalOuter_"] .gameIcon__71e13 {
- border-radius: var(--radius-md);
-}
-[class*="root_"] [class*="userProfileModalOuter_"] .platformIcon__05c5e {
- top: 6px !important;
- right: 6px !important;
-}
-
-/* grid mutuals */
-[class*="root_"] [class*="userProfileModalOuter_"] .listScroller__92e1a {
- display: flex;
- flex-direction: row;
- align-items: flex-start;
- align-content: flex-start;
- flex-wrap: wrap;
- gap: 18.5px;
-}
-[class*="root_"] [class*="userProfileModalOuter_"] .listRow__60937 {
- background: none;
- padding: 0;
- margin: 0;
- transition: transform 0.1s;
-}
-[class*="root_"] [class*="userProfileModalOuter_"] .listRow__60937:hover {
- transform: scale(1.1);
-}
-[class*="root_"] [class*="userProfileModalOuter_"] .listAvatar__907d4,
-[class*="root_"] [class*="userProfileModalOuter_"] .listAvatar__907d4 foreignObject,
-[class*="root_"] [class*="userProfileModalOuter_"] .listAvatar__907d4 rect {
- border-radius: var(--avatar-radius);
- margin: 0;
- height: 50px !important;
- width: 50px !important;
-}
-[class*="root_"] [class*="userProfileModalOuter_"] .listRowContent_ba135a,
-[class*="root_"] [class*="userProfileModalOuter_"] .listName_dbd44a {
- display: none;
-}
-
-/* ----------------------------------------SETTINGS---------------------------------------- */
-
-/* settings sidebar */
-[class*="layers_"] [class*="layer_"] {
- transform: none !important;
- opacity: 1 !important;
-}
-[class*="layers_"] [class*="layer_"][class*="animating_"] * {
- pointer-events: auto !important;
-}
-[class*="layers_"] [class*="layer_"][class*="animating_"] [class*="standardSidebarView_"] {
- visibility: hidden;
-}
-[class*="layers_"] [class*="layer_"]:not([class*="baseLayer_"]) {
- background: none;
- pointer-events: none;
- margin: var(--spacing);
-}
-[class*="layers_"] [class*="standardSidebarView_"] {
- border-radius: var(--radius-lg);
- border: 1px solid rgba(0, 0, 0, 0.5);
- box-shadow: var(--elevation-high);
- left: unset;
- margin: var(--spacing);
- flex-direction: row-reverse;
- pointer-events: auto;
-}
-[class*="layers_"] [class*="standardSidebarView_"] [class*="contentRegion_"],
-[class*="layers_"] [class*="standardSidebarView_"] [class*="contentRegionScroller_"] {
- border-radius: var(--radius-lg);
-}
-[class*="layers_"] [class*="standardSidebarView_"] [class*="sidebarRegion_"],
-[class*="layers_"] [class*="standardSidebarView_"] [class*="sidebarRegionScroller_"] {
- border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
- flex: none;
-}
-.contentColumnDefault_c66386 {
- padding: 32px;
-}
-[class*="layers_"] [class*="standardSidebarView_"] [class*="sidebar_"] {
- padding: 16px;
- padding-right: 10px;
-}
-
-/* settings tabs */
-[class*="side_"] [class*="item_"] {
- transition: background-color 0.25s;
- border-radius: var(--radius-md);
-}
-[class*="side_"] [class*="tabBarItemContainer_"] {
- width: 100%;
-}
-
-/* simple switches */
-[class*="container_"][class*="checked_"] {
- background-color: var(--brand-experiment) !important;
-}
-[class*="slider_"] svg {
- display: none;
-}
-
-/* options blocks */
-div[role*=radiogroup] {
- background-color: var(--background-secondary);
- border-radius: var(--radius-md);
- padding: 16px;
-}
-div[role*=radiogroup] [class*="item_"] {
- background-color: var(--background-primary);
- border-radius: var(--radius-md);
- transition: background-color 0.25s;
-}
-div[role*=radiogroup] [class*="item_"][aria-checked=true] {
- background-color: var(--background-tertiary) !important;
-}
-[class*="radioIconForeground_"] {
- color: var(--brand-experiment);
-}
-
-/* toggle blocks */
-[class*="contentColumn_"] .container_c52416 {
- background-color: var(--background-secondary);
- border-radius: var(--radius-md);
- padding: 16px;
- margin: 10px 0;
-}
-[class*="contentColumn_"] [class*="container_"] [class*="divider_"] {
- display: none;
-}
-
-/* save changes dialog */
-.container__467eb {
- background-color: rgba(12, 14, 19, 0.8) !important;
- border-radius: var(--radius-md);
-}
-
-/* server boost screen */
-.perksModal-CLcR1c {
- background-color: var(--background-primary) !important;
-}
-.ctaBar-Nhk8yY,
-.tierWrapper-CsnudO,
-.perk-19D_HN,
-.wrapper_a24459,
-.tier_d180cf {
- border-radius: var(--radius-md);
-}
-.tierMarkerBackground-G8FoN4,
-.perk-19D_HN {
- background-color: var(--background-secondary) !important;
-}
-.tierMarker-Vw1C95,
-.barBackground-unEPDT {
- background-color: var(--background-tertiary) !important;
-}
-.tierHeader-wgo0w_ {
- background-color: var(--background-tertiary) !important;
- border-top-left-radius: var(--radius-md);
- border-top-right-radius: var(--radius-md);
-}
-.tierBody-3ju-rc {
- background-color: var(--background-secondary) !important;
- border-bottom-left-radius: var(--radius-md);
- border-bottom-right-radius: var(--radius-md);
-}
-
-/* emoji settings grid */
-.content_aa870b {
- background-color: var(--background-secondary);
- border-radius: var(--radius-md);
- margin-bottom: 20px;
-}
-.emojiTable_dd50d1 {
- display: none;
-}
-.emojiRow__4661c .emojiRowText__5e305 {
- display: none;
-}
-.emojiRow__4661c {
- display: inline-flex;
- width: 370px;
- box-shadow: none !important;
- padding-left: 16px;
-}
-.emojiRow__4661c .emojiImage__841ea {
- margin-right: 10px;
-}
-.emojiRow__4661c .avatar__970c7 {
- height: 32px !important;
- width: 32px !important;
- margin-left: 10px;
-}
-.emojiRow__4661c .emojiAliasInput_dd55f7 {
- width: 250px;
-}
-.emojiRow__4661c .input-2g-os5 {
- margin-top: 0.5px;
-}
-.emojiRow__4661c .emojiRemove_b299a6 {
- background-color: var(--background-tertiary);
- box-shadow: none;
- border-radius: var(--avatar-radius);
- top: 16px;
- right: 20px;
- height: 32px;
- width: 32px;
-}
-.emojiRow__4661c:hover .avatar__970c7 {
- opacity: 0;
-}
-.card_dc88cd:before {
- display: none;
-}
-
-/* stickers screen */
-.upsellContainer__12e24 {
- border-radius: var(--radius-md);
- margin-bottom: 20px;
-}
-.tier_d16770 {
- border-radius: var(--radius-md);
-}
-.tierHeader__5bf89 {
- background-color: var(--background-tertiary) !important;
- border-top-left-radius: var(--radius-md);
- border-top-right-radius: var(--radius-md);
-}
-.tierBody__615a1 {
- background-color: var(--background-secondary) !important;
- border-bottom-left-radius: var(--radius-md);
- border-bottom-right-radius: var(--radius-md);
-}
-.tierHeaderWithoutCardBody__1282a {
- border-radius: 0;
- border-top-left-radius: var(--radius-md);
- border-top-right-radius: var(--radius-md);
- margin-bottom: 0;
-}
-.grid_da1263 {
- background-color: var(--background-secondary);
- border-bottom-left-radius: var(--radius-md);
- border-bottom-right-radius: var(--radius-md);
- padding: 20px;
- grid-gap: 20px;
-}
-.wrapper__93f27 {
- background-color: var(--background-tertiary);
-}
-.wrapper__93f27:focus-within, .wrapper__93f27:hover {
- background-color: var(--background-modifier-hover);
-}
-.theme-dark .background__3dd67 {
- color: var(--background-tertiary);
-}
-.theme-dark .tierInProgress_f08e8b {
+[class*="drawerSizingWrapper_"] [class*="categorySection_"] [class*="wrapper_"]:not(.vc-dragging-wrapper) {
background-color: var(--background-tertiary);
+ border-radius: 0 24px 24px 0;
+ margin-left: -8px;
+ margin-bottom: 8px;
}
-
-/* role settings */
-.tableHeader__0200e .memberSpacing_f6f902 {
- margin-left: 46px;
-}
-.roleRow_c357d5 {
- background-color: var(--background-secondary);
- border-radius: var(--radius-md);
- height: 70px;
- margin: 10px 0;
- padding: 0 18px 0 0;
- padding-top: 1px;
- transition: background-color 0.1s;
-}
-.roleRow_c357d5:before,
-.roleRow_c357d5:after {
- display: none;
-}
-.dragIcon__003d3 {
- padding: 4px;
- flex: none;
-}
-.button_ddf91e {
- background-color: var(--background-primary);
- border-radius: var(--radius-md);
-}
-.contentWidth_b55791 {
- max-width: none;
- width: 640px;
- padding: 0;
- margin: auto;
-}
-.colorPickerSwatch__87597,
-.previewContainer_c7e80d,
-.previewContainer_d2b616 {
- border-radius: var(--radius-md) !important;
-}
-
-/* audit log */
-.customScroller_f72801>div {
- max-width: 740px;
- margin: 0 auto;
-}
-.customHeader__11c0b {
- padding-top: 20px;
-}
-.auditLog__6c805 {
- border-radius: var(--radius-md);
- border: none;
-}
-.header_e08fd2 {
- border-radius: var(--radius-md);
- background-color: var(--background-secondary) !important;
-}
-.headerExpanded__03c29 {
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
-}
-.changeDetails_ecd760 {
- border-bottom-left-radius: var(--radius-md);
- border-bottom-right-radius: var(--radius-md);
- background-color: var(--background-secondary) !important;
-}
-
-/* user management */
-.member-2cj2PI,
-.inviteSettingsInviteRow__0d747,
-.bannedUser_fb03db {
- background-color: var(--background-secondary);
- border-radius: var(--radius-md);
- box-shadow: none !important;
- height: 70px;
- margin: 10px 0;
- padding: 16px;
- transition: background-color 0.1s;
-}
-
-/* account settings card */
-[class*="accountProfileCard_"] {
- background: none;
- border-radius: var(--radius-md);
- z-index: 0;
-}
-[class*="accountProfileCard_"] [class*="bannerSVGWrapper_"] {
- position: absolute;
- min-height: 100% !important;
- min-width: 100% !important;
- z-index: -1;
-}
-[class*="accountProfileCard_"] [class*="bannerSVGWrapper_"] foreignObject {
- height: 236px;
- transform: translateY(-68px);
-}
-[class*="accountProfileCard_"] [class*="banner_"] {
- height: 100%;
- opacity: 0.5;
-}
-[class*="accountProfileCard_"] [class*="wrapper_"] {
- background: none;
- border: none;
- top: 16px;
-}
-[class*="accountProfileCard_"] [class*="profileCardUsernameRow_"] {
- margin-bottom: 4px;
-}
-[class*="accountProfileCard_"] [class*="userTag_"] {
- background-color: rgb(20, 23, 31, 0.75);
- border-radius: var(--radius-md);
- padding: 4px;
- margin: 0;
-}
-[class*="accountProfileCard_"] [class*="userInfo_"] {
- margin-bottom: 24px;
- height: auto;
-}
-[class*="accountProfileCard_"] [class*="containerWithContent_"] {
- justify-content: flex-start;
- padding: 0;
-}
-[class*="accountProfileCard_"] [class*="background_"] {
- background-color: rgb(20, 23, 31, 0.75);
- background: none;
- padding: 16px;
- margin: 0;
-}
-[class*="accountProfileCard_"] [class*="fieldList_"] {
- background: none;
- display: grid;
- grid-template-columns: 1fr 1fr;
- gap: 16px;
-}
-[class*="accountProfileCard_"] [class*="field_"] {
- position: relative;
- background-color: rgb(20, 23, 31, 0.75);
- border-radius: var(--radius-md);
- height: 110px;
- padding: 16px;
- margin: 0;
-}
-[class*="accountProfileCard_"] [class*="field_"] [class*="fieldButton_"] {
- background-color: var(--button-secondary-background) !important;
- position: absolute;
- bottom: 16px;
- margin: 0;
- transition: background-color 0.25s;
-}
-[class*="accountProfileCard_"] [class*="field_"] [class*="fieldButton_"]:hover {
- background-color: var(--button-secondary-background-hover) !important;
-}
-[class*="accountProfileCard_"] [class*="field_"] [class*="fieldButton_"]:nth-child(2) {
- left: 16px;
-}
-[class*="accountProfileCard_"] [class*="field_"] [class*="fieldButton_"]:nth-child(1) {
- right: 16px;
-}
-[class*="accountProfileCard_"] [class*="field_"] [class*="fieldButton_"] div {
- background-image: none;
-}
-
-/* authorized apps */
-[class*="authedApp_"] {
- background-color: var(--background-secondary);
- border-radius: var(--radius-md);
- border: none;
- margin-bottom: 16px;
-}
-
-/* devices */
-[class*="sessions_"] [class*="children_"] {
- margin-top: 16px;
-}
-[class*="otherSessions_"] {
- margin-top: 0;
-}
-[class*="session_"] {
- background-color: var(--background-secondary);
- border-radius: var(--radius-md);
- border: none;
- padding: 16px;
- margin-bottom: 16px;
-}
-[class*="sessionIcon_"] {
- border-radius: var(--radius-md);
-}
-
-/* connections */
-.connectContainer__8050b {
- background-color: var(--background-secondary);
- border-radius: var(--radius-md);
- padding: 16px;
-}
-.connectContainer__8050b .connectionsContainer_ec9a62 {
- justify-content: space-between;
-}
-.connectContainer__8050b .accountButton-234qAZ {
- margin: 0;
-}
-.connectContainer__8050b .accountButtonInner__80e3a {
- background-color: var(--background-primary);
- transition: background-color 0.25s;
-}
-.connectionsContainer-crWFPm .inner__51a43 {
- border-radius: var(--radius-md);
-}
-.connectionList__7b310 {
- grid-gap: 16px;
-}
-.connectionList__7b310 .connection_fff5f6 {
- border-radius: var(--radius-md);
- padding: 16px;
- margin-bottom: 0;
-}
-.connectionList__7b310 .connectionHeader__3c82d {
- background: none;
- padding: 0;
-}
-.connectionList__7b310 .connectionAccountValue__2ab34,
-.connectionList__7b310 .connectionAccountLabel_a71192 {
- margin-left: 10px;
-}
-.connectionList__7b310 .connectionDelete__988b5 {
- margin-right: 0;
-}
-.connectionList__7b310 .metadataContainer__7b316 {
- margin: 0;
- margin-top: 10px;
-}
-.connectionList__7b310 .connectionOptionsWrapper_abe849 {
- padding: 0;
- padding-top: 10px;
-}
-.connectionList__7b310 .connectionOptionSwitch_b4c979 {
- padding: 0;
-}
-
-/* registered games */
-.addGamePopout_e4ca8f {
- background-color: var(--background-tertiary) !important;
- border-radius: var(--radius-md);
- border: none;
-}
-.game__19f4b {
- background-color: var(--background-secondary);
- border-radius: var(--radius-md);
- box-shadow: none !important;
- margin-top: 16px;
- padding: 16px;
-}
-
-/* ----------------------------------------CLIENT MODS---------------------------------------- */
-
-/* BD settings cards */
-.bd-controls+.bd-addon-list {
- margin-top: 16px;
-}
-.bd-addon-list .bd-addon-card {
- border-radius: 4px 24px 24px 4px !important;
- border-left: 4px solid #7289da;
- margin: 0 0 16px 0;
- padding: 16px;
-}
-.bd-addon-list .bd-addon-header {
- background-color: var(--background-secondary);
- padding: 0;
- font-size: 16px;
-}
-.bd-description-wrap {
- padding: 10px 0px;
-}
-.bd-addon-list .bd-description {
- margin-bottom: 0;
- padding: 0;
-}
-.bd-addon-list .bd-footer {
- padding: 0;
-}
-.bd-controls .bd-addon-button {
- border-radius: 0px;
-}
-.bd-controls > .bd-addon-button:first-of-type {
- border-radius: 20px 0 0 20px;
-}
-.bd-controls > .bd-addon-button:last-of-type {
- border-radius: 0 20px 20px 0;
-}
-.bd-switch-symbol {
- display: none;
-}
-
-/* Vencord */
-.vc-notification-root {
- border-radius: var(--radius-md) !important;
- min-height: 0 !important;
-}
-.vc-notification {
- padding: 16px !important;
-}
-
-/* Vencord plugin cards */
-.vc-addon-card {
- background-color: var(--background-secondary) !important;
- border-radius: 4px 24px 24px 4px !important;
- border-left: 4px solid #7289da !important;
- padding: 16px !important;
-}
-.vc-addon-card:hover {
- transform: none !important;
- box-shadow: none !important;
-}
-.vc-addon-card .container-1zDvAE {
- background: none !important;
- padding: 0 !important;
- margin: 0 !important;
-}
-.vc-addon-card .container-1zDvAE .note-2C4pGr {
- margin-top: 10px;
-}
-
-/* shelter plugin cards */
-[class*="_plugin_"] {
- background-color: var(--background-secondary);
- border-radius: 4px 24px 24px 4px !important;
- border: none !important;
- border-left: 4px solid #7289da !important;
- margin: 16px 0 !important;
- padding: 16px !important;
-}
-[class*="_row_"] {
- align-items: unset !important;
- padding-bottom: 10px;
+[class*="drawerSizingWrapper_"] [class*="categorySection_"] [class*="wrapper_"]:after {
+ display: none;
+}
+[class*="drawerSizingWrapper_"] [class*="categorySection_"] [class*="header_"] {
+ width: 100%;
+ padding: 0 8px;
}
-[class*="_desc_"] {
- font-size: 14px !important;
+[class*="drawerSizingWrapper_"] [class*="categorySection_"] [class*="headerLabel_"] {
+ flex-grow: 1;
}
-/* shelter modals */
-[class*="_modal_"] {
- background-color: var(--background-primary) !important;
- border-radius: var(--radius-md) !important;
+/* minimal search bar */
+[class*="upperContainer_"] [class*="search_"] {
+ order: -1;
}
-[class*="_body_"] {
- padding: 0 16px !important;
+[class*="upperContainer_"] [class*="searchBar_"] {
+ background: none;
}
-[class*="_tbox_"] {
- background-color: var(--background-tertiary) !important;
- border-radius: var(--radius-md) !important;
+[class*="upperContainer_"] [class*="searchBar_"]:not(:has([class*="clear_"])) {
+ width: 24px;
}
-[class*="_sitem_"]:last-child div {
- border: none !important;
- margin-top: 0 !important;
+[class*="upperContainer_"] [class*="searchBar_"]:focus-within {
+ width: 240px;
}
-[class*="_foot_"] {
- background-color: var(--background-tertiary) !important;
- border-radius: 0 0 var(--radius-md) var(--radius-md) !important;
+[class*="upperContainer_"] [class*="searchBar_"] .DraftEditor-root {
+ background-color: var(--background-tertiary);
+ border-radius: var(--radius-xs);
}
-[class*="_foot_"] button {
- border-radius: var(--radius-md) !important;
+[class*="upperContainer_"] [class*="searchBar_"] [class*="iconContainer_"] {
+ width: 24px;
+ height: 24px;
+ cursor: pointer;
+ transition: 0.1s;
+}
+[class*="upperContainer_"] [class*="searchBar_"]:hover [class*="iconContainer_"],
+[class*="upperContainer_"] [class*="searchBar_"]:focus-within [class*="iconContainer_"],
+[class*="upperContainer_"] [class*="searchBar_"]:has([class*="clear_"]) [class*="iconContainer_"] {
+ width: 18px;
+ height: 18px;
}
-/* ----------------------------------------PLUGIN SUPPORT---------------------------------------- */
-
-/* --------------------Better Discord-------------------- */
+/* wrapping channel topic */
+[class*="upperContainer_"] [class*="topic_"] {
+ white-space: normal;
+ line-height: 16px;
+}
-/* Permission Viewer */
-#permissions-modal-wrapper #permissions-modal {
- border-radius: var(--radius-md);
- height: 100%;
+/* bubble message actions */
+[class*="messageListItem_"] [class*="message_"] [class*="buttonContainer_"] [class*="wrapper_"] {
+ background: none;
+ box-shadow: none !important;
+ column-gap: 4px;
}
-#permissions-modal-wrapper .header {
- background-color: var(--background-tertiary);
- box-shadow: none;
+[class*="messageListItem_"] [class*="message_"] [class*="buttonContainer_"] [class*="button_"] {
+ background-color: var(--background-secondary-alt);
+ border-radius: var(--radius-sm);
}
-#permissions-modal-wrapper .role-side {
- background-color: var(--background-secondary);
+
+/* message list */
+[class*="messageListItem_"] [class*="message_"] {
+ border-top-right-radius: var(--radius-sm);
+ border-bottom-right-radius: var(--radius-sm);
}
-#permissions-modal-wrapper .role-item {
- border-radius: var(--radius-md);
- transition: background-color 0.25s;
+[class*="messageListItem_"] [class*="replying_"]:hover,
+[class*="messageListItem_"] [class*="replying_"][class*="selected_"] {
+ background: var(--background-message-highlight) !important;
}
-#permissions-modal-wrapper .perm-side {
- background-color: var(--background-primary);
+
+/* solid replied bar */
+[class*="repliedMessage_"] {
+ background-color: var(--background-secondary-alt);
+ border-radius: var(--radius-sm);
+ padding: 4px 6px;
+ transition: background-color 0.1s;
+ width: fit-content;
+ max-width: 45vw;
}
-#permissions-modal-wrapper .perm-scroller::-webkit-scrollbar-track {
- margin-bottom: 4px;
+[class*="repliedMessage_"]::before {
+ border-color: var(--background-secondary-alt);
+ margin-right: 0;
+ margin-bottom: -6px;
}
-.member-perms .member-perm .perm-circle {
- width: 8px;
- height: 8px;
+[class*="replyAvatar_"] {
+ border-radius: var(--avatar-radius);
}
-/* PinnedMessageIcons */
-[class*="message_"].pinned-message:not([class*="mentioned_"]):not([class*="replying_"])::after {
- content: "";
- position: absolute;
- left: 0px;
- right: 0px;
- top: 0px;
- bottom: 0px;
- background-color: white;
- opacity: 0.04;
- border-top-right-radius: var(--radius-md);
- border-bottom-right-radius: var(--radius-md);
- z-index: -1;
+/* full edited text */
+[class*="timestamp_"]:not([class*="timestampInline_"], [class*="timestampVisibleOnHover_"]) time::after {
+ content: "(" attr(aria-label) ")";
+ color: var(--text-muted);
+ font-size: 0.625rem;
+ font-weight: 400;
+ line-height: 1;
+ text-transform: lowercase;
}
-[class*="message_"].pinned-message:not([class*="mentioned_"]):not([class*="replying_"])::before {
- content: "";
- position: absolute;
- left: 0px;
- top: 0px;
- bottom: 0px;
- width: 2px;
- background: var(--channels-default);
+[class*="timestamp_"] [class*="edited_"] {
+ display: none;
}
-/* VoiceActivity */
-.VoiceActivity-voicepopoutsection-popoutSection {
- margin-bottom: 10px;
-}
-.VoiceActivity-voicepopoutsection-popoutSection .VoiceActivity-voicepopoutsection-header {
- background-color: var(--background-primary);
- padding: 8px 10px;
- margin: 0;
- border-top-left-radius: var(--radius-md);
- border-top-right-radius: var(--radius-md);
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- padding-left: 10px;
- font-size: 14px;
- font-weight: 600;
+/* bold date seperator */
+[class*="divider_"] [class*="content_"] {
+ background: var(--background-secondary-alt);
color: white;
+ font-weight: 500;
+ padding: 4px;
}
-.VoiceActivity-voicepopoutsection-popoutSection .VoiceActivity-voicepopoutsection-body {
- background-color: var(--background-secondary);
- padding: 10px;
-}
-.VoiceActivity-guildimage-defaultIcon {
- border-radius: var(--radius-md) !important;
-}
-.VoiceActivity-voicepopoutsection-popoutSection .VoiceActivity-voicepopoutsection-buttonWrapper {
- background-color: var(--background-secondary);
- border-bottom-left-radius: var(--radius-md);
- border-bottom-right-radius: var(--radius-md);
- padding: 8px 10px;
- margin: 0;
-}
-.VoiceActivity-voicepopoutsection-popoutSection .VoiceActivity-voicepopoutsection-buttonWrapper .VoiceActivity-voicepopoutsection-button {
- border-radius: var(--radius-md);
+
+/* link embeds */
+[class*="embedFull_"] {
+ border: none;
+ border-radius: var(--radius-sm);
+ margin-left: 10px;
}
-.VoiceActivity-modalactivityitem-modalActivity {
- width: 100%;
- padding: 10px;
+[class*="embedFull_"]:after {
+ content: "";
+ position: absolute;
+ border: 3px solid;
+ border-color: inherit;
+ border-radius: 24px;
+ top: 1px;
+ bottom: 1px;
+ left: -10px;
}
-.VoiceActivity-modalactivityitem-modalActivity .VoiceActivity-modalactivityitem-header {
- font-size: 14px;
- font-weight: 600;
+[class*="embedFull_"] [class*="grid_"] {
+ border: 1px solid var(--background-secondary-alt);
+ border-radius: var(--radius-sm);
}
-/* BetterFormattingRedux */
-.bf-toolbar {
- margin-right:50px !important;
+/* audio embeds */
+[class*="wrapperAudio_"],
+[class*="wrapperAudio_"][class*="newMosaicStyle_"] {
+ padding: 0;
}
-.bf-toolbar::before {
- background-color: var(--background-secondary) !important;
- border-radius: var(--radius-md) !important;
+[class*="wrapperAudio_"] [class*="audioMetadata_"] {
+ padding: 16px;
}
-.bf-toolbar .format {
- border-radius: var(--radius-md) !important;
- transition: 0.25s !important;
+[class*="wrapperAudio_"] [class*="audioMetadata_"]::before {
+ height: 32px;
}
-.bf-toolbar .format:hover {
- background-color: var(--background-tertiary) !important;
+[class*="wrapperAudio_"] [class*="audioControls_"] {
+ border-radius: 0 0 var(--radius-sm) var(--radius-sm);
+ width: auto;
+ margin-top: 0;
+ padding: 0 8px;
}
-/* ChannelTabs */
-#channelTabs-container {
- display: grid;
- grid-template-columns: 1fr auto;
- align-items: center;
- padding: var(--spacing) var(--spacing) 0 !important;
- z-index: 1 !important;
+/* emoji/sticker tooltips */
+[class*="popoutContainer_"] {
+ max-width: 232px;
}
-#channelTabs-settingsMenu {
- position: relative !important;
- order: 1;
- border-radius: var(--avatar-radius);
- width: 24px !important;
- height: 24px !important;
- transition: 0.25s;
+[class*="popoutContainer_"] [class*="emojiSection_"] {
+ flex-direction: column;
+ align-items: center;
}
-#channelTabs-settingsMenu:hover {
- background-color: var(--background-secondary) !important;
+[class*="popoutContainer_"] [class*="emojiSection_"] [class*="flex_"] {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ text-align: center;
}
-.channelTabs-settingsIcon {
- height: 18px;
- width: 18px;
- top: 3px !important;
- left: 2px !important;
- transform: none !important;
+[class*="popoutContainer_"] [class*="emojiSection_"] .emoji {
+ width: 150px !important;
+ height: 150px !important;
+ margin-bottom: 16px;
}
-.channelTabs-tab {
- border-radius: var(--radius-md) !important;
- margin-bottom: 0 !important;
- margin-right: var(--spacing);
- transition: 0.25s;
+[class*="popoutContainer_"] [class*="emojiSection_"] [class*="assetWrapper_"] {
+ width: 200px !important;
+ height: 200px !important;
+ margin-bottom: 16px;
}
-.channelTabs-tab:hover {
- background-color: var(--background-secondary) !important;
+
+/* reaction tooltip */
+[class*="reactionTooltipInner_"] {
+ display: block;
+ text-align: center;
+ max-width: 150px;
}
-.channelTabs-tab.channelTabs-selected {
- background-color: var(--background-primary) !important;
+[class*="reactionTooltipEmoji_"] {
+ height: 100px !important;
+ width: 100px !important;
+ margin-bottom: 16px;
}
-.channelTabs-tabIcon {
- border-radius: var(--avatar-radius) !important;
+
+/* ----------------------------------------USER POPOUTS---------------------------------------- */
+
+/* no user border */
+[class*="userProfileInnerThemedNonPremium_"] [class*="overlayBackground_"] {
+ background-color: var(--background-secondary);
}
-.channelTabs-tabIconWrapper img[src*="com/avatars/"] {
- clip-path: inset(0px round var(--avatar-radius)) !important;
+[class*="userProfileOuterThemed_"][class*="userPopoutOuter_"],
+[class*="userProfileOuterThemed_"][class*="userProfileModalOuter_"] {
+ padding: 0;
}
-.channelTabs-tabIconWrapper rect {
- rx: var(--avatar-radius) !important;
- ry: var(--avatar-radius) !important;
+[class*="userProfileOuterThemed_"] [class*="userPopoutInner_"]:before,
+[class*="userProfileOuterThemed_"] [class*="userProfileModalInner_"]:before {
+ height: 100%;
+ width: 100%;
}
-.channelTabs-tab>div:first-child {
- width: calc(100% - 22px) !important;
+
+/* no avatar hint */
+[class*="userPopoutInner_"] [class*="bannerSVGWrapper_"] mask circle {
+ fill: none;
}
-.channelTabs-closeTab {
- border-radius: var(--avatar-radius) !important;
- margin-left: var(--spacing);
- transition: 0.25s;
+[class*="userPopoutInner_"] [class*="avatarHintInner_"] {
+ display: none;
}
-.channelTabs-tabNav {
- margin: 0 !important;
+
+/* filled role colors */
+[class*="roles_"] [class*="role_"] {
+ transform: translate(0);
+ overflow: hidden;
+ border: none;
+ border-left: 3px solid;
+ border-radius: 3px var(--radius-xs) var(--radius-xs) 3px;
}
-.channelTabs-tabNav>div,
-.channelTabs-newTab {
- border-radius: var(--avatar-radius) !important;
- height: 24px !important;
- width: 24px !important;
- margin: 0 !important;
- margin-right: var(--spacing) !important;
- transition: 0.25s;
+[class*="roles_"] [class*="role_"] [class*="roleCircle_"] {
+ width: 8px;
+ height: 8px;
+ margin-left: 2px;
}
-.channelTabs-tabNav>div:hover,
-.channelTabs-newTab:hover {
- background-color: var(--background-secondary) !important;
+[class*="roles_"] [class*="role_"] [class*="roleCircle_"]::after {
+ content: "";
+ position: absolute;
+ background: inherit;
+ opacity: 0.15;
+ width: 100%;
+ height: 100%;
+ left: 0;
}
-
-/* --------------------Vencord-------------------- */
-
-/* MessageLogger */
-.messagelogger-deleted {
- border-top-right-radius: var(--radius-md);
- border-bottom-right-radius: var(--radius-md);
+[class*="roles_"] [class*="role_"] [class*="roleRemoveButton_"] {
+ position: static;
}
-.messagelogger-deleted [class*="mentioned_"]::before {
+[class*="roles_"] [class*="role_"] [class*="roleRemoveIcon_"] {
background-color: var(--status-danger);
+ border-radius: 50%;
+ left: 8px;
+ cursor: pointer;
+ transition: opacity 1s;
}
-.messagelogger-edited {
- filter: brightness(60%) !important;
+
+/* filled role selection colors */
+[class*="container_"] [class*="combobox_"] [class*="item_"] {
+ position: relative;
}
-.messagelogger-edited [class*="timestamp_"] time::after {
- display: none;
+[class*="container_"] [class*="combobox_"] [class*="item_"] [class*="roleCircle_"]::after {
+ position: absolute;
+ content: "";
+ background: inherit;
+ border-radius: var(--radius-xs);
+ left: 0;
+ width: 100%;
+ height: 100%;
+ opacity: 0.25;
}
-/* ReviewDB */
-[class*="userPopoutInner_"] .vc-rdb-placeholder {
- padding: 10px;
- margin: 0 !important;
+/* ----------------------------------------USER MODALS---------------------------------------- */
+
+
+
+/* ----------------------------------------SETTINGS---------------------------------------- */
+
+/* settings sidebar */
+[class*="layers_"] [class*="layer_"] {
+ transform: none !important;
+ opacity: 1 !important;
}
-[class*="userPopoutInner_"] .vc-rdb-view {
- background-color: var(--background-secondary);
+[class*="layers_"] [class*="layer_"]:not([class*="baseLayer_"]) {
+ background: none;
+ pointer-events: none;
}
-[class*="userProfileInnerThemedWithBanner_"] .vc-rdb-view,
-[class*="userProfileInnerThemedPremiumWithoutBanner_"] .vc-rdb-view {
- background-color: rgba(0, 0, 0, 0.6);
+[class*="layer_"][aria-hidden="false"] + [class*="layer_"][aria-hidden="false"] {
+ display: none;
}
-[class*="userPopoutInner_"] .vc-rdb-view [class*="message_"] {
- border-radius: 0;
- padding-top: 10px;
- padding-bottom: 10px;
- padding-left: 60px !important;
- padding-right: 10px !important;
+[class*="layers_"] [class*="layer_"][class*="animating_"] * {
+ pointer-events: auto !important;
}
-[class*="userPopoutInner_"] .vc-rdb-view [class*="messageContent_"] {
- margin-top: 0 !important;
- margin-bottom: 0 !important;
+[class*="layers_"] [class*="standardSidebarView_"] {
+ left: unset;
+ flex-direction: row-reverse;
+ pointer-events: auto;
+ opacity: 1 !important
}
-[class*="userPopoutInner_"] .vc-rdb-view [class*="avatar_"] {
- margin-top: 0;
- margin-left: 10px !important;
+[class*="layers_"] [class*="standardSidebarView_"] [class*="sidebar_"] {
+ padding: 16px;
+ padding-right: 8px;
}
-[class*="userPopoutInner_"] .vc-rdb-input {
- background-color: var(--background-secondary) !important;
- border-radius: 0 0 var(--radius-md) var(--radius-md) !important;
- border: none !important;
- border-top: 1px solid var(--background-modifier-accent) !important;
- margin-top: 0 !important;
- margin-bottom: 0 !important;
+[class*="layers_"] [class*="standardSidebarView_"] [class*="contentRegion_"],
+[class*="layers_"] [class*="standardSidebarView_"] [class*="contentRegionScroller_"] {
+ border-radius: var(--radius-sm) 0 0 var(--radius-sm);
}
-[class*="userProfileInnerThemedWithBanner_"] .vc-rdb-input,
-[class*="userProfileInnerThemedPremiumWithoutBanner_"] .vc-rdb-input {
- background-color: rgba(0, 0, 0, 0.6) !important;
+[class*="layers_"] [class*="standardSidebarView_"] [class*="contentColumn_"] {
+ width: 740px;
+ padding: 32px;
}
-
-/* PronounDB */
-[class*="userPopoutInner_"] [class*="text-md-normal_"] {
- background: none;
- border-bottom-left-radius: var(--radius-md);
- border-bottom-right-radius: var(--radius-md);
- padding: 10px;
+[class*="layers_"] [class*="standardSidebarView_"] [class*="toolsContainer_"] {
+ position: absolute;
+ z-index: -1;
}
-
-/* BetterFolders */
-.vc-bf-folder-sidebar {
- margin-right: var(--spacing);
+[class*="layers_"] [class*="standardSidebarView_"] [class*="toolsContainer_"] [class*="tools_"],
+[class*="layers_"] [class*="standardSidebarView_"] [class*="toolsContainer_"] [class*="closeButton_"] {
+ background: rgba(0, 0, 0, 0.5);
+ border-radius: 0;
+ position: fixed;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
}
-.vc-bf-folder-sidebar [class*="scroller_"] {
- margin-bottom: var(--spacing);
+[class*="layers_"] [class*="standardSidebarView_"] [class*="toolsContainer_"] [class*="closeButton_"],
+[class*="layers_"] [class*="standardSidebarView_"] [class*="toolsContainer_"] [class*="keybind_"] {
+ color: transparent !important;
}
-/* USRBG */
-[class*="userPopoutOuter_"] [class*="NonPremium_"]:has([class*="bannerPremium_"]) [class*="avatarPositionNormal_"],
-[class*="userPopoutOuter_"] [class*="PremiumWithoutBanner_"]:has([class*="bannerPremium_"]) [class*="avatarPositionPremiumNoBanner_"] {
- top: 20px !important;
-}
-[class*="userPopoutOuter_"] [class*="NonPremium_"]:has([class*="bannerPremium_"]) [class*="bannerSVGWrapper_"] foreignObject,
-[class*="userPopoutOuter_"] [class*="PremiumWithoutBanner_"]:has([class*="bannerPremium_"]) [class*="bannerSVGWrapper_"] foreignObject {
- transform: translateY(-8px);
- height: 136px !important;
-}
-[class*="root_"] [class*="userProfileInnerThemedNonPremium_"]:has([class*="bannerPremium_"]) [class*="bannerSVGWrapper_"] foreignObject,
-[class*="root_"] [class*="userProfileInnerThemedPremiumWithoutBanner_"]:has([class*="profileBannerPremium_"]) [class*="bannerSVGWrapper_"] foreignObject {
- height: 406px;
- transform: translateY(-98px);
+/* clean toggles */
+[class*="control_"] [class*="container_"] [class*="slider_"] svg {
+ display: none;
}
+/* ----------------------------------------VENCORD---------------------------------------- */
+
/* MoreUserTags */
+span[data-tag="webhook"] {
+ background-color: dimgray;
+ color: white;
+}
span[data-tag="owner"] {
- background-color: #ffd700; /* gold */
+ background-color: gold;
color: black;
}
span[data-tag="admin"] {
- background-color: #1e90ff; /* dodger blue */
+ background-color: royalblue;
color: white;
}
span[data-tag="staff"] {
- background-color: #cd7f32; /* bronze */
+ background-color: darkslateblue;
color: white;
}
-span[data-tag="mod"] {
- background-color: #008000; /* green */
+span[data-tag="mod"],
+span[data-tag="vc mod"],
+span[data-tag="chat mod"] {
+ background-color: green;
color: white;
}
-span[data-tag="vc mod"] {
- background-color: #c0c0c0; /* grey */
- color: black;
-}
-/* BannersEverywhere */
-.vc-banners-everywhere-memberlist {
- border-radius: var(--radius-md);
- -webkit-mask-image: linear-gradient(to right, transparent 20%, #fff, #fff, transparent 95%);
- mask-image: linear-gradient(to right, transparent 20%, #fff, #fff, transparent 95%);
- width: 100%;
- opacity: 0.2;
-}
+/* ----------------------------------------to be added or removed---------------------------------------- */
-/* --------------------Shelter-------------------- */
+/*call dock*
+#app-mount .wrapper__3f3a7,
+#app-mount .bottomControls__8bd89 .justifyCenter__4080c {
+ background-color: var(--background-secondary);
+ border-radius: 20px;
+ transition: background-color 0.25s;
+}
+#app-mount .wrapper__3f3a7:hover,
+#app-mount .bottomControls__8bd89 .justifyCenter__4080c:hover {
+ background-color: var(--background-tertiary);
+}
+#app-mount .colorable_c84c4c {
+ background: none;
+}
+#app-mount .colorable_c84c4c.red_a51ba8 .centerIcon__6075a {
+ color: var(--status-danger);
+}
+#app-mount .colorable_c84c4c .centerIcon__6075a {
+ color: white;
+}
+#app-mount .contextMenuNub__7c02f {
+ background-color: var(--background-modifier-active);
+}
+#app-mount .topControls_d202b0 .title_b7d661 {
+ background: none;
+}
+#app-mount .joinButton__4bf9a {
+ display: none;
+}
-/* Snazzy Shelter */
-.ysink_stain_tabbar {
- padding: 10px 0 !important;
+/* offline mode *
+.container__4bde3 {
+ background: transparent;
+ pointer-events: none;
}
-.ysink_stain_input, .ysink_stain_searchbar,
-.ysink_stain_search_row .ysink_stain_dropdown {
- background-color: var(--background-tertiary) !important;
- border-radius: var(--radius-md);
- padding: 8px;
+.container__4bde3 .anchor-1MIwyf {
+ pointer-events: auto;
+}
+.container__4bde3 .content__0e954 .text__32559 {
+ display:none;
}
-.ysink_stain_card {
- background-color: var(--background-secondary) !important;
- border-radius: 5px 24px 24px 5px !important;
- border: none !important;
- border-left: 4px solid #7289da !important;
- margin: 16px 0 !important;
- padding: 16px !important;
+.links_ab4aa2:before {
+ display: none;
+}
+.container__4bde3 .ready__61f2f {
+ position: absolute;
+ bottom: 12px;
+ right: 28px;
+ z-index: 1;
}
-.ysink_stain_card .ysink_stain_tmedia,
-.ysink_stain_card .ysink_stain_tmedia * {
+.container__4bde3 .problems__755eb {
+ padding: 10px 15px;
+ padding-top: 120px;
+ bottom: 6px;
+ left: unset;
+ right: 6px;
+ background-color: var(--background-tertiary);
border-radius: var(--radius-md);
+ box-shadow: var(--elevation-high);
}
\ No newline at end of file