ThirdMirrors
/
cheatsheets
mirror of https://gitee.com/Hawkin99/cheatsheets.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Styling: update gray colors

This commit is contained in:
Rico Sta. Cruz 2020-07-07 00:23:12 +10:00
parent e54458ad9c
commit 3cf86447a3
3 changed files with 12 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
_sass/2017/components/h3-section.scss
View File

@ -3,7 +3,8 @@
*/ */
.h3-section > .body { .h3-section > .body {
& > pre { & > pre,
& > .gatsby-highlight > pre {
margin: 0; margin: 0;
padding: 16px; padding: 16px;
} }
@ -132,7 +133,7 @@
/* Description paragraphs */ /* Description paragraphs */
& p { & p {
background: $gray-bg; background: $gray-bg;
color: $gray-text; color: $base-text;
/* Links */ /* Links */
& a, & a,

7
_sass/2017/markdown/code.scss
View File

@ -86,7 +86,7 @@
$cB: $base-c; $cB: $base-c;
$cB-3: adjust-color($cB, $lightness: 8%, $hue: -10deg); $cB-3: adjust-color($cB, $lightness: 8%, $hue: -10deg);
$cM: #aaa; // Mute $cM: #669; // Mute
&.tag, &.tag,
&.keyword { &.keyword {
@ -111,9 +111,12 @@
color: $cA-3; color: $cA-3;
} }
&.comment,
&.punctuation, &.punctuation,
&.operator { &.operator {
color: $cM; color: $cM;
} }
&.comment {
color: #569;
}
} }

8
_sass/2017/variables.scss
View File

@ -27,7 +27,7 @@ $base-body: #f1f3f5;
$base-panel: white; $base-panel: white;
$base-head: #111; $base-head: #111;
$base-text: #345; $base-text: #345;
$base-mute: #667788; // gray $base-mute: #556677; // gray
$base-a: adjust-color(#8370bd, $lightness: -5%); // indigo $base-a: adjust-color(#8370bd, $lightness: -5%); // indigo
$base-b: adjust-color(#2b72a2, $lightness: -5%); // blue $base-b: adjust-color(#2b72a2, $lightness: -5%); // blue
@ -46,7 +46,7 @@ $body-bg: $base-body;
$gray-bg: mix($base-body, $base-panel, 50%); $gray-bg: mix($base-body, $base-panel, 50%);
$gray-text: $base-mute; $gray-text: $base-mute;
$line-color: rgba($base-mute, 0.1); $line-color: rgba($base-mute, 0.18);
$dark-line-color: rgba($base-mute, 0.3); $dark-line-color: rgba($base-mute, 0.3);
// //
@ -67,11 +67,11 @@ $shadow2:
$shadow3: $shadow3:
0 6px 8px rgba($base-mute, 0.03), 0 6px 8px rgba($base-mute, 0.03),
0 1px 2px rgba($base-mute, 0.30); 0 1px 1px rgba($base-mute, 0.40);
$shadow6: $shadow6:
0 6px 8px rgba($base-mute, 0.03), 0 6px 8px rgba($base-mute, 0.03),
0 1px 2px rgba($base-mute, 0.30), 0 1px 1px rgba($base-mute, 0.40),
0 8px 12px rgba($base-b3, 0.1); 0 8px 12px rgba($base-b3, 0.1);
/* /*