63 lines
1.3 KiB
SCSS
63 lines
1.3 KiB
SCSS
// Core
|
|
$core-text: #9A9898;
|
|
$core-accent: #87b672;
|
|
$secondary-link: #F6635E;
|
|
$white: #fff;
|
|
$black: #000;
|
|
$light-gray: #656161;
|
|
$border-color: #EEEEEE;
|
|
|
|
// Borders
|
|
$core-border-color: #CBCBCB;
|
|
$core-border-color-hover: darken($core-border-color, 10);
|
|
$core-border-color-focus: $core-accent;
|
|
|
|
// Shadows
|
|
$core-box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.06);
|
|
$core-box-shadow-focus: $core-box-shadow, 0 0 5px rgba(darken($core-border-color-focus, 5), 0.7);
|
|
|
|
// Background
|
|
$page-bg: #fff;
|
|
|
|
// Header
|
|
$header-text: #FFFFFF;
|
|
|
|
// Nav
|
|
$navbar-text: #fff;
|
|
$navbar-bg: #FFFFFF;
|
|
|
|
// Showcase
|
|
$showcase-bg: lighten($core-accent, 6%);
|
|
$showcase-text: #fff;
|
|
|
|
// Feature
|
|
$feature-bg: #fff;
|
|
|
|
// Main Body
|
|
$main-bg: #f7f7f7;
|
|
$body-border: darken($main-bg, 5%);
|
|
|
|
// Sidebar
|
|
$sidebar-text: #aaa;
|
|
|
|
// Bottom
|
|
$bottom-bg: #f7f7f7;
|
|
$bottom-text: $core-text;
|
|
|
|
// Footer
|
|
$footer-bg: #404040;
|
|
$footer-text: #ccc;
|
|
|
|
$rule-color: #F0F2F4;
|
|
$code-text: #c7254e;
|
|
$code-bg: #f9f2f4;
|
|
$pre-text: #237794;
|
|
$pre-bg: #f6f6f6;
|
|
|
|
// Dark Contrast variation
|
|
$dark-navbar-text: #999;
|
|
$dark-sidebar: #222;
|
|
$dark-sidebar-text: #999;
|
|
$dark-main-bg: #333;
|
|
$dark-body-border: #666;
|