3f469f268f
* Cleanup syntax highlighting styles * Replace hardcoded color values with [base16](http://chriskempson.com/projects/base16/) Sass variables * Harmonize padding between GFM code blocks and `{% highlight %}` code blocks * Improve readability of line numbers * Add longer code block example to test double digit line numbers * Adjust code block colors for specific skins
44 lines
1.6 KiB
SCSS
44 lines
1.6 KiB
SCSS
/* ==========================================================================
|
|
Sunrise skin
|
|
========================================================================== */
|
|
|
|
/* Colors */
|
|
$dark-gray: #0e2431 !default;
|
|
$background-color: #e8d5b7 !default;
|
|
$text-color: #000 !default;
|
|
$muted-text-color: $dark-gray !default;
|
|
$primary-color: #fc3a52 !default;
|
|
$border-color: mix(#000, $background-color, 20%) !default;
|
|
$code-background-color: mix(#fff, $background-color, 20%) !default;
|
|
$code-background-color-dark: mix(#000, $background-color, 10%) !default;
|
|
$form-background-color: mix(#fff, $background-color, 15%) !default;
|
|
$footer-background-color: #f9b248 !default;
|
|
$link-color: mix(#000, $primary-color, 10%) !default;
|
|
$link-color-hover: mix(#fff, $link-color, 25%) !default;
|
|
$link-color-visited: mix(#000, $link-color, 25%) !default;
|
|
$masthead-link-color: $text-color !default;
|
|
$masthead-link-color-hover: mix(#000, $text-color, 20%) !default;
|
|
$navicon-link-color-hover: mix(#000, $background-color, 30%) !default;
|
|
|
|
/* sunrise syntax highlighting (base16) */
|
|
$base00: #1d1f21 !default;
|
|
$base01: #282a2e !default;
|
|
$base02: #373b41 !default;
|
|
$base03: #969896 !default;
|
|
$base04: #b4b7b4 !default;
|
|
$base05: #c5c8c6 !default;
|
|
$base06: #e0e0e0 !default;
|
|
$base07: #ffffff !default;
|
|
$base08: #cc6666 !default;
|
|
$base09: #de935f !default;
|
|
$base0a: #f0c674 !default;
|
|
$base0b: #b5bd68 !default;
|
|
$base0c: #8abeb7 !default;
|
|
$base0d: #81a2be !default;
|
|
$base0e: #b294bb !default;
|
|
$base0f: #a3685a !default;
|
|
|
|
.author__urls.social-icons .fa,
|
|
.page__footer-follow .social-icons .svg-inline--fa {
|
|
color: inherit;
|
|
}
|