mirror of
https://github.com/allaunthefox/Research-Stack.git
synced 2026-07-31 03:05:21 +00:00
No white anywhere. Everything is warm soft gray: Body/content: #f5f0eb (warm parchment) Header: #3d3d3d (muted dark, no green) Headings: #4a4540 Code inline: #ebe6e0 bg Code blocks: #3d3d3d bg Tables: #e5e0da headers Links: #5a7a8a muted blue All with !important to override Cayman defaults
114 lines
2.3 KiB
SCSS
114 lines
2.3 KiB
SCSS
---
|
|
---
|
|
|
|
@import "{{ site.theme }}";
|
|
|
|
/* === Full soft color override === */
|
|
|
|
/* Body: soft warm gray */
|
|
body {
|
|
background-color: #f5f0eb !important;
|
|
color: #3d3d3d !important;
|
|
}
|
|
|
|
/* Header: soft dark, not green */
|
|
.page-header {
|
|
background-color: #3d3d3d !important;
|
|
background-image: none !important;
|
|
color: #e0ddd8 !important;
|
|
}
|
|
|
|
.page-header .project-name,
|
|
.page-header h1 {
|
|
color: #f5f0eb !important;
|
|
}
|
|
|
|
.page-header .project-tagline {
|
|
color: #b5b0a8 !important;
|
|
}
|
|
|
|
.page-header .btn {
|
|
background-color: #6b6560 !important;
|
|
color: #f5f0eb !important;
|
|
border-color: #8a8580 !important;
|
|
}
|
|
|
|
.page-header .btn:hover {
|
|
background-color: #8a8580 !important;
|
|
}
|
|
|
|
/* Main content: same soft tone */
|
|
.main-content,
|
|
main {
|
|
background-color: #f5f0eb !important;
|
|
color: #3d3d3d !important;
|
|
}
|
|
|
|
/* Headings: muted, not green */
|
|
.main-content h1, .main-content h2, .main-content h3,
|
|
.main-content h4, .main-content h5, .main-content h6,
|
|
main h1, main h2, main h3, main h4, main h5, main h6 {
|
|
color: #4a4540 !important;
|
|
border-bottom-color: #d8d3cd !important;
|
|
}
|
|
|
|
/* Code: soft */
|
|
.main-content code, main code {
|
|
background-color: #ebe6e0 !important;
|
|
color: #6b4c3b !important;
|
|
}
|
|
|
|
.main-content pre, main pre {
|
|
background-color: #3d3d3d !important;
|
|
color: #d8d3cd !important;
|
|
border: 1px solid #5a5550 !important;
|
|
}
|
|
|
|
.main-content pre code, main pre code {
|
|
background-color: transparent !important;
|
|
color: #d8d3cd !important;
|
|
}
|
|
|
|
/* Tables: soft headers */
|
|
.main-content table th, main table th {
|
|
background-color: #e5e0da !important;
|
|
color: #4a4540 !important;
|
|
border-color: #d8d3cd !important;
|
|
}
|
|
|
|
.main-content table td, main table td {
|
|
border-color: #d8d3cd !important;
|
|
color: #3d3d3d !important;
|
|
}
|
|
|
|
/* Links: muted blue */
|
|
.main-content a, main a {
|
|
color: #5a7a8a !important;
|
|
}
|
|
|
|
.main-content a:hover, main a:hover {
|
|
color: #7a9aaa !important;
|
|
}
|
|
|
|
/* Blockquotes */
|
|
.main-content blockquote, main blockquote {
|
|
border-left-color: #b5b0a8 !important;
|
|
background-color: #ebe6e0 !important;
|
|
color: #5a5550 !important;
|
|
}
|
|
|
|
/* Horizontal rules */
|
|
.main-content hr, main hr {
|
|
background-color: #d8d3cd !important;
|
|
}
|
|
|
|
/* Footer */
|
|
.site-footer {
|
|
border-top-color: #d8d3cd !important;
|
|
color: #8a8580 !important;
|
|
}
|
|
|
|
/* Strong/emphasis */
|
|
.main-content strong, main strong {
|
|
color: #3d3d3d !important;
|
|
}
|