diff --git a/modular/base.css b/modular/base.css index 85e8367..9ffff77 100644 --- a/modular/base.css +++ b/modular/base.css @@ -1,276 +1,73 @@ -[class^="appMount-"], -[class^="bg-"], -[class^="layers-"] > [class^="layer-"], -[class^="app-"] { - background-color: transparent !important; +#splash { + background-color: var(--primary, var(--background-primary)); } -html:not(.overlay) body { - background-color: transparent !important; -} - -[class^="menu-"] [class^="item-"]:active, -[class^="menu-"] [class^="item-"][class*="focused-"], -[class*="lookFilled-"][class*="colorBrand-"]:not([class*="buttonColor-"]), -[class*="lookFilled-"][class*="colorBrandNew-"]:not([class*="buttonColor-"]), -[style*="background-color: rgb(114, 137, 218)"]:not([class*="swatch-"]), -[class^="slider-"] [class^="bar-"] [class^="barFill-"], -[class^="control-"] - [class^="container-"][style*="background-color: rgb(67, 181, 129);"] { - background-color: var(--accent, var(--brand-new-500)) !important; -} - -[style*="border-color: rgb(114, 137, 218)"], -[class*="lookOutlined-"][class*="colorBrand-"] { - border-color: var(--accent, var(--brand-new-500)) !important; -} - -[class*="lookOutlined-"][class*="colorBrand-"], -[class*="colorDefault-"]:not([class*="focused-"]) [class^="checkbox-"], -[class*="colorDefault-"]:not([class*="focused-"]) [class^="radioSelection-"], -[class*="colorDefault-"][class*="focused-"] [class^="check-"] { - color: var(--accent, var(--brand-new-500)) !important; -} - -[class*="mentioned-"]:before { - background-color: var(--accent, var(--brand-new-500)); -} - -[class^="slider-"] [class^="bar-"], -[class^="control-"] - [class^="container-"][style*="background-color: rgb(114, 118, 125);"] { - background-color: var(--background-secondary) !important; -} +/* i have no idea what half of these are for anymore */ +/* most of them are probably now-redundant color fixes */ +/* others are things i dont feel like need a toggle at the current moment */ [class^="container-"] > [class^="slider-"] > svg { display: none; } -[class^="autocomplete-"] { - border: none !important; - background-color: var(--background-floating) !important; - box-shadow: 0 2px 5px 0 var(--background-secondary) !important; -} - -[class^="autocomplete-"] [class*="selectorSelected-"], -[class^="autocomplete-"] [class*="autocompleteRow-"] [class*="selected-"] { - background-color: var(--background-secondary) !important; -} - -[class*="autocompleteRowHeading-"] { - font-size: 14px !important; -} - -[class^="autocomplete-"] [class*="categoryHeader-"] { - background-color: var(--background-floating) !important; -} - -[class*="avatarSpeaking-"], -[class^="avatar-"][class*="speaking-"] { - box-shadow: 0 0 0 2px var(--status-online), - 0 0 0 3px var(--background-secondary) !important; -} - -[class^="voiceUsers-"] [class^="avatarContainer-"] { - overflow: visible; -} - -[class^="peopleColumn-"] { - background: var(--background-primary); -} - -[class^="itemCard-"] [class*="inset-"] { - background-color: var(--background-primary) !important; -} - -[class*="outer-"][class*="interactive-"]:hover { - background-color: var(--background-modifier-hover) !important; -} - -[class^="base-"] > [class^="content-"] > [class^="container-"] { - background: var(--background-primary); -} - -.mention[class*="wrapper-"] { - color: var(--accent, var(--brand-new-500)); - background: rgba(var(--accent-rgb), 0.1); -} - -.mention[class*="wrapper-"]:hover { - color: #ffffff; - background: var(--accent, var(--brand-new-500)); -} - -[class*="mentioned-"] .mention.interactive:hover { - color: var(--accent, var(--brand-new-500)) !important; -} - -[class^="mediaBarGrabber-"], -[class^="mediaBarProgress-"], -[class^="mediaBarProgress-"]:after, -[class^="mediaBarProgress-"]:before { - background-color: var(--accent, var(--brand-new-500)) !important; -} - -[class^="reaction-"] { - background-color: var(--background-secondary); - border: none; - border-radius: 4px !important; -} - -[class^="reaction-"]:hover, -[class^="reaction-"][class*="reactionMe-"] { - background-color: var(--highlight, var(--primary-dark-500)); -} - -[class^="reaction-"][class*="reactionMe-"] [class*="reactionCount-"], -[class^="reaction-"]:hover [class*="reactionCount-"] { - color: var(--_color15, var(--white-500)); -} - -[class^="reaction-"] [class*="reactionCount-"] { - color: var(--text, var(--text-normal)); -} - -[class^="uploadModal-"], -[class^="uploadModal-"] [class^="footer-"], -[class^="layerContainer-"] - [class^="layer-"] - [class^="focusLock-"] - [class^="container-"] - [class*="footer-"], -[class^="layerContainer-"] - [class^="layer-"] - [class^="focusLock-"] - [class*="modalSize-"], -[class^="layerContainer-"] - [class^="layer-"] - [class^="focusLock-"] - [class*="modalSize-"] - [class*="footer-"], -[class^="layerContainer-"] - [class^="layer-"] - [class^="focusLock-"] - [class*="modalRoot-"], -[class^="layerContainer-"] - [class^="layer-"] - [class^="focusLock-"] - [class*="modalRoot-"] - [class*="footer-"] { - background-color: var(--background-primary) !important; -} - -[class^="uploadModal-"] [class^="footer-"], -[class^="layerContainer-"] - [class^="layer-"] - [class^="focusLock-"] - [class^="container-"] - [class*="footer-"] { - box-shadow: none; -} - -/* Channel icons */ -[class^="containerDefault-"] [class*="modeUnread-"] svg[class^="icon-"], -[class^="containerDefault-"]:not(:hover) - [class*="modeUnread-"] - [class^="name-"] { - color: var(--accent, var(--brand-new-500)); -} -[class^="containerDefault-"] [class*="modeUnread-"] [class^="unread-"] { - background-color: var(--accent, var(--brand-new-500)); -} - -[class^="containerDefault-"] - [class*="iconVisibility-"]:hover - svg[class^="icon-"], -[class^="containerDefault-"] [class*="iconVisibility-"]:hover [class^="name-"], -[class^="wrapper-"]:hover - > [class^="content-"] - > [class^="mainContent-"] - > [class^="iconContainer-"] - > svg[class^="icon-"] { - color: var(--interactive-hover) !important; -} - -/* Status colors */ -rect[fill="#43b581"], -path[fill="#43b581"], -rect[fill="#3ba55c"], -path[fill="#3ba55c"], -rect[fill="rgba(67, 181, 129, 1)"], -rect[fill="rgba(59, 165, 92, 1)"], -rect[mask="url(#svg-mask-status-online)"][fill="#ffffff"], -rect[mask="url(#svg-mask-status-online-mobile)"][fill="#ffffff"], -rect[fill="hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%)"], -path[fill="hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%)"] { - fill: var(--status-online); -} - -rect[fill="#faa61a"], -path[fill="#faa61a"], -rect[fill="rgba(250, 166, 26, 1)"], -rect[mask="url(#svg-mask-status-idle)"][fill="#ffffff"], -rect[mask="url(#svg-mask-status-idle-mobile)"][fill="#ffffff"], -rect[fill="hsl(38, calc(var(--saturation-factor, 1) * 95.7%), 54.1%)"], -path[fill="hsl(38, calc(var(--saturation-factor, 1) * 95.7%), 54.1%)"] { - fill: var(--status-idle); -} - -rect[fill="#f04747"], -path[fill="#f04747"], -rect[fill="#ed4245"], -path[fill="#ed4245"], -rect[fill="rgba(240, 71, 71, 1)"], -rect[mask="url(#svg-mask-status-dnd)"][fill="#ffffff"], -rect[mask="url(#svg-mask-status-dnd-mobile)"][fill="#ffffff"], -rect[fill="hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%)"], -path[fill="hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%)"] { - fill: var(--status-dnd); -} - -rect[fill="#747f8d"], -path[fill="#747f8d"], -rect[mask="url(#svg-mask-status-offline)"][fill="#ffffff"], -rect[mask="url(#svg-mask-status-offline-mobile)"][fill="#ffffff"], -rect[fill="hsl(214, calc(var(--saturation-factor, 1) * 9.9%), 50.4%)"] { - fill: var(--status-offline); -} - -rect[fill="#593695"], -path[fill="#593695"], -rect[fill="rgba(89, 54, 149, 1)"], -rect[mask="url(#svg-mask-status-streaming)"][fill="#ffffff"], -rect[mask="url(#svg-mask-status-streaming-mobile)"][fill="#ffffff"], -rect[fill="hsl(262, calc(var(--saturation-factor, 1) * 46.8%), 39.8%)"] { - fill: var(--status-streaming); -} - -/******/ - -/* misc */ -[class*="standardSidebarView-"] - [class*="contentColumn-"]:not([class*="contentColumnWide-"]) { - max-width: 100%; -} - -[class*="standardSidebarView-"] [class*="sidebarRegion-"] { - flex: 0; -} - [class*="unreadBar-"] { margin: 4px; border-radius: 4px !important; } -[class*="unreadBar-"][class*="mention-"] { - background-color: var(--red, var(--status-red-500)) !important; +[class^="modalTextContainer-"] { + overflow: scroll !important; } -[class^="numberBadge-"] { - border-radius: 4px !important; - background-color: var(--red, var(--status-red-500)) !important; +[class^="content-"] > [class^="sidebar-"] { + border-radius: 0; } +.platform-osx [class*="guilds-"] > ul > [class^="scroller-"] { + padding-top: 4px; +} + +[class^="slider-"] { + padding-top: 0 !important; +} + +.platform-win + nav[class*="guilds-"] + > ul[class^="tree-"] + > [class^="scroller-"] { + padding-top: 12px !important; +} + +[class*="timestampVisibleOnHover-"] { + opacity: 1 !important; +} + +[class^="message-"][class*="compact-"] { + padding-top: 0 !important; + padding-bottom: 0 !important; +} + +[class*="progressBarHeader-"] > [class^="container-"], +[class^="control-"] > [class^="container-"] { + transition: background-color 0.75s linear; +} + +[class*="barBase-"] { + padding-bottom: 0 !important; + border-radius: 8px; + margin: 0 4px; +} + +[class^="markdown-"] code { + border-radius: 5%; +} +.hljs { + display: block; + overflow-x: auto; + padding: 0.5em; +} + +/* remove "dead space"/padding from vc users */ [class*="containerDefault-"] [class*="listDefault-"] { padding-left: 8px !important; } @@ -293,759 +90,6 @@ rect[fill="hsl(262, calc(var(--saturation-factor, 1) * 46.8%), 39.8%)"] { margin: 3px !important; } -[class^="nowPlayingColumn-"] { - display: none; -} - -/* Avatars */ -[class*="avatar-"], -[class*="avatar-"] [class*="image-"], -[class*="callAvatar-"], -[class*="callAvatar-"] [class*="speaking-"], -[class*="avatarDefault-"], -[class*="avatarSpeaking-"], -[class*="avatar-"] [class*="inner-"], -[class*="callAvatarVoice-"], -[class*="callAvatarWrapper-"] [class*="speaking-"], -[class^="messagesWrapper-"] - [class^="scrollerInner-"] - [class^="message-"] - [class*="header-"] - [class*="avatar-"] - [class*="large-"], -[class^="messagesWrapper-"] - [class^="scrollerInner-"] - [class^="message-"] - [class*="header-"] - [class*="avatar-"] - [class*="wrapper-"], -[class^="messagesWrapper-"] - [class^="scrollerInner-"] - [class^="message-"] - [class*="contents-"] - [class*="avatar-"], -[class^="messagesWrapper-"] - [class^="scrollerInner-"] - [class^="wrapper-"] - [class*="contents-"] - [class*="avatar-"], -[class^="messageGroupCozy-"] [class*="contents-"] [class*="avatar-"], -[class*="autocomplete-"] - [class*="autocompleteInner-"] - [class*="autocompleteRow-"] - [class*="content-"] - [class*="wrapper-"], -[class*="guildsWrapper-"] - [class*="guilds-"] - [class*="guild-"] - [class*="guildInner-"], -div[class^="listItem-"] foreignObject img, -div[class^="listItem-"] foreignObject a[class^="button-"], -div[class^="listItem-"] foreignObject [class^="childWrapper-"], -div[class^="listItem-"] foreignObject [class^="folder-"], -div[class^="listItem-"] div[class^="wrapperSimple-"], -[class^="circleIconButton-"], -[class^="folderIconWrapper-"], -[class^="avatarContainer-"] { - border-radius: 10% !important; -} - -[class^="folderIconWrapper-"] - > [class^="closedFolderIconWrapper-"] - > [class^="icon-"] { - border-radius: 6px !important; -} - -[class*="avatarMasked-"], -[class*="maskProfile-"], -[class*="mask-"], -[class*="avatar-"] svg[class*="mask-"] > foreignObject, -[class*="avatarWrapper-"] svg[class*="mask-"] > foreignObject, -[class*="avatarHint-"] > foreignObject, -[class*="wrapper-"] svg[class*="mask-"] > foreignObject, -[class*="callAvatarWrapper-"] svg[class*="callAvatarMask-"] > foreignObject, -div[class^="listItem-"] [class^="wrapper-"] > svg > foreignObject, -[class^="bannerSVGWrapper-"] > foreignObject, -[class^="avatarDecoration-"] > foreignObject { - mask: none !important; - mask-image: none !important; - -webkit-mask-image: none !important; -} - -[class^="accountProfileCard-"] { - max-width: 660px; -} - -/* chat box */ -[class*="chat-"] [class*="chatContent-"] form { - position: relative; - margin: 0; -} - -[class*="chat-"] form [class*="typing-"] { - position: absolute; - top: -2px; - left: 10px; -} - -[class*="channelTextArea-"] { - margin-bottom: 10px !important; - margin-top: 24px !important; - padding: 0 !important; -} - -[class*="channelTextArea-"] [class*="inner-"] { - border-radius: 6px; -} - -[class*="sansAttachButton-"] { - padding-left: 10px !important; -} - -.typing .ellipsis, -[class*="typing-"] span[class*="ellipsis-"] { - display: none; -} - -form [class*="typing-"] { - background-color: transparent !important; -} - -[class^="scrollerSpacer-"] { - height: 4px !important; -} - -[class^="chatContent-"] > form:before { - display: none !important; -} - -/* Embeds */ -[class*="embed-"] { - border-radius: 0 0 0 0; - border-color: var(--interactive-active); -} -[class*="embed-"] [class*="embedInner-"] { - border-color: transparent; -} -[class*="embed-"] [class*="embedAuthorIcon-"] { - border-radius: 0; -} -[class*="embed-"] [class^="grid-"] { - padding: 8px !important; -} -[class*="embed-"] [class*="embedMargin-"] { - margin-top: 4px !important; -} -[class*="embed-"] [class*="embedMedia-"] { - margin-top: 4px !important; -} -[class*="embed-"] [class*="embedTitle-"] { - font-size: 16px !important; - font-weight: 200 !important; -} -[class*="embed-"] [class*="embedFieldName-"] { - font-weight: 500 !important; -} -[class*="embed-"] [class*="embedDescription-"], -[class*="embed-"] [class*="embedFieldName-"], -[class*="embed-"] [class*="embedFieldValue-"] { - font-size: 16px !important; -} -[class*="embed-"] [class*="embedFooterText-"] { - font-size: 0.8em; -} - -/* User Popout */ -[class*="avatarHint-"], -[class*="avatarNormal-"], -[class*="avatarWrapper-"] [class*="wrapper-"], -[class*="avatarWrapper-"] [class*="image-"], -[class*="replyAvatar-"] { - border: none; - border-radius: 10% !important; -} - -[class*="background-"] [class*="wrapper-"] [class*="image-"] { - border: 2px solid var(--interactive-active); -} - -[class^="userPopout-"] { - border-radius: 0px; - border: none !important; - overflow: hidden scroll !important; -} - -[class^="userPopout-"]::-webkit-scrollbar { - display: none; -} - -/*[class^="userPopout-"] [class^="banner-"] { - /*box-shadow: 0 2px 5px 0 var(--background-secondary) !important;*/ /* - background-image: url("https://elixi.re/i/5rw87lo8.gif"); - background-repeat: no-repeat; - image-rendering: pixelated; - }*/ -[class^="userPopout-"] [class^="body-"] { - overflow: hidden visible !important; -} - -[class^="userPopout-"] [class*="headerTop-"], -[class^="userPopout-"] [class*="headerTop-"]:after { - box-shadow: inset 0px -36px 24px -1px var(--background-secondary); -} - -[class^="userPopout-"] [class*="headerTop-"] { - padding: 40px 8px 12px; -} - -[class^="userPopout-"] [class^="headerContainer-"], -[class^="userPopout-"] [class*="bodyTitle-"], -[class^="userPopout-"] [class*="userInfoTitle-"] { - padding: 4px 10px; - margin-bottom: 0 !important; -} - -[class^="userPopout-"] [class^="bodyInnerWrapper"] { - background-color: var(--background-secondary); -} - -[class^="userPopout-"] [class^="avatar-"] { - background-color: transparent; -} - -[class^="userPopout-"] [class*="avatarWrapper-"] { - left: 8px; -} - -/*[class^="userPopout-"] [class*="headerTop-"] { - display: grid; - grid-template-columns: auto 1fr; - grid-template-areas: "avatar info" "status status" "last last" "join join" "date date" "badges badges"; - align-items: center; - justify-content: flex-start; - padding: 10px; - box-sizing: border-box; - transform: translateZ(0); - }*/ - -[class^="userPopout-"] [class*="headerTag-"] { - color: var(--text-normal); - justify-content: flex-start; -} - -[class^="userPopout-"] - [class*="headerTag-"] - span:not([class*="botText-"]):not([class*="username-"]) { - margin-right: 3px; -} - -/*[class^="userPopout-"] [class*="avatarWrapper-"] > [class^="wrapper-"] { - width: 48px !important; - height: 48px !important; - }*/ - -[class^="userPopout-"] [class*="avatarWrapper-"] > [class^="avatarHint-"] { - display: none; -} - -[class^="userPopout-"] - [class*="avatarWrapper-"] - > [class^="avatar-"] - > svg - > foreignObject { - x: 8px; -} - -[class^="userPopout-"] - [class*="avatarWrapper-"] - > [class^="avatar-"] - > svg - > rect { - x: 0; - y: 0; - width: 8px; - height: 100%; - mask: none !important; -} - -[class^="userPopout-"] [class*="headerTop-"] > [class*="avatarWrapper-"] { - margin-bottom: 0; -} -[class^="userPopout-"] [class*="headerTop-"] > [class*="headerText-"] { - display: block; -} - -[class^="userPopout-"] [class*="headerTop-"] > [class*="headerText-"] > div { - width: 100%; - text-align: left; - line-height: normal; - align-items: center; -} - -[class^="userPopout-"] [class*="headerTop-"] [class*="headerNameWrapper-"] { - overflow: hidden; - text-overflow: ellipsis; -} -[class^="userPopout-"] - [class*="headerTop-"] - [class*="headerNameWrapper-"] - [class*="headerName-"] { - white-space: nowrap; -} -[class^="userPopout-"] - [class*="headerTop-"] - [class*="headerTagUsernameNoNickname-"] { - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; -} -[class^="userPopout-"] [class^="activity-"] { - background: transparent; - position: relative; - padding: 0; -} - -[class^="userPopout-"] [class^="activityUserPopout-"], -[class^="userPopout-"] [class^="body-"], -[class^="userPopout-"] [class^="body-"] [class^="bodyInnerWrapper-"] { - padding: 0; -} - -[class^="userPopout-"] [class^="body-"]::-webkit-scrollbar { - display: none; -} - -[class^="userPopout-"] [class^="activityUserPopout-"] > [class^="bodyNormal-"], -[class^="userPopout-"] - [class^="activityUserPopout-"] - > [class^="bodyAlignCenter-"], -[class^="userPopout-"] [class*="aboutMeBody-"], -[class^="userPopout-"] [class*="userInfoBody-"], -[class^="userPopout-"] - [class^="body-"] - > [class^="bodyInnerWrapper-"] - > [class^="markup-"] { - padding: 8px; -} - -[class^="userPopout-"] [class*="headerTop-"] [class^="customStatus-"] { - margin-top: 10px; - grid-area: status; - text-align: left; -} -[class^="userPopout-"] - [class*="headerTop-"] - [class^="customStatus-"] - [class*="customStatusSoloEmoji-"] { - height: 20px; - width: 20px; -} -[class^="userPopout-"] - [class*="headerPlaying-"] - [class*="activity-"] - > [class*="buttonsWrapper-"] { - margin-top: 0; - padding: 0 10px; - position: relative; -} -[class^="userPopout-"] - [class*="headerPlaying-"] - [class*="activity-"] - > [class*="buttonsWrapper-"] - > [class*="listeningActionsUserPopout-"] { - height: 34px; - position: absolute; - top: 10px; - left: -11px; - width: calc(100% + 20px); - border-bottom: none; - border-top: 1px solid var(--interactive-active); -} - -[class^="userPopout-"] [class*="actionsStreamPreview-"], -[class^="userPopout-"] [class*="listeningActionsUserPopout-"] { - position: absolute; - bottom: -35px; - left: 0; - width: 100%; - box-sizing: border-box; - margin-top: 0; - display: flex; - align-items: center; - justify-content: center; - height: 34px; - padding: 0 5px; -} -[class^="userPopout-"] [class*="listeningActionsUserPopout-"] > span, -[class^="userPopout-"] - [class*="listeningActionsUserPopout-"] - [class*="contents-"] { - margin: 0; -} -[class^="userPopout-"] - [class*="listeningActionsUserPopout-"] - [class*="iconButton-"] { - max-width: 62px; -} -[class^="userPopout-"] [class*="assetsLargeImageStreamPreview-"], -[class^="userPopout-"] [class*="assetsLargeImageUserPopout-"], -[class^="userPopout-"] [class*="assetsLargeImageUserPopoutXbox-"] { - width: 45px; - height: 45px; - border-radius: 10%; -} - -[class^="userPopout-"] [class^="protip-"] { - display: none; -} - -[class^="userPopout-"] [class*="header-"], -[class^="userPopout-"] [class*="headerTop-"], -[class^="userPopout-"] [class*="headerPlaying-"], -[class^="userPopout-"] [class*="headerNormal-"], -[class^="userPopout-"] [class*="headerXbox-"], -[class^="userPopout-"] [class*="headerSpotify-"], -[class^="userPopout-"] [class*="headerStreaming-"] { - border-bottom: none !important; -} - -[class^="userPopout-"] [class*="buttonsWrapper-"] { - margin-top: 0; - padding: 0 8px 8px; -} -[class^="userPopout-"] [class*="buttonsWrapper-"]:empty { - padding: 0; -} - -[class^="userPopout-"] [class*="headerXbox-"] [class*="avatarStatus-"] { - background-color: #107c10; -} -[class^="userPopout-"] [class*="headerSpotify-"] [class*="avatarStatus-"] { - background-color: #1db954; -} -[class^="userPopout-"] [class*="headerStreaming-"] [class*="avatarStatus-"] { - background-color: var(--status-streaming); -} - -[class^="userPopout-"] [class^="body-"], -[class^="userPopout-"] [class*="footer-"], -[class^="userPopout-"] [class*="activityUserPopout-"], -[class^="userPopout-"] [class*="scrollerWrap-"] { - background: var(--background-secondary) !important; -} - -[class^="userPopout-"] [class*="note-"], -[class^="userPopout-"] [class*="footer-"] { - padding: 8px; -} - -[class^="userPopout-"] [class*="note-"] textarea, -[class^="userPopout-"] [class*="footer-"] [class*="inputDefault-"] { - border: 1px solid var(--background-tertiary); -} -[class^="userPopout-"] [class*="footer-"] [class*="inputDefault-"]::placeholder, -[class^="userPopout-"] [class*="note-"] textarea::placeholder { - color: var(--interactive-active); -} - -[class^="userPopout-"] [class^="timeBarUserPopout-"] { - margin-top: 0; - padding: 0 8px 8px; -} - -[class^="userPopout-"] [class^="activityUserPopout-"] [class^="spotifyIcon-"] { - top: 4px !important; - right: 8px !important; -} - -[class^="userPopout-"] [class^="aboutMeSection-"], -[class^="userPopout-"] [class^="userInfoSection-"], -[class^="userPopout-"] - [class^="body-"] - > [class^="bodyInnerWrapper-"] - > [class^="textRow-"] { - margin: 0 !important; -} - -[class^="userPopout-"] [class*="rolesList-"] { - margin: 0; - padding: 8px; -} - -[class^="userPopout-"] - [class^="body-"] - > [class^="bodyInnerWrapper-"] - > [class^="textRow-"] - > [class^="markdown-"] { - color: var(--text-normal); -} - -[class^="userPopout-"] [class^="customStatus-"] { - margin: 0; - padding: 0 8px 8px; -} - -[class^="userPopout-"] .mutual-guilds { - padding: 0 !important; - padding-top: 8px !important; -} - -[class^="userPopout-"] [class*="role-"] { - background: var(--background-modifier-selected); -} - -/* Profiles */ -/*[class^="focusLock-"][aria-modal="true"] - > [class^="root-"] - [class*="profileBanner-"] { - background: url("https://elixi.re/i/5rw87lo8.gif"); - background-size: cover; - background-repeat: no-repeat; - image-rendering: pixelated; - }*/ - -[class^="focusLock-"][aria-modal="true"] > [class*="root-"] > [class^="body-"] { - margin-top: 8px; -} - -[class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="body-"] - > [class^="infoScroller-"], -[class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="body-"] - > [class^="infoScroller-"] - > [class^="userInfoSection-"], -[class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="body-"] - > [class^="listScroller-"], -[class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="body-"] - > [class^="listScroller-"] - > [class^="activityProfile-"] { - padding: 0 !important; -} - -[class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="body-"] - > [class^="infoScroller-"] - > [class^="userInfoSection-"] - > [class^="userInfoText-"], -[class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="body-"] - > [class^="infoScroller-"] - > [class^="userInfoSection-"] - > [class^="note-"], -[class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="body-"] - > [class^="listScroller-"] - > [class^="activityProfile-"] - > [class^="bodyNormal-"], -[class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="body-"] - > [class^="listScroller-"] - > [class^="activityProfile-"] - > [class^="bodyAlignCenter-"] { - padding: 8px !important; - margin: 0; -} - -[class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="body-"] - > [class^="infoScroller-"] - > [class^="userInfoSection-"] - > [class^="note-"] - textarea { - border: 1px solid var(--background-tertiary); -} - -[class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="body-"] - > [class^="infoScroller-"] - > [class^="userInfoSection-"] - > [class^="connectedAccounts-"] - > [class^="connectedAccount-"] { - margin: 8px; -} - -[class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="body-"] - > [class^="listScroller-"] - > [class^="activityProfile-"] - > [class^="headerContainer-"] { - margin-bottom: 0; -} - -[class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="body-"] - > [class^="listScroller-"] - > [class^="activityProfile-"] - [class^="spotifyIcon-"] { - top: 3px; - right: 8px; -} - -[class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="topSection-"] - > header - > [class^="header-"] - [class^="avatar-"] { - border: none !important; - background-color: transparent; -} - -[class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="topSection-"] - > header - > [class*="nameTag-"] { - margin-top: 64px !important; -} - -[class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="topSection-"] - > header - > [class^="customStatusActivity-"] { - padding-bottom: 8px !important; -} - -[class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="topSection-"] - > [class^="tabBarContainer-"] - > [class^="tabBar-"] { - height: 36px !important; -} - -[class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="topSection-"] - > [class^="tabBarContainer-"] - > [class^="tabBar-"] - > [class^="tabBarItem-"] { - margin-right: 24px !important; -} - -[class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="body-"] - > [class^="infoScroller-"] - > [class^="userInfoSection-"] - > [class*="userInfoSectionHeader-"], -[class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="body-"] - > [class^="listScroller-"] - > [class^="activityProfile-"] - [class*="headerTextNormal-"] { - padding: 4px 10px !important; - margin-bottom: 0 !important; -} - -[class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="body-"] - > [class^="infoScroller-"] - > [class^="userInfoSection-"] - + [class*="userInfoSection-"] { - border: none !important; -} - -[class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="body-"] - > [class^="infoScroller-"] - > [class^="userInfoSection-"] - > [class^="connectedAccounts-"] { - margin-top: 0px; -} - -[class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="body-"] - > [class^="infoScroller-"] - > [class^="connectedAccounts-"]::before { - color: var(--header-secondary) !important; - padding: 4px 10px; - text-transform: uppercase; - font-family: var(--font-display); - font-weight: 700; - font-size: 12px; - line-height: 16px; - height: 16px; - width: 100%; - content: "Connected Accounts"; - position: absolute; -} - -[class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="body-"] - > [class^="infoScroller-"] - > [class^="connectedAccounts-"] - > [class^="connectedAccountsColumn-"] { - margin-top: 16px; -} - -[class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="body-"] - > [class^="infoScroller-"] - > [class^="connectedAccounts-"] - > [class^="connectedAccountsColumn-"]:nth-child(1) { - padding-left: 8px; -} - -[class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="body-"] - > [class^="infoScroller-"] - > [class^="connectedAccounts-"] - > [class^="connectedAccountsColumn-"] - > [class^="connectedAccountContainer-"] { - background-color: var(--background-secondary); -} - -/* Reactions Modal */ -[class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="scroller-"] { - background: var(--background-secondary); -} - -[class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - [class^="reactors-"] { - background-color: var(--background-primary); -} - -[class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="scroller-"] - > [class^="reactionSelected-"] { - background-color: var(--background-modifier-active); -} - -[class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="scroller-"] - > [class^="reactionDefault-"]:hover { - background-color: var(--background-modifier-hover); -} - /* Change Nickname Modal */ [class^="focusLock-"][aria-modal="true"] > [class*="root-"]:not([class*="carouselModal-"]) { @@ -1092,30 +136,37 @@ form [class*="typing-"] { background-color: var(--background-tertiary) !important; } -/* misc */ -[class^="uploadModal-"] { - border-radius: 0; +/* autocomplete */ +[class^="autocomplete-"] { + border: none !important; + background-color: var(--background-floating) !important; + box-shadow: 0 2px 5px 0 var(--background-secondary) !important; } -#splash { - background-color: var(--primary); +[class^="autocomplete-"] [class*="selectorSelected-"], +[class^="autocomplete-"] [class*="autocompleteRow-"] [class*="selected-"] { + background-color: var(--background-secondary) !important; } -/*[class*="pictureInPicture-"] { - display: none; -}*/ - -[class^="scroller"][id="private-channels"] - a[class^="channel-"][href*="/discovery"] { - display: none; +[class^="autocomplete-"] [class*="categoryHeader-"] { + background-color: var(--background-floating) !important; } -[class^="modalTextContainer-"] { - overflow: scroll !important; +/* misc color fixes */ +[class^="peopleColumn-"] { + background: var(--background-primary); } -[class*="mirror-"] { - transform: none !important; +[class^="itemCard-"] [class*="inset-"] { + background-color: var(--background-primary) !important; +} + +[class*="outer-"][class*="interactive-"]:hover { + background-color: var(--background-modifier-hover) !important; +} + +[class^="base-"] > [class^="content-"] > [class^="container-"] { + background: var(--background-primary); } [class*="modal-"][class*="root-"] { @@ -1124,19 +175,6 @@ form [class*="typing-"] { rgba(0, 0, 0, 0.2) 0px 2px 10px 0px; } -a[class^="anchor-"]:not([aria-controls^="popout_"]) { - color: var(--text-link) !important; -} - -[class*="bar-"][class*="mention-"] { - background-color: var(--red); -} - -[class^="accountProfileCard-"] [class^="avatar-"] { - border: 0; - background-color: transparent; -} - [class^="perksModal-"] { background-color: var(--background-primary) !important; } @@ -1144,12 +182,6 @@ a[class^="anchor-"]:not([aria-controls^="popout_"]) { background-color: var(--background-primary) !important; } -[class*="barBase-"] { - padding-bottom: 0 !important; - border-radius: 8px; - margin: 0 4px; -} - [class^="layerContainer-"] > [class^="layer-"] > [class^="container-"] { background: var(--background-floating); } @@ -1167,110 +199,6 @@ a[class^="anchor-"]:not([aria-controls^="popout_"]) { background: var(--background-modifier-hover); } -[class^="content-"] > [class^="sidebar-"] { - border-radius: 0; -} - -.platform-osx [class*="guilds-"] > ul > [class^="scroller-"] { - padding-top: 4px; -} - -[class^="slider-"] { - padding-top: 0 !important; -} - -.platform-win - nav[class*="guilds-"] - > ul[class^="tree-"] - > [class^="scroller-"] { - padding-top: 12px !important; -} - -a[href="https://support.discord.com"] -{ - display: none; -} - -[class*="timestampVisibleOnHover-"] { - opacity: 1 !important; -} - -[class^="message-"][class*="compact-"] { - padding-top: 0 !important; - padding-bottom: 0 !important; -} - -[class*="progressBarHeader-"] > [class^="container-"], -[class^="control-"] > [class^="container-"] { - transition: background-color 0.75s linear; -} - -[class*="progressBarHeader-"] > [class^="container-"]:not([class*="checked-"]), -[class^="control-"] > [class^="container-"]:not([class*="checked-"]) { - background-color: var(--highlight) !important; -} -[class*="progressBarHeader-"] > [class^="container-"][class*="checked-"], -[class^="control-"] > [class^="container-"][class*="checked-"] { - background-color: var(--_color2) !important; -} - -[class^="radioBar-"][style*="--radio-bar-accent-color:hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%);"] { - --radio-bar-accent-color: var(--_color2) !important; -} -[class^="radioBar-"][style*="--radio-bar-accent-color:hsl(37, calc(var(--saturation-factor, 1) * 81.2%), 43.9%);"] { - --radio-bar-accent-color: var(--_color3) !important; -} -[class^="radioBar-"][style*="--radio-bar-accent-color:hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%);"] { - --radio-bar-accent-color: var(--_color1) !important; -} - -span[style*="background-color: hsl(235, calc(var(--saturation-factor, 1) * 85.6%), 64.7%);"] { - background-color: var(--accent) !important; -} -span[style*="background-color: hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%);"] { - background-color: var(--red) !important; -} - -[class^="updateIconForeground-"] { - fill: var(--_color2); -} - -[class*="tierHeaderLocked-"], -[class*="tierHeaderUnlocked-"] { - background-color: var(--background-secondary) !important; -} - -[class*="tierAccomplished-"], -[class*="tierCurrent-"], -[class*="tierFirst-"] { - background: var(--_color13) !important; -} - -[class^="progressWithSubscriptions-"] > svg > g > rect[class^="background-"] { - color: var(--background-secondary); -} - -[class^="tierIcon-"], -[class^="unlockedIcon-"], -[class^="progressWithSubscriptions-"] > svg > g > rect[class^="foreground-"] { - color: var(--_color13) !important; -} -svg[fill="#FF73FA"] { - fill: var(--_color13) !important; -} - -[class^="activeCircle-"] { - background-color: var(--_color2) !important; -} - -[class*="allow-"][class*="selected-"] { - background-color: var(--status-positive) !important; -} - -[class^="item-"][style*="background-color: hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%);"] { - background-color: var(--_color2) !important; -} - [class^="chat-"][class*="background-"], [class^="title-"][class*="background-"], [class^="chat-"] > [class^="content-"] > [class^="container-"] { @@ -1289,9 +217,36 @@ svg[fill="#FF73FA"] { } [class*="messageContent-"].deleted-message { - color: var(--_color1) !important; + color: var(--status-red-500) !important; } +/* jane's steam border ext */ +/*.steam-border-message > #border { + width: 20px !important; + height: 20px !important; + left: 0 !important; + } + + .steam-border-popout > #border { + left: 0 !important; + top: 0 !important; + } + + .steam-border-modal > #border { + left: 1em !important; + top: -4.25em !important; + } + + .steam-border-modal { + position: absolute; + } + + .steam-border-user > .avatarWrapper { + top: -7.3em !important; + left: -6.1em !important; + }*/ + +/* font fixes */ [class^="markdown-"] [class^="codeInline-"], [class^="codeLine-"], [class^="codeBlockText-"], @@ -1305,290 +260,3 @@ code, .hljs { font-family: var(--font-code) !important; } - -/* jane's steam border ext */ -.steam-border-message > #border { - width: 20px !important; - height: 20px !important; - left: 0 !important; -} - -.steam-border-popout > #border { - left: 0 !important; - top: 0 !important; -} - -.steam-border-modal > #border { - left: 1em !important; - top: -4.25em !important; -} - -.steam-border-modal { - position: absolute; -} - -.steam-border-user > .avatarWrapper { - top: -7.3em !important; - left: -6.1em !important; -} - -/* hljs */ -[class^="markdown-"] code { - background-color: var(--background-secondary) !important; - border-radius: 5%; - line-height: 12px !important; -} -[class^="markdown-"] [class^="codeInline-"], -code.inline { - -webkit-font-smoothing: none !important; - font-family: var(--font-code) !important; - font-size: 12px !important; - line-height: 12px !important; - color: var(--_colorFG) !important; -} -.hljs { - background: var(--background-secondary) !important; - font-family: var(--font-code) !important; - font-size: 12px !important; - -webkit-font-smoothing: none !important; - display: block; - overflow-x: auto; - padding: 0.5em; - color: var(--_colorFG) !important; -} -.hljs-keyword { - color: var(--_color5) !important; -} -.hljs-built_in { - color: var(--_color6) !important; -} -.hljs-type { - color: var(--_color3) !important; -} -.hljs-literal { - color: var(--_color3) !important; -} -.hljs-number { - color: var(--_color3) !important; -} -.hljs-regexp { - color: var(--_color6) !important; -} -.hljs-string { - color: var(--_color2) !important; -} -.hljs-subst { - color: var(--_color1) !important; -} -.hljs-symbol { - color: var(--_color5) !important; -} -.hljs-class { - color: var(--_color3) !important; -} -.hljs-function { - color: var(--_color4) !important; -} -.hljs-title { - color: var(--_color4) !important; -} -.hljs-params { - color: var(--_color1) !important; -} -.hljs-comment { - color: var(--highlight) !important; -} -.hljs-doctag { - color: var(--_colorFG) !important; -} -.hljs-meta { - color: var(--_color1) !important; -} -.hljs-meta-keyword { - color: var(--_color3) !important; -} -.hljs-meta-string { - color: var(--_color2) !important; -} -.hljs-section { - color: var(--_color4) !important; -} -.hljs-tag { - color: var(--_colorFG) !important; -} -.hljs-name { - color: var(--_color1) !important; -} -.hljs-builtin-name { - color: var(--_colorFG) !important; -} -.hljs-attr { - color: var(--_color3) !important; -} -.hljs-attribute { - color: var(--_colorFG) !important; -} -.hljs-variable { - color: var(--_color1) !important; -} -.hljs-bullet { - color: var(--_color1) !important; -} -.hljs-code { - color: var(--_color2) !important; -} -.hljs-emphasis { - color: var(--_color5) !important; - font-style: italic; -} -.hljs-strong { - color: var(--_color3) !important; - font-weight: bold; -} -.hljs-formula { - color: var(--_colorFG) !important; -} -.hljs-link { - color: var(--_color3) !important; -} -.hljs-quote { - color: var(--_color3) !important; -} -.hljs-selector-tag { - color: var(--_color1) !important; -} -.hljs-selector-id { - color: var(--_color4) !important; -} -.hljs-selector-class { - color: var(--_color3) !important; -} -.hljs-selector-attr { - color: var(--_color4) !important; -} -.hljs-selector-pseudo { - color: var(--_color3) !important; -} -.hljs-template-tag { - color: var(--_colorFG) !important; -} -.hljs-template-variable { - color: var(--_colorFG) !important; -} -.hljs-addition { - color: #a6e22e !important; - background: #384c10 !important; -} -.hljs-deletion { - color: #f92672 !important; - background: #4c0c23 !important; -} -.hljs-operator { - color: var(--_colorFG) !important; -} -.hljs-pattern-match { - color: var(--_colorFG) !important; -} -.hljs-typing { - color: var(--_colorFG) !important; -} -.hljs-constructor { - color: var(--_colorFG) !important; -} -.hljs-module-access { - color: var(--_colorFG) !important; -} -.hljs-module { - color: var(--_colorFG) !important; -} -.hljs-emphasis { - font-style: italic !important; -} -.hljs-strong { - font-weight: bold !important; -} -.hljs-ansi-foreground-black [class^="hljs-ansi-background-"], -.hljs-ansi-foreground-black { - color: var(--_color0) !important; -} -.hljs-ansi-foreground-red { - color: var(--_color1) !important; -} -.hljs-ansi-foreground-green { - color: var(--_color2) !important; -} -.hljs-ansi-foreground-yellow { - color: var(--_color3) !important; -} -.hljs-ansi-foreground-blue { - color: var(--_color4) !important; -} -.hljs-ansi-foreground-magenta { - color: var(--_color5) !important; -} -.hljs-ansi-foreground-cyan { - color: var(--_color6) !important; -} -.hljs-ansi-foreground-white [class^="hljs-ansi-background-"], -.hljs-ansi-foreground-white { - color: var(--_color7) !important; -} -.hljs-ansi-style-bold { - font-weight: 0; -} -.hljs-ansi-foreground-black .hljs-ansi-style-bold, -.hljs-ansi-foreground-black.hljs-ansi-style-bold { - color: var(--_color8) !important; -} -.hljs-ansi-foreground-red .hljs-ansi-style-bold, -.hljs-ansi-foreground-red.hljs-ansi-style-bold { - color: var(--_color9) !important; -} -.hljs-ansi-foreground-green .hljs-ansi-style-bold, -.hljs-ansi-foreground-green.hljs-ansi-style-bold { - color: var(--_color10) !important; -} -.hljs-ansi-foreground-yellow .hljs-ansi-style-bold, -.hljs-ansi-foreground-yellow.hljs-ansi-style-bold { - color: var(--_color11) !important; -} -.hljs-ansi-foreground-blue .hljs-ansi-style-bold, -.hljs-ansi-foreground-blue.hljs-ansi-style-bold { - color: var(--_color12) !important; -} -.hljs-ansi-foreground-magenta .hljs-ansi-style-bold, -.hljs-ansi-foreground-magenta.hljs-ansi-style-bold { - color: var(--_color13) !important; -} -.hljs-ansi-foreground-cyan .hljs-ansi-style-bold, -.hljs-ansi-foreground-cyan.hljs-ansi-style-bold { - color: var(--_color14) !important; -} -.hljs-ansi-foreground-white .hljs-ansi-style-bold, -.hljs-ansi-foreground-white.hljs-ansi-style-bold { - color: var(--_color15) !important; -} -.hljs-ansi-background-black { - background-color: var(--_color0) !important; -} -.hljs-ansi-background-red { - background-color: var(--_color1) !important; -} -.hljs-ansi-background-green { - background-color: var(--_color2) !important; -} -.hljs-ansi-background-yellow { - background-color: var(--_color3) !important; -} -.hljs-ansi-background-blue { - background-color: var(--_color4) !important; -} -.hljs-ansi-background-magenta { - background-color: var(--_color5) !important; -} -.hljs-ansi-background-cyan { - background-color: var(--_color6) !important; -} -.hljs-ansi-background-white { - background-color: var(--_color7) !important; -} diff --git a/modular/collapsing_sidebar/compact-er_support.css b/modular/collapsing_sidebar/compact-er_support.css index e4b84bb..17b3bb0 100644 --- a/modular/collapsing_sidebar/compact-er_support.css +++ b/modular/collapsing_sidebar/compact-er_support.css @@ -28,7 +28,7 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])) > [class^="panels-"] > [class^="container-"]:last-child { - width: 232px; + width: 224px; position: relative; bottom: 0; } diff --git a/modular/collapsing_sidebar/dynamic.css b/modular/collapsing_sidebar/dynamic.css index 8a4db43..9c44e30 100644 --- a/modular/collapsing_sidebar/dynamic.css +++ b/modular/collapsing_sidebar/dynamic.css @@ -29,14 +29,14 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])) > [class^="panels-"] > [class^="container-"]:last-child { - width: 232px; + width: 224px; position: relative; bottom: 0; } div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) > [class^="panels-"] > [class^="container-"]:last-child { - width: 48px; + width: 40px; } div[class^="sidebar-"]:not(:has(> [class^="side-"])) diff --git a/modular/collapsing_sidebar/dynamic_+_compact-er_support.css b/modular/collapsing_sidebar/dynamic_+_compact-er_support.css index a34fc7d..37a0a91 100644 --- a/modular/collapsing_sidebar/dynamic_+_compact-er_support.css +++ b/modular/collapsing_sidebar/dynamic_+_compact-er_support.css @@ -29,14 +29,14 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])) > [class^="panels-"] > [class^="container-"]:last-child { - width: 232px; + width: 224px; position: relative; bottom: 0; } div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) > [class^="panels-"] > [class^="container-"]:last-child { - width: 48px; + width: 40px; } div[class^="sidebar-"]:not(:has(> [class^="side-"])) diff --git a/modular/collapsing_sidebar/on.css b/modular/collapsing_sidebar/on.css index 501b50b..2ca1936 100644 --- a/modular/collapsing_sidebar/on.css +++ b/modular/collapsing_sidebar/on.css @@ -28,14 +28,14 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])) > [class^="panels-"] > [class^="container-"]:last-child { - width: 232px; + width: 224px; position: relative; bottom: 0; } div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) > [class^="panels-"] > [class^="container-"]:last-child { - width: 48px; + width: 40px; } div[class^="sidebar-"]:not(:has(> [class^="side-"])) diff --git a/modular/font/terminus.css b/modular/font/terminus.css index 0f639b3..3f9fa25 100644 --- a/modular/font/terminus.css +++ b/modular/font/terminus.css @@ -114,3 +114,19 @@ span[class="role-tag"], [class^="inlineCode-"] { font-size: 12px !important; } + +.hljs-ansi-style-bold { + font-weight: 0; +} + +[class^="markdown-"] [class^="codeInline-"], +code.inline, +.hljs { + font-size: 12px !important; +} + +[class^="markdown-"] code, +[class^="markdown-"] [class^="codeInline-"], +code.inline { + line-height: 12px !important; +} diff --git a/modular/help_button.css b/modular/help_button.css new file mode 100644 index 0000000..44bd815 --- /dev/null +++ b/modular/help_button.css @@ -0,0 +1,4 @@ +a[href="https://support.discord.com"] +{ + display: none; +} diff --git a/modular/hide_nowplaying.css b/modular/hide_nowplaying.css new file mode 100644 index 0000000..50a9bbb --- /dev/null +++ b/modular/hide_nowplaying.css @@ -0,0 +1,3 @@ +[class^="nowPlayingColumn-"] { + display: none; +} diff --git a/modular/old_embeds.css b/modular/old_embeds.css new file mode 100644 index 0000000..6270667 --- /dev/null +++ b/modular/old_embeds.css @@ -0,0 +1,34 @@ +[class*="embed-"] { + border-radius: 0 0 0 0; + border-color: var(--interactive-active); +} +[class*="embed-"] [class*="embedInner-"] { + border-color: transparent; +} +[class*="embed-"] [class*="embedAuthorIcon-"] { + border-radius: 0; +} +[class*="embed-"] [class^="grid-"] { + padding: 8px !important; +} +[class*="embed-"] [class*="embedMargin-"] { + margin-top: 4px !important; +} +[class*="embed-"] [class*="embedMedia-"] { + margin-top: 4px !important; +} +[class*="embed-"] [class*="embedTitle-"] { + font-size: 16px !important; + font-weight: 200 !important; +} +[class*="embed-"] [class*="embedFieldName-"] { + font-weight: 500 !important; +} +[class*="embed-"] [class*="embedDescription-"], +[class*="embed-"] [class*="embedFieldName-"], +[class*="embed-"] [class*="embedFieldValue-"] { + font-size: 16px !important; +} +[class*="embed-"] [class*="embedFooterText-"] { + font-size: 0.8em; +} diff --git a/modular/overwrite_colors.css b/modular/overwrite_colors.css index 1fa336c..f686901 100644 --- a/modular/overwrite_colors.css +++ b/modular/overwrite_colors.css @@ -219,3 +219,476 @@ html { --brand-experiment-90a: rgba(var(--accent-rgb), 0.9) !important; --brand-experiment-95a: rgba(var(--accent-rgb), 0.95) !important; } + +[class^="appMount-"], +[class^="bg-"], +[class^="layers-"] > [class^="layer-"], +[class^="app-"] { + background-color: transparent !important; +} + +html:not(.overlay) body { + background-color: transparent !important; +} + +rect[fill="#43b581"], +path[fill="#43b581"], +rect[fill="#3ba55c"], +path[fill="#3ba55c"], +rect[fill="rgba(67, 181, 129, 1)"], +rect[fill="rgba(59, 165, 92, 1)"], +rect[mask="url(#svg-mask-status-online)"][fill="#ffffff"], +rect[mask="url(#svg-mask-status-online-mobile)"][fill="#ffffff"], +rect[fill="hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%)"], +path[fill="hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%)"] { + fill: var(--status-online); +} + +rect[fill="#faa61a"], +path[fill="#faa61a"], +rect[fill="rgba(250, 166, 26, 1)"], +rect[mask="url(#svg-mask-status-idle)"][fill="#ffffff"], +rect[mask="url(#svg-mask-status-idle-mobile)"][fill="#ffffff"], +rect[fill="hsl(38, calc(var(--saturation-factor, 1) * 95.7%), 54.1%)"], +path[fill="hsl(38, calc(var(--saturation-factor, 1) * 95.7%), 54.1%)"] { + fill: var(--status-idle); +} + +rect[fill="#f04747"], +path[fill="#f04747"], +rect[fill="#ed4245"], +path[fill="#ed4245"], +rect[fill="rgba(240, 71, 71, 1)"], +rect[mask="url(#svg-mask-status-dnd)"][fill="#ffffff"], +rect[mask="url(#svg-mask-status-dnd-mobile)"][fill="#ffffff"], +rect[fill="hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%)"], +path[fill="hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%)"] { + fill: var(--status-dnd); +} + +rect[fill="#747f8d"], +path[fill="#747f8d"], +rect[mask="url(#svg-mask-status-offline)"][fill="#ffffff"], +rect[mask="url(#svg-mask-status-offline-mobile)"][fill="#ffffff"], +rect[fill="hsl(214, calc(var(--saturation-factor, 1) * 9.9%), 50.4%)"] { + fill: var(--status-offline); +} + +rect[fill="#593695"], +path[fill="#593695"], +rect[fill="rgba(89, 54, 149, 1)"], +rect[mask="url(#svg-mask-status-streaming)"][fill="#ffffff"], +rect[mask="url(#svg-mask-status-streaming-mobile)"][fill="#ffffff"], +rect[fill="hsl(262, calc(var(--saturation-factor, 1) * 46.8%), 39.8%)"] { + fill: var(--status-streaming); +} + +[class^="containerDefault-"] [class*="modeUnread-"] svg[class^="icon-"], +[class^="containerDefault-"]:not(:hover) + [class*="modeUnread-"] + [class^="name-"] { + color: var(--accent, var(--brand-new-500)); +} +[class^="containerDefault-"] [class*="modeUnread-"] [class^="unread-"] { + background-color: var(--accent, var(--brand-new-500)); +} + +[class^="containerDefault-"] + [class*="iconVisibility-"]:hover + svg[class^="icon-"], +[class^="containerDefault-"] [class*="iconVisibility-"]:hover [class^="name-"], +[class^="wrapper-"]:hover + > [class^="content-"] + > [class^="mainContent-"] + > [class^="iconContainer-"] + > svg[class^="icon-"] { + color: var(--interactive-hover) !important; +} + +[class^="menu-"] [class^="item-"]:active, +[class^="menu-"] [class^="item-"][class*="focused-"], +[class*="lookFilled-"][class*="colorBrand-"]:not([class*="buttonColor-"]), +[class*="lookFilled-"][class*="colorBrandNew-"]:not([class*="buttonColor-"]), +[style*="background-color: rgb(114, 137, 218)"]:not([class*="swatch-"]), +[class^="slider-"] [class^="bar-"] [class^="barFill-"], +[class^="control-"] + [class^="container-"][style*="background-color: rgb(67, 181, 129);"] { + background-color: var(--accent, var(--brand-new-500)) !important; +} + +[style*="border-color: rgb(114, 137, 218)"], +[class*="lookOutlined-"][class*="colorBrand-"] { + border-color: var(--accent, var(--brand-new-500)) !important; +} + +[class*="lookOutlined-"][class*="colorBrand-"], +[class*="colorDefault-"]:not([class*="focused-"]) [class^="checkbox-"], +[class*="colorDefault-"]:not([class*="focused-"]) [class^="radioSelection-"], +[class*="colorDefault-"][class*="focused-"] [class^="check-"] { + color: var(--accent, var(--brand-new-500)) !important; +} + +[class*="mentioned-"]:before { + background-color: var(--accent, var(--brand-new-500)); +} + +[class^="slider-"] [class^="bar-"], +[class^="control-"] + [class^="container-"][style*="background-color: rgb(114, 118, 125);"] { + background-color: var(--background-secondary) !important; +} + +.mention[class*="wrapper-"] { + color: var(--accent, var(--brand-new-500)); + background: rgba(var(--accent-rgb), 0.1); +} + +.mention[class*="wrapper-"]:hover { + color: #ffffff; + background: var(--accent, var(--brand-new-500)); +} + +[class*="mentioned-"] .mention.interactive:hover { + color: var(--accent, var(--brand-new-500)) !important; +} + +[class^="mediaBarGrabber-"], +[class^="mediaBarProgress-"], +[class^="mediaBarProgress-"]:after, +[class^="mediaBarProgress-"]:before { + background-color: var(--accent, var(--brand-new-500)) !important; +} + +[class^="reaction-"] { + background-color: var(--background-secondary); + border: none; + border-radius: 4px !important; +} + +[class^="reaction-"]:hover, +[class^="reaction-"][class*="reactionMe-"] { + background-color: var(--highlight, var(--primary-dark-500)); +} + +[class^="reaction-"][class*="reactionMe-"] [class*="reactionCount-"], +[class^="reaction-"]:hover [class*="reactionCount-"] { + color: var(--_color15, var(--white-500)); +} + +[class^="reaction-"] [class*="reactionCount-"] { + color: var(--text, var(--text-normal)); +} + +[class*="progressBarHeader-"] > [class^="container-"]:not([class*="checked-"]), +[class^="control-"] > [class^="container-"]:not([class*="checked-"]) { + background-color: var(--highlight) !important; +} +[class*="progressBarHeader-"] > [class^="container-"][class*="checked-"], +[class^="control-"] > [class^="container-"][class*="checked-"] { + background-color: var(--_color2) !important; +} + +[class^="radioBar-"][style*="--radio-bar-accent-color:hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%);"] { + --radio-bar-accent-color: var(--_color2) !important; +} +[class^="radioBar-"][style*="--radio-bar-accent-color:hsl(37, calc(var(--saturation-factor, 1) * 81.2%), 43.9%);"] { + --radio-bar-accent-color: var(--_color3) !important; +} +[class^="radioBar-"][style*="--radio-bar-accent-color:hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%);"] { + --radio-bar-accent-color: var(--_color1) !important; +} + +span[style*="background-color: hsl(235, calc(var(--saturation-factor, 1) * 85.6%), 64.7%);"] { + background-color: var(--accent, var(--brand-500)) !important; +} +span[style*="background-color: hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%);"] { + background-color: var(--red, var(--status-red-500)) !important; +} + +[class^="updateIconForeground-"] { + fill: var(--_color2); +} + +[class*="tierHeaderLocked-"], +[class*="tierHeaderUnlocked-"] { + background-color: var(--background-secondary) !important; +} + +[class*="tierAccomplished-"], +[class*="tierCurrent-"], +[class*="tierFirst-"] { + background: var(--_color13) !important; +} + +[class^="progressWithSubscriptions-"] > svg > g > rect[class^="background-"] { + color: var(--background-secondary); +} + +[class^="tierIcon-"], +[class^="unlockedIcon-"], +[class^="progressWithSubscriptions-"] > svg > g > rect[class^="foreground-"] { + color: var(--_color13) !important; +} +svg[fill="#FF73FA"] { + fill: var(--_color13) !important; +} + +[class^="activeCircle-"] { + background-color: var(--_color2) !important; +} + +[class*="allow-"][class*="selected-"] { + background-color: var(--status-positive) !important; +} + +[class^="item-"][style*="background-color: hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%);"] { + background-color: var(--_color2) !important; +} + +[class*="unreadBar-"][class*="mention-"], +[class^="numberBadge-"] { + background-color: var(--red, var(--status-red-500)) !important; +} + +[class*="bar-"][class*="mention-"] { + background-color: var(--red, var(--status-red-500)); +} + +a[class^="anchor-"]:not([aria-controls^="popout_"]) { + color: var(--text-link) !important; +} + +[class^="markdown-"] [class^="codeInline-"], +code.inline, +.hljs { + color: var(--_colorFG) !important; +} +[class^="markdown-"] code, +.hljs { + background: var(--background-secondary) !important; +} +.hljs-keyword { + color: var(--_color5) !important; +} +.hljs-built_in { + color: var(--_color6) !important; +} +.hljs-type { + color: var(--_color3) !important; +} +.hljs-literal { + color: var(--_color3) !important; +} +.hljs-number { + color: var(--_color3) !important; +} +.hljs-regexp { + color: var(--_color6) !important; +} +.hljs-string { + color: var(--_color2) !important; +} +.hljs-subst { + color: var(--_color1) !important; +} +.hljs-symbol { + color: var(--_color5) !important; +} +.hljs-class { + color: var(--_color3) !important; +} +.hljs-function { + color: var(--_color4) !important; +} +.hljs-title { + color: var(--_color4) !important; +} +.hljs-params { + color: var(--_color1) !important; +} +.hljs-comment { + color: var(--highlight) !important; +} +.hljs-doctag { + color: var(--_colorFG) !important; +} +.hljs-meta { + color: var(--_color1) !important; +} +.hljs-meta-keyword { + color: var(--_color3) !important; +} +.hljs-meta-string { + color: var(--_color2) !important; +} +.hljs-section { + color: var(--_color4) !important; +} +.hljs-tag { + color: var(--_colorFG) !important; +} +.hljs-name { + color: var(--_color1) !important; +} +.hljs-builtin-name { + color: var(--_colorFG) !important; +} +.hljs-attr { + color: var(--_color3) !important; +} +.hljs-attribute { + color: var(--_colorFG) !important; +} +.hljs-variable { + color: var(--_color1) !important; +} +.hljs-bullet { + color: var(--_color1) !important; +} +.hljs-code { + color: var(--_color2) !important; +} +.hljs-emphasis { + color: var(--_color5) !important; +} +.hljs-strong { + color: var(--_color3) !important; +} +.hljs-formula { + color: var(--_colorFG) !important; +} +.hljs-link { + color: var(--_color3) !important; +} +.hljs-quote { + color: var(--_color3) !important; +} +.hljs-selector-tag { + color: var(--_color1) !important; +} +.hljs-selector-id { + color: var(--_color4) !important; +} +.hljs-selector-class { + color: var(--_color3) !important; +} +.hljs-selector-attr { + color: var(--_color4) !important; +} +.hljs-selector-pseudo { + color: var(--_color3) !important; +} +.hljs-template-tag { + color: var(--_colorFG) !important; +} +.hljs-template-variable { + color: var(--_colorFG) !important; +} +.hljs-addition { + color: #a6e22e !important; + background: #384c10 !important; +} +.hljs-deletion { + color: #f92672 !important; + background: #4c0c23 !important; +} +.hljs-operator { + color: var(--_colorFG) !important; +} +.hljs-pattern-match { + color: var(--_colorFG) !important; +} +.hljs-typing { + color: var(--_colorFG) !important; +} +.hljs-constructor { + color: var(--_colorFG) !important; +} +.hljs-module-access { + color: var(--_colorFG) !important; +} +.hljs-module { + color: var(--_colorFG) !important; +} +.hljs-ansi-foreground-black [class^="hljs-ansi-background-"], +.hljs-ansi-foreground-black { + color: var(--_color0) !important; +} +.hljs-ansi-foreground-red { + color: var(--_color1) !important; +} +.hljs-ansi-foreground-green { + color: var(--_color2) !important; +} +.hljs-ansi-foreground-yellow { + color: var(--_color3) !important; +} +.hljs-ansi-foreground-blue { + color: var(--_color4) !important; +} +.hljs-ansi-foreground-magenta { + color: var(--_color5) !important; +} +.hljs-ansi-foreground-cyan { + color: var(--_color6) !important; +} +.hljs-ansi-foreground-white [class^="hljs-ansi-background-"], +.hljs-ansi-foreground-white { + color: var(--_color7) !important; +} +.hljs-ansi-foreground-black .hljs-ansi-style-bold, +.hljs-ansi-foreground-black.hljs-ansi-style-bold { + color: var(--_color8) !important; +} +.hljs-ansi-foreground-red .hljs-ansi-style-bold, +.hljs-ansi-foreground-red.hljs-ansi-style-bold { + color: var(--_color9) !important; +} +.hljs-ansi-foreground-green .hljs-ansi-style-bold, +.hljs-ansi-foreground-green.hljs-ansi-style-bold { + color: var(--_color10) !important; +} +.hljs-ansi-foreground-yellow .hljs-ansi-style-bold, +.hljs-ansi-foreground-yellow.hljs-ansi-style-bold { + color: var(--_color11) !important; +} +.hljs-ansi-foreground-blue .hljs-ansi-style-bold, +.hljs-ansi-foreground-blue.hljs-ansi-style-bold { + color: var(--_color12) !important; +} +.hljs-ansi-foreground-magenta .hljs-ansi-style-bold, +.hljs-ansi-foreground-magenta.hljs-ansi-style-bold { + color: var(--_color13) !important; +} +.hljs-ansi-foreground-cyan .hljs-ansi-style-bold, +.hljs-ansi-foreground-cyan.hljs-ansi-style-bold { + color: var(--_color14) !important; +} +.hljs-ansi-foreground-white .hljs-ansi-style-bold, +.hljs-ansi-foreground-white.hljs-ansi-style-bold { + color: var(--_color15) !important; +} +.hljs-ansi-background-black { + background-color: var(--_color0) !important; +} +.hljs-ansi-background-red { + background-color: var(--_color1) !important; +} +.hljs-ansi-background-green { + background-color: var(--_color2) !important; +} +.hljs-ansi-background-yellow { + background-color: var(--_color3) !important; +} +.hljs-ansi-background-blue { + background-color: var(--_color4) !important; +} +.hljs-ansi-background-magenta { + background-color: var(--_color5) !important; +} +.hljs-ansi-background-cyan { + background-color: var(--_color6) !important; +} +.hljs-ansi-background-white { + background-color: var(--_color7) !important; +} diff --git a/modular/pip.css b/modular/pip.css new file mode 100644 index 0000000..aa7fbed --- /dev/null +++ b/modular/pip.css @@ -0,0 +1,3 @@ +[class*="pictureInPicture-"] { + display: none; +} diff --git a/modular/scheme/stock.css b/modular/scheme/stock.css index 4ba11c5..8543eea 100644 --- a/modular/scheme/stock.css +++ b/modular/scheme/stock.css @@ -27,19 +27,19 @@ --__secondary-rgb: 47, 49, 54; --__tertiary-rgb: 32, 34, 37; - --accent: #7289da; - --accent-rgb: 114, 137, 218; + --__accent: #7289da; + --__accent-rgb: 114, 137, 218; --__red: #f04747; --__text: #dcddde; --__link: #00aff4; --__highlight: #72767d; --__highlight-rgb: 114, 118, 125; - --status-online: #43b581; - --status-idle: #faa61a; - --status-dnd: #f04747; - --status-offline: #747f8d; - --status-streaming: #593695; + --__status-online: #43b581; + --__status-idle: #faa61a; + --__status-dnd: #f04747; + --__status-offline: #747f8d; + --__status-streaming: #593695; --__titlebar-color: var(--highlight); } diff --git a/modular/square_avatars.css b/modular/square_avatars.css new file mode 100644 index 0000000..1700a3a --- /dev/null +++ b/modular/square_avatars.css @@ -0,0 +1,115 @@ +[class*="avatar-"], +[class*="avatar-"] [class*="image-"], +[class*="callAvatar-"], +[class*="callAvatar-"] [class*="speaking-"], +[class*="avatarDefault-"], +[class*="avatarSpeaking-"], +[class*="avatar-"] [class*="inner-"], +[class*="callAvatarVoice-"], +[class*="callAvatarWrapper-"] [class*="speaking-"], +[class^="messagesWrapper-"] + [class^="scrollerInner-"] + [class^="message-"] + [class*="header-"] + [class*="avatar-"] + [class*="large-"], +[class^="messagesWrapper-"] + [class^="scrollerInner-"] + [class^="message-"] + [class*="header-"] + [class*="avatar-"] + [class*="wrapper-"], +[class^="messagesWrapper-"] + [class^="scrollerInner-"] + [class^="message-"] + [class*="contents-"] + [class*="avatar-"], +[class^="messagesWrapper-"] + [class^="scrollerInner-"] + [class^="wrapper-"] + [class*="contents-"] + [class*="avatar-"], +[class^="messageGroupCozy-"] [class*="contents-"] [class*="avatar-"], +[class*="autocomplete-"] + [class*="autocompleteInner-"] + [class*="autocompleteRow-"] + [class*="content-"] + [class*="wrapper-"], +[class*="guildsWrapper-"] + [class*="guilds-"] + [class*="guild-"] + [class*="guildInner-"], +div[class^="listItem-"] foreignObject img, +div[class^="listItem-"] foreignObject a[class^="button-"], +div[class^="listItem-"] foreignObject [class^="childWrapper-"], +div[class^="listItem-"] foreignObject [class^="folder-"], +div[class^="listItem-"] div[class^="wrapperSimple-"], +[class^="circleIconButton-"], +[class^="folderIconWrapper-"], +[class^="avatarContainer-"] { + border-radius: 10% !important; +} + +[class^="folderIconWrapper-"] + > [class^="closedFolderIconWrapper-"] + > [class^="icon-"] { + border-radius: 6px !important; +} + +[class*="avatarMasked-"], +[class*="maskProfile-"], +[class*="mask-"], +[class*="avatar-"] svg[class*="mask-"] > foreignObject, +[class*="avatarWrapper-"] svg[class*="mask-"] > foreignObject, +[class*="avatarHint-"] > foreignObject, +[class*="wrapper-"] svg[class*="mask-"] > foreignObject, +[class*="callAvatarWrapper-"] svg[class*="callAvatarMask-"] > foreignObject, +div[class^="listItem-"] [class^="wrapper-"] > svg > foreignObject, +[class^="bannerSVGWrapper-"] > foreignObject, +[class^="avatarDecoration-"] > foreignObject { + mask: none !important; + mask-image: none !important; + -webkit-mask-image: none !important; +} + +[class*="avatarHint-"], +[class*="avatarNormal-"], +[class*="avatarWrapper-"] [class*="wrapper-"], +[class*="avatarWrapper-"] [class*="image-"], +[class*="replyAvatar-"] { + border: none; + border-radius: 10% !important; +} + +[class^="userPopout-"] [class*="avatarWrapper-"] > [class^="avatarHint-"] { + display: none; +} + +[class^="userPopout-"] + [class*="avatarWrapper-"] + > [class^="avatar-"] + > svg + > foreignObject { + x: 8px; +} + +[class^="userPopout-"] + [class*="avatarWrapper-"] + > [class^="avatar-"] + > svg + > rect { + x: 0; + y: 0; + width: 8px; + height: 100%; + mask: none !important; +} + +[class^="accountProfileCard-"] [class^="avatar-"] { + border: 0; + background-color: transparent; +} + +[class^="numberBadge-"] { + border-radius: 4px !important; +} diff --git a/modular/textarea/fullwidth.css b/modular/textarea/fullwidth.css index 387e687..cf0d256 100644 --- a/modular/textarea/fullwidth.css +++ b/modular/textarea/fullwidth.css @@ -1,3 +1,45 @@ +[class*="chat-"] [class*="chatContent-"] form { + position: relative; + margin: 0; +} + +[class*="chat-"] form [class*="typing-"] { + position: absolute; + top: -2px; + left: 10px; +} + +[class*="channelTextArea-"] { + margin-bottom: 10px !important; + margin-top: 24px !important; + padding: 0 !important; +} + +[class*="channelTextArea-"] [class*="inner-"] { + border-radius: 6px; +} + +[class*="sansAttachButton-"] { + padding-left: 10px !important; +} + +.typing .ellipsis, +[class*="typing-"] span[class*="ellipsis-"] { + display: none; +} + +form [class*="typing-"] { + background-color: transparent !important; +} + +[class^="scrollerSpacer-"] { + height: 4px !important; +} + +[class^="chatContent-"] > form:before { + display: none !important; +} + [class^="chatContent-"] > form { padding: 0 !important; bottom: 0; diff --git a/modular/textarea/mobile.css b/modular/textarea/mobile.css index 1f2cca1..1440e38 100644 --- a/modular/textarea/mobile.css +++ b/modular/textarea/mobile.css @@ -1,3 +1,45 @@ +[class*="chat-"] [class*="chatContent-"] form { + position: relative; + margin: 0; +} + +[class*="chat-"] form [class*="typing-"] { + position: absolute; + top: -2px; + left: 10px; +} + +[class*="channelTextArea-"] { + margin-bottom: 10px !important; + margin-top: 24px !important; + padding: 0 !important; +} + +[class*="channelTextArea-"] [class*="inner-"] { + border-radius: 6px; +} + +[class*="sansAttachButton-"] { + padding-left: 10px !important; +} + +.typing .ellipsis, +[class*="typing-"] span[class*="ellipsis-"] { + display: none; +} + +form [class*="typing-"] { + background-color: transparent !important; +} + +[class^="scrollerSpacer-"] { + height: 4px !important; +} + +[class^="chatContent-"] > form:before { + display: none !important; +} + [class^="channelTextArea-"], [class^="channelTextArea-"] > [class^="scrollableContainer-"] { background-color: transparent !important; diff --git a/modular/textarea/xmc_default.css b/modular/textarea/xmc_default.css new file mode 100644 index 0000000..932b3b7 --- /dev/null +++ b/modular/textarea/xmc_default.css @@ -0,0 +1,41 @@ +[class*="chat-"] [class*="chatContent-"] form { + position: relative; + margin: 0; +} + +[class*="chat-"] form [class*="typing-"] { + position: absolute; + top: -2px; + left: 10px; +} + +[class*="channelTextArea-"] { + margin-bottom: 10px !important; + margin-top: 24px !important; + padding: 0 !important; +} + +[class*="channelTextArea-"] [class*="inner-"] { + border-radius: 6px; +} + +[class*="sansAttachButton-"] { + padding-left: 10px !important; +} + +.typing .ellipsis, +[class*="typing-"] span[class*="ellipsis-"] { + display: none; +} + +form [class*="typing-"] { + background-color: transparent !important; +} + +[class^="scrollerSpacer-"] { + height: 4px !important; +} + +[class^="chatContent-"] > form:before { + display: none !important; +} diff --git a/modular/unmirror.css b/modular/unmirror.css new file mode 100644 index 0000000..7d33c44 --- /dev/null +++ b/modular/unmirror.css @@ -0,0 +1,3 @@ +[class*="mirror-"] { + transform: none !important; +} diff --git a/modular/unread.css b/modular/unread.css index 8459c7b..070d97b 100644 --- a/modular/unread.css +++ b/modular/unread.css @@ -20,7 +20,7 @@ border-radius: 100% !important; transform: none !important; z-index: 100; - background: var(--red); + background: var(--red, var(--status-red-500)); } [class^="listItem-"] [class^="pill-"] > span[style*="height: 40px;"] { display: block; @@ -30,7 +30,7 @@ right: 4px; top: 5px !important; border-radius: 10% !important; - box-shadow: 0 0 0 2.5px var(--accent); + box-shadow: 0 0 0 2.5px var(--accent, var(--brand-500)); z-index: 100; } diff --git a/modular/voice_rings.css b/modular/voice_rings.css new file mode 100644 index 0000000..6035965 --- /dev/null +++ b/modular/voice_rings.css @@ -0,0 +1,9 @@ +[class*="avatarSpeaking-"], +[class^="avatar-"][class*="speaking-"] { + box-shadow: 0 0 0 2px var(--status-online, var(--status-green-600)), + 0 0 0 3px var(--background-secondary) !important; +} + +[class^="voiceUsers-"] [class^="avatarContainer-"] { + overflow: visible; +} diff --git a/modular/wide_settings.css b/modular/wide_settings.css new file mode 100644 index 0000000..723fe89 --- /dev/null +++ b/modular/wide_settings.css @@ -0,0 +1,12 @@ +[class*="standardSidebarView-"] + [class*="contentColumn-"]:not([class*="contentColumnWide-"]) { + max-width: 100%; +} + +[class*="standardSidebarView-"] [class*="sidebarRegion-"] { + flex: 0; +} + +[class^="accountProfileCard-"] { + max-width: 660px; +}