fixing variables

Author: forstisabella

src/_sass/elements/_code.scss

@@ -19,7 +19,7 @@ code[class*="language-"],
 pre[class*="language-"] {
 	color: black;
 	text-shadow: 0 1px white;
-	font-family: Consolas, Monaco, 'Andale Mono', monospace;
+	font-family: "Droid Sans Mono", "Lucida Console", "Monaco", monospace;
 	direction: ltr;
 	text-align: left;
 	white-space: pre;
@@ -40,13 +40,13 @@ pre[class*="language-"] {
 pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
 code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
 	text-shadow: none;
-	background: #eceef0;
+	background: color(gray-100);
 }
 
 pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
 code[class*="language-"]::selection, code[class*="language-"] ::selection {
 	text-shadow: none;
-	background: #eceef0;
+	background: color(gray-100);
 }
 
 @media print {
@@ -61,12 +61,12 @@ pre[class*="language-"] {
 	padding: 1em;
 	margin: .5em 0;
 	overflow: auto;
-  background-color: #eceef0;
+  background-color: color(code-background);
 }
 
 :not(pre) > code[class*="language-"],
 pre[class*="language-"] {
-	background: #eceef0;
+	background: color(gray-50);
 }
 
 /* Inline code */
@@ -79,15 +79,15 @@ pre[class*="language-"] {
 .token.prolog,
 .token.doctype,
 .token.cdata {
-	color: #474d66;
+	color: color(code-gray);
 }
 
 .token.punctuation {
-	color: #474d66;
+	color: color(code-gray);
 }
 
 .namespace {
-	opacity: .7;
+	opacity: .1;
 }
 
 .token.property,
@@ -97,7 +97,7 @@ pre[class*="language-"] {
 .token.constant,
 .token.symbol,
 .token.deleted {
-	color: #d52039;
+	color: color(code-orange);
 }
 
 .token.selector,
@@ -106,32 +106,31 @@ pre[class*="language-"] {
 .token.char,
 .token.builtin,
 .token.inserted {
-	color: #6fba97;
+	color: color(code-green);
 }
 
 .token.operator,
 .token.entity,
 .token.url,
 .language-css .token.string,
 .style .token.string {
-	color: #f89c56;
-	background: hsla(0, 0%, 100%, .5);
+	color: color(code-orange);
 }
 
 .token.atrule,
 .token.attr-value,
 .token.keyword {
-	color: #2e98df;
+	color: color(code-orange);
 }
 
 .token.function {
-	color: #ff678d;
+	color: color(code-pink);
 }
 
 .token.regex,
 .token.important,
 .token.variable {
-	color: #f89c56;
+	color: color(code-orange);
 }
 
 .token.important,