2019-03-29 04:32:42 +00:00
|
|
|
---
|
|
|
|
# Front matter comment to ensure Jekyll properly reads file.
|
|
|
|
---
|
|
|
|
|
|
|
|
//Import
|
|
|
|
@import "base", "mixin", "typography", "layout", "syntax.scss", "custom.scss";
|
2022-03-30 15:21:26 +00:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/////////////////////////////////////////
|
|
|
|
/////////////////////////////////////////
|
|
|
|
/////////////////////////////////////////
|
|
|
|
//////////// LIGHT THEME ////////////////
|
|
|
|
/////////////////////////////////////////
|
|
|
|
/////////////////////////////////////////
|
|
|
|
/////////////////////////////////////////
|
|
|
|
|
|
|
|
//html {
|
|
|
|
//background-color: #0f0f0f;
|
|
|
|
////background-color: #f0f0f0;
|
|
|
|
|
|
|
|
//html {
|
|
|
|
//[>background-color: #0f0f0f;<]
|
|
|
|
////background-color: #f0f0f0;
|
|
|
|
//background-color: lightblue;
|
|
|
|
//}
|
|
|
|
|
|
|
|
|
|
|
|
////body {
|
|
|
|
//////background-color: #f0f0f0;
|
|
|
|
////background-color: #0f0f0f;
|
|
|
|
|
|
|
|
//body {
|
|
|
|
//[>background-color: #0f0f0f;<]
|
|
|
|
////background-color: #f0f0f0;
|
|
|
|
//background-color: lightblue;
|
|
|
|
//}
|
|
|
|
|
|
|
|
:root {
|
|
|
|
--primary-color: #888888;
|
|
|
|
--secondary-color: #666666;
|
|
|
|
--font-color: #999999;
|
|
|
|
--bg-color: #0f0f0f;
|
|
|
|
--heading-color: #454545;
|
2022-03-30 19:12:49 +00:00
|
|
|
--block-bg-color: #2f3234;
|
2022-03-30 15:21:26 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
[data-theme="dark"] {
|
|
|
|
--primary-color: #666666;
|
|
|
|
--secondary-color: #555555;
|
2022-03-30 18:30:03 +00:00
|
|
|
--font-color: #555555;
|
2022-03-30 15:21:26 +00:00
|
|
|
--bg-color: #f0f0f0;
|
|
|
|
--heading-color: #666666;
|
2022-03-30 19:12:49 +00:00
|
|
|
--block-bg-color: #d7d7d7;
|
2022-03-30 15:21:26 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
body {
|
|
|
|
background-color: var(--bg-color);
|
|
|
|
color: var(--font-color);
|
|
|
|
}
|
|
|
|
|
|
|
|
html {
|
|
|
|
background-color: var(--bg-color);
|
|
|
|
color: var(--font-color);
|
|
|
|
}
|
|
|
|
|
|
|
|
h1 {
|
|
|
|
color: var(--secondary-color);
|
|
|
|
}
|
|
|
|
|
|
|
|
a {
|
|
|
|
color: var(--primary-color);
|
|
|
|
}
|
|
|
|
|