Dev.to Dark Mode CSS - Greyish

dev-to-dark-mode.css

body,
.stories-show {
    background:#303030 !important;
    color:#F5F5F5;
}

/* Menu Colors */

.top-bar,
.top-bar nav,
.home .side-bar .sidebar-nav .sidebar-nav-block .sidebar-nav-subheader, 
.single-comment-node .inner-comment {
    background-color:#212121;
    color:#F5F5F5;
}

.top-bar nav svg {
    fill: #F5F5F5;
}

/* Content Box Colors */

/* Only background */

.home .side-bar .widget .cta-button {
    background-color:#424242;
}

/* BG + Text */

.container .body {
    background-color:#424242;
    color:#F5F5F5;
}

/* BG + Text Color + Box Shadow */

.home .side-bar .sidebar-nav .sidebar-profile-snapshot,
.home .side-bar .widget,
.home .articles-list .single-article,
.home .articles-list .single-article.big-article .content-wrapper,
.primary-sticky-nav .primary-sticky-nav-element,
.container,
footer .container .inner-footer-container  {
    background-color:#424242;
    color:#F5F5F5;
    border: 1px solid #252525;
    box-shadow: 3px 3px 0px #252525;
}

/* Box Hover */

.home .side-bar .sidebar-nav .sidebar-nav-block .sidebar-nav-element.sidebar-nav-readinglist:hover,
.home .side-bar .sidebar-nav .sidebar-nav-block .sidebar-nav-element.sidebar-nav-readinglist .sidebar-nav-link:hover {
    background-color:#222;
}

/* Border Color */

.single-comment-node .inner-comment {
    border:1px solid #222
}

/* Text Color */

.home .side-bar .sidebar-nav .sidebar-nav-block .sidebar-nav-subheader a,
.home .side-bar .sidebar-nav .sidebar-profile-snapshot .sidebar-profile-snapshot-inner,
.home .side-bar .sidebar-nav .sidebar-nav-block .sidebar-nav-element a.sidebar-nav-link,
.single-comment-node .details a,
.more-articles a,
.primary-sticky-nav .primary-sticky-nav-author a,
.show-page-content-display a,
.home .side-bar .widget .widget-body .widget-podcast-ep a {
    color:#E5E5E5;
}


.home .side-bar .widget .widget-body .widget-events-single-link,
.home .side-bar .widget-link-list__item a,
.home .articles-list a,
.home .side-bar .widget .widget-body .sidebar-sponsor .sponsor-tagline,
.home .side-bar .widget header a {
    color:#DDD;
}