Change syntax highlighting colors
This commit is contained in:
Michael Rose
parent
83f519db1e
commit
627100bf92
4 changed files with 130 additions and 161 deletions
|
|
@ -150,7 +150,7 @@ li code,
|
|||
figcaption code {
|
||||
padding-top: 0.1rem;
|
||||
padding-bottom: 0.1rem;
|
||||
background: mix(#fff, $lighter-gray, 20%);
|
||||
background: $code-background-color;
|
||||
border: 1px solid $lighter-gray;
|
||||
border-radius: $border-radius;
|
||||
|
||||
|
|
|
|||
|
|
@ -7,6 +7,7 @@ div.highlighter-rouge, figure.highlight {
|
|||
padding: 1em;
|
||||
border: 1px solid $border-color;
|
||||
border-radius: $border-radius;
|
||||
background-color: $code-background-color;
|
||||
|
||||
.highlight {
|
||||
margin: 0;
|
||||
|
|
@ -18,101 +19,68 @@ div.highlighter-rouge, figure.highlight {
|
|||
|
||||
.highlight table td { padding: 5px; }
|
||||
.highlight table pre { margin: 0; }
|
||||
.highlight, .highlight .w {
|
||||
color: #303030;
|
||||
}
|
||||
|
||||
.highlight .err {
|
||||
color: #151515;
|
||||
background-color: #ac4142;
|
||||
}
|
||||
/* GitHub style */
|
||||
|
||||
.highlight .c, .highlight .cd, .highlight .cm, .highlight .c1, .highlight .cs {
|
||||
color: #505050;
|
||||
}
|
||||
|
||||
.highlight .cp {
|
||||
color: #f4bf75;
|
||||
}
|
||||
|
||||
.highlight .nt {
|
||||
color: #f4bf75;
|
||||
}
|
||||
|
||||
.highlight .o, .highlight .ow {
|
||||
color: #d0d0d0;
|
||||
}
|
||||
|
||||
.highlight .p, .highlight .pi {
|
||||
color: #d0d0d0;
|
||||
}
|
||||
|
||||
.highlight .gi {
|
||||
color: #90a959;
|
||||
}
|
||||
|
||||
.highlight .gd {
|
||||
color: #ac4142;
|
||||
}
|
||||
|
||||
.highlight .gh {
|
||||
color: #6a9fb5;
|
||||
background-color: #151515;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.highlight .k, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kv {
|
||||
color: #aa759f;
|
||||
}
|
||||
|
||||
.highlight .kc {
|
||||
color: #d28445;
|
||||
}
|
||||
|
||||
.highlight .kt {
|
||||
color: #d28445;
|
||||
}
|
||||
|
||||
.highlight .kd {
|
||||
color: #d28445;
|
||||
}
|
||||
|
||||
.highlight .s, .highlight .sb, .highlight .sc, .highlight .sd, .highlight .s2, .highlight .sh, .highlight .sx, .highlight .s1 {
|
||||
color: #90a959;
|
||||
}
|
||||
|
||||
.highlight .sr {
|
||||
color: #75b5aa;
|
||||
}
|
||||
|
||||
.highlight .si {
|
||||
color: #8f5536;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
.highlight .c { color: #999988; font-style: italic; }
|
||||
.highlight .err { color: #a61717; background-color: #e3d2d2; }
|
||||
.highlight .k { font-weight: bold; }
|
||||
.highlight .o { font-weight: bold; }
|
||||
.highlight .cm { color: #999988; font-style: italic; }
|
||||
.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 .gd { color: #000000; background-color: #ffdddd; }
|
||||
.highlight .gd .x { color: #000000; background-color: #ffaaaa; }
|
||||
.highlight .ge { font-style: italic; }
|
||||
.highlight .gr { color: #aa0000; }
|
||||
.highlight .gh { color: #999999; }
|
||||
.highlight .gi { color: #000000; background-color: #ddffdd; }
|
||||
.highlight .gi .x { color: #000000; background-color: #aaffaa; }
|
||||
.highlight .go { color: #888888; }
|
||||
.highlight .gp { color: #555555; }
|
||||
.highlight .gs { font-weight: bold; }
|
||||
.highlight .gu { color: #800080; font-weight: bold; }
|
||||
.highlight .gt { color: #aa0000; }
|
||||
.highlight .kc { font-weight: bold; }
|
||||
.highlight .kd { font-weight: bold; }
|
||||
.highlight .kn { font-weight: bold; }
|
||||
.highlight .kp { font-weight: bold; }
|
||||
.highlight .kr { font-weight: bold; }
|
||||
.highlight .kt { color: #445588; font-weight: bold; }
|
||||
.highlight .m { color: #009999; }
|
||||
.highlight .s { color: #dd1144; }
|
||||
.highlight .n { color: #333333; }
|
||||
.highlight .na { color: teal; }
|
||||
.highlight .nb { color: #0086b3; }
|
||||
.highlight .nc { color: #445588; font-weight: bold; }
|
||||
.highlight .no { color: teal; }
|
||||
.highlight .ni { color: purple; }
|
||||
.highlight .ne { color: #990000; font-weight: bold; }
|
||||
.highlight .nf { color: #990000; font-weight: bold; }
|
||||
.highlight .nn { color: #555555; }
|
||||
.highlight .nt { color: navy; }
|
||||
.highlight .nv { color: teal; }
|
||||
.highlight .ow { font-weight: bold; }
|
||||
.highlight .w { color: #bbbbbb; }
|
||||
.highlight .mf { color: #009999; }
|
||||
.highlight .mh { color: #009999; }
|
||||
.highlight .mi { color: #009999; }
|
||||
.highlight .mo { color: #009999; }
|
||||
.highlight .sb { color: #dd1144; }
|
||||
.highlight .sc { color: #dd1144; }
|
||||
.highlight .sd { color: #dd1144; }
|
||||
.highlight .s2 { color: #dd1144; }
|
||||
.highlight .se { color: #dd1144; }
|
||||
.highlight .sh { color: #dd1144; }
|
||||
.highlight .si { color: #dd1144; }
|
||||
.highlight .sx { color: #dd1144; }
|
||||
.highlight .sr { color: #009926; }
|
||||
.highlight .s1 { color: #dd1144; }
|
||||
.highlight .ss { color: #990073; }
|
||||
.highlight .bp { color: #999999; }
|
||||
.highlight .vc { color: teal; }
|
||||
.highlight .vg { color: teal; }
|
||||
.highlight .vi { color: teal; }
|
||||
.highlight .il { color: #009999; }
|
||||
.highlight .gc { color: #999; background-color: #EAF2F5; }
|
||||
|
|
@ -6,84 +6,85 @@
|
|||
Typography
|
||||
========================================================================== */
|
||||
|
||||
$doc-font-size : 16;
|
||||
$doc-line-height : 26;
|
||||
$doc-font-size : 16;
|
||||
$doc-line-height : 26;
|
||||
|
||||
/* paragraph indention */
|
||||
$paragraph-indent : false; // true, false (default)
|
||||
$indent-var : 0rem + ($doc-line-height / $doc-font-size);
|
||||
$paragraph-indent : false; // true, false (default)
|
||||
$indent-var : 0rem + ($doc-line-height / $doc-font-size);
|
||||
|
||||
/* system typefaces */
|
||||
$serif : Georgia, Times, 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;
|
||||
$serif : Georgia, Times, 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;
|
||||
|
||||
/* sans serif typefaces */
|
||||
$sans-serif-narrow : $sans-serif;
|
||||
$helvetica : Helvetica, "Helvetica Neue", Arial, sans-serif;
|
||||
$sans-serif-narrow : $sans-serif;
|
||||
$helvetica : Helvetica, "Helvetica Neue", Arial, sans-serif;
|
||||
|
||||
/* serif typefaces */
|
||||
$georgia : Georgia, serif;
|
||||
$times : Times, serif;
|
||||
$bodoni : "Bodoni MT", serif;
|
||||
$calisto : "Calisto MT", serif;
|
||||
$garamond : Garamond, serif;
|
||||
$georgia : Georgia, serif;
|
||||
$times : Times, serif;
|
||||
$bodoni : "Bodoni MT", serif;
|
||||
$calisto : "Calisto MT", serif;
|
||||
$garamond : Garamond, serif;
|
||||
|
||||
|
||||
/*
|
||||
Colors
|
||||
========================================================================== */
|
||||
|
||||
$gray : #4c4c4c;
|
||||
$dark-gray : #191413;
|
||||
$light-gray : mix(#fff, $gray, 70%);
|
||||
$lighter-gray : mix(#fff, $gray, 90%);
|
||||
$gray : #4c4c4c;
|
||||
$dark-gray : #191413;
|
||||
$light-gray : mix(#fff, $gray, 70%);
|
||||
$lighter-gray : mix(#fff, $gray, 90%);
|
||||
|
||||
$body-color : #fff;
|
||||
$background-color : #fff;
|
||||
$text-color : #333332;
|
||||
$border-color : $lighter-gray;
|
||||
$base-color : #343434;
|
||||
$comp-color : spin($base-color, 180);
|
||||
$accent-color : #000;
|
||||
$body-color : #fff;
|
||||
$background-color : #fff;
|
||||
$code-background-color : #f8f8f8;
|
||||
$text-color : #333332;
|
||||
$border-color : $lighter-gray;
|
||||
$base-color : #343434;
|
||||
$comp-color : spin($base-color, 180);
|
||||
$accent-color : #000;
|
||||
|
||||
/* buttons */
|
||||
$primary-color : #000;
|
||||
$success-color : #5cb85c;
|
||||
$warning-color : #dd8338;
|
||||
$danger-color : #C64537;
|
||||
$info-color : #308cbc;
|
||||
$primary-color : #000;
|
||||
$success-color : #5cb85c;
|
||||
$warning-color : #dd8338;
|
||||
$danger-color : #C64537;
|
||||
$info-color : #308cbc;
|
||||
|
||||
/* brands */
|
||||
$behance-color : #1769FF;
|
||||
$dribbble-color : #ea4c89;
|
||||
$facebook-color : #3b5998;
|
||||
$flickr-color : #ff0084;
|
||||
$foursquare-color : #0072b1;
|
||||
$github-color : #171516;
|
||||
$google-plus-color : #dd4b39;
|
||||
$instagram-color : #517fa4;
|
||||
$lastfm-color : #d51007;
|
||||
$linkedin-color : #007bb6;
|
||||
$pinterest-color : #cb2027;
|
||||
$rss-color : #fa9b39;
|
||||
$soundcloud-color : #ff3300;
|
||||
$stackoverflow-color : #fe7a15;
|
||||
$tumblr-color : #32506d;
|
||||
$twitter-color : #55acee;
|
||||
$vimeo-color : #1ab7ea;
|
||||
$vine-color : #00bf8f;
|
||||
$youtube-color : #bb0000;
|
||||
$xing-color : #006567;
|
||||
$behance-color : #1769FF;
|
||||
$dribbble-color : #ea4c89;
|
||||
$facebook-color : #3b5998;
|
||||
$flickr-color : #ff0084;
|
||||
$foursquare-color : #0072b1;
|
||||
$github-color : #171516;
|
||||
$google-plus-color : #dd4b39;
|
||||
$instagram-color : #517fa4;
|
||||
$lastfm-color : #d51007;
|
||||
$linkedin-color : #007bb6;
|
||||
$pinterest-color : #cb2027;
|
||||
$rss-color : #fa9b39;
|
||||
$soundcloud-color : #ff3300;
|
||||
$stackoverflow-color : #fe7a15;
|
||||
$tumblr-color : #32506d;
|
||||
$twitter-color : #55acee;
|
||||
$vimeo-color : #1ab7ea;
|
||||
$vine-color : #00bf8f;
|
||||
$youtube-color : #bb0000;
|
||||
$xing-color : #006567;
|
||||
|
||||
|
||||
/* links */
|
||||
$link-color : #343434;
|
||||
$link-color-hover : darken($link-color, 10);
|
||||
$link-color-visited : lighten($link-color-hover, 20);
|
||||
$link-color-focus : darken($link-color-visited, 10);
|
||||
$link-color : #343434;
|
||||
$link-color-hover : darken($link-color, 10);
|
||||
$link-color-visited : lighten($link-color-hover, 20);
|
||||
$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);
|
||||
|
||||
$small : 600px;
|
||||
$medium : 768px;
|
||||
$medium-wide : 900px;
|
||||
$large : 1024px;
|
||||
$x-large : 1280px;
|
||||
$small : 600px;
|
||||
$medium : 768px;
|
||||
$medium-wide : 900px;
|
||||
$large : 1024px;
|
||||
$x-large : 1280px;
|
||||
|
||||
|
||||
/*
|
||||
Grid
|
||||
========================================================================== */
|
||||
|
||||
$right-sidebar-width-narrow : 200px;
|
||||
$right-sidebar-width : 300px;
|
||||
$right-sidebar-width-wide : 400px;
|
||||
$right-sidebar-width-narrow : 200px;
|
||||
$right-sidebar-width : 300px;
|
||||
$right-sidebar-width-wide : 400px;
|
||||
|
||||
$susy: (
|
||||
columns: 12,
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
Loading…
Reference in a new issue