/* // 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; }