diff --git a/presets/css/VisualRefreshUpgrade/vru.css b/presets/css/VisualRefreshUpgrade/vru.css index 211d6a6..04f592f 100644 --- a/presets/css/VisualRefreshUpgrade/vru.css +++ b/presets/css/VisualRefreshUpgrade/vru.css @@ -1,13 +1,24 @@ /* @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://ukriu.github.io/cssCord/Other/noDistractions.css"); */ +/* @import url("https://ukriu.github.io/cssCord/Other/blandProfile.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://git.mysty.one/valerie/valcord-css/raw/branch/main/snippets/css/KillAllRoundCorners/karc.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"); +@import url(https://scattagain.github.io/VencordStuff/css/GuildbarRevert.css); + +:root { + --guildbar-avatar-size: 48px; + --blob-scale: 48; + --guildbar-folder-size: var(--guildbar-avatar-size); + --folder-blob-scale: var(--blob-scale); + --codeblock-height: 200px; + --selfMessageColor: #7a002f; + --defaultMessageColor: #2c0011; + --custom-channel-textarea-text-area-height: 56px; +} a .visual-refresh [class^="layer_"] > form > [class^="focusLock__"] { position: relative; @@ -19,6 +30,69 @@ a .visual-refresh [class^="layer_"] > form > [class^="focusLock__"] { display: none !important; } +.visual-refresh { + .form_f75fb0 { + display: flex; + flex-direction: column; + } + + .channelTextArea_f75fb0 { + margin-bottom: 12px; + } + + .base_b88801 { + position: static; + order: -1; + } + + nav[class*="guilds_"], + nav:has([data-list-id="guildsnav"]) { + margin-bottom: unset; + } +} + +.bar_c38106 { + z-index: 28371983721897; +} + +.title_c38106 { + background-color: transparent; + background: linear-gradient( + to bottom, + var(--background-base-lowest), + #00000000 + ); + display: none; +} + +.title_a7d72e { + -webkit-app-region: drag; +} + +.sidebar_c48ade { + overflow: visible !important; + position: relative; + + &:after { + margin-bottom: 0 !important; + } +} + +.sidebarList_c48ade { + margin-left: 72px; +} + +.wrapper_ef3116 { + position: absolute; + top: -35px; + height: calc(100vh - 65px); + /* padding-top: 10px; */ +} + +[class^="stack_dbd263 scroller_ef3116"] { + padding-top: 40px !important; +} + /* Remove Profile Reactions */ [class*="statusPopover"], [class*="avatarPopover__"], @@ -26,10 +100,6 @@ a .visual-refresh [class^="layer_"] > form > [class^="focusLock__"] { display: none; } -.title_c38106 { - display: none; -} - .title_f75fb0 { padding: 0px !important; /* scale: 0.9; */ @@ -44,44 +114,19 @@ a .visual-refresh [class^="layer_"] > form > [class^="focusLock__"] { width: calc(100vw); } +.base_c48ade:has(.bar_c38106[data-windows="true"]) .title_f75fb0 { + width: calc(100vw - 240px) !important; +} + .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; @@ -147,21 +192,12 @@ connectedAccountVerifiedIcon_e6abe8 {a } */ -.visual-refresh nav:has([data-list-id="guildsnav"]) { - margin-bottom: unset; -} - [class*="closedFolderIconWrapper_"] > [class*="guildIcon_"], [data-list-item-id*="guildsnav_"] > [class*="icon_"], .icon_f34534.guildIcon__48112 { border-radius: 50% !important; } -:root { - --selfMessageColor: #7a002f; - --defaultMessageColor: #2c0011; -} - [class*="membersGroup"]:has([role="button"]), [class*="member"] [class*="container"]:has([class*="badges"]), .guildIcon__48112, @@ -173,40 +209,37 @@ connectedAccountVerifiedIcon_e6abe8 {a fill: #e0115f; } -nav.guilds_c48ade, -.sidebar_c48ade:after, -.sidebar_c48ade { +nav.guilds_c48ade { margin-bottom: 0 !important; - overflow: visible !important; } .content_a2f514 { display: flex; flex-direction: column; -} -.content_a2f514 > .spinner_a2f514 { - display: none; -} + > .spinner_a2f514 { + display: none; + } -.content_a2f514:before { - display: block; - height: 250px; - position: relative; - content: url(http://zcdn.mysty.one/r/DVBaIW.gif); - image-rendering: pixelated; - align-content: center; - scale: 2.125; - margin-bottom: 96px; + &:before { + display: block; + height: 250px; + position: relative; + content: url(http://zcdn.mysty.one/r/DVBaIW.gif); + image-rendering: pixelated; + align-content: center; + scale: 2.125; + margin-bottom: 96px; + } } span[class*="timestampInline_"] { font-size: 0px !important; -} -span[class*="timestampInline_"] time::before { - content: attr(aria-label); - font-size: 12px; + time::before { + content: attr(aria-label); + font-size: 12px; + } } .wrapper_e131a9 { diff --git a/snippets/css/SecondChatRow/scr.css b/snippets/css/SecondChatRow/scr.css new file mode 100644 index 0000000..d539992 --- /dev/null +++ b/snippets/css/SecondChatRow/scr.css @@ -0,0 +1,136 @@ +/* chat input: move buttons to second row */ +:where(.visual-refresh) .channelTextArea_f75fb0 .scrollableContainer__74017 { + overflow-y: hidden; +} +:where(.visual-refresh) + .channelTextArea_f75fb0 + .scrollableContainer__74017 + > div { + display: flex; + flex-wrap: wrap; + padding-left: 0px; + justify-content: flex-end; +} +:where(.visual-refresh) .channelTextArea_f75fb0 .buttons__74017 { + padding-right: 15px; + flex-shrink: 3; +} +:where(.visual-refresh) .channelTextArea_f75fb0 .textArea__74017 { + overflow-y: scroll; + max-height: calc(var(--custom-channel-textarea-text-area-max-height) - 55px); + order: -1; + border-bottom-width: 1px !important; + border-bottom-color: var(--border-faint); + border-bottom-style: solid; +} +:where(.visual-refresh) .channelTextArea_f75fb0 .characterCount__795fb { + translate: 0 -55px; +} +:where(.visual-refresh) .channelTextArea_f75fb0 .attachWrapper__0923f { + position: absolute; + left: 0; + top: 0; + margin-left: 15px; +} +/* COPIED FROM DISCORD CSS */ +:where(.visual-refresh) + .channelTextArea_f75fb0 + .textArea__74017::-webkit-scrollbar { + width: 12px; +} +:where(.visual-refresh) + .channelTextArea_f75fb0 + .textArea__74017::-webkit-scrollbar-track { + border-radius: 0 8px 8px 0; +} +:where(.visual-refresh) + .channelTextArea_f75fb0 + .textArea__74017::-webkit-scrollbar-thumb, +:where(.visual-refresh) + .channelTextArea_f75fb0 + .textArea__74017::-webkit-scrollbar-track { + background-clip: padding-box; + border: 4px solid transparent; +} +:where(.visual-refresh) + .channelTextArea_f75fb0 + .textArea__74017::-webkit-scrollbar-thumb { + background-color: hsl(var(--primary-800-hsl) / 0.6); + border-radius: 8px; +} +/* END: COPIED FROM DISCORD CSS */ + +/* padding of message input text field to match message width */ +:where(.visual-refresh) .channelTextArea_f75fb0 .textArea__74017 > div > * { + margin-left: 58.5px; + margin-right: 19px; +} + +.panels_c48ade { + height: 62px; + width: 62px !important; + display: flex !important; + flex-direction: column; + overflow: hidden; + transition: width 0.3s; + z-index: 50000; + pointer-events: all; + border: 1px solid var(--border-subtle) !important; + &:has(.container_e131a9) { + background-color: var(--notice-background-positive); + border: 1px solid var(--border-normal); + } +} + +.wrapper_e131a9 { + height: 0; + overflow: hidden; + transition: height 0.5s; +} +.panels_c48ade:hover { + width: 100% !important; + width: 300px !important; + height: auto !important; + .wrapper_e131a9 { + height: auto !important; + } +} +.sidebar_c48ade { + overflow: visible !important; +} +.container__2637a { + padding-bottom: 0px !important; +} +.scroller__99e7c { + margin-bottom: 0px !important; +} + +.bottom__7aaec { + bottom: 0px !important; +} + +[class*="base_"] > [class*="content_"] { + margin: 0 10px 10px 0; + + [class*="page_"] { + border: 1px solid var(--app-border-frame); + border-left: none; + border-radius: 0 var(--radius-md) var(--radius-md) 0; + } + + [class*="sidebar_"] { + &::after { + display: none; + } + + [class*="sidebarList_"] { + border-bottom: 1px solid var(--app-border-frame); + border-bottom-left-radius: var(--radius-md); + } + } + + [class*="chat_"], + [class*="callContainer_cb9592"] { + border: none !important; + } +}