cordcss

cord.css

/* tall gif picker */
[class^=expressionPickerPositionLayer__] {
    height: 80vh;
}

/* move inbox button */
[data-windows] [class^=trailing_] {
    position: absolute;
    z-index: 101;
    right: 8px;
    top: 8px;
}
/* hide support button */
a[href="https://support.discord.com"] {
    display: none;
}
/* move search to the side */
[class^=toolbar__] > [class^=search__] {
    padding-right: 32px;
}
/* hide real top bar */
.visual-refresh {
    --custom-app-top-bar-height: 0;
}
/* fix top padding of guildlist */
[class^=sidebar_] > nav > ul > [class^=itemsContainer_] > div {
    padding-top: var(--space-md) !important;
}

/* make folders less ugly by using the same border radius
   for the icons inside */
[class^=closedFolderIconWrapper__] div {
    border-radius: 4px !important;
}
/* removing the clipped content */
[class^=folderIcon__] > div > svg > defs > path {
    d: path("M0 48V0H48V48H0Z");
}
/* using a sane border radius */
[class^=folderIconWrapper__] {
    border-radius: 8px;
}
/* ... and matching the same energy when expanded */
[class^=expandedFolderBackground__] {
    border-radius: 10px !important;
}

/* if you're fancy like that, you can also remove the ios-style
   smoothed border radius for the normal icons. */
[aria-label="Servers"] svg:has(& > foreignObject > div:not([class^=folder__])) {
    & > defs > path {
        d: path("M0 40V0H40V40H0Z");
    }
    & > foreignObject > div > img {
        border-radius: 8px;
    }
}

/* catppuccin code blocks! */
.visual-refresh.theme-dark, .visual-refresh .theme-dark {
    --background-code: #1e1e2e;
    --background-code-addition: #a6e3a122;
    --background-code-deletion: #f38ba822;
    --text-code-addition: #a6e3a1;
    --text-code-builtin: #cba6f7;
    --text-code-bullet: #89dceb;
    --text-code-comment: #9399b2;
    --text-code-default: #bac2de;
    --text-code-deletion: #f38ba8;
    --text-code-keyword: #cba6f7;
    --text-code-section: #fab387;
    --text-code-string: #a6e3a1;
    --text-code-tag: #89b4fa;
    --text-code-title: #f9e2af;
    --text-code-variable: #cdd6f4;
}