101 lines
2.1 KiB
CSS
101 lines
2.1 KiB
CSS
/* Kimber (base16) dark theme override for Gokarna */
|
|
/* Overrides themes/gokarna/assets/css/dark.css via Hugo asset resolution */
|
|
|
|
:root {
|
|
--dark-primary-color: 34, 34, 34; /* base00 #222222 */
|
|
--dark-secondary-color: #313131; /* base01 */
|
|
--dark-tertiary-color: #555D55; /* base02 */
|
|
--dark-text-color: #DEDEE7; /* base05 */
|
|
}
|
|
|
|
html {
|
|
background-color: rgb(var(--dark-primary-color));
|
|
color: var(--dark-text-color);
|
|
fill: var(--dark-text-color);
|
|
}
|
|
|
|
.header {
|
|
background-color: rgba(var(--dark-primary-color), 0.95);
|
|
}
|
|
|
|
.nav-hamburger-list {
|
|
background: rgba(var(--dark-primary-color), 1);
|
|
}
|
|
|
|
.nav-links .nav-icons-divider {
|
|
color: var(--dark-secondary-color);
|
|
}
|
|
|
|
a:hover .feather-moon {
|
|
fill: #DEDEE7; /* base05 */
|
|
color: #DEDEE7;
|
|
}
|
|
|
|
.gk-social-icons-list .gk-social-icon,
|
|
.gk-social-icons-list .gk-social-icon a:visited {
|
|
fill: var(--dark-text-color);
|
|
}
|
|
|
|
.gk-social-icons-list .gk-social-icon a:hover {
|
|
fill: var(--accent-color);
|
|
}
|
|
|
|
.post-tags .post-tag:hover {
|
|
background-color: var(--dark-text-color);
|
|
color: rgb(var(--dark-primary-color));
|
|
}
|
|
|
|
.tags-list .post-tags .post-tag a .tag-posts-count {
|
|
background-color: var(--dark-secondary-color);
|
|
}
|
|
|
|
.tags-list .post-tags .post-tag:hover a .tag-posts-count {
|
|
background-color: var(--dark-text-color);
|
|
color: rgb(var(--dark-primary-color));
|
|
}
|
|
|
|
.footer {
|
|
border-top-color: var(--dark-header-bg-color);
|
|
}
|
|
|
|
blockquote {
|
|
color: #C3C3B4; /* base06 */
|
|
border-left-color: var(--dark-secondary-color);
|
|
}
|
|
|
|
hr {
|
|
color: var(--dark-secondary-color);
|
|
}
|
|
|
|
table thead {
|
|
background-color: var(--dark-secondary-color);
|
|
}
|
|
|
|
table td,
|
|
table th {
|
|
border-bottom-color: var(--dark-secondary-color);
|
|
}
|
|
|
|
code,
|
|
pre {
|
|
background-color: var(--dark-secondary-color) !important;
|
|
}
|
|
|
|
:not(pre) > code {
|
|
background-color: var(--dark-tertiary-color) !important;
|
|
color: var(--dark-text-color);
|
|
}
|
|
|
|
.header-shadow {
|
|
box-shadow: rgb(49, 49, 49) 0px -1px 0px 0px inset; /* base01 */
|
|
}
|
|
|
|
.arrow-logo {
|
|
background-color: var(--dark-secondary-color);
|
|
}
|
|
|
|
/* Post dates */
|
|
.post-date {
|
|
color: #C3C3B4; /* base06 */
|
|
}
|