soothing deep cyan dashboard
substack.com - soothing deep cyan dashboard by yagazuzy
Details
Authoryagazuzy
LicenseNo License
Categorysubstack
Created
Updated
Size4.1 kB
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;
}
}