|
@ -0,0 +1,84 @@ |
|
|
|
|
|
/* // Config ----------------------------------- */ |
|
|
|
|
|
/* @syntax-hue: 220; */ |
|
|
|
|
|
/* @syntax-saturation: 13%; */ |
|
|
|
|
|
/* @syntax-brightness: 18%; */ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* // Monochrome ----------------------------------- */ |
|
|
|
|
|
/* @mono-1: hsl(@syntax-hue, 14%, 71%); // default text */ |
|
|
|
|
|
/* @mono-2: hsl(@syntax-hue, 9%, 55%); */ |
|
|
|
|
|
/* @mono-3: hsl(@syntax-hue, 10%, 40%); */ |
|
|
|
|
|
|
|
|
|
|
|
/* // Colors ----------------------------------- */ |
|
|
|
|
|
/* @hue-1: hsl(187, 47%, 55%); // <-cyan */ |
|
|
|
|
|
/* @hue-2: hsl(207, 82%, 66%); // <-blue */ |
|
|
|
|
|
/* @hue-3: hsl(286, 60%, 67%); // <-purple */ |
|
|
|
|
|
/* @hue-4: hsl( 95, 38%, 62%); // <-green */ |
|
|
|
|
|
|
|
|
|
|
|
/* @hue-5: hsl(355, 65%, 65%); // <-red 1 */ |
|
|
|
|
|
/* @hue-5-2: hsl( 5, 48%, 51%); // <-red 2 */ |
|
|
|
|
|
|
|
|
|
|
|
/* @hue-6: hsl( 29, 54%, 61%); // <-orange 1 */ |
|
|
|
|
|
/* @hue-6-2: hsl( 39, 67%, 69%); // <-orange 2 */ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* // Base colors ----------------------------------- */ |
|
|
|
|
|
/* @syntax-fg: @mono-1; */ |
|
|
|
|
|
/* @syntax-bg: hsl(@syntax-hue, @syntax-saturation, @syntax-brightness); */ |
|
|
|
|
|
/* @syntax-gutter: darken(@syntax-fg, 26%); */ |
|
|
|
|
|
/* @syntax-guide: fade(@syntax-fg, 15%); */ |
|
|
|
|
|
/* @syntax-accent: hsl(@syntax-hue, 100%, 66% ); */ |
|
|
|
|
|
|
|
|
|
|
|
@font-face { |
|
|
|
|
|
font-family: Input; |
|
|
|
|
|
src: url('InputMono-Regular.ttf'); |
|
|
|
|
|
font-weight: normal; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
body { |
|
|
|
|
|
font-family: Input, sans-serif; |
|
|
|
|
|
background-color: hsl(220, 13%, 18%); |
|
|
|
|
|
} |
|
|
|
|
|
p { |
|
|
|
|
|
color: hsl(220, 14%, 71%); |
|
|
|
|
|
} |
|
|
|
|
|
h1 { |
|
|
|
|
|
color: hsl( 29, 54%, 61%); |
|
|
|
|
|
} |
|
|
|
|
|
h2 { |
|
|
|
|
|
color: hsl(187, 47%, 55%); |
|
|
|
|
|
} |
|
|
|
|
|
h3 { |
|
|
|
|
|
color: hsl(286, 60%, 67%); |
|
|
|
|
|
} |
|
|
|
|
|
h4 { |
|
|
|
|
|
color: hsl(286, 60%, 77%); |
|
|
|
|
|
} |
|
|
|
|
|
h5 { |
|
|
|
|
|
color: hsl(286, 60%, 87%); |
|
|
|
|
|
} |
|
|
|
|
|
#table-of-contents h2 { |
|
|
|
|
|
color: hsl( 95, 38%, 62%); |
|
|
|
|
|
} |
|
|
|
|
|
ul > li, ul > li a { |
|
|
|
|
|
color: hsl(187, 47%, 55%); |
|
|
|
|
|
/* color: hsl(286, 60%, 57%); */ |
|
|
|
|
|
} |
|
|
|
|
|
ul > li > ul > li, ul > li > ul > li a { |
|
|
|
|
|
color: hsl(286, 60%, 67%) |
|
|
|
|
|
} |
|
|
|
|
|
ul > li > ul > li > ul > li, ul > li > ul > li > ul > li a { |
|
|
|
|
|
color: hsl(286, 60%, 77%) |
|
|
|
|
|
} |
|
|
|
|
|
ul > li > ul > li > ul > li > ul > li, ul > li > ul > li > ul > li > ul > li a { |
|
|
|
|
|
color: hsl(286, 60%, 87%) |
|
|
|
|
|
} |
|
|
|
|
|
.org-src-container pre { |
|
|
|
|
|
background-color: hsl(220, 14%, 95%); |
|
|
|
|
|
} |
|
|
|
|
|
#postamble p:nth-child(3) { |
|
|
|
|
|
display: none; |
|
|
|
|
|
} |
|
|
|
|
|
p.validation { |
|
|
|
|
|
display: none; |
|
|
|
|
|
} |