diff options
Diffstat (limited to 'sass')
| -rw-r--r-- | sass/_predefined.scss | 15 | ||||
| -rw-r--r-- | sass/style.scss | 9 |
2 files changed, 13 insertions, 11 deletions
diff --git a/sass/_predefined.scss b/sass/_predefined.scss index 977e7f7..3ef8a06 100644 --- a/sass/_predefined.scss +++ b/sass/_predefined.scss @@ -3,13 +3,16 @@ // My X11 colors // -$theme: #e94c80; -$text: #ace6f0; // fg // general text // white -$light-grey: #0a001f; // bg // blue -$dark-grey: #0a001f; -$highlight-grey: #828ff9; +$theme: #e94c80; // accent // pinkred +$text: #ace6f0; // fg // general text // cyan +$dark-grey: #0a001f; // bg // dark purpleblue +$highlight-grey: #828ff9; // inactive accent // light purpleblue -$midnightblue: #212121; // to fix code syntax highlighting +// Syntax highlighting fix and bg of the scrollbar +// +//$midnightblue: #151515; // boron +$midnightblue: #0f1419; // ayu-dark +//$midnightblue: #191919; // 1337 // Fonts // diff --git a/sass/style.scss b/sass/style.scss index 0ac9a88..52c03e9 100644 --- a/sass/style.scss +++ b/sass/style.scss @@ -10,15 +10,14 @@ } ::-webkit-scrollbar-thumb { - background: #888; - + background: #5c6773; // color used for code comment in ayu-dark &:hover { background: $text; } } html { - background: $light-grey; + background: $dark-grey; line-height: 1.6; letter-spacing: 0.06em; } @@ -89,7 +88,7 @@ a { text-decoration: none; border: none; transition-property: color; - transition-duration: 0.5s; + transition-duration: 0.0s; // originally: 0.5s transition-timing-function: ease-out; &:hover { @@ -344,7 +343,7 @@ p.img-404 { } &:hover { - border-color: #fff; + border-color: $theme; } svg { |