Skip to content

Instantly share code, notes, and snippets.

@hkan
Last active April 18, 2018 23:11
Show Gist options
  • Save hkan/71936356d897771171bf3ca0cf4cf54d to your computer and use it in GitHub Desktop.
Save hkan/71936356d897771171bf3ca0cf4cf54d to your computer and use it in GitHub Desktop.
Light content theme for indiehackers.com
html {
background: #f5f5f5;
}
/* CONTENT PAGE */
.forum .forum-thread {
background: none;
}
.forum .forum-thread .thread__title {
color: #695252;
}
.share-bar .thread-voter,
.forum .forum-thread .thread-voter:not(.thread-voter--upvoted):not(:hover) .thread-voter__icon {
color: #444;
fill: #444;
border-color: #444;
}
.forum .forum-thread .thread__content,
.forum .forum-thread .thread__user-link,
.forum .forum-thread .thread-cp__link,
.forum .forum-thread .thread__action,
.embedded-comments .comment .comment__content {
color: #443e6f;
}
.forum .forum-thread .thread__content a,
.embedded-comments .comment .comment__content a {
color: #5749bf;
}
.embedded-comments .comment .comment-voter {
background: #f5f5f5;
}
.embedded-comments .comment-tree:hover::before {
border-left-color: #b6c3d0;
}
.embedded-comments .comment .footer__user-link:hover .user-link__link {
color: #1c3f61 !important;
}
.embedded-comments .comment .footer__action {
color: #717180;
}
.embedded-comments .comment .comment__content blockquote {
border-color: #c1bfbf;
}
/* FORUM PAGE */
.forum .forum-list .forum-list__threads .forum-list__submit-link::before {
display: none;
}
.forum .forum-list .forum-list__threads .forum-filters__filter.active {
color: #336fab;
}
.forum .forum-list .forum-list__threads .forum-list__thread-list {
background: transparent;
}
.forum .forum-list .forum-sidebar .forum-sidebar__products-blurb a,
.forum .forum-list .forum-list__threads .thread__title {
color: #1d173c;
}
/* PRODUCTS PAGE */
.products .products-index .products-index__header {
box-shadow: 0 0 8px #0c1f31;
}
.products .products-index .products-index__content {
margin-top: 64px;
}
/* INTERVIEW PAGE */
.interview .interview-article,
.interview .interview-body,
.interview .interview-body p {
background: transparent;
color: #443e6f;
}
.interview .interview-article h2 {
color: #695252;
}
.interview .interview-body > p > a {
color: #5749bf;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment