mirror of
https://github.com/codeninjasuk/codeninjasuk.github.io.git
synced 2024-12-01 19:46:52 -05:00
63 lines
1.9 KiB
SCSS
63 lines
1.9 KiB
SCSS
|
/* ==========================================================================
|
||
|
|
Neon skin
|
||
|
|
========================================================================== */
|
||
|
|
|
||
|
|
/* Colors */
|
||
|
|
$background-color: #141010 !default;
|
||
|
|
$text-color: #fff6fb !default;
|
||
|
|
$primary-color: #f21368 !default;
|
||
|
|
$border-color: mix(#fff, $background-color, 20%) !default;
|
||
|
|
$code-background-color: mix(#000, $background-color, 15%) !default;
|
||
|
|
$code-background-color-dark: mix(#000, $background-color, 20%) !default;
|
||
|
|
$form-background-color: mix(#000, $background-color, 15%) !default;
|
||
|
|
$footer-background-color: mix($primary-color, #000, 10%) !default;
|
||
|
|
$link-color: $primary-color !default;
|
||
|
|
$link-color-hover: mix(#fff, $link-color, 25%) !default;
|
||
|
|
$link-color-visited: mix(#000, $link-color, 25%) !default;
|
||
|
|
$masthead-link-color: $text-color !default;
|
||
|
|
$masthead-link-color-hover: mix(#000, $text-color, 20%) !default;
|
||
|
|
$navicon-link-color-hover: mix(#000, $background-color, 30%) !default;
|
||
|
|
|
||
|
|
/* notices */
|
||
|
|
$notice-background-mix: 90% !default;
|
||
|
|
$code-notice-background-mix: 95% !default;
|
||
|
|
|
||
|
|
/* neon syntax highlighting (base16) */
|
||
|
|
$base00: #ffffff !default;
|
||
|
|
$base01: #e0e0e0 !default;
|
||
|
|
$base02: #d0d0d0 !default;
|
||
|
|
$base03: #b0b0b0 !default;
|
||
|
|
$base04: #000000 !default;
|
||
|
|
$base05: #101010 !default;
|
||
|
|
$base06: #151515 !default;
|
||
|
|
$base07: #202020 !default;
|
||
|
|
$base08: #ff0086 !default;
|
||
|
|
$base09: #fd8900 !default;
|
||
|
|
$base0a: #aba800 !default;
|
||
|
|
$base0b: #00c918 !default;
|
||
|
|
$base0c: #1faaaa !default;
|
||
|
|
$base0d: #3777e6 !default;
|
||
|
|
$base0e: #ad00a1 !default;
|
||
|
|
$base0f: #cc6633 !default;
|
||
|
|
|
||
|
|
.author__urls.social-icons i,
|
||
|
|
.author__urls.social-icons .svg-inline--fa,
|
||
|
|
.page__footer-follow .social-icons i,
|
||
|
|
.page__footer-follow .social-icons .svg-inline--fa {
|
||
|
|
color: inherit;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* next/previous buttons */
|
||
|
|
.pagination--pager {
|
||
|
|
color: $text-color;
|
||
|
|
background-color: $primary-color;
|
||
|
|
border-color: transparent;
|
||
|
|
|
||
|
|
&:visited {
|
||
|
|
color: $text-color;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.ais-search-box .ais-search-box--input {
|
||
|
|
background-color: $form-background-color;
|
||
|
|
}
|