Update
This commit is contained in:
parent
6f66b06c89
commit
3614dc8a73
|
@ -97,7 +97,7 @@
|
|||
}
|
||||
|
||||
& a:hover {
|
||||
color: $baseB-400;
|
||||
color: $baseB;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -115,7 +115,7 @@
|
|||
@media (min-width: 481px) {
|
||||
border-radius: 2px;
|
||||
box-shadow:
|
||||
0 8px 12px rgba($baseB-600, 0.1),
|
||||
0 2px 3px rgba($baseB-400, 0.18);
|
||||
0 8px 12px rgba($baseB3, 0.1),
|
||||
0 2px 3px rgba($baseB, 0.18);
|
||||
}
|
||||
}
|
||||
|
|
|
@ -46,13 +46,13 @@
|
|||
font-family: $heading-font;
|
||||
@include font-size(2);
|
||||
font-weight: 300;
|
||||
color: $baseA-400;
|
||||
color: $baseA;
|
||||
}
|
||||
|
||||
.MarkdownBody {
|
||||
a,
|
||||
a:visited {
|
||||
color: $baseB-400;
|
||||
color: $baseB;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
@ -108,8 +108,8 @@
|
|||
.line-highlight {
|
||||
background: linear-gradient(
|
||||
to right,
|
||||
rgba($baseB-400, 0.05) 75%,
|
||||
rgba($baseB-400, 0));
|
||||
rgba($baseB, 0.05) 75%,
|
||||
rgba($baseB, 0));
|
||||
}
|
||||
|
||||
// Line highlight ranges
|
||||
|
@ -128,11 +128,11 @@
|
|||
*/
|
||||
|
||||
.token {
|
||||
$cA: saturate(darken(#58a, 10%), 25%); // Blue
|
||||
$cA: $baseB;
|
||||
$cA-3: adjust-color($cA, $lightness: 15%, $hue: -10deg);
|
||||
$cA-7: adjust-color($cA, $lightness: -15%, $hue: 10deg);
|
||||
|
||||
$cB: saturate(#3a8, 25%); // Green
|
||||
$cB: $baseC;
|
||||
$cB-3: adjust-color($cB, $lightness: 15%, $hue: -10deg);
|
||||
|
||||
$cM: #aaa; // Mute
|
||||
|
|
|
@ -6,13 +6,18 @@ $body-font: $system-font;
|
|||
$heading-font: 'Helvetica Neue', $system-font;
|
||||
$monospace-font: 'fira mono', Consolas, menlo, 'Andale Mono', 'Ubuntu Mono', monospace;
|
||||
|
||||
$baseA: #8370bd; // indigo
|
||||
$baseB: #2b72a2; // blue
|
||||
$baseC: #17c694; // teal
|
||||
$baseM: #667788; // gray
|
||||
|
||||
$body-bg: #f1f3f5;
|
||||
$gray-bg: #fcfcfc;
|
||||
$gray-text: #678;
|
||||
$gray-text: $baseM;
|
||||
$text-color: #345;
|
||||
$baseA-400: #6d47e2; // indigo
|
||||
$baseB-400: #35a; // blue
|
||||
$baseB-600: adjust-color($baseB-400, $lightness: 20%, $hue: -20deg);
|
||||
|
||||
$baseB3: adjust-color($baseB, $lightness: 20%, $hue: -20deg);
|
||||
|
||||
$line-color: rgba(50, 80, 150, 0.05);
|
||||
$dark-line-color: rgba(50, 80, 150, 0.14);
|
||||
|
||||
|
|
Loading…
Reference in New Issue