diff --git a/presets/css/VisualRefreshUpgrade/vru.css b/presets/css/VisualRefreshUpgrade/vru.css index 50f42cc..211d6a6 100644 --- a/presets/css/VisualRefreshUpgrade/vru.css +++ b/presets/css/VisualRefreshUpgrade/vru.css @@ -1,10 +1,15 @@ /* @import url('https://blade04208.github.io/ddex4/import.css'); */ /* @import url("https://raw.githubusercontent.com/LuSaffi/VenCordstuff/refs/heads/main/CSS/selfMessages.css"); */ /* @import url(https://git.mysty.one/valerie/valcord-css/raw/branch/main/presets/css/VisualRefreshUpgrade/vru.css); */ -@import url("https://raw.githubusercontent.com/surgedevs/visual-refresh-compact-title-bar/refs/heads/main/desktop.css"); +/* @import url("https://raw.githubusercontent.com/surgedevs/visual-refresh-compact-title-bar/refs/heads/main/desktop.css"); */ @import url(https://git.mysty.one/valerie/valcord-css/raw/branch/main/snippets/css/BetterSpotifyPlayer/bsp.css); +@import url(https://git.mysty.one/valerie/valcord-css/raw/branch/main/snippets/css/CompactChannelList/ccl.css); +@import url(https://git.mysty.one/valerie/valcord-css/raw/branch/main/snippets/css/SmolProfile/sp.css); +@import url(https://git.mysty.one/valerie/valcord-css/raw/branch/main/snippets/css/KillAllRoundCorners/karc.css); +@import url("https://ukriu.github.io/cssCord/Other/noDistractions.css"); +@import url("https://ukriu.github.io/cssCord/Other/blandProfile.css"); -.visual-refresh [class^="layer_"] > form > [class^="focusLock__"] { +a .visual-refresh [class^="layer_"] > form > [class^="focusLock__"] { position: relative; max-height: calc(100vh - var(--space-24) * 3); top: calc(var(--space-24) / 2); @@ -14,6 +19,112 @@ display: none !important; } +/* Remove Profile Reactions */ +[class*="statusPopover"], +[class*="avatarPopover__"], +[class*="activityPopover__"] { + display: none; +} + +.title_c38106 { + display: none; +} + +.title_f75fb0 { + padding: 0px !important; + /* scale: 0.9; */ + padding-left: 12px !important; + position: fixed; + left: 0px; + top: 0px; + background: transparent !important; + height: var(--custom-app-top-bar-height) !important; + min-height: 0px; + border: none !important; + width: calc(100vw); +} + +.followButton_f75fb0, +.topicClickTarget__6ec1a { + -webkit-app-region: no-drag !important; +} + +.base_c48ade:has(.bar_c38106[data-windows="true"]) .title_f75fb0 { + width: calc(100vw - 240px) !important; +} + +.children__9293f::after { + background: linear-gradient( + to right, + transparent 0, + var(--bg-base-tertiary) 100% + ) !important; +} +.topic__6ec1a { + flex: none; +} + +.visual-refresh div[class^="sidebar_"] section[class^="panels_"] { + width: calc( + var(--custom-guild-sidebar-width) - var(--custom-guild-list-width) + 1px + ); + left: var(--custom-guild-list-width); + bottom: 0px; + border-radius: 0px; + border: none; +} + +.visual-refresh nav[class*="guilds_"] { + margin-bottom: unset; +} + +:root { + --codeblock-height: 200px; +} + +.codeContainer__75297 > code { + max-height: var(--codeblock-height); + overflow-y: scroll; + + &::-webkit-scrollbar { + height: 8px; + width: 8px; + } + + &::-webkit-scrollbar-corner { + background-color: transparent; + } + + &::-webkit-scrollbar-track, + &::-webkit-scrollbar-thumb { + /* visibility: hidden; */ + } + + &::-webkit-scrollbar-thumb { + background-clip: padding-box; + background-color: var(--scrollbar-thin-thumb); + border: 2px solid transparent; + border-radius: 4px; + min-height: 40px; + } + + &:hover::-webkit-scrollbar-track, + &:hover::-webkit-scrollbar-thumb { + visibility: visible; + } + + &::-webkit-scrollbar-track { + background-color: var(--scrollbar-thin-track); + border: 2px solid var(--scrollbar-thin-track); + border-color: var(--scrollbar-thin-track); + } +} + +.clanTagChiplet_c19a55, +.chipletContainerInner__4a25c { + display: none; +} + .badgeLabel__635ed { display: none !important; } diff --git a/snippets/css/CompactUserPanel/cup.css b/snippets/css/CompactUserPanel/cup.css new file mode 100644 index 0000000..cf1fae1 --- /dev/null +++ b/snippets/css/CompactUserPanel/cup.css @@ -0,0 +1,34 @@ +:root { + --codeblock-height: 200px; +} +.codeContainer__75297 > code { + max-height: var(--codeblock-height); + overflow-y: scroll; + &::-webkit-scrollbar { + height: 8px; + width: 8px; + } + &::-webkit-scrollbar-corner { + background-color: transparent; + } + &::-webkit-scrollbar-track, + &::-webkit-scrollbar-thumb { + /* visibility: hidden; */ + } + &::-webkit-scrollbar-thumb { + background-clip: padding-box; + background-color: var(--scrollbar-thin-thumb); + border: 2px solid transparent; + border-radius: 4px; + min-height: 40px; + } + &:hover::-webkit-scrollbar-track, + &:hover::-webkit-scrollbar-thumb { + visibility: visible; + } + &::-webkit-scrollbar-track { + background-color: var(--scrollbar-thin-track); + border: 2px solid var(--scrollbar-thin-track); + border-color: var(--scrollbar-thin-track); + } +} diff --git a/snippets/css/KillAllRoundCorners/karc.css b/snippets/css/KillAllRoundCorners/karc.css new file mode 100644 index 0000000..db61f9f --- /dev/null +++ b/snippets/css/KillAllRoundCorners/karc.css @@ -0,0 +1,56 @@ +*, +*::before, +*::after { + border-radius: 0 !important; +} + +.svg_cc5dd2 > mask, +.svg__44b0c > rect, +.svg__44b0c > circle, +.svg__44b0c rect[mask="url(#:rhi:)"], +.avatar__20a53 .status_a423bd { + display: none; +} + +.mask__68edb > foreignObject, +.svg__44b0c > foreignObject, +.svg__2338f > foreignObject { + mask: none; +} + +.wrapper__44b0c:has(rect)::after { + content: ""; + display: block; + position: absolute; + height: 8px; + width: 8px; + bottom: -4px; + right: -4px; + border: 2px solid var(--background-base-lower); +} +#app-mount .wrapper__44b0c:has(rect[fill="#40a258"])::after { + background: #40a258 !important; +} +#app-mount .wrapper__44b0c:has(rect[fill="#d83a41"])::after { + background: #d83a41 !important; +} +#app-mount .wrapper__44b0c:has(rect[fill="#cc954c"])::after { + background: #cc954c !important; +} +#app-mount .wrapper__44b0c:has(rect[fill="#82838b"])::after { + background: #82838b !important; +} +#app-mount .wrapper__44b0c:has(rect[fill="#9147ff"])::after { + background: #9147ff !important; +} + +.lowerBadge_cc5dd2 { + border: 2px solid var(--background-base-lower); + bottom: -4px; + right: -4px; +} +.upperBadge_cc5dd2 { + border: 2px solid var(--background-base-lower); + top: -4px; + right: -4px; +} diff --git a/snippets/css/SmolProfile/sp.css b/snippets/css/SmolProfile/sp.css new file mode 100644 index 0000000..4f0e674 --- /dev/null +++ b/snippets/css/SmolProfile/sp.css @@ -0,0 +1,128 @@ +/* originally in https://github.com/blade04208/ddex4 */ +.biteSize_c0bea0 { + overflow: visible !important; + + .footer__5be3e { + display: none !important; + } + + .descriptionClamp_f5f93a { + -webkit-line-clamp: 2; + } + + rect[mask^="url(#svg-mask-status"] { + display: block; + } + + .container_ab8609 { + left: -20px !important; + top: -45px; + + .outer_ab8609::before { + top: 42px; + left: 10px; + } + + .outer_ab8609::after { + top: 70px; + left: 20px; + } + } + + .usernameRow__63ed3 { + position: absolute; + top: -60px; + left: 109px; + } + + .nickname__63ed3 { + word-wrap: normal; + max-height: 24px; + white-space: nowrap; + text-overflow: ellipsis; + max-width: 150px; + } + + .tags__63ed3 .clickableUsername__63ed3 { + position: absolute; + top: -36px; + left: 110px; + } + + .container__8061a { + position: absolute; + top: -60px; + right: 12px; + max-width: 90px; + width: 24px; + flex-direction: row-reverse; + height: 22px; + overflow: hidden; + transition: height 1s; + background-color: rgba(0, 0, 0, 0.25); + border-radius: 8px; + z-index: 10; + backdrop-filter: blur(5px); + + &:hover { + height: auto; + width: auto; + } + } + + .mutuals__530ce { + position: absolute; + top: 8px; + margin-left: calc(100% - 44px - 32px); + + .text__530ce, + .spacer__530ce { + display: none; + } + + .avatars_ef4a91 { + width: 44px !important; + justify-content: right; + } + } + + .contents__201d5:not(.buttonInner_fb7f94) { + display: none; + } + + .header__5be3e { + min-height: 0px; + height: 105px !important; + } + + .dotSpacer__63ed3 { + display: none; + } + + [mask^="url(#uid_"] { + /* display: none; */ + mask: none; + opacity: 0.5; + overflow: hidden; + height: 100%; + } + + .avatar__75742 { + top: 12px !important; + } + + .body__5be3e { + padding-top: 8px !important; + overflow: visible !important; + } + + .mask__68edb, + .banner__68edb { + overflow: visible; + height: 00% !important; + width: 100% !important; + contain: none !important; + min-height: 100% !important; + border-radius: 9px 9px 0 0; + } +}