Index: Gruntfile.js =================================================================== --- Gruntfile.js (revision 5284) +++ Gruntfile.js (working copy) @@ -5,17 +5,19 @@ BUILD_DIR = 'build/', BBP_RTL_CSS = [ - 'admin/css/*-rtl.css', + 'includes/admin/css/*-rtl.css', + 'includes/admin/styles/*-rtl.css', 'templates/default/css/*-rtl.css' ], BBP_LTR_CSS = [ - 'admin/css/*.css', + 'includes/admin/css/*.css', + 'includes/admin/styles/*.css', 'templates/default/css/*.css' ], BBP_JS = [ - 'admin/js/*.js', + 'includes/admin/js/*.js', 'templates/default/js/*.js' ], @@ -82,6 +84,18 @@ src: [] } }, + sass: { + colors: { + expand: true, + cwd: SOURCE_DIR, + dest: BUILD_DIR, + ext: '.css', + src: ['includes/admin/styles/*/colors.scss'], + options: { + outputStyle: 'expanded' + } + } + }, cssmin: { ltr: { cwd: SOURCE_DIR, @@ -98,6 +112,15 @@ ext: '.min.css', src: BBP_RTL_CSS, options: { banner: '/*! https://wordpress.org/plugins/bbpress/ */' } + }, + colors: { + cwd: BUILD_DIR, + dest: BUILD_DIR, + expand: true, + ext: '.min.css', + src: [ + 'includes/admin/styles/*/*.css' + ] } }, cssjanus: { @@ -109,6 +132,20 @@ src: BBP_LTR_CSS, options: { generateExactDuplicates: true } }, + colors: { + options: { + processContent: function( src ) { + return src.replace( /([^/]+)\.css/gi, '$1-rtl.css' ); + } + }, + expand: true, + cwd: BUILD_DIR, + dest: BUILD_DIR, + ext: '-rtl.css', + src: [ + 'includes/admin/styles/*/colors.css' + ] + }, dynamic: { expand: true, cwd: SOURCE_DIR, @@ -202,6 +239,10 @@ spawn: false } }, + colors: { + files: [SOURCE_DIR + 'includes/admin/styles/**'], + tasks: ['sass:colors'] + }, rtl: { files: BBP_LTR_CSS.map( function( path ) { return SOURCE_DIR + path; @@ -215,10 +256,14 @@ } }); + // Register tasks. + // Color schemes task. + grunt.registerTask('colors', ['sass:colors']); + // Build tasks. - grunt.registerTask( 'build', [ 'clean:all', 'copy:files', 'cssjanus:core', 'cssmin:ltr', 'cssmin:rtl', 'uglify:core', 'jsvalidate:build' ] ); - grunt.registerTask( 'build-release', [ 'clean:all', 'copy:files', 'cssjanus:core', 'cssmin:ltr', 'cssmin:rtl', 'uglify:core', 'jsvalidate:build', 'phpunit:all' ] ); + grunt.registerTask( 'build', [ 'clean:all', 'copy:files', 'cssjanus:core', 'cssmin:ltr', 'cssmin:rtl', 'colors', 'cssjanus:colors', 'cssmin:colors','uglify:core', 'jsvalidate:build' ] ); + grunt.registerTask( 'build-release', [ 'clean:all', 'copy:files', 'cssjanus:core', 'cssmin:ltr', 'cssmin:rtl', 'colors', 'cssjanus:colors', 'cssmin:colors','uglify:core', 'jsvalidate:build', 'phpunit:all' ] ); // Testing tasks. grunt.registerMultiTask( 'phpunit', 'Runs PHPUnit tests, including the ajax and multisite tests.', function() { @@ -234,7 +279,6 @@ // Default task. grunt.registerTask( 'default', [ 'build' ] ); - // Add a listener to the watch task. // // On `watch:all`, automatically updates the `copy:dynamic` and `clean:dynamic` configurations so that only the changed files are updated. @@ -252,4 +296,4 @@ grunt.config( [ 'copy', 'dynamic', 'src' ], copySrc ); grunt.config( [ 'cssjanus', 'dynamic', 'src' ], copySrc ); }); -}; \ No newline at end of file +}; Index: package.json =================================================================== --- package.json (revision 5284) +++ package.json (working copy) @@ -13,6 +13,7 @@ "grunt-contrib-watch": "~0.5.3", "grunt-contrib-jshint": "~0.8.0", "grunt-cssjanus": "~0.2.2", + "grunt-sass": "~0.10.0", "grunt-phpunit": "~0.3.2", "grunt-jsvalidate": "~0.2.2", "matchdep": "~0.3.0", Index: src/includes/admin/admin.php =================================================================== --- src/includes/admin/admin.php (revision 5284) +++ src/includes/admin/admin.php (working copy) @@ -547,7 +547,10 @@ */ public function enqueue_scripts() { wp_enqueue_script( 'suggest' ); - + + // Minified + $suffix .= defined( 'SCRIPT_DEBUG' ) && SCRIPT_DEBUG ? '' : '.min'; + // Get the version to use for JS $version = bbp_get_version(); @@ -558,15 +561,15 @@ case bbp_get_topic_post_type() : // Enqueue the common JS - wp_enqueue_script( 'bbp-admin-common-js', $this->js_url . 'common.js', array( 'jquery' ), $version ); + wp_enqueue_script( 'bbp-admin-common-js', $this->js_url . 'common' . $suffix . '.js', array( 'jquery' ), $version ); // Topics admin if ( bbp_get_topic_post_type() === get_current_screen()->post_type ) { - wp_enqueue_script( 'bbp-admin-common-js', $this->js_url . 'topics.js', array( 'jquery' ), $version ); + wp_enqueue_script( 'bbp-admin-common-js', $this->js_url . 'topics' . $suffix . '.js', array( 'jquery' ), $version ); // Replies admin } elseif ( bbp_get_reply_post_type() === get_current_screen()->post_type ) { - wp_enqueue_script( 'bbp-admin-common-js', $this->js_url . 'replies.js', array( 'jquery' ), $version ); + wp_enqueue_script( 'bbp-admin-common-js', $this->js_url . 'replies' . $suffix . '.js', array( 'jquery' ), $version ); } break; @@ -614,13 +617,13 @@ // RTL and/or minified $suffix = is_rtl() ? '-rtl' : ''; - //$suffix .= defined( 'SCRIPT_DEBUG' ) && SCRIPT_DEBUG ? '' : '.min'; + $suffix .= defined( 'SCRIPT_DEBUG' ) && SCRIPT_DEBUG ? '' : '.min'; // Mint wp_admin_css_color( 'bbp-mint', esc_html_x( 'Mint', 'admin color scheme', 'bbpress' ), - $this->styles_url . 'mint' . $suffix . '.css', + $this->styles_url . 'mint/colors' . $suffix . '.css', array( '#4f6d59', '#33834e', '#5FB37C', '#81c498' ), array( 'base' => '#f1f3f2', 'focus' => '#fff', 'current' => '#fff' ) ); @@ -629,7 +632,7 @@ wp_admin_css_color( 'bbp-evergreen', esc_html_x( 'Evergreen', 'admin color scheme', 'bbpress' ), - $this->styles_url . 'evergreen' . $suffix . '.css', + $this->styles_url . 'evergreen/colors' . $suffix . '.css', array( '#324d3a', '#446950', '#56b274', '#324d3a' ), array( 'base' => '#f1f3f2', 'focus' => '#fff', 'current' => '#fff' ) ); Index: src/includes/admin/styles/_admin.scss =================================================================== --- src/includes/admin/styles/_admin.scss (revision 0) +++ src/includes/admin/styles/_admin.scss (working copy) @@ -0,0 +1,475 @@ + +@import 'variables'; +@import 'mixins'; + + +html { + background: $body-background; +} + + +/* Links */ + +a { + color: $link; + + &:hover, + &:active, + &:focus { + color: $link-focus; + } +} + +#media-upload a.del-link:hover, +div.dashboard-widget-submit input:hover, +.subsubsub a:hover, +.subsubsub a.current:hover { + color: $link-focus; +} + + +/* Forms */ + +input[type=checkbox]:checked:before { + color: $form-checked; +} + +input[type=radio]:checked:before { + background: $form-checked; +} + +.wp-core-ui input[type="reset"]:hover, +.wp-core-ui input[type="reset"]:active { + color: $link-focus; +} + + +/* Core UI */ + +.wp-core-ui { + .button-primary { + @include button( $button-color ); + } + + .wp-ui-primary { + color: $text-color; + background-color: $base-color; + } + .wp-ui-text-primary { + color: $base-color; + } + + .wp-ui-highlight { + color: $menu-highlight-text; + background-color: $menu-highlight-background; + } + .wp-ui-text-highlight { + color: $menu-highlight-background; + } + + .wp-ui-notification { + color: $menu-bubble-text; + background-color: $menu-bubble-background; + } + .wp-ui-text-notification { + color: $menu-bubble-background; + } + + .wp-ui-text-icon { + color: $menu-icon; + } +} + + +/* List tables */ + +.wrap .add-new-h2:hover, +#add-new-comment a:hover, +.tablenav .tablenav-pages a:hover, +.tablenav .tablenav-pages a:focus { + color: $menu-text; + background-color: $menu-background; +} + +.view-switch a.current:before { + color: $menu-background; +} + +.view-switch a:hover:before { + color: $menu-bubble-background; +} + +.post-com-count:hover:after { + border-top-color: $menu-background; +} +.post-com-count:hover span { + color: $menu-text; + background-color: $menu-background; +} + +strong .post-com-count:after { + border-top-color: $menu-bubble-background; +} +strong .post-com-count span { + background-color: $menu-bubble-background; +} + + +/* Admin Menu */ + +#adminmenuback, +#adminmenuwrap, +#adminmenu { + background: $menu-background; +} + +#adminmenu a { + color: $menu-text; +} + +#adminmenu div.wp-menu-image:before { + color: $menu-icon; +} + +#adminmenu a:hover, +#adminmenu li.menu-top:hover, +#adminmenu li.opensub > a.menu-top, +#adminmenu li > a.menu-top:focus { + color: $menu-highlight-text; + background-color: $menu-highlight-background; +} + +#adminmenu li.menu-top:hover div.wp-menu-image:before, +#adminmenu li.opensub > a.menu-top div.wp-menu-image:before { + color: $menu-highlight-icon; +} + + +/* Active tabs use a bottom border color that matches the page background color. */ + +.about-wrap h2 .nav-tab-active, +.nav-tab-active, +.nav-tab-active:hover { + border-bottom-color: $body-background; +} + + +/* Admin Menu: submenu */ + +#adminmenu .wp-submenu, +#adminmenu .wp-has-current-submenu .wp-submenu, +#adminmenu .wp-has-current-submenu.opensub .wp-submenu, +.folded #adminmenu .wp-has-current-submenu .wp-submenu, +#adminmenu a.wp-has-current-submenu:focus + .wp-submenu { + background: $menu-submenu-background; +} + +#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after { + border-right-color: $menu-submenu-background; +} + +#adminmenu .wp-submenu .wp-submenu-head { + color: $menu-submenu-text; +} + +#adminmenu .wp-submenu a, +#adminmenu .wp-has-current-submenu .wp-submenu a, +.folded #adminmenu .wp-has-current-submenu .wp-submenu a, +#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a, +#adminmenu .wp-has-current-submenu.opensub .wp-submenu a { + color: $menu-submenu-text; + + &:focus, &:hover { + color: $menu-submenu-focus-text; + } +} + + +/* Admin Menu: current */ + +#adminmenu .wp-submenu li.current a, +#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a, +#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a { + color: $menu-submenu-current-text; + + &:hover, &:focus { + color: $menu-submenu-focus-text; + } +} + +ul#adminmenu a.wp-has-current-submenu:after, +ul#adminmenu > li.current > a.current:after { + border-right-color: $body-background; +} + +#adminmenu li.current a.menu-top, +#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu, +#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head, +.folded #adminmenu li.current.menu-top { + color: $menu-current-text; + background: $menu-current-background; +} + +#adminmenu li.wp-has-current-submenu div.wp-menu-image:before { + color: $menu-current-icon; +} + + +/* Admin Menu: bubble */ + +#adminmenu .awaiting-mod, +#adminmenu .update-plugins { + color: $menu-bubble-text; + background: $menu-bubble-background; +} + +#adminmenu li.current a .awaiting-mod, +#adminmenu li a.wp-has-current-submenu .update-plugins, +#adminmenu li:hover a .awaiting-mod, +#adminmenu li.menu-top:hover > a .update-plugins { + color: $menu-bubble-current-text; + background: $menu-bubble-current-background; +} + + +/* Admin Menu: collapse button */ + +#collapse-menu { + color: $menu-collapse-text; +} + +#collapse-menu:hover { + color: $menu-collapse-focus-text; +} + +#collapse-button div:after { + color: $menu-collapse-icon; +} + +#collapse-menu:hover #collapse-button div:after { + color: $menu-collapse-focus-icon; +} + + +/* Admin Bar */ + +#wpadminbar { + color: $menu-text; + background: $menu-background; +} + +#wpadminbar .ab-item, +#wpadminbar a.ab-item, +#wpadminbar > #wp-toolbar span.ab-label, +#wpadminbar > #wp-toolbar span.noticon { + color: $menu-text; +} + +#wpadminbar .ab-icon, +#wpadminbar .ab-icon:before, +#wpadminbar .ab-item:before, +#wpadminbar .ab-item:after { + color: $menu-icon; +} + +#wpadminbar .ab-top-menu > li:hover > .ab-item, +#wpadminbar .ab-top-menu > li.hover > .ab-item, +#wpadminbar .ab-top-menu > li > .ab-item:focus, +#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, +#wpadminbar-nojs .ab-top-menu > li.menupop:hover > .ab-item, +#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item { + color: $menu-submenu-focus-text; + background: $menu-submenu-background; +} + +#wpadminbar > #wp-toolbar li:hover span.ab-label, +#wpadminbar > #wp-toolbar li.hover span.ab-label, +#wpadminbar > #wp-toolbar a:focus span.ab-label { + color: $menu-submenu-focus-text; +} + +#wpadminbar li:hover .ab-icon:before, +#wpadminbar li:hover .ab-item:before, +#wpadminbar li:hover .ab-item:after, +#wpadminbar li:hover #adminbarsearch:before { + color: $menu-highlight-icon; +} + + +/* Admin Bar: submenu */ + +#wpadminbar .menupop .ab-sub-wrapper { + background: $menu-submenu-background; +} + +#wpadminbar .quicklinks .menupop ul.ab-sub-secondary, +#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu { + background: $menu-submenu-background-alt; +} + +#wpadminbar .ab-submenu .ab-item, +#wpadminbar .quicklinks .menupop ul li a, +#wpadminbar .quicklinks .menupop.hover ul li a, +#wpadminbar-nojs .quicklinks .menupop:hover ul li a { + color: $menu-submenu-text; +} + +#wpadminbar .quicklinks li .blavatar, +#wpadminbar .menupop .menupop > .ab-item:before { + color: $menu-icon; +} + +#wpadminbar .quicklinks .menupop ul li a:hover, +#wpadminbar .quicklinks .menupop ul li a:focus, +#wpadminbar .quicklinks .menupop ul li a:hover strong, +#wpadminbar .quicklinks .menupop ul li a:focus strong, +#wpadminbar .quicklinks .menupop.hover ul li a:hover, +#wpadminbar .quicklinks .menupop.hover ul li a:focus, +#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover, +#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus, +#wpadminbar li:hover .ab-icon:before, +#wpadminbar li:hover .ab-item:before, +#wpadminbar li a:focus .ab-icon:before, +#wpadminbar li .ab-item:focus:before, +#wpadminbar li.hover .ab-icon:before, +#wpadminbar li.hover .ab-item:before, +#wpadminbar li:hover .ab-item:after, +#wpadminbar li.hover .ab-item:after, +#wpadminbar li:hover #adminbarsearch:before { + color: $menu-submenu-focus-text; +} + +#wpadminbar .quicklinks li a:hover .blavatar, +#wpadminbar .menupop .menupop > .ab-item:hover:before { + color: $menu-submenu-focus-text; +} + + +/* Admin Bar: search */ + +#wpadminbar #adminbarsearch:before { + color: $menu-icon; +} + +#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus { + color: $menu-text; + background: $adminbar-input-background; +} + +#wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder { color: $menu-text; opacity: .7; } +#wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder { color: $menu-text; opacity: .7; } +#wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder { color: $menu-text; opacity: .7; } +#wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder { color: $menu-text; opacity: .7; } + + +/* Admin Bar: my account */ + +#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img { + border-color: $adminbar-avatar-frame; + background-color: $adminbar-avatar-frame; +} + +#wpadminbar #wp-admin-bar-user-info .display-name { + color: $menu-text; +} + +#wpadminbar #wp-admin-bar-user-info a:hover .display-name { + color: $menu-submenu-focus-text; +} + +#wpadminbar #wp-admin-bar-user-info .username { + color: $menu-submenu-text; +} + + +/* Pointers */ + +.wp-pointer .wp-pointer-content h3 { + background-color: $highlight-color; +} + +.wp-pointer .wp-pointer-content h3:before { + color: $highlight-color; +} + +.wp-pointer.wp-pointer-top .wp-pointer-arrow, +.wp-pointer.wp-pointer-undefined .wp-pointer-arrow { + border-bottom-color: $highlight-color; +} + + +/* Media Uploader */ + +.media-item .bar, +.media-progress-bar div { + background-color: $highlight-color; +} + +.details.attachment { + box-shadow: 0 0 0 1px #fff, 0 0 0 5px $highlight-color; +} + +.attachment.details .check { + background-color: $highlight-color; + box-shadow: 0 0 0 1px #fff, 0 0 0 2px $highlight-color; +} + + +/* Themes */ + +.theme-browser .theme.active .theme-name, +.theme-browser .theme.add-new-theme:hover:after { + background: $highlight-color; +} + +.theme-browser .theme.add-new-theme:hover span:after { + color: $highlight-color; +} + +.theme-overlay .theme-header .close:hover, +.theme-overlay .theme-header .right:hover, +.theme-overlay .theme-header .left:hover { + background: $highlight-color; +} + +/* jQuery UI Slider */ + +.wp-slider .ui-slider-handle, +.wp-slider .ui-slider-handle.ui-state-hover, +.wp-slider .ui-slider-handle.focus { + background: $button-color; + border-color: darken( $button-color, 10% ); + -webkit-box-shadow: inset 0 1px 0 lighten( $button-color, 15% ), 0 1px 0 rgba(0,0,0,.15); + box-shadow: inset 0 1px 0 lighten( $button-color, 15% ), 0 1px 0 rgba(0,0,0,.15); +} + +/* Thickbox: Plugin information */ + +#sidemenu a.current { + background: $body-background; + border-bottom-color: $body-background; +} + +#plugin-information .action-button { + background: $button-color; +} + +/* Responsive Component */ + +div#wp-responsive-toggle a:before { + color: $menu-icon; +} + +.wp-responsive-open div#wp-responsive-toggle a { + // ToDo: make inset border + border-color: transparent; + background: $menu-highlight-background; +} + +.star-rating .star { + color: $highlight-color; +} + +.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a { + background: $menu-submenu-background; +} Index: src/includes/admin/styles/_mixins.scss =================================================================== --- src/includes/admin/styles/_mixins.scss (revision 0) +++ src/includes/admin/styles/_mixins.scss (working copy) @@ -0,0 +1,37 @@ +/* + * Button mixin- creates 3d-ish button effect with correct + * highlights/shadows, based on a base color. + */ +@mixin button( $button-color, $text-color: white ) { + background: $button-color; + border-color: darken( $button-color, 10% ); + color: $text-color; + -webkit-box-shadow: inset 0 1px 0 lighten( $button-color, 15% ), 0 1px 0 rgba(0,0,0,.15); + box-shadow: inset 0 1px 0 lighten( $button-color, 15% ), 0 1px 0 rgba(0,0,0,.15); + + &:hover, + &:focus { + background: darken( $button-color, 5% ); + border-color: darken( $button-color, 15% ); + color: $text-color; + -webkit-box-shadow: inset 0 1px 0 lighten( $button-color, 10% ), 0 1px 0 rgba(0,0,0,.15); + box-shadow: inset 0 1px 0 lighten( $button-color, 10% ), 0 1px 0 rgba(0,0,0,.15); + } + + &:active { + background: darken( $button-color, 10% ); + border-color: darken( $button-color, 15% ); + color: $text-color; + -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ); + box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ); + } + + &[disabled], + &:disabled, + &.button-primary-disabled { + color: hsl( hue( $button-color ), 10%, 80% ) !important; + background: darken( $button-color, 8% ) !important; + border-color: darken( $button-color, 15% ) !important; + text-shadow: none !important; + } +} Index: src/includes/admin/styles/_variables.scss =================================================================== --- src/includes/admin/styles/_variables.scss (revision 0) +++ src/includes/admin/styles/_variables.scss (working copy) @@ -0,0 +1,58 @@ +// 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: #f1f1f1 !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; Index: src/includes/admin/styles/evergreen/colors.scss =================================================================== --- src/includes/admin/styles/evergreen/colors.scss (revision 0) +++ src/includes/admin/styles/evergreen/colors.scss (working copy) @@ -0,0 +1,5 @@ +$base-color: #446950; +$highlight-color: #56b274; +$notification-color: lighten( #2a8c4b, 10% ); + +@import "../admin"; Index: src/includes/admin/styles/evergreen-rtl.css =================================================================== --- src/includes/admin/styles/evergreen-rtl.css (revision 5284) +++ src/includes/admin/styles/evergreen-rtl.css (working copy) @@ -1,168 +0,0 @@ -/* Dashicons mixin use: @include dashicons( '\f140' ); */ -/* Button mixin- creates 3d-ish button effect with correct highlights/shadows, based on a base color. */ -html { background: #f2f2f2; } - -/* Links */ -a { color: #0074a2; } -a:hover, a:active, a:focus { color: #0099d5; } - -#rightnow a:hover, #media-upload a.del-link:hover, div.dashboard-widget-submit input:hover, .subsubsub a:hover, .subsubsub a.current:hover, .ui-tabs-nav a:hover { color: #0099d5; } - -/* Forms */ -input[type=checkbox]:checked:before { color: #56b274; } - -input[type=radio]:checked:before { background: #56b274; } - -.wp-core-ui input[type="reset"]:hover, .wp-core-ui input[type="reset"]:active { color: #0099d5; } - -/* Core UI */ -.wp-core-ui .button-primary { background: #56b274; border-color: #43925d; color: white; -webkit-box-shadow: inset 0 1px 0 #8bca9f, 0 1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 1px 0 #8bca9f, 0 1px 0 rgba(0, 0, 0, 0.15); } -.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus { background: #469961; border-color: #3b8152; color: white; -webkit-box-shadow: inset 0 1px 0 #79c291, 0 1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 1px 0 #79c291, 0 1px 0 rgba(0, 0, 0, 0.15); } -.wp-core-ui .button-primary:active { background: #469961; border-color: #3b8152; color: white; -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); } -.wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.button-primary-disabled { color: #c7d1ca !important; background: #469961 !important; border-color: #3b8152 !important; text-shadow: none !important; } -.wp-core-ui .wp-ui-primary { color: white; background-color: #446950; } -.wp-core-ui .wp-ui-text-primary { color: #446950; } -.wp-core-ui .wp-ui-highlight { color: white; background-color: #56b274; } -.wp-core-ui .wp-ui-text-highlight { color: #56b274; } -.wp-core-ui .wp-ui-notification { color: white; background-color: #36b360; } -.wp-core-ui .wp-ui-text-notification { color: #36b360; } -.wp-core-ui .wp-ui-text-icon { color: #f1f3f2; } - -/* List tables */ -.wrap .add-new-h2:hover, #add-new-comment a:hover, .tablenav .tablenav-pages a:hover, .tablenav .tablenav-pages a:focus { color: white; background-color: #446950; } - -.view-switch a.current:before { color: #446950; } - -.view-switch a:hover:before { color: #36b360; } - -.post-com-count:hover:after { border-top-color: #446950; } - -.post-com-count:hover span { color: white; background-color: #446950; } - -strong .post-com-count:after { border-top-color: #36b360; } - -strong .post-com-count span { background-color: #36b360; } - -/* Admin Menu */ -#adminmenuback, #adminmenuwrap, #adminmenu { background: #446950; } - -#adminmenu a { color: white; } - -#adminmenu div.wp-menu-image:before { color: #f1f3f2; } - -#adminmenu a:hover, #adminmenu li.menu-top:hover, #adminmenu li.opensub > a.menu-top, #adminmenu li > a.menu-top:focus { color: white; background-color: #56b274; } - -#adminmenu li.menu-top:hover div.wp-menu-image:before, #adminmenu li.opensub > a.menu-top div.wp-menu-image:before { color: white; } - -/* Admin Menu: submenu */ -#adminmenu .wp-submenu, #adminmenu .wp-has-current-submenu .wp-submenu, #adminmenu .wp-has-current-submenu.opensub .wp-submenu, .folded #adminmenu .wp-has-current-submenu .wp-submenu, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu { background: #36533f; } - -#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after { border-left-color: #36533f; } - -#adminmenu .wp-submenu .wp-submenu-head { color: #c6d2ca; } - -#adminmenu .wp-submenu a, #adminmenu .wp-has-current-submenu .wp-submenu a, .folded #adminmenu .wp-has-current-submenu .wp-submenu a, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a, #adminmenu .wp-has-current-submenu.opensub .wp-submenu a { color: #c6d2ca; } -#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover, #adminmenu .wp-has-current-submenu .wp-submenu a:focus, #adminmenu .wp-has-current-submenu .wp-submenu a:hover, .folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus, .folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover, #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus, #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover { color: #56b274; } - -/* Admin Menu: current */ -#adminmenu .wp-submenu li.current a, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a, #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a { color: white; } -#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus, #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover, #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus { color: #56b274; } - -ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.current:after { border-left-color: #eeeeee; } - -#adminmenu li.current a.menu-top, #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu, #adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head, .folded #adminmenu li.current.menu-top { color: white; background: #56b274; } - -#adminmenu li.wp-has-current-submenu div.wp-menu-image:before { color: white; } - -/* Admin Menu: bubble */ -#adminmenu .awaiting-mod, #adminmenu .update-plugins { color: white; background: #36b360; } - -#adminmenu li.current a .awaiting-mod, #adminmenu li a.wp-has-current-submenu .update-plugins, #adminmenu li:hover a .awaiting-mod, #adminmenu li.menu-top:hover > a .update-plugins { color: white; background: #36533f; } - -/* Admin Menu: collapse button */ -#collapse-menu { color: #f1f3f2; } - -#collapse-menu:hover { color: white; } - -#collapse-button div:after { color: #f1f3f2; } - -#collapse-menu:hover #collapse-button div:after { color: white; } - -/* Admin Bar */ -#wpadminbar { color: white; background: #446950; } - -#wpadminbar .ab-item, #wpadminbar a.ab-item, #wpadminbar > #wp-toolbar span.ab-label, #wpadminbar > #wp-toolbar span.noticon { color: white; } - -#wpadminbar .ab-icon, #wpadminbar .ab-icon:before, #wpadminbar .ab-item:before, #wpadminbar .ab-item:after { color: #f1f3f2; } - -#wpadminbar .ab-top-menu > li:hover > .ab-item, #wpadminbar .ab-top-menu > li.hover > .ab-item, #wpadminbar .ab-top-menu > li > .ab-item:focus, #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, #wpadminbar-nojs .ab-top-menu > li.menupop:hover > .ab-item, #wpadminbar .ab-top-menu > li.menupop.hover > .ab-item { color: #56b274; background: #36533f; } - -#wpadminbar > #wp-toolbar li:hover span.ab-label, #wpadminbar > #wp-toolbar li.hover span.ab-label, #wpadminbar > #wp-toolbar a:focus span.ab-label { color: #56b274; } - -#wpadminbar li:hover .ab-icon:before, #wpadminbar li:hover .ab-item:before, #wpadminbar li:hover .ab-item:after, #wpadminbar li:hover #adminbarsearch:before { color: white; } - -/* Admin Bar: submenu */ -#wpadminbar .menupop .ab-sub-wrapper { background: #36533f; } - -#wpadminbar .quicklinks .menupop ul.ab-sub-secondary, #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu { background: #597763; } - -#wpadminbar .ab-submenu .ab-item, #wpadminbar .quicklinks .menupop ul li a, #wpadminbar .quicklinks .menupop.hover ul li a, #wpadminbar-nojs .quicklinks .menupop:hover ul li a { color: #c6d2ca; } - -#wpadminbar .quicklinks li .blavatar, #wpadminbar .menupop .menupop > .ab-item:before { color: #f1f3f2; } - -#wpadminbar .quicklinks .menupop ul li a:hover, #wpadminbar .quicklinks .menupop ul li a:focus, #wpadminbar .quicklinks .menupop ul li a:hover strong, #wpadminbar .quicklinks .menupop ul li a:focus strong, #wpadminbar .quicklinks .menupop.hover ul li a:hover, #wpadminbar .quicklinks .menupop.hover ul li a:focus, #wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover, #wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus, #wpadminbar li:hover .ab-icon:before, #wpadminbar li:hover .ab-item:before, #wpadminbar li a:focus .ab-icon:before, #wpadminbar li .ab-item:focus:before, #wpadminbar li.hover .ab-icon:before, #wpadminbar li.hover .ab-item:before, #wpadminbar li:hover .ab-item:after, #wpadminbar li.hover .ab-item:after, #wpadminbar li:hover #adminbarsearch:before { color: #56b274; } - -#wpadminbar .quicklinks li a:hover .blavatar, #wpadminbar .menupop .menupop > .ab-item:hover:before { color: #56b274; } - -/* Admin Bar: search */ -#wpadminbar #adminbarsearch:before { color: #f1f3f2; } - -#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus { color: white; background: #527f61; } - -#wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder { color: white; opacity: .7; } - -#wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder { color: white; opacity: .7; } - -#wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder { color: white; opacity: .7; } - -#wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder { color: white; opacity: .7; } - -/* Admin Bar: my account */ -#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img { border-color: #527f61; background-color: #527f61; } - -#wpadminbar #wp-admin-bar-user-info .display-name { color: white; } - -#wpadminbar #wp-admin-bar-user-info a:hover .display-name { color: #56b274; } - -#wpadminbar #wp-admin-bar-user-info .username { color: #c6d2ca; } - -/* Pointers */ -.wp-pointer .wp-pointer-content h3 { background-color: #56b274; } - -.wp-pointer.wp-pointer-top .wp-pointer-arrow, .wp-pointer.wp-pointer-undefined .wp-pointer-arrow { border-bottom-color: #56b274; } - -/* Media Uploader */ -.media-item .bar, .media-progress-bar div { background-color: #56b274; } - -.details.attachment { box-shadow: 0 0 0 1px white, 0 0 0 5px #56b274; } - -.attachment.details .check { background-color: #56b274; box-shadow: 0 0 0 1px white, 0 0 0 2px #56b274; } - -/* Themes */ -.theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after { background: #56b274; } - -.theme-browser .theme.add-new-theme:hover span:after { color: #56b274; } - -.theme-overlay .theme-header .close:hover, .theme-overlay .theme-header .right:hover, .theme-overlay .theme-header .left:hover { background: #56b274; } - -/* jQuery UI Slider */ -.wp-slider .ui-slider-handle, .wp-slider .ui-slider-handle.ui-state-hover, .wp-slider .ui-slider-handle.focus { background: #56b274; border-color: #43925d; -webkit-box-shadow: inset 0 1px 0 #8bca9f, 0 1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 1px 0 #8bca9f, 0 1px 0 rgba(0, 0, 0, 0.15); } - -/* Responsive Component */ -div#wp-responsive-toggle a:before { color: #f1f3f2; } - -.wp-responsive-open div#wp-responsive-toggle a { border-color: transparent; background: #56b274; } - -.star-rating .star { color: #56b274; } - -.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a { background: #36533f; } \ No newline at end of file Index: src/includes/admin/styles/evergreen.css =================================================================== --- src/includes/admin/styles/evergreen.css (revision 5284) +++ src/includes/admin/styles/evergreen.css (working copy) @@ -1,168 +0,0 @@ -/* Dashicons mixin use: @include dashicons( '\f140' ); */ -/* Button mixin- creates 3d-ish button effect with correct highlights/shadows, based on a base color. */ -html { background: #f2f2f2; } - -/* Links */ -a { color: #0074a2; } -a:hover, a:active, a:focus { color: #0099d5; } - -#rightnow a:hover, #media-upload a.del-link:hover, div.dashboard-widget-submit input:hover, .subsubsub a:hover, .subsubsub a.current:hover, .ui-tabs-nav a:hover { color: #0099d5; } - -/* Forms */ -input[type=checkbox]:checked:before { color: #56b274; } - -input[type=radio]:checked:before { background: #56b274; } - -.wp-core-ui input[type="reset"]:hover, .wp-core-ui input[type="reset"]:active { color: #0099d5; } - -/* Core UI */ -.wp-core-ui .button-primary { background: #56b274; border-color: #43925d; color: white; -webkit-box-shadow: inset 0 1px 0 #8bca9f, 0 1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 1px 0 #8bca9f, 0 1px 0 rgba(0, 0, 0, 0.15); } -.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus { background: #469961; border-color: #3b8152; color: white; -webkit-box-shadow: inset 0 1px 0 #79c291, 0 1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 1px 0 #79c291, 0 1px 0 rgba(0, 0, 0, 0.15); } -.wp-core-ui .button-primary:active { background: #469961; border-color: #3b8152; color: white; -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); } -.wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.button-primary-disabled { color: #c7d1ca !important; background: #469961 !important; border-color: #3b8152 !important; text-shadow: none !important; } -.wp-core-ui .wp-ui-primary { color: white; background-color: #446950; } -.wp-core-ui .wp-ui-text-primary { color: #446950; } -.wp-core-ui .wp-ui-highlight { color: white; background-color: #56b274; } -.wp-core-ui .wp-ui-text-highlight { color: #56b274; } -.wp-core-ui .wp-ui-notification { color: white; background-color: #36b360; } -.wp-core-ui .wp-ui-text-notification { color: #36b360; } -.wp-core-ui .wp-ui-text-icon { color: #f1f3f2; } - -/* List tables */ -.wrap .add-new-h2:hover, #add-new-comment a:hover, .tablenav .tablenav-pages a:hover, .tablenav .tablenav-pages a:focus { color: white; background-color: #446950; } - -.view-switch a.current:before { color: #446950; } - -.view-switch a:hover:before { color: #36b360; } - -.post-com-count:hover:after { border-top-color: #446950; } - -.post-com-count:hover span { color: white; background-color: #446950; } - -strong .post-com-count:after { border-top-color: #36b360; } - -strong .post-com-count span { background-color: #36b360; } - -/* Admin Menu */ -#adminmenuback, #adminmenuwrap, #adminmenu { background: #446950; } - -#adminmenu a { color: white; } - -#adminmenu div.wp-menu-image:before { color: #f1f3f2; } - -#adminmenu a:hover, #adminmenu li.menu-top:hover, #adminmenu li.opensub > a.menu-top, #adminmenu li > a.menu-top:focus { color: white; background-color: #56b274; } - -#adminmenu li.menu-top:hover div.wp-menu-image:before, #adminmenu li.opensub > a.menu-top div.wp-menu-image:before { color: white; } - -/* Admin Menu: submenu */ -#adminmenu .wp-submenu, #adminmenu .wp-has-current-submenu .wp-submenu, #adminmenu .wp-has-current-submenu.opensub .wp-submenu, .folded #adminmenu .wp-has-current-submenu .wp-submenu, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu { background: #36533f; } - -#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after { border-right-color: #36533f; } - -#adminmenu .wp-submenu .wp-submenu-head { color: #c6d2ca; } - -#adminmenu .wp-submenu a, #adminmenu .wp-has-current-submenu .wp-submenu a, .folded #adminmenu .wp-has-current-submenu .wp-submenu a, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a, #adminmenu .wp-has-current-submenu.opensub .wp-submenu a { color: #c6d2ca; } -#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover, #adminmenu .wp-has-current-submenu .wp-submenu a:focus, #adminmenu .wp-has-current-submenu .wp-submenu a:hover, .folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus, .folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover, #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus, #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover { color: #56b274; } - -/* Admin Menu: current */ -#adminmenu .wp-submenu li.current a, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a, #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a { color: white; } -#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus, #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover, #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus { color: #56b274; } - -ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.current:after { border-right-color: #eeeeee; } - -#adminmenu li.current a.menu-top, #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu, #adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head, .folded #adminmenu li.current.menu-top { color: white; background: #56b274; } - -#adminmenu li.wp-has-current-submenu div.wp-menu-image:before { color: white; } - -/* Admin Menu: bubble */ -#adminmenu .awaiting-mod, #adminmenu .update-plugins { color: white; background: #36b360; } - -#adminmenu li.current a .awaiting-mod, #adminmenu li a.wp-has-current-submenu .update-plugins, #adminmenu li:hover a .awaiting-mod, #adminmenu li.menu-top:hover > a .update-plugins { color: white; background: #36533f; } - -/* Admin Menu: collapse button */ -#collapse-menu { color: #f1f3f2; } - -#collapse-menu:hover { color: white; } - -#collapse-button div:after { color: #f1f3f2; } - -#collapse-menu:hover #collapse-button div:after { color: white; } - -/* Admin Bar */ -#wpadminbar { color: white; background: #446950; } - -#wpadminbar .ab-item, #wpadminbar a.ab-item, #wpadminbar > #wp-toolbar span.ab-label, #wpadminbar > #wp-toolbar span.noticon { color: white; } - -#wpadminbar .ab-icon, #wpadminbar .ab-icon:before, #wpadminbar .ab-item:before, #wpadminbar .ab-item:after { color: #f1f3f2; } - -#wpadminbar .ab-top-menu > li:hover > .ab-item, #wpadminbar .ab-top-menu > li.hover > .ab-item, #wpadminbar .ab-top-menu > li > .ab-item:focus, #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, #wpadminbar-nojs .ab-top-menu > li.menupop:hover > .ab-item, #wpadminbar .ab-top-menu > li.menupop.hover > .ab-item { color: #56b274; background: #36533f; } - -#wpadminbar > #wp-toolbar li:hover span.ab-label, #wpadminbar > #wp-toolbar li.hover span.ab-label, #wpadminbar > #wp-toolbar a:focus span.ab-label { color: #56b274; } - -#wpadminbar li:hover .ab-icon:before, #wpadminbar li:hover .ab-item:before, #wpadminbar li:hover .ab-item:after, #wpadminbar li:hover #adminbarsearch:before { color: white; } - -/* Admin Bar: submenu */ -#wpadminbar .menupop .ab-sub-wrapper { background: #36533f; } - -#wpadminbar .quicklinks .menupop ul.ab-sub-secondary, #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu { background: #597763; } - -#wpadminbar .ab-submenu .ab-item, #wpadminbar .quicklinks .menupop ul li a, #wpadminbar .quicklinks .menupop.hover ul li a, #wpadminbar-nojs .quicklinks .menupop:hover ul li a { color: #c6d2ca; } - -#wpadminbar .quicklinks li .blavatar, #wpadminbar .menupop .menupop > .ab-item:before { color: #f1f3f2; } - -#wpadminbar .quicklinks .menupop ul li a:hover, #wpadminbar .quicklinks .menupop ul li a:focus, #wpadminbar .quicklinks .menupop ul li a:hover strong, #wpadminbar .quicklinks .menupop ul li a:focus strong, #wpadminbar .quicklinks .menupop.hover ul li a:hover, #wpadminbar .quicklinks .menupop.hover ul li a:focus, #wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover, #wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus, #wpadminbar li:hover .ab-icon:before, #wpadminbar li:hover .ab-item:before, #wpadminbar li a:focus .ab-icon:before, #wpadminbar li .ab-item:focus:before, #wpadminbar li.hover .ab-icon:before, #wpadminbar li.hover .ab-item:before, #wpadminbar li:hover .ab-item:after, #wpadminbar li.hover .ab-item:after, #wpadminbar li:hover #adminbarsearch:before { color: #56b274; } - -#wpadminbar .quicklinks li a:hover .blavatar, #wpadminbar .menupop .menupop > .ab-item:hover:before { color: #56b274; } - -/* Admin Bar: search */ -#wpadminbar #adminbarsearch:before { color: #f1f3f2; } - -#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus { color: white; background: #527f61; } - -#wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder { color: white; opacity: .7; } - -#wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder { color: white; opacity: .7; } - -#wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder { color: white; opacity: .7; } - -#wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder { color: white; opacity: .7; } - -/* Admin Bar: my account */ -#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img { border-color: #527f61; background-color: #527f61; } - -#wpadminbar #wp-admin-bar-user-info .display-name { color: white; } - -#wpadminbar #wp-admin-bar-user-info a:hover .display-name { color: #56b274; } - -#wpadminbar #wp-admin-bar-user-info .username { color: #c6d2ca; } - -/* Pointers */ -.wp-pointer .wp-pointer-content h3 { background-color: #56b274; } - -.wp-pointer.wp-pointer-top .wp-pointer-arrow, .wp-pointer.wp-pointer-undefined .wp-pointer-arrow { border-bottom-color: #56b274; } - -/* Media Uploader */ -.media-item .bar, .media-progress-bar div { background-color: #56b274; } - -.details.attachment { box-shadow: 0 0 0 1px white, 0 0 0 5px #56b274; } - -.attachment.details .check { background-color: #56b274; box-shadow: 0 0 0 1px white, 0 0 0 2px #56b274; } - -/* Themes */ -.theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after { background: #56b274; } - -.theme-browser .theme.add-new-theme:hover span:after { color: #56b274; } - -.theme-overlay .theme-header .close:hover, .theme-overlay .theme-header .right:hover, .theme-overlay .theme-header .left:hover { background: #56b274; } - -/* jQuery UI Slider */ -.wp-slider .ui-slider-handle, .wp-slider .ui-slider-handle.ui-state-hover, .wp-slider .ui-slider-handle.focus { background: #56b274; border-color: #43925d; -webkit-box-shadow: inset 0 1px 0 #8bca9f, 0 1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 1px 0 #8bca9f, 0 1px 0 rgba(0, 0, 0, 0.15); } - -/* Responsive Component */ -div#wp-responsive-toggle a:before { color: #f1f3f2; } - -.wp-responsive-open div#wp-responsive-toggle a { border-color: transparent; background: #56b274; } - -.star-rating .star { color: #56b274; } - -.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a { background: #36533f; } \ No newline at end of file Index: src/includes/admin/styles/evergreen/colors.scss =================================================================== --- src/includes/admin/styles/evergreen/colors.scss (revision 0) +++ src/includes/admin/styles/evergreen/colors.scss (working copy) @@ -0,0 +1,5 @@ +$base-color: #446950; +$highlight-color: #56b274; +$notification-color: lighten( #2a8c4b, 10% ); + +@import "../admin"; Index: src/includes/admin/styles/mint/colors.scss =================================================================== --- src/includes/admin/styles/mint/colors.scss (revision 0) +++ src/includes/admin/styles/mint/colors.scss (working copy) @@ -0,0 +1,5 @@ +$base-color: darken( desaturate( #78cd95, 10% ), 10% ); +$highlight-color: desaturate( #467656, 10% ); +$notification-color: desaturate( #2a8c4b, 10% ); + +@import "../admin"; Index: src/includes/admin/styles/mint-rtl.css =================================================================== --- src/includes/admin/styles/mint-rtl.css (revision 5284) +++ src/includes/admin/styles/mint-rtl.css (working copy) @@ -1,168 +0,0 @@ -/* Dashicons mixin use: @include dashicons( '\f140' ); */ -/* Button mixin- creates 3d-ish button effect with correct highlights/shadows, based on a base color. */ -html { background: #f2f2f2; } - -/* Links */ -a { color: #0074a2; } -a:hover, a:active, a:focus { color: #0099d5; } - -#rightnow a:hover, #media-upload a.del-link:hover, div.dashboard-widget-submit input:hover, .subsubsub a:hover, .subsubsub a.current:hover, .ui-tabs-nav a:hover { color: #0099d5; } - -/* Forms */ -input[type=checkbox]:checked:before { color: #4f6d59; } - -input[type=radio]:checked:before { background: #4f6d59; } - -.wp-core-ui input[type="reset"]:hover, .wp-core-ui input[type="reset"]:active { color: #0099d5; } - -/* Core UI */ -.wp-core-ui .button-primary { background: #4f6d59; border-color: #3a4f41; color: white; -webkit-box-shadow: inset 0 1px 0 #71977e, 0 1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 1px 0 #71977e, 0 1px 0 rgba(0, 0, 0, 0.15); } -.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus { background: #3e5546; border-color: #2f4035; color: white; -webkit-box-shadow: inset 0 1px 0 #658a71, 0 1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 1px 0 #658a71, 0 1px 0 rgba(0, 0, 0, 0.15); } -.wp-core-ui .button-primary:active { background: #3e5546; border-color: #2f4035; color: white; -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); } -.wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.button-primary-disabled { color: #c7d1ca !important; background: #3e5546 !important; border-color: #2f4035 !important; text-shadow: none !important; } -.wp-core-ui .wp-ui-primary { color: white; background-color: #5fb37c; } -.wp-core-ui .wp-ui-text-primary { color: #5fb37c; } -.wp-core-ui .wp-ui-highlight { color: white; background-color: #4f6d59; } -.wp-core-ui .wp-ui-text-highlight { color: #4f6d59; } -.wp-core-ui .wp-ui-notification { color: white; background-color: #33834e; } -.wp-core-ui .wp-ui-text-notification { color: #33834e; } -.wp-core-ui .wp-ui-text-icon { color: #f1f3f2; } - -/* List tables */ -.wrap .add-new-h2:hover, #add-new-comment a:hover, .tablenav .tablenav-pages a:hover, .tablenav .tablenav-pages a:focus { color: white; background-color: #5fb37c; } - -.view-switch a.current:before { color: #5fb37c; } - -.view-switch a:hover:before { color: #33834e; } - -.post-com-count:hover:after { border-top-color: #5fb37c; } - -.post-com-count:hover span { color: white; background-color: #5fb37c; } - -strong .post-com-count:after { border-top-color: #33834e; } - -strong .post-com-count span { background-color: #33834e; } - -/* Admin Menu */ -#adminmenuback, #adminmenuwrap, #adminmenu { background: #5fb37c; } - -#adminmenu a { color: white; } - -#adminmenu div.wp-menu-image:before { color: #f1f3f2; } - -#adminmenu a:hover, #adminmenu li.menu-top:hover, #adminmenu li.opensub > a.menu-top, #adminmenu li > a.menu-top:focus { color: white; background-color: #4f6d59; } - -#adminmenu li.menu-top:hover div.wp-menu-image:before, #adminmenu li.opensub > a.menu-top div.wp-menu-image:before { color: white; } - -/* Admin Menu: submenu */ -#adminmenu .wp-submenu, #adminmenu .wp-has-current-submenu .wp-submenu, #adminmenu .wp-has-current-submenu.opensub .wp-submenu, .folded #adminmenu .wp-has-current-submenu .wp-submenu, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu { background: #4ca26a; } - -#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after { border-left-color: #4ca26a; } - -#adminmenu .wp-submenu .wp-submenu-head { color: #cfe8d7; } - -#adminmenu .wp-submenu a, #adminmenu .wp-has-current-submenu .wp-submenu a, .folded #adminmenu .wp-has-current-submenu .wp-submenu a, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a, #adminmenu .wp-has-current-submenu.opensub .wp-submenu a { color: #cfe8d7; } -#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover, #adminmenu .wp-has-current-submenu .wp-submenu a:focus, #adminmenu .wp-has-current-submenu .wp-submenu a:hover, .folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus, .folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover, #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus, #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover { color: #4f6d59; } - -/* Admin Menu: current */ -#adminmenu .wp-submenu li.current a, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a, #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a { color: white; } -#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus, #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover, #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus { color: #4f6d59; } - -ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.current:after { border-left-color: #eeeeee; } - -#adminmenu li.current a.menu-top, #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu, #adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head, .folded #adminmenu li.current.menu-top { color: white; background: #4f6d59; } - -#adminmenu li.wp-has-current-submenu div.wp-menu-image:before { color: white; } - -/* Admin Menu: bubble */ -#adminmenu .awaiting-mod, #adminmenu .update-plugins { color: white; background: #33834e; } - -#adminmenu li.current a .awaiting-mod, #adminmenu li a.wp-has-current-submenu .update-plugins, #adminmenu li:hover a .awaiting-mod, #adminmenu li.menu-top:hover > a .update-plugins { color: white; background: #4ca26a; } - -/* Admin Menu: collapse button */ -#collapse-menu { color: #f1f3f2; } - -#collapse-menu:hover { color: white; } - -#collapse-button div:after { color: #f1f3f2; } - -#collapse-menu:hover #collapse-button div:after { color: white; } - -/* Admin Bar */ -#wpadminbar { color: white; background: #5fb37c; } - -#wpadminbar .ab-item, #wpadminbar a.ab-item, #wpadminbar > #wp-toolbar span.ab-label, #wpadminbar > #wp-toolbar span.noticon { color: white; } - -#wpadminbar .ab-icon, #wpadminbar .ab-icon:before, #wpadminbar .ab-item:before, #wpadminbar .ab-item:after { color: #f1f3f2; } - -#wpadminbar .ab-top-menu > li:hover > .ab-item, #wpadminbar .ab-top-menu > li.hover > .ab-item, #wpadminbar .ab-top-menu > li > .ab-item:focus, #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, #wpadminbar-nojs .ab-top-menu > li.menupop:hover > .ab-item, #wpadminbar .ab-top-menu > li.menupop.hover > .ab-item { color: #4f6d59; background: #4ca26a; } - -#wpadminbar > #wp-toolbar li:hover span.ab-label, #wpadminbar > #wp-toolbar li.hover span.ab-label, #wpadminbar > #wp-toolbar a:focus span.ab-label { color: #4f6d59; } - -#wpadminbar li:hover .ab-icon:before, #wpadminbar li:hover .ab-item:before, #wpadminbar li:hover .ab-item:after, #wpadminbar li:hover #adminbarsearch:before { color: white; } - -/* Admin Bar: submenu */ -#wpadminbar .menupop .ab-sub-wrapper { background: #4ca26a; } - -#wpadminbar .quicklinks .menupop ul.ab-sub-secondary, #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu { background: #7eb892; } - -#wpadminbar .ab-submenu .ab-item, #wpadminbar .quicklinks .menupop ul li a, #wpadminbar .quicklinks .menupop.hover ul li a, #wpadminbar-nojs .quicklinks .menupop:hover ul li a { color: #cfe8d7; } - -#wpadminbar .quicklinks li .blavatar, #wpadminbar .menupop .menupop > .ab-item:before { color: #f1f3f2; } - -#wpadminbar .quicklinks .menupop ul li a:hover, #wpadminbar .quicklinks .menupop ul li a:focus, #wpadminbar .quicklinks .menupop ul li a:hover strong, #wpadminbar .quicklinks .menupop ul li a:focus strong, #wpadminbar .quicklinks .menupop.hover ul li a:hover, #wpadminbar .quicklinks .menupop.hover ul li a:focus, #wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover, #wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus, #wpadminbar li:hover .ab-icon:before, #wpadminbar li:hover .ab-item:before, #wpadminbar li a:focus .ab-icon:before, #wpadminbar li .ab-item:focus:before, #wpadminbar li.hover .ab-icon:before, #wpadminbar li.hover .ab-item:before, #wpadminbar li:hover .ab-item:after, #wpadminbar li.hover .ab-item:after, #wpadminbar li:hover #adminbarsearch:before { color: #4f6d59; } - -#wpadminbar .quicklinks li a:hover .blavatar, #wpadminbar .menupop .menupop > .ab-item:hover:before { color: #4f6d59; } - -/* Admin Bar: search */ -#wpadminbar #adminbarsearch:before { color: #f1f3f2; } - -#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus { color: white; background: #77bf8f; } - -#wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder { color: white; opacity: .7; } - -#wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder { color: white; opacity: .7; } - -#wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder { color: white; opacity: .7; } - -#wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder { color: white; opacity: .7; } - -/* Admin Bar: my account */ -#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img { border-color: #77bf8f; background-color: #77bf8f; } - -#wpadminbar #wp-admin-bar-user-info .display-name { color: white; } - -#wpadminbar #wp-admin-bar-user-info a:hover .display-name { color: #4f6d59; } - -#wpadminbar #wp-admin-bar-user-info .username { color: #cfe8d7; } - -/* Pointers */ -.wp-pointer .wp-pointer-content h3 { background-color: #4f6d59; } - -.wp-pointer.wp-pointer-top .wp-pointer-arrow, .wp-pointer.wp-pointer-undefined .wp-pointer-arrow { border-bottom-color: #4f6d59; } - -/* Media Uploader */ -.media-item .bar, .media-progress-bar div { background-color: #4f6d59; } - -.details.attachment { box-shadow: 0 0 0 1px white, 0 0 0 5px #4f6d59; } - -.attachment.details .check { background-color: #4f6d59; box-shadow: 0 0 0 1px white, 0 0 0 2px #4f6d59; } - -/* Themes */ -.theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after { background: #4f6d59; } - -.theme-browser .theme.add-new-theme:hover span:after { color: #4f6d59; } - -.theme-overlay .theme-header .close:hover, .theme-overlay .theme-header .right:hover, .theme-overlay .theme-header .left:hover { background: #4f6d59; } - -/* jQuery UI Slider */ -.wp-slider .ui-slider-handle, .wp-slider .ui-slider-handle.ui-state-hover, .wp-slider .ui-slider-handle.focus { background: #4f6d59; border-color: #3a4f41; -webkit-box-shadow: inset 0 1px 0 #71977e, 0 1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 1px 0 #71977e, 0 1px 0 rgba(0, 0, 0, 0.15); } - -/* Responsive Component */ -div#wp-responsive-toggle a:before { color: #f1f3f2; } - -.wp-responsive-open div#wp-responsive-toggle a { border-color: transparent; background: #4f6d59; } - -.star-rating .star { color: #4f6d59; } - -.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a { background: #4ca26a; } \ No newline at end of file Index: src/includes/admin/styles/mint.css =================================================================== --- src/includes/admin/styles/mint.css (revision 5284) +++ src/includes/admin/styles/mint.css (working copy) @@ -1,168 +0,0 @@ -/* Dashicons mixin use: @include dashicons( '\f140' ); */ -/* Button mixin- creates 3d-ish button effect with correct highlights/shadows, based on a base color. */ -html { background: #f2f2f2; } - -/* Links */ -a { color: #0074a2; } -a:hover, a:active, a:focus { color: #0099d5; } - -#rightnow a:hover, #media-upload a.del-link:hover, div.dashboard-widget-submit input:hover, .subsubsub a:hover, .subsubsub a.current:hover, .ui-tabs-nav a:hover { color: #0099d5; } - -/* Forms */ -input[type=checkbox]:checked:before { color: #4f6d59; } - -input[type=radio]:checked:before { background: #4f6d59; } - -.wp-core-ui input[type="reset"]:hover, .wp-core-ui input[type="reset"]:active { color: #0099d5; } - -/* Core UI */ -.wp-core-ui .button-primary { background: #4f6d59; border-color: #3a4f41; color: white; -webkit-box-shadow: inset 0 1px 0 #71977e, 0 1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 1px 0 #71977e, 0 1px 0 rgba(0, 0, 0, 0.15); } -.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus { background: #3e5546; border-color: #2f4035; color: white; -webkit-box-shadow: inset 0 1px 0 #658a71, 0 1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 1px 0 #658a71, 0 1px 0 rgba(0, 0, 0, 0.15); } -.wp-core-ui .button-primary:active { background: #3e5546; border-color: #2f4035; color: white; -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); } -.wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.button-primary-disabled { color: #c7d1ca !important; background: #3e5546 !important; border-color: #2f4035 !important; text-shadow: none !important; } -.wp-core-ui .wp-ui-primary { color: white; background-color: #5fb37c; } -.wp-core-ui .wp-ui-text-primary { color: #5fb37c; } -.wp-core-ui .wp-ui-highlight { color: white; background-color: #4f6d59; } -.wp-core-ui .wp-ui-text-highlight { color: #4f6d59; } -.wp-core-ui .wp-ui-notification { color: white; background-color: #33834e; } -.wp-core-ui .wp-ui-text-notification { color: #33834e; } -.wp-core-ui .wp-ui-text-icon { color: #f1f3f2; } - -/* List tables */ -.wrap .add-new-h2:hover, #add-new-comment a:hover, .tablenav .tablenav-pages a:hover, .tablenav .tablenav-pages a:focus { color: white; background-color: #5fb37c; } - -.view-switch a.current:before { color: #5fb37c; } - -.view-switch a:hover:before { color: #33834e; } - -.post-com-count:hover:after { border-top-color: #5fb37c; } - -.post-com-count:hover span { color: white; background-color: #5fb37c; } - -strong .post-com-count:after { border-top-color: #33834e; } - -strong .post-com-count span { background-color: #33834e; } - -/* Admin Menu */ -#adminmenuback, #adminmenuwrap, #adminmenu { background: #5fb37c; } - -#adminmenu a { color: white; } - -#adminmenu div.wp-menu-image:before { color: #f1f3f2; } - -#adminmenu a:hover, #adminmenu li.menu-top:hover, #adminmenu li.opensub > a.menu-top, #adminmenu li > a.menu-top:focus { color: white; background-color: #4f6d59; } - -#adminmenu li.menu-top:hover div.wp-menu-image:before, #adminmenu li.opensub > a.menu-top div.wp-menu-image:before { color: white; } - -/* Admin Menu: submenu */ -#adminmenu .wp-submenu, #adminmenu .wp-has-current-submenu .wp-submenu, #adminmenu .wp-has-current-submenu.opensub .wp-submenu, .folded #adminmenu .wp-has-current-submenu .wp-submenu, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu { background: #4ca26a; } - -#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after { border-right-color: #4ca26a; } - -#adminmenu .wp-submenu .wp-submenu-head { color: #cfe8d7; } - -#adminmenu .wp-submenu a, #adminmenu .wp-has-current-submenu .wp-submenu a, .folded #adminmenu .wp-has-current-submenu .wp-submenu a, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a, #adminmenu .wp-has-current-submenu.opensub .wp-submenu a { color: #cfe8d7; } -#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover, #adminmenu .wp-has-current-submenu .wp-submenu a:focus, #adminmenu .wp-has-current-submenu .wp-submenu a:hover, .folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus, .folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover, #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus, #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover { color: #4f6d59; } - -/* Admin Menu: current */ -#adminmenu .wp-submenu li.current a, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a, #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a { color: white; } -#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus, #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover, #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus { color: #4f6d59; } - -ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.current:after { border-right-color: #eeeeee; } - -#adminmenu li.current a.menu-top, #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu, #adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head, .folded #adminmenu li.current.menu-top { color: white; background: #4f6d59; } - -#adminmenu li.wp-has-current-submenu div.wp-menu-image:before { color: white; } - -/* Admin Menu: bubble */ -#adminmenu .awaiting-mod, #adminmenu .update-plugins { color: white; background: #33834e; } - -#adminmenu li.current a .awaiting-mod, #adminmenu li a.wp-has-current-submenu .update-plugins, #adminmenu li:hover a .awaiting-mod, #adminmenu li.menu-top:hover > a .update-plugins { color: white; background: #4ca26a; } - -/* Admin Menu: collapse button */ -#collapse-menu { color: #f1f3f2; } - -#collapse-menu:hover { color: white; } - -#collapse-button div:after { color: #f1f3f2; } - -#collapse-menu:hover #collapse-button div:after { color: white; } - -/* Admin Bar */ -#wpadminbar { color: white; background: #5fb37c; } - -#wpadminbar .ab-item, #wpadminbar a.ab-item, #wpadminbar > #wp-toolbar span.ab-label, #wpadminbar > #wp-toolbar span.noticon { color: white; } - -#wpadminbar .ab-icon, #wpadminbar .ab-icon:before, #wpadminbar .ab-item:before, #wpadminbar .ab-item:after { color: #f1f3f2; } - -#wpadminbar .ab-top-menu > li:hover > .ab-item, #wpadminbar .ab-top-menu > li.hover > .ab-item, #wpadminbar .ab-top-menu > li > .ab-item:focus, #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, #wpadminbar-nojs .ab-top-menu > li.menupop:hover > .ab-item, #wpadminbar .ab-top-menu > li.menupop.hover > .ab-item { color: #4f6d59; background: #4ca26a; } - -#wpadminbar > #wp-toolbar li:hover span.ab-label, #wpadminbar > #wp-toolbar li.hover span.ab-label, #wpadminbar > #wp-toolbar a:focus span.ab-label { color: #4f6d59; } - -#wpadminbar li:hover .ab-icon:before, #wpadminbar li:hover .ab-item:before, #wpadminbar li:hover .ab-item:after, #wpadminbar li:hover #adminbarsearch:before { color: white; } - -/* Admin Bar: submenu */ -#wpadminbar .menupop .ab-sub-wrapper { background: #4ca26a; } - -#wpadminbar .quicklinks .menupop ul.ab-sub-secondary, #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu { background: #7eb892; } - -#wpadminbar .ab-submenu .ab-item, #wpadminbar .quicklinks .menupop ul li a, #wpadminbar .quicklinks .menupop.hover ul li a, #wpadminbar-nojs .quicklinks .menupop:hover ul li a { color: #cfe8d7; } - -#wpadminbar .quicklinks li .blavatar, #wpadminbar .menupop .menupop > .ab-item:before { color: #f1f3f2; } - -#wpadminbar .quicklinks .menupop ul li a:hover, #wpadminbar .quicklinks .menupop ul li a:focus, #wpadminbar .quicklinks .menupop ul li a:hover strong, #wpadminbar .quicklinks .menupop ul li a:focus strong, #wpadminbar .quicklinks .menupop.hover ul li a:hover, #wpadminbar .quicklinks .menupop.hover ul li a:focus, #wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover, #wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus, #wpadminbar li:hover .ab-icon:before, #wpadminbar li:hover .ab-item:before, #wpadminbar li a:focus .ab-icon:before, #wpadminbar li .ab-item:focus:before, #wpadminbar li.hover .ab-icon:before, #wpadminbar li.hover .ab-item:before, #wpadminbar li:hover .ab-item:after, #wpadminbar li.hover .ab-item:after, #wpadminbar li:hover #adminbarsearch:before { color: #4f6d59; } - -#wpadminbar .quicklinks li a:hover .blavatar, #wpadminbar .menupop .menupop > .ab-item:hover:before { color: #4f6d59; } - -/* Admin Bar: search */ -#wpadminbar #adminbarsearch:before { color: #f1f3f2; } - -#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus { color: white; background: #77bf8f; } - -#wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder { color: white; opacity: .7; } - -#wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder { color: white; opacity: .7; } - -#wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder { color: white; opacity: .7; } - -#wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder { color: white; opacity: .7; } - -/* Admin Bar: my account */ -#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img { border-color: #77bf8f; background-color: #77bf8f; } - -#wpadminbar #wp-admin-bar-user-info .display-name { color: white; } - -#wpadminbar #wp-admin-bar-user-info a:hover .display-name { color: #4f6d59; } - -#wpadminbar #wp-admin-bar-user-info .username { color: #cfe8d7; } - -/* Pointers */ -.wp-pointer .wp-pointer-content h3 { background-color: #4f6d59; } - -.wp-pointer.wp-pointer-top .wp-pointer-arrow, .wp-pointer.wp-pointer-undefined .wp-pointer-arrow { border-bottom-color: #4f6d59; } - -/* Media Uploader */ -.media-item .bar, .media-progress-bar div { background-color: #4f6d59; } - -.details.attachment { box-shadow: 0 0 0 1px white, 0 0 0 5px #4f6d59; } - -.attachment.details .check { background-color: #4f6d59; box-shadow: 0 0 0 1px white, 0 0 0 2px #4f6d59; } - -/* Themes */ -.theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after { background: #4f6d59; } - -.theme-browser .theme.add-new-theme:hover span:after { color: #4f6d59; } - -.theme-overlay .theme-header .close:hover, .theme-overlay .theme-header .right:hover, .theme-overlay .theme-header .left:hover { background: #4f6d59; } - -/* jQuery UI Slider */ -.wp-slider .ui-slider-handle, .wp-slider .ui-slider-handle.ui-state-hover, .wp-slider .ui-slider-handle.focus { background: #4f6d59; border-color: #3a4f41; -webkit-box-shadow: inset 0 1px 0 #71977e, 0 1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 1px 0 #71977e, 0 1px 0 rgba(0, 0, 0, 0.15); } - -/* Responsive Component */ -div#wp-responsive-toggle a:before { color: #f1f3f2; } - -.wp-responsive-open div#wp-responsive-toggle a { border-color: transparent; background: #4f6d59; } - -.star-rating .star { color: #4f6d59; } - -.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a { background: #4ca26a; } \ No newline at end of file Index: src/includes/admin/styles/mint/colors.scss =================================================================== --- src/includes/admin/styles/mint/colors.scss (revision 0) +++ src/includes/admin/styles/mint/colors.scss (working copy) @@ -0,0 +1,5 @@ +$base-color: darken( desaturate( #78cd95, 10% ), 10% ); +$highlight-color: desaturate( #467656, 10% ); +$notification-color: desaturate( #2a8c4b, 10% ); + +@import "../admin"; Index: src/templates/default/bbpress-functions.php =================================================================== --- src/templates/default/bbpress-functions.php (revision 5284) +++ src/templates/default/bbpress-functions.php (working copy) @@ -168,10 +168,13 @@ // Setup scripts array $scripts = array(); + // Minified + $suffix .= defined( 'SCRIPT_DEBUG' ) && SCRIPT_DEBUG ? '' : '.min'; + // Always pull in jQuery for TinyMCE shortcode usage if ( bbp_use_wp_editor() ) { $scripts['bbpress-editor'] = array( - 'file' => 'js/editor.js', + 'file' => 'js/editor' . $suffix . '.js', 'dependencies' => array( 'jquery' ) ); } @@ -179,7 +182,7 @@ // Forum-specific scripts if ( bbp_is_single_forum() ) { $scripts['bbpress-forum'] = array( - 'file' => 'js/forum.js', + 'file' => 'js/forum' . $suffix . '.js', 'dependencies' => array( 'jquery' ) ); } @@ -189,7 +192,7 @@ // Topic favorite/unsubscribe $scripts['bbpress-topic'] = array( - 'file' => 'js/topic.js', + 'file' => 'js/topic' . $suffix . '.js', 'dependencies' => array( 'jquery' ) ); @@ -196,7 +199,7 @@ // Hierarchical replies if ( bbp_thread_replies() ) { $scripts['bbpress-reply'] = array( - 'file' => 'js/reply.js', + 'file' => 'js/reply' . $suffix . '.js', 'dependencies' => array( 'jquery' ) ); } @@ -205,7 +208,7 @@ // User Profile edit if ( bbp_is_single_user_edit() ) { $scripts['bbpress-user'] = array( - 'file' => 'js/user.js', + 'file' => 'js/user' . $suffix . '.js', 'dependencies' => array( 'user-query' ) ); }