Ticket #2542: 2542.5.diff

Gruntfile.js

@@ -5 +5 @@
         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 +84 @@
                                 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 +112 @@
                                 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 +132 @@
                                 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 +239 @@
                                         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 +256 @@
                 }
         });
 
+        // 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 +279 @@
         // 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 +296 @@
                 grunt.config( [ 'copy', 'dynamic', 'src' ], copySrc );
                 grunt.config( [ 'cssjanus', 'dynamic', 'src' ], copySrc );
         });
-};
- No newline at end of file
+};

package.json

@@ -13 +13 @@
     "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",

src/includes/admin/admin.php

@@ -547 +547 @@
          */
         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 +561 @@
                                 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 +617 @@
 
                 // 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 +632 @@
                 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' )
                 );

src/includes/admin/styles/_admin.scss

@@ +1 @@
+
+@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;
+}

src/includes/admin/styles/_mixins.scss

@@ +1 @@
+/*
+ * 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;
+        }
+}

src/includes/admin/styles/_variables.scss

@@ +1 @@
+// 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;

src/includes/admin/styles/evergreen/colors.scss

@@ +1 @@
+$base-color: #446950;
+$highlight-color: #56b274;
+$notification-color: lighten( #2a8c4b, 10% );
+
+@import "../admin";

src/includes/admin/styles/evergreen-rtl.css

@@ -1 @@
-/* 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

src/includes/admin/styles/evergreen.css

@@ -1 @@
-/* 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

src/includes/admin/styles/evergreen/colors.scss

@@ +1 @@
+$base-color: #446950;
+$highlight-color: #56b274;
+$notification-color: lighten( #2a8c4b, 10% );
+
+@import "../admin";

src/includes/admin/styles/mint/colors.scss

@@ +1 @@
+$base-color: darken( desaturate( #78cd95, 10% ), 10% );
+$highlight-color: desaturate( #467656, 10% );
+$notification-color: desaturate( #2a8c4b, 10% );
+
+@import "../admin";

src/includes/admin/styles/mint-rtl.css

@@ -1 @@
-/* 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

src/includes/admin/styles/mint.css

@@ -1 @@
-/* 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

src/includes/admin/styles/mint/colors.scss

@@ +1 @@
+$base-color: darken( desaturate( #78cd95, 10% ), 10% );
+$highlight-color: desaturate( #467656, 10% );
+$notification-color: desaturate( #2a8c4b, 10% );
+
+@import "../admin";

src/templates/default/bbpress-functions.php

@@ -168 +168 @@
                 // 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 +182 @@
                 // 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 +192 @@
 
                         // Topic favorite/unsubscribe
                         $scripts['bbpress-topic'] = array(
-                                'file'         => 'js/topic.js',
+                                'file'         => 'js/topic' . $suffix . '.js',
                                 'dependencies' => array( 'jquery' )
                         );
 
@@ -196 +199 @@
                         // Hierarchical replies
                         if ( bbp_thread_replies() ) {
                                 $scripts['bbpress-reply'] = array(
-                                        'file'         => 'js/reply.js',
+                                        'file'         => 'js/reply' . $suffix . '.js',
                                         'dependencies' => array( 'jquery' )
                                 );
                         }
@@ -205 +208 @@
                 // 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' )
                         );
                 }