Warpcast Arc Style Boost

queitWarpcast.css

#root, body, html {
  background: rgb(0, 0, 0) !important;
}

nav {
  background: rgb(0, 0, 0) !important;
}

a.mx-4.block.xl\:ml-\[0\.05rem\] {
  display: none !important;
}

* {
    font-family: "San Francisco Display", sans-serif !important;
}

.bg-app {
  background-color: #000000 !important;
}

.bg-action, .bg-action-red {
  background: rgb(255, 255, 255) !important;
  color: #000000 !important;
}


a, a.current > div {
  color: #fff !important;
}

a.current, 
a.font-semibold.bg-overlay-medium.relative.text-default.px-2.py-2.flex.flex-row.xl\:justify-start.justify-center.items-center.rounded-md.xl\:w-full.cursor-pointer {
  background: transparent !important;
  color: #FFFFFF;
}

#root > div > div > main > div > div > div.fade-in > div:nth-child(7) > div > div.relative.flex.flex-col > div > div.relative.w-full.min-w-0 > div.flex.flex-col.whitespace-pre-wrap.break-words.pb-2.text-base.leading-5.tracking-normal > div.mt-2.inline-flex.flex-col.justify-center.space-y-1 > span > div > div {
  background: #181818 !important;
}

div.flex.flex-row.gap-1 > div > div > button, div.flex.flex-row.gap-1 > button {
  border-color: #ffffff1c;
  background: #131313;
}

.text-link {
  color: #d1d1d1 !important;
}

input, textarea {
  background: #242424 !important;
  outline: none !important;
  border: none !important;
}

.bg-action-muted {
        background:#000000 !important;
    }

.bg-action-muted:hover {
        background-color: #3a3a3a !important;
}

/* nuke warpcast logo because I know where I am; also nuke redundant titles */
a.current.mx-4.block.xl\:ml-\[0\.05rem\],
aside.sticky.top-0.hidden.h-full.shrink-0.sm\:block.xl\:w-\[200px\] > div > div:nth-child(1) > a.mx-4.block.xl\:ml-\[0\.05rem\],
nav > div.hidden.h-14.flex-row.items-center.justify-between.sm\:flex.sm\:px-4 > h2 {
  display: none;
}

/* nuke suggested follows */

aside.sticky.top-0.hidden.h-full.sm\:flex.flex-col.flex-grow.flex-shrink-0.sm\:max-w-\[350px\].pt-3 > div.mt-3.hidden.rounded-lg.py-3.px-2.pt-1\.5.bg-overlay-light.mdlg\:block {
  display: none;
}

nav > div.hidden.h-14.flex-row.items-center.justify-between.sm\:flex.sm\:px-4 {
  justify-content: flex-end;
}

/* make home and notifications column a little nicer */
aside.sticky.top-0.hidden.h-full.shrink-0.sm\:block.xl\:w-\[200px\] > div > div:nth-child(1) {
  align-items: center;
  align-self: center;
  margin: .4rem auto 0;
}

a.current.flex.h-full.w-full.items-center.justify-center.text-inherit > div > div > div {
  background: #e7e7e7;
}