93c4fbc4b9
* Add YIQ Color Contrast mixin * Remove text underline from `.btn` links * Move YIQ variables * Simplify button classes using YIQ color contrast mixin - DRY up button CSS using Sass list and YIQ color contrast mixin. - Move `color` and `background-color` to new `btn--primary` class instead of assinging on the default class. Removes the need to override them. * Add `.btn--primary` to buttons that just had `.btn` * Apply changes to `/docs` * Add `.btn--primary` class * Update CHANGELOG and history * Add sample form * Abstract colors away into Sass variables for easier themeing * Add "dark" skin * Replace hardcoded color with SCSS variable * Invert Font Awesome icons' colors in author sidebar and footer * Add Sass changes to `/docs` * Use primary button type instead of inverse * Add missing `!default` on `$muted-text-color` * Add `contrast` and `sunrise` skin colors * Add `dirt` skin color * Add `air` skin color option * Add `mint` skin color * Add `btn--primary` class to Submit Comment button * Set skin to `default` * Document skin color options * Add note about skin SCSS import Close #1208
24 lines
1.1 KiB
SCSS
24 lines
1.1 KiB
SCSS
/* ==========================================================================
|
|
Dark skin
|
|
========================================================================== */
|
|
|
|
/* Colors */
|
|
$background-color: #252a34 !default;
|
|
$text-color: #eaeaea !default;
|
|
$primary-color: #00adb5 !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(#000, $background-color, 30%) !default;
|
|
$link-color: mix($primary-color, $text-color, 40%) !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;
|
|
|
|
.author__urls.social-icons .fa,
|
|
.page__footer-follow .social-icons .fa {
|
|
color: inherit;
|
|
} |