WordPress/wp-admin/css/colors/_variables.scss
Matt Thomas 68b7f94042 A small adjustment to the page background color per yesterday's conversation with nacin, from #eee to #f3f3f3. This retains enough contrast with white widget containers while making for a more comfortable reading experiences on pages that heavily use the default background color, like the About page. A few adjustments to go along with it:
- Horizontal rules on the About page are lighter, to match their previous level of contrast with #eee
- Eliminated the .flush-top class on <hr>s on the About page since we want the styles applied to all About page <hr>s.
- Color schemes should match the bottom border of active tabs to the scheme's body-background variable.
- Lighten the comment background color on the Dashboard activity widget to keep adequate contrast with the new lighter body background.

See #25858.


Built from https://develop.svn.wordpress.org/trunk@26788


git-svn-id: http://core.svn.wordpress.org/trunk@26675 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-12-08 04:12:11 +00:00

59 lines
1.8 KiB
SCSS

// assign default value to all undefined variables
// core variables
$text-color: #fff !default;
$base-color: #222 !default;
$icon-color: hsl( hue( $base-color ), 7%, 95% ) !default;
$highlight-color: #0074a2 !default;
$notification-color: #d54e21 !default;
// global
$body-background: #f3f3f3 !default;
$link: #0074a2 !default;
$link-focus: lighten( $link, 10% ) !default;
$button-color: $highlight-color !default;
$form-checked: $highlight-color !default;
// admin menu & admin-bar
$menu-text: $text-color !default;
$menu-icon: $icon-color !default;
$menu-background: $base-color !default;
$menu-highlight-text: $text-color !default;
$menu-highlight-icon: $text-color !default;
$menu-highlight-background: $highlight-color !default;
$menu-current-text: $menu-highlight-text !default;
$menu-current-icon: $menu-highlight-icon !default;
$menu-current-background: $menu-highlight-background !default;
$menu-submenu-text: mix( $base-color, $text-color, 30% ) !default;
$menu-submenu-background: darken( $base-color, 7% ) !default;
$menu-submenu-background-alt: desaturate( lighten( $menu-background, 7% ), 7% ) !default;
$menu-submenu-focus-text: $highlight-color !default;
$menu-submenu-current-text: $text-color !default;
$menu-bubble-text: $text-color !default;
$menu-bubble-background: $notification-color !default;
$menu-bubble-current-text: $text-color !default;
$menu-bubble-current-background: $menu-submenu-background !default;
$menu-collapse-text: $menu-icon !default;
$menu-collapse-icon: $menu-icon !default;
$menu-collapse-focus-text: $text-color !default;
$menu-collapse-focus-icon: $menu-highlight-icon !default;
$adminbar-avatar-frame: lighten( $menu-background, 7% ) !default;
$adminbar-input-background: lighten( $menu-background, 7% ) !default;
$menu-customizer-text: mix( $base-color, $text-color, 40% ) !default;