Skip to content

substack.com - soothing deep cyan dashboard by yagazuzy

Screenshot of substack.com - soothing deep cyan dashboard

Details

Authoryagazuzy

LicenseNo License

Categorysubstack

Created

Updated

Size4.1 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

soothing deep cyan dashboard

Notes

I use f.lux to increase the yellow-sepia tones on the computer screen because it's easier on the eyes. This screenshot was taken with that hue overlay, so the color is slightly different. I love this color theme so much, I might implement it on my site.

Source code

/* ==UserStyle==
@name           substack.com - 4/16/2022, 2:55:21 PM
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document domain("substack.com") {
    /* Insert code here... */
    
    #publish-home, #publish-home .topbar, #publish-home #posts-list-page h4, #publish-home #posts-list-page .support, #publish-home .posts-list-page a, #publish-home .publish-menu a, #publish-home .publisher-banner a, #publish-home .post-list-container a, #publish-home .large-menu-name a, #publish-home h1, #publish-home .calendared-post-list .post, #publish-home h1, #publish-home .calendared-post-list .post-header, #publish-home .post-meta-item, #publish-home .post-substat, #publish-home .info, #publish-home .post-link, #publish-home .post-link span, #publish-home .referrer-link span, #publish-home .referrer-links-title, #publish-home .post-links-title, #publish-home .post-stat-label, #publish-home h3, #posts-list-page .button, #posts-list-page .button.primary, #publish-home .publisher-banner, #publish-home .dashboard-action-box-close, #publish-home .banner-close path, #publish-home .icon path, #posts-list-page .button span {
        background-color: #192f33 !important;
        color: #d7c5a3 !important;
        stroke: #d7c5a3 !important;
    }
    #publish-home .publisher-banner, #publish-home .dashboard-action-box, #publish-home .post, #posts-list-page .button { 
        border: 1px solid #d7c5a377 !important; 
        border-radius: 20px !important;
    }
    #publish-home .no-padding {
        border: none !important;
        background-color: transparent !important;
    }
    #publish-home .publisher-banner, #posts-list-page .button.primary {
        background-color: #3714003b !important;
    }
    #publish-home .posts-list-page a, #publish-home .publish-menu a, #publish-home .publisher-banner a, #publish-home .post-list-container a, #publish-home .large-menu-name a, #posts-list-page .button.primary span, #publish-home .post.collapsed div, #publish-home .post-title, .post-title a, #publish-home .post-meta-icon a, #publish-home .post-meta-item a, #publish-home .calendared-post-list .post div, #publish-home .calendared-post-list .post a, #publish-home .calendared-post-list .post span, #publish-home .dashboard-action-box h1, #publish-home .dashboard-action-box-close, #publish-home .dashboard-action-box p.info, #publish-home .dashboard-action-box p.info a, #publish-home .menu-item, #publish-home .menu-item.selected, #publish-home .menu-item a, #publish-home .overflow-item-content, #publish-home .large-menu-logo-container a, #publish-home h1, #publish-home a {
        background-color: transparent !important;
    }
    #publish-home .post.collapsed {
        margin: 10px 0px !important;
    }
    #publish-home .calendared-post-list .post {
        background-color: #76b5be12 !important;
    }
    #publish-home .dashboard-action-box {
        background-color: #ffe3e312 !important;
        text-shadow: 0px 0px 10px #005a5a;
    }
    #publish-home .dashboard-action-box h1, #publish-home .dashboard-action-box p, #publish-home .dashboard-action-box a {
        color: #c2fffae3 !important;
    }
    #publish-home .post.collapsed {
        background-color: #3714003b !important;
    }
    #publish-home .topbar .container, #publish-home .publish-menu {
        border-top: 0px solid #d7c5a377 !important; 
        border-bottom: 3px solid #d7c5a333 !important; 
        background-color: #c91cc812 !important;
    }
    #publish-home .post-stat, #publish-home .post-link span {
        color: #00eeff96 !important;
        text-shadow: 0px 0px 5px #005a5a;
        font-weight: bold !important;
    }
    #publish-home .post-title.published a {
        color: #ecaaef !important;
    }
    #publish-home .post.collapsed .post-header .post-title.published a {
        color: #c073d3de !important;
    }
    #publish-home .post-title.long.published {
        border-bottom: 3px solid  #ff93de5e !important;
        padding-bottom: 10px !important;
        margin-bottom: 20px !important;
    }
}

Reviews

No reviews yet.