Update CSS
This commit is contained in:
parent
10d4e92a33
commit
5a6e3b4a8b
2 changed files with 236 additions and 67 deletions
|
|
@ -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 {
|
||||
|
|
|
|||
136
snippets/css/SecondChatRow/scr.css
Normal file
136
snippets/css/SecondChatRow/scr.css
Normal file
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Reference in a new issue