152 lines
2.7 KiB
SCSS
152 lines
2.7 KiB
SCSS
$theme-colors: (
|
|
"main-bg-color": #0a0a0a,
|
|
"main-text": #ffffff,
|
|
"main-sec": #99cc66, /* main secondary color for the site */
|
|
"code-quote-bg": #0a0a0a, /* background color for quotes and code blocks */
|
|
"copyright": #808080, /* copyright text color */
|
|
);
|
|
|
|
|
|
body {
|
|
background: map-get($theme-colors, "main-bg-color");
|
|
color: map-get($theme-colors, "main-text");
|
|
}
|
|
|
|
a {
|
|
color: map-get($theme-colors, "main-text");
|
|
}
|
|
|
|
code, pre {
|
|
background: map-get($theme-colors, "code-quote-bg");
|
|
border: 1px solid #303030;
|
|
}
|
|
|
|
pre code {
|
|
background-color: transparent;
|
|
border: transparent;
|
|
}
|
|
|
|
video .video {
|
|
background-color: map-get($theme-colors, "code-quote-bg");
|
|
}
|
|
|
|
/*
|
|
* syntax highlight code block table backround
|
|
* looks better if overwritten.
|
|
* */
|
|
.post .content .highlight table {
|
|
background-color: #181818 !important;
|
|
}
|
|
|
|
blockquote {
|
|
background: map-get($theme-colors, "code-quote-bg");
|
|
border-left-color: map-get($theme-colors, "main-sec");
|
|
}
|
|
|
|
table, th, td {
|
|
border-color: #5C5C5C;
|
|
}
|
|
|
|
tr:hover {
|
|
background: #1D1F21;
|
|
}
|
|
|
|
th {
|
|
background: #101010;
|
|
}
|
|
|
|
.siteTitle a {
|
|
color: map-get($theme-colors, "main-sec");
|
|
}
|
|
|
|
.post {
|
|
background: #181818;
|
|
border-left: 1px solid #303030;
|
|
border-right: 1px solid #303030;
|
|
border-top: 1px solid #303030;
|
|
border-radius: 0.2em;
|
|
box-shadow: 0 1px 2px 0 #000000, 0 2px 5px 0 #000000;
|
|
}
|
|
|
|
.post .content h1,
|
|
.post .content h2,
|
|
.post .content h3,
|
|
.post .content h4,
|
|
.post .content h5,
|
|
.post .content h6 {
|
|
color: map-get($theme-colors, "main-sec");
|
|
}
|
|
|
|
.post .content a {
|
|
color: map-get($theme-colors, "main-sec");
|
|
}
|
|
|
|
.post .content a:hover {
|
|
color: map-get($theme-colors, "main-text");
|
|
}
|
|
|
|
.nav-item-title:hover {
|
|
color: map-get($theme-colors, "main-sec");
|
|
}
|
|
|
|
.tag a:hover {
|
|
color: map-get($theme-colors, "main-sec");
|
|
}
|
|
|
|
.copyright {
|
|
color: map-get($theme-colors, "copyright");
|
|
}
|
|
|
|
.post-preview {
|
|
border: 1px solid #303030;
|
|
border-radius: 0.2em;
|
|
box-shadow: 0 1px 2px 0 #000000, 0 2px 5px 0 #000000;
|
|
background: #181818;
|
|
}
|
|
|
|
.post-preview .meta {
|
|
border-bottom: 1px solid #303030;
|
|
}
|
|
|
|
.post-preview .title a {
|
|
color: map-get($theme-colors, "main-sec");
|
|
}
|
|
|
|
.post-footer-data {
|
|
background-color: #0a0a0a;
|
|
border-bottom: 1px solid #303030;
|
|
}
|
|
|
|
.post-footer hr {
|
|
color: #303030;
|
|
}
|
|
|
|
.rmore {
|
|
color: map-get($theme-colors, "main-text");
|
|
}
|
|
|
|
.rmore a {
|
|
background: map-get($theme-colors, "main-bg-color");
|
|
border: 1px solid #303030;
|
|
}
|
|
|
|
.rmore a:hover {
|
|
background: #202020;
|
|
color: map-get($theme-colors, "main-text");
|
|
};
|
|
|
|
.err-404 {
|
|
border: 1px solid #303030;
|
|
border-radius: 0.2em;
|
|
background: #202020;
|
|
box-shadow: 0 1px 2px 0 #000000, 0 2px 5px 0 #000000;
|
|
}
|
|
|
|
.content-list .archive-list a {
|
|
color: map-get($theme-colors, "main-sec");
|
|
}
|
|
|
|
.content-list .archive-list a:hover {
|
|
filter: brightness(1.2);
|
|
}
|