soothing deep cyan dashboard
substack.com - soothing deep cyan dashboard by yagazuzy

Details
Authoryagazuzy
LicenseNo License
Categorysubstack
Created
Updated
Code size4.1 kB
Code checksum3e76f869
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
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;
}
}