5ffad0d956
* Made notice Sass color mixing in based on $background-color and $text-color instead of hard-coded black and white values. * Made some style adjustments to notices to improve readability. Notice links are slightly darkened from the notice color, mostly because the gray-on-gray default notice links were very hard to read. Rather than being $notice-color, they are `mix(#000, $notice-color, 10%)`. The notice background mix and code-background mix can now be set with the SCSS variables $notice-background-mix and $code-notice-background-mix. The default mix for background was adjusted to 80%, from 90%. The default mix for code-background was adjusted to 90%, from 95%. Skins that still didn't read well were adjusted individually. * Adjusted sunrise $notice-background-mix to 75% * Adjusted dark theme notice background mix colors back to the default Co-authored-by: Tom Manner <tsmanner@us.ibm.com>
34 lines
1.4 KiB
SCSS
34 lines
1.4 KiB
SCSS
/* ==========================================================================
|
|
Aqua skin
|
|
========================================================================== */
|
|
|
|
/* Colors */
|
|
$gray : #1976d2 !default;
|
|
$dark-gray : mix(#000, $gray, 40%) !default;
|
|
$darker-gray : mix(#000, $gray, 60%) !default;
|
|
$light-gray : mix(#fff, $gray, 50%) !default;
|
|
$lighter-gray : mix(#fff, $gray, 90%) !default;
|
|
|
|
$body-color : #fff !default;
|
|
$background-color : #f0fff0 !default;
|
|
$code-background-color : $lighter-gray !default;
|
|
$code-background-color-dark : $light-gray !default;
|
|
$text-color : $dark-gray !default;
|
|
$border-color : $lighter-gray !default;
|
|
|
|
$primary-color : $gray !default;
|
|
$success-color : #27ae60 !default;
|
|
$warning-color : #e67e22 !default;
|
|
$danger-color : #c0392b !default;
|
|
$info-color : #03a9f4 !default;
|
|
|
|
/* links */
|
|
$link-color : $info-color !default;
|
|
$link-color-hover : mix(#000, $link-color, 25%) !default;
|
|
$link-color-visited : mix(#fff, $link-color, 25%) !default;
|
|
$masthead-link-color : $primary-color !default;
|
|
$masthead-link-color-hover : mix(#000, $primary-color, 25%) !default;
|
|
|
|
/* notices */
|
|
$notice-background-mix: 90% !default;
|
|
$code-notice-background-mix: 95% !default;
|