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

1
assets/_scss/_variables.scss
View file

@ -41,6 +41,7 @@ $lighter-gray : mix(#fff, $gray, 90%);
$body-color : #fff; $body-color : #fff;
$background-color : #fff; $background-color : #fff;
$code-background-color : #f8f8f8;
$text-color : #333332; $text-color : #333332;
$border-color : $lighter-gray; $border-color : $lighter-gray;
$base-color : #343434; $base-color : #343434;

2
assets/css/main.css
View file

File diff suppressed because one or more lines are too long