N-archive/hacks-guide-minimal-mistakes-theme
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Change syntax highlighting colors

Browse source
This commit is contained in:
Michael Rose 2016-03-25 09:33:28 -04:00
parent 83f519db1e
commit 627100bf92
4 changed files with 130 additions and 161 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
assets/_scss/_base.scss
View file

@ -150,7 +150,7 @@ li code,
figcaption code { figcaption code {
padding-top: 0.1rem; padding-top: 0.1rem;
padding-bottom: 0.1rem; padding-bottom: 0.1rem;
background: mix(#fff, $lighter-gray, 20%); background: $code-background-color;
border: 1px solid $lighter-gray; border: 1px solid $lighter-gray;
border-radius: $border-radius; border-radius: $border-radius;

160
assets/_scss/_syntax.scss
View file

@ -7,6 +7,7 @@ div.highlighter-rouge, figure.highlight {
padding: 1em; padding: 1em;
border: 1px solid $border-color; border: 1px solid $border-color;
border-radius: $border-radius; border-radius: $border-radius;
background-color: $code-background-color;
.highlight { .highlight {
margin: 0; margin: 0;
@ -18,101 +19,68 @@ div.highlighter-rouge, figure.highlight {
.highlight table td { padding: 5px; } .highlight table td { padding: 5px; }
.highlight table pre { margin: 0; } .highlight table pre { margin: 0; }
.highlight, .highlight .w {
color: #303030;
}
.highlight .err { /* GitHub style */
color: #151515;
background-color: #ac4142;
}
.highlight .c, .highlight .cd, .highlight .cm, .highlight .c1, .highlight .cs { .highlight .c { color: #999988; font-style: italic; }
color: #505050; .highlight .err { color: #a61717; background-color: #e3d2d2; }
} .highlight .k { font-weight: bold; }
.highlight .o { font-weight: bold; }
.highlight .cp { .highlight .cm { color: #999988; font-style: italic; }
color: #f4bf75; .highlight .cp { color: #999999; font-weight: bold; }
} .highlight .c1 { color: #999988; font-style: italic; }
.highlight .cs { color: #999999; font-weight: bold; font-style: italic; }
.highlight .nt { .highlight .gd { color: #000000; background-color: #ffdddd; }
color: #f4bf75; .highlight .gd .x { color: #000000; background-color: #ffaaaa; }
} .highlight .ge { font-style: italic; }
.highlight .gr { color: #aa0000; }
.highlight .o, .highlight .ow { .highlight .gh { color: #999999; }
color: #d0d0d0; .highlight .gi { color: #000000; background-color: #ddffdd; }
} .highlight .gi .x { color: #000000; background-color: #aaffaa; }
.highlight .go { color: #888888; }
.highlight .p, .highlight .pi { .highlight .gp { color: #555555; }
color: #d0d0d0; .highlight .gs { font-weight: bold; }
} .highlight .gu { color: #800080; font-weight: bold; }
.highlight .gt { color: #aa0000; }
.highlight .gi { .highlight .kc { font-weight: bold; }
color: #90a959; .highlight .kd { font-weight: bold; }
} .highlight .kn { font-weight: bold; }
.highlight .kp { font-weight: bold; }
.highlight .gd { .highlight .kr { font-weight: bold; }
color: #ac4142; .highlight .kt { color: #445588; font-weight: bold; }
} .highlight .m { color: #009999; }
.highlight .s { color: #dd1144; }
.highlight .gh { .highlight .n { color: #333333; }
color: #6a9fb5; .highlight .na { color: teal; }
background-color: #151515; .highlight .nb { color: #0086b3; }
font-weight: bold; .highlight .nc { color: #445588; font-weight: bold; }
} .highlight .no { color: teal; }
.highlight .ni { color: purple; }
.highlight .k, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kv { .highlight .ne { color: #990000; font-weight: bold; }
color: #aa759f; .highlight .nf { color: #990000; font-weight: bold; }
} .highlight .nn { color: #555555; }
.highlight .nt { color: navy; }
.highlight .kc { .highlight .nv { color: teal; }
color: #d28445; .highlight .ow { font-weight: bold; }
} .highlight .w { color: #bbbbbb; }
.highlight .mf { color: #009999; }
.highlight .kt { .highlight .mh { color: #009999; }
color: #d28445; .highlight .mi { color: #009999; }
} .highlight .mo { color: #009999; }
.highlight .sb { color: #dd1144; }
.highlight .kd { .highlight .sc { color: #dd1144; }
color: #d28445; .highlight .sd { color: #dd1144; }
} .highlight .s2 { color: #dd1144; }
.highlight .se { color: #dd1144; }
.highlight .s, .highlight .sb, .highlight .sc, .highlight .sd, .highlight .s2, .highlight .sh, .highlight .sx, .highlight .s1 { .highlight .sh { color: #dd1144; }
color: #90a959; .highlight .si { color: #dd1144; }
} .highlight .sx { color: #dd1144; }
.highlight .sr { color: #009926; }
.highlight .sr { .highlight .s1 { color: #dd1144; }
color: #75b5aa; .highlight .ss { color: #990073; }
} .highlight .bp { color: #999999; }
.highlight .vc { color: teal; }
.highlight .si { .highlight .vg { color: teal; }
color: #8f5536; .highlight .vi { color: teal; }
} .highlight .il { color: #009999; }
.highlight .gc { color: #999; background-color: #EAF2F5; }
.highlight .se {
color: #8f5536;
}
.highlight .nn {
color: #f4bf75;
}
.highlight .nc {
color: #f4bf75;
}
.highlight .no {
color: #f4bf75;
}
.highlight .na {
color: #6a9fb5;
}
.highlight .m, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mb, .highlight .mx {
color: #90a959;
}
.highlight .ss {
color: #90a959;
}

127
assets/_scss/_variables.scss
View file

@ -6,84 +6,85 @@
Typography Typography
========================================================================== */ ========================================================================== */
$doc-font-size : 16; $doc-font-size : 16;
$doc-line-height : 26; $doc-line-height : 26;
/* paragraph indention */ /* paragraph indention */
$paragraph-indent : false; // true, false (default) $paragraph-indent : false; // true, false (default)
$indent-var : 0rem + ($doc-line-height / $doc-font-size); $indent-var : 0rem + ($doc-line-height / $doc-font-size);
/* system typefaces */ /* system typefaces */
$serif : Georgia, Times, serif; $serif : Georgia, Times, serif;
$sans-serif : -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; $sans-serif : -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
$monospace : Monaco, Consolas, "Lucida Console", monospace; $monospace : Monaco, Consolas, "Lucida Console", monospace;
/* sans serif typefaces */ /* sans serif typefaces */
$sans-serif-narrow : $sans-serif; $sans-serif-narrow : $sans-serif;
$helvetica : Helvetica, "Helvetica Neue", Arial, sans-serif; $helvetica : Helvetica, "Helvetica Neue", Arial, sans-serif;
/* serif typefaces */ /* serif typefaces */
$georgia : Georgia, serif; $georgia : Georgia, serif;
$times : Times, serif; $times : Times, serif;
$bodoni : "Bodoni MT", serif; $bodoni : "Bodoni MT", serif;
$calisto : "Calisto MT", serif; $calisto : "Calisto MT", serif;
$garamond : Garamond, serif; $garamond : Garamond, serif;
/* /*
Colors Colors
========================================================================== */ ========================================================================== */
$gray : #4c4c4c; $gray : #4c4c4c;
$dark-gray : #191413; $dark-gray : #191413;
$light-gray : mix(#fff, $gray, 70%); $light-gray : mix(#fff, $gray, 70%);
$lighter-gray : mix(#fff, $gray, 90%); $lighter-gray : mix(#fff, $gray, 90%);
$body-color : #fff; $body-color : #fff;
$background-color : #fff; $background-color : #fff;
$text-color : #333332; $code-background-color : #f8f8f8;
$border-color : $lighter-gray; $text-color : #333332;
$base-color : #343434; $border-color : $lighter-gray;
$comp-color : spin($base-color, 180); $base-color : #343434;
$accent-color : #000; $comp-color : spin($base-color, 180);
$accent-color : #000;
/* buttons */ /* buttons */
$primary-color : #000; $primary-color : #000;
$success-color : #5cb85c; $success-color : #5cb85c;
$warning-color : #dd8338; $warning-color : #dd8338;
$danger-color : #C64537; $danger-color : #C64537;
$info-color : #308cbc; $info-color : #308cbc;
/* brands */ /* brands */
$behance-color : #1769FF; $behance-color : #1769FF;
$dribbble-color : #ea4c89; $dribbble-color : #ea4c89;
$facebook-color : #3b5998; $facebook-color : #3b5998;
$flickr-color : #ff0084; $flickr-color : #ff0084;
$foursquare-color : #0072b1; $foursquare-color : #0072b1;
$github-color : #171516; $github-color : #171516;
$google-plus-color : #dd4b39; $google-plus-color : #dd4b39;
$instagram-color : #517fa4; $instagram-color : #517fa4;
$lastfm-color : #d51007; $lastfm-color : #d51007;
$linkedin-color : #007bb6; $linkedin-color : #007bb6;
$pinterest-color : #cb2027; $pinterest-color : #cb2027;
$rss-color : #fa9b39; $rss-color : #fa9b39;
$soundcloud-color : #ff3300; $soundcloud-color : #ff3300;
$stackoverflow-color : #fe7a15; $stackoverflow-color : #fe7a15;
$tumblr-color : #32506d; $tumblr-color : #32506d;
$twitter-color : #55acee; $twitter-color : #55acee;
$vimeo-color : #1ab7ea; $vimeo-color : #1ab7ea;
$vine-color : #00bf8f; $vine-color : #00bf8f;
$youtube-color : #bb0000; $youtube-color : #bb0000;
$xing-color : #006567; $xing-color : #006567;
/* links */ /* links */
$link-color : #343434; $link-color : #343434;
$link-color-hover : darken($link-color, 10); $link-color-hover : darken($link-color, 10);
$link-color-visited : lighten($link-color-hover, 20); $link-color-visited : lighten($link-color-hover, 20);
$link-color-focus : darken($link-color-visited, 10); $link-color-focus : darken($link-color-visited, 10);
$border-radius : 4px; $border-radius : 4px;
/* /*
@ -92,20 +93,20 @@ $border-radius : 4px;
@include breakpoint-set("to ems", true); @include breakpoint-set("to ems", true);
$small : 600px; $small : 600px;
$medium : 768px; $medium : 768px;
$medium-wide : 900px; $medium-wide : 900px;
$large : 1024px; $large : 1024px;
$x-large : 1280px; $x-large : 1280px;
/* /*
Grid Grid
========================================================================== */ ========================================================================== */
$right-sidebar-width-narrow : 200px; $right-sidebar-width-narrow : 200px;
$right-sidebar-width : 300px; $right-sidebar-width : 300px;
$right-sidebar-width-wide : 400px; $right-sidebar-width-wide : 400px;
$susy: ( $susy: (
columns: 12, columns: 12,

2
assets/css/main.css
View file

File diff suppressed because one or more lines are too long