Skip to content

Instantly share code, notes, and snippets.

@fmaida
Last active January 8, 2022 22:13
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save fmaida/d3b14fa71eff711d40abcdf534e27c39 to your computer and use it in GitHub Desktop.
Save fmaida/d3b14fa71eff711d40abcdf534e27c39 to your computer and use it in GitHub Desktop.
This will render your minos theme ( https://github.com/carsonip/hugo-theme-minos ) in dark colors, just remember to add customCSS = ["dark-minos.min.css"] under [parameters] in your config.toml file. You can use either the scss file and compile it, or directly the .min.css file
body{background-color:#24292e;color:#eee}#logo,.main-nav-link,a.article-title,p,#page-nav a,.archive-article-title,#main-nav-toggle,.article-entry,.article-toc li a,.tag-cloud a,.article-footer a:hover{color:#eee}a.article-title:hover,a.article-date:hover,a.archive-article-title:hover,#footer a:hover,#page-nav>a:hover,.tag-cloud a:hover,a:hover{border-bottom-color:#eee}.article-entry a{border-bottom:none}.article-entry a:hover{border-bottom:1px dotted #00b6e5}#page-nav .current{background-color:#00b6e5}a,.article-entry a,.article-more-link a,#footer-info a{color:#00b6e5}.article-nav-link-wrap{text-shadow:0 1px #222;color:#00b6e5;text-align:center}.article-nav-link-wrap:hover{color:#eee}#header{background-color:#14191e;border-bottom:1px solid #222}div.highlight,pre,.article-entry code{background-color:#14191e !important;scrollbar-color:#00b6e5 #14191e}.article,.article-date{border-bottom:1px solid #14191e}.archives{border-left:1px solid #14191e}.archive-article-inner:hover{border-left-color:#00b6e5}.article-meta a,.archive-article-date{color:#939393}/*# sourceMappingURL=dark-minos.min.css.map */
{"version":3,"sourceRoot":"","sources":["dark-minos.scss"],"names":[],"mappings":"AAQA,KACI,iBATS,QAUT,MARG,KAWP,iKAKI,MAhBG,KAmBP,sIAII,oBAvBG,KA0BP,iBACI,mBAGJ,uBACI,iCAGJ,mBACI,iBAhCK,QAmCT,uDACI,MApCK,QAuCT,uBACI,uBACA,MAzCK,QA0CL,kBAGJ,6BACI,MAjDG,KAoDP,QACI,iBAtDK,QAuDL,6BAGJ,sCACI,oCACA,gCAGJ,uBACI,gCAGJ,UACI,8BAGJ,6BACI,kBApEK,QAuET,sCACI,MA1EM","file":"dark-minos.min.css"}
$background: #24292e;
$header: #14191e;
$text: #eee;
$subtext: #939393;
$highlight: #14191e;
$accent: #00b6e5;
body {
background-color: $background;
color: $text;
}
#logo, .main-nav-link, a.article-title,
p, #page-nav a, .archive-article-title,
#main-nav-toggle, .article-entry,
.article-toc li a, .tag-cloud a,
.article-footer a:hover {
color: $text;
}
a.article-title:hover, a.article-date:hover,
a.archive-article-title:hover, #footer a:hover,
#page-nav > a:hover, .tag-cloud a:hover,
a:hover {
border-bottom-color: $text;
}
.article-entry a {
border-bottom: none;
}
.article-entry a:hover {
border-bottom: 1px dotted $accent;
}
#page-nav .current {
background-color: $accent;
}
a, .article-entry a, .article-more-link a, #footer-info a {
color: $accent;
}
.article-nav-link-wrap {
text-shadow: 0 1px #222;
color: $accent;
text-align: center;
}
.article-nav-link-wrap:hover {
color: $text;
}
#header {
background-color: $header;
border-bottom: 1px solid #222;
}
div.highlight, pre, .article-entry code {
background-color: $highlight !important;
scrollbar-color: $accent $highlight;
}
.article, .article-date {
border-bottom: 1px solid $header;
}
.archives {
border-left: 1px solid $header;
}
.archive-article-inner:hover {
border-left-color: $accent;
}
.article-meta a, .archive-article-date {
color: $subtext;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment