cohost dark gray by aftrd4rk

/* ==UserStyle==
@name           cohost dark gray
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Custom gray styling for Cohost
@author         noah605
==/UserStyle== */

@-moz-document domain("https://cohost.org/") {

.bg-background{
    background:#202122;
}

.bg-foreground {
  background-color: #1b1b1a;
}
.bg-foreground-800{
  background-color:#20212200;   
}
.bg-sidebarBg {
  background-color: #20212200;
}
.bg-white {
    background-color:#20212200;
    border-radius:6px;
}
.bg-notWhite{
    background-color:#20212200;    
}
.bg-longan-300{
    background-color: #2b2b2b; 
}
.bg-longan{
    background-color: #2b2b2b; 
}
.bg-tertiary-300{
    background-color:#17171755;  
}
.bg-cherry{
   background-color:#3b3a39;
}
.fill-cherry{
    fill: #3b3a39;   
}
.border-cherry {
    border-color: #3b3a39; 
}
.fill-composeButton {
  fill: #3b3a39;
}
.rounded-t-lg {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.dark\:cohost-shadow-dark:not(svg):not(.mask) {
  box-shadow: none;
}
.dark\:cohost-shadow-dark.mask {
  filter:none;
}
:not(svg):not(.mask).cohost-shadow-light {
  box-shadow: none;
}
svg.dark\:cohost-shadow-dark {
  filter:none;
}
.border-gray-300{
    display:none;
}
article > div{
    background:#2b2b2b;
    padding: 2px 0;
}
article > div:nth-child(2n){
    background:#2f2e2f;
}
article > div:nth-child(2n).flex-col{
    background:#2f2e2f00;
}
article div:nth-child(3){
    border-radius:4px 4px 0 0;
}


footer.bg-notWhite,footer .bg-notWhite{
    background-color:#2b2b2b91;    
}

[type="text"], [type="email"], [type="url"], [type="password"], [type="number"], [type="date"], [type="datetime-local"], [type="month"], [type="search"], [type="tel"], [type="time"], [type="week"], [multiple], textarea, select {
  background-color:#2b2b2b;
    color:#d8d9d1;
}

section.h-fit{
    display:none;
}

header.bg-foreground{
    height:50px;
}

.lg\:pt-16 {
  padding-top: 0;
}


.text-text {
  color:#d8d9d1;
}
.text-sidebarText {
  color: #7c7d77;
}
.text-foreground {
  color:#7c7d77;
}
.text-black {
  color:#e4e5dd;
}
.text-notBlack{
    color:#d8d9d1;
}
.lg\:text-notBlack {
    color:#d8d9d1
}
svg.text-notBlack{
    color:#7c7d77;
}
.text-gray-500{
  color: #62635d;    
}
.text-gray-600 {
  color: #62635d;
}
.text-cherry {
  color:#62635d;
}
.prose {
  color:#d8d9d1;
}
.prose :where(h1):not(:where([class~="not-prose"])) {
  color:#e4e5dd;
}
.prose :where(h2):not(:where([class~="not-prose"])) {
  color:#e4e5dd;
}
.prose :where(h3):not(:where([class~="not-prose"])) {
  color:#e4e5dd;
}
.prose :where(h4):not(:where([class~="not-prose"])) {
  color:#e4e5dd;
}
.prose :where(strong):not(:where([class~="not-prose"])) {
  color:#e4e5dd;
}

}