Skip to:
Content

bbPress.org

Ticket #2542: 2542.5.diff

File 2542.5.diff, 69.2 KB (added by netweb, 8 years ago)

Include the scss files in the patch ;)

  • Gruntfile.js

     
    55        BUILD_DIR = 'build/',
    66
    77        BBP_RTL_CSS = [
    8                 'admin/css/*-rtl.css',
     8                'includes/admin/css/*-rtl.css',
     9                'includes/admin/styles/*-rtl.css',
    910                'templates/default/css/*-rtl.css'
    1011        ],
    1112
    1213        BBP_LTR_CSS = [
    13                 'admin/css/*.css',
     14                'includes/admin/css/*.css',
     15                'includes/admin/styles/*.css',
    1416                'templates/default/css/*.css'
    1517        ],
    1618
    1719        BBP_JS = [
    18                 'admin/js/*.js',
     20                'includes/admin/js/*.js',
    1921                'templates/default/js/*.js'
    2022        ],
    2123
     
    8284                                src: []
    8385                        }
    8486                },
     87                sass: {
     88                        colors: {
     89                                expand: true,
     90                                cwd: SOURCE_DIR,
     91                                dest: BUILD_DIR,
     92                                ext: '.css',
     93                                src: ['includes/admin/styles/*/colors.scss'],
     94                                options: {
     95                                        outputStyle: 'expanded'
     96                                }
     97                        }
     98                },
    8599                cssmin: {
    86100                        ltr: {
    87101                                cwd: SOURCE_DIR,
     
    98112                                ext: '.min.css',
    99113                                src: BBP_RTL_CSS,
    100114                                options: { banner: '/*! https://wordpress.org/plugins/bbpress/ */' }
     115                        },
     116                        colors: {
     117                                cwd: BUILD_DIR,
     118                                dest: BUILD_DIR,
     119                                expand: true,
     120                                ext: '.min.css',
     121                                src: [
     122                                        'includes/admin/styles/*/*.css'
     123                                ]
    101124                        }
    102125                },
    103126                cssjanus: {
     
    109132                                src: BBP_LTR_CSS,
    110133                                options: { generateExactDuplicates: true }
    111134                        },
     135                        colors: {
     136                                options: {
     137                                        processContent: function( src ) {
     138                                                return src.replace( /([^/]+)\.css/gi, '$1-rtl.css' );
     139                                        }
     140                                },
     141                                expand: true,
     142                                cwd: BUILD_DIR,
     143                                dest: BUILD_DIR,
     144                                ext: '-rtl.css',
     145                                src: [
     146                                        'includes/admin/styles/*/colors.css'
     147                                ]
     148                        },
    112149                        dynamic: {
    113150                                expand: true,
    114151                                cwd: SOURCE_DIR,
     
    202239                                        spawn: false
    203240                                }
    204241                        },
     242                        colors: {
     243                                files: [SOURCE_DIR + 'includes/admin/styles/**'],
     244                                tasks: ['sass:colors']
     245                        },
    205246                        rtl: {
    206247                                files: BBP_LTR_CSS.map( function( path ) {
    207248                                        return SOURCE_DIR + path;
     
    215256                }
    216257        });
    217258
     259        // Register tasks.
    218260
     261        // Color schemes task.
     262        grunt.registerTask('colors', ['sass:colors']);
     263
    219264        // Build tasks.
    220         grunt.registerTask( 'build',         [ 'clean:all', 'copy:files', 'cssjanus:core', 'cssmin:ltr', 'cssmin:rtl', 'uglify:core', 'jsvalidate:build' ] );
    221         grunt.registerTask( 'build-release', [ 'clean:all', 'copy:files', 'cssjanus:core', 'cssmin:ltr', 'cssmin:rtl', 'uglify:core', 'jsvalidate:build', 'phpunit:all' ] );
     265        grunt.registerTask( 'build',         [ 'clean:all', 'copy:files', 'cssjanus:core', 'cssmin:ltr', 'cssmin:rtl', 'colors', 'cssjanus:colors', 'cssmin:colors','uglify:core', 'jsvalidate:build' ] );
     266        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' ] );
    222267
    223268        // Testing tasks.
    224269        grunt.registerMultiTask( 'phpunit', 'Runs PHPUnit tests, including the ajax and multisite tests.', function() {
     
    234279        // Default task.
    235280        grunt.registerTask( 'default', [ 'build' ] );
    236281
    237 
    238282        // Add a listener to the watch task.
    239283        //
    240284        // On `watch:all`, automatically updates the `copy:dynamic` and `clean:dynamic` configurations so that only the changed files are updated.
     
    252296                grunt.config( [ 'copy', 'dynamic', 'src' ], copySrc );
    253297                grunt.config( [ 'cssjanus', 'dynamic', 'src' ], copySrc );
    254298        });
    255 };
    256  No newline at end of file
     299};
  • package.json

     
    1313    "grunt-contrib-watch": "~0.5.3",
    1414    "grunt-contrib-jshint": "~0.8.0",
    1515    "grunt-cssjanus": "~0.2.2",
     16    "grunt-sass": "~0.10.0",
    1617    "grunt-phpunit": "~0.3.2",
    1718    "grunt-jsvalidate": "~0.2.2",
    1819    "matchdep": "~0.3.0",
  • src/includes/admin/admin.php

     
    547547         */
    548548        public function enqueue_scripts() {
    549549                wp_enqueue_script( 'suggest' );
    550                
     550
     551                // Minified
     552                $suffix .= defined( 'SCRIPT_DEBUG' ) && SCRIPT_DEBUG ? '' : '.min';
     553
    551554                // Get the version to use for JS
    552555                $version = bbp_get_version();
    553556
     
    558561                                case bbp_get_topic_post_type() :
    559562
    560563                                        // Enqueue the common JS
    561                                         wp_enqueue_script( 'bbp-admin-common-js', $this->js_url . 'common.js', array( 'jquery' ), $version );
     564                                        wp_enqueue_script( 'bbp-admin-common-js', $this->js_url . 'common' . $suffix . '.js', array( 'jquery' ), $version );
    562565
    563566                                        // Topics admin
    564567                                        if ( bbp_get_topic_post_type() === get_current_screen()->post_type ) {
    565                                                 wp_enqueue_script( 'bbp-admin-common-js', $this->js_url . 'topics.js', array( 'jquery' ), $version );
     568                                                wp_enqueue_script( 'bbp-admin-common-js', $this->js_url . 'topics' . $suffix . '.js', array( 'jquery' ), $version );
    566569
    567570                                        // Replies admin
    568571                                        } elseif ( bbp_get_reply_post_type() === get_current_screen()->post_type ) {
    569                                                 wp_enqueue_script( 'bbp-admin-common-js', $this->js_url . 'replies.js', array( 'jquery' ), $version );
     572                                                wp_enqueue_script( 'bbp-admin-common-js', $this->js_url . 'replies' . $suffix . '.js', array( 'jquery' ), $version );
    570573                                        }
    571574
    572575                                        break;
     
    614617
    615618                // RTL and/or minified
    616619                $suffix = is_rtl() ? '-rtl' : '';
    617                 //$suffix .= defined( 'SCRIPT_DEBUG' ) && SCRIPT_DEBUG ? '' : '.min';
     620                $suffix .= defined( 'SCRIPT_DEBUG' ) && SCRIPT_DEBUG ? '' : '.min';
    618621
    619622                // Mint
    620623                wp_admin_css_color(
    621624                        'bbp-mint',
    622625                        esc_html_x( 'Mint',      'admin color scheme', 'bbpress' ),
    623                         $this->styles_url . 'mint' . $suffix . '.css',
     626                        $this->styles_url . 'mint/colors' . $suffix . '.css',
    624627                        array( '#4f6d59', '#33834e', '#5FB37C', '#81c498' ),
    625628                        array( 'base' => '#f1f3f2', 'focus' => '#fff', 'current' => '#fff' )
    626629                );
     
    629632                wp_admin_css_color(
    630633                        'bbp-evergreen',
    631634                        esc_html_x( 'Evergreen', 'admin color scheme', 'bbpress' ),
    632                         $this->styles_url . 'evergreen' . $suffix . '.css',
     635                        $this->styles_url . 'evergreen/colors' . $suffix . '.css',
    633636                        array( '#324d3a', '#446950', '#56b274', '#324d3a' ),
    634637                        array( 'base' => '#f1f3f2', 'focus' => '#fff', 'current' => '#fff' )
    635638                );
  • src/includes/admin/styles/_admin.scss

     
     1
     2@import 'variables';
     3@import 'mixins';
     4
     5
     6html {
     7        background: $body-background;
     8}
     9
     10
     11/* Links */
     12
     13a {
     14        color: $link;
     15
     16        &:hover,
     17        &:active,
     18        &:focus {
     19                color: $link-focus;
     20        }
     21}
     22
     23#media-upload a.del-link:hover,
     24div.dashboard-widget-submit input:hover,
     25.subsubsub a:hover,
     26.subsubsub a.current:hover {
     27        color: $link-focus;
     28}
     29
     30
     31/* Forms */
     32
     33input[type=checkbox]:checked:before {
     34    color: $form-checked;
     35}
     36
     37input[type=radio]:checked:before {
     38    background: $form-checked;
     39}
     40
     41.wp-core-ui input[type="reset"]:hover,
     42.wp-core-ui input[type="reset"]:active {
     43        color: $link-focus;
     44}
     45
     46
     47/* Core UI */
     48
     49.wp-core-ui {
     50        .button-primary {
     51                @include button( $button-color );
     52        }
     53
     54        .wp-ui-primary {
     55                color: $text-color;
     56                background-color: $base-color;
     57        }
     58        .wp-ui-text-primary {
     59                color: $base-color;
     60        }
     61
     62        .wp-ui-highlight {
     63                color: $menu-highlight-text;
     64                background-color: $menu-highlight-background;
     65        }
     66        .wp-ui-text-highlight {
     67                color: $menu-highlight-background;
     68        }
     69
     70        .wp-ui-notification {
     71                color: $menu-bubble-text;
     72                background-color: $menu-bubble-background;
     73        }
     74        .wp-ui-text-notification {
     75                color: $menu-bubble-background;
     76        }
     77
     78        .wp-ui-text-icon {
     79                color: $menu-icon;
     80        }
     81}
     82
     83
     84/* List tables */
     85
     86.wrap .add-new-h2:hover,
     87#add-new-comment a:hover,
     88.tablenav .tablenav-pages a:hover,
     89.tablenav .tablenav-pages a:focus {
     90        color: $menu-text;
     91        background-color: $menu-background;
     92}
     93
     94.view-switch a.current:before {
     95        color: $menu-background;
     96}
     97
     98.view-switch a:hover:before {
     99        color: $menu-bubble-background;
     100}
     101
     102.post-com-count:hover:after {
     103        border-top-color: $menu-background;
     104}
     105.post-com-count:hover span {
     106        color: $menu-text;
     107        background-color: $menu-background;
     108}
     109
     110strong .post-com-count:after {
     111        border-top-color: $menu-bubble-background;
     112}
     113strong .post-com-count span {
     114        background-color: $menu-bubble-background;
     115}
     116
     117
     118/* Admin Menu */
     119
     120#adminmenuback,
     121#adminmenuwrap,
     122#adminmenu {
     123        background: $menu-background;
     124}
     125
     126#adminmenu a {
     127        color: $menu-text;
     128}
     129
     130#adminmenu div.wp-menu-image:before {
     131        color: $menu-icon;
     132}
     133
     134#adminmenu a:hover,
     135#adminmenu li.menu-top:hover,
     136#adminmenu li.opensub > a.menu-top,
     137#adminmenu li > a.menu-top:focus {
     138        color: $menu-highlight-text;
     139        background-color: $menu-highlight-background;
     140}
     141
     142#adminmenu li.menu-top:hover div.wp-menu-image:before,
     143#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
     144        color: $menu-highlight-icon;
     145}
     146
     147
     148/* Active tabs use a bottom border color that matches the page background color. */
     149
     150.about-wrap h2 .nav-tab-active,
     151.nav-tab-active,
     152.nav-tab-active:hover {
     153        border-bottom-color: $body-background;
     154}
     155
     156
     157/* Admin Menu: submenu */
     158
     159#adminmenu .wp-submenu,
     160#adminmenu .wp-has-current-submenu .wp-submenu,
     161#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
     162.folded #adminmenu .wp-has-current-submenu .wp-submenu,
     163#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
     164        background: $menu-submenu-background;
     165}
     166
     167#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
     168        border-right-color: $menu-submenu-background;
     169}
     170
     171#adminmenu .wp-submenu .wp-submenu-head {
     172        color: $menu-submenu-text;
     173}
     174
     175#adminmenu .wp-submenu a,
     176#adminmenu .wp-has-current-submenu .wp-submenu a,
     177.folded #adminmenu .wp-has-current-submenu .wp-submenu a,
     178#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
     179#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
     180        color: $menu-submenu-text;
     181
     182        &:focus, &:hover {
     183                color: $menu-submenu-focus-text;
     184        }
     185}
     186
     187
     188/* Admin Menu: current */
     189
     190#adminmenu .wp-submenu li.current a,
     191#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
     192#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
     193        color: $menu-submenu-current-text;
     194
     195        &:hover, &:focus {
     196                color: $menu-submenu-focus-text;
     197        }
     198}
     199
     200ul#adminmenu a.wp-has-current-submenu:after,
     201ul#adminmenu > li.current > a.current:after {
     202    border-right-color: $body-background;
     203}
     204
     205#adminmenu li.current a.menu-top,
     206#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
     207#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
     208.folded #adminmenu li.current.menu-top {
     209        color: $menu-current-text;
     210        background: $menu-current-background;
     211}
     212
     213#adminmenu li.wp-has-current-submenu div.wp-menu-image:before {
     214        color: $menu-current-icon;
     215}
     216
     217
     218/* Admin Menu: bubble */
     219
     220#adminmenu .awaiting-mod,
     221#adminmenu .update-plugins {
     222        color: $menu-bubble-text;
     223        background: $menu-bubble-background;
     224}
     225
     226#adminmenu li.current a .awaiting-mod,
     227#adminmenu li a.wp-has-current-submenu .update-plugins,
     228#adminmenu li:hover a .awaiting-mod,
     229#adminmenu li.menu-top:hover > a .update-plugins {
     230        color: $menu-bubble-current-text;
     231        background: $menu-bubble-current-background;
     232}
     233
     234
     235/* Admin Menu: collapse button */
     236
     237#collapse-menu {
     238    color: $menu-collapse-text;
     239}
     240
     241#collapse-menu:hover {
     242    color: $menu-collapse-focus-text;
     243}
     244
     245#collapse-button div:after {
     246    color: $menu-collapse-icon;
     247}
     248
     249#collapse-menu:hover #collapse-button div:after {
     250    color: $menu-collapse-focus-icon;
     251}
     252
     253
     254/* Admin Bar */
     255
     256#wpadminbar {
     257        color: $menu-text;
     258        background: $menu-background;
     259}
     260
     261#wpadminbar .ab-item,
     262#wpadminbar a.ab-item,
     263#wpadminbar > #wp-toolbar span.ab-label,
     264#wpadminbar > #wp-toolbar span.noticon {
     265        color: $menu-text;
     266}
     267
     268#wpadminbar .ab-icon,
     269#wpadminbar .ab-icon:before,
     270#wpadminbar .ab-item:before,
     271#wpadminbar .ab-item:after {
     272        color: $menu-icon;
     273}
     274
     275#wpadminbar .ab-top-menu > li:hover > .ab-item,
     276#wpadminbar .ab-top-menu > li.hover > .ab-item,
     277#wpadminbar .ab-top-menu > li > .ab-item:focus,
     278#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
     279#wpadminbar-nojs .ab-top-menu > li.menupop:hover > .ab-item,
     280#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
     281        color: $menu-submenu-focus-text;
     282        background: $menu-submenu-background;
     283}
     284
     285#wpadminbar > #wp-toolbar li:hover span.ab-label,
     286#wpadminbar > #wp-toolbar li.hover span.ab-label,
     287#wpadminbar > #wp-toolbar a:focus span.ab-label {
     288        color: $menu-submenu-focus-text;
     289}
     290
     291#wpadminbar li:hover .ab-icon:before,
     292#wpadminbar li:hover .ab-item:before,
     293#wpadminbar li:hover .ab-item:after,
     294#wpadminbar li:hover #adminbarsearch:before {
     295        color: $menu-highlight-icon;
     296}
     297
     298
     299/* Admin Bar: submenu */
     300
     301#wpadminbar .menupop .ab-sub-wrapper {
     302        background: $menu-submenu-background;
     303}
     304
     305#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
     306#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
     307        background: $menu-submenu-background-alt;
     308}
     309
     310#wpadminbar .ab-submenu .ab-item,
     311#wpadminbar .quicklinks .menupop ul li a,
     312#wpadminbar .quicklinks .menupop.hover ul li a,
     313#wpadminbar-nojs .quicklinks .menupop:hover ul li a {
     314        color: $menu-submenu-text;
     315}
     316
     317#wpadminbar .quicklinks li .blavatar,
     318#wpadminbar .menupop .menupop > .ab-item:before {
     319        color: $menu-icon;
     320}
     321
     322#wpadminbar .quicklinks .menupop ul li a:hover,
     323#wpadminbar .quicklinks .menupop ul li a:focus,
     324#wpadminbar .quicklinks .menupop ul li a:hover strong,
     325#wpadminbar .quicklinks .menupop ul li a:focus strong,
     326#wpadminbar .quicklinks .menupop.hover ul li a:hover,
     327#wpadminbar .quicklinks .menupop.hover ul li a:focus,
     328#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
     329#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
     330#wpadminbar li:hover .ab-icon:before,
     331#wpadminbar li:hover .ab-item:before,
     332#wpadminbar li a:focus .ab-icon:before,
     333#wpadminbar li .ab-item:focus:before,
     334#wpadminbar li.hover .ab-icon:before,
     335#wpadminbar li.hover .ab-item:before,
     336#wpadminbar li:hover .ab-item:after,
     337#wpadminbar li.hover .ab-item:after,
     338#wpadminbar li:hover #adminbarsearch:before {
     339        color: $menu-submenu-focus-text;
     340}
     341
     342#wpadminbar .quicklinks li a:hover .blavatar,
     343#wpadminbar .menupop .menupop > .ab-item:hover:before {
     344        color: $menu-submenu-focus-text;
     345}
     346
     347
     348/* Admin Bar: search */
     349
     350#wpadminbar #adminbarsearch:before {
     351        color: $menu-icon;
     352}
     353
     354#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
     355        color: $menu-text;
     356        background: $adminbar-input-background;
     357}
     358
     359#wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder { color: $menu-text; opacity: .7; }
     360#wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder { color: $menu-text; opacity: .7; }
     361#wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder { color: $menu-text; opacity: .7; }
     362#wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder { color: $menu-text; opacity: .7; }
     363
     364
     365/* Admin Bar: my account */
     366
     367#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
     368        border-color: $adminbar-avatar-frame;
     369        background-color: $adminbar-avatar-frame;
     370}
     371
     372#wpadminbar #wp-admin-bar-user-info .display-name {
     373        color: $menu-text;
     374}
     375
     376#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
     377        color: $menu-submenu-focus-text;
     378}
     379
     380#wpadminbar #wp-admin-bar-user-info .username {
     381        color: $menu-submenu-text;
     382}
     383
     384
     385/* Pointers */
     386
     387.wp-pointer .wp-pointer-content h3 {
     388        background-color: $highlight-color;
     389}
     390
     391.wp-pointer .wp-pointer-content h3:before {
     392        color: $highlight-color;
     393}
     394
     395.wp-pointer.wp-pointer-top .wp-pointer-arrow,
     396.wp-pointer.wp-pointer-undefined .wp-pointer-arrow {
     397        border-bottom-color: $highlight-color;
     398}
     399
     400
     401/* Media Uploader */
     402
     403.media-item .bar,
     404.media-progress-bar div {
     405        background-color: $highlight-color;
     406}
     407
     408.details.attachment {
     409        box-shadow: 0 0 0 1px #fff, 0 0 0 5px $highlight-color;
     410}
     411
     412.attachment.details .check {
     413        background-color: $highlight-color;
     414        box-shadow: 0 0 0 1px #fff, 0 0 0 2px $highlight-color;
     415}
     416
     417
     418/* Themes */
     419
     420.theme-browser .theme.active .theme-name,
     421.theme-browser .theme.add-new-theme:hover:after {
     422        background: $highlight-color;
     423}
     424
     425.theme-browser .theme.add-new-theme:hover span:after {
     426        color: $highlight-color;
     427}
     428
     429.theme-overlay .theme-header .close:hover,
     430.theme-overlay .theme-header .right:hover,
     431.theme-overlay .theme-header .left:hover {
     432        background: $highlight-color;
     433}
     434
     435/* jQuery UI Slider */
     436
     437.wp-slider .ui-slider-handle,
     438.wp-slider .ui-slider-handle.ui-state-hover,
     439.wp-slider .ui-slider-handle.focus {
     440        background: $button-color;
     441        border-color: darken( $button-color, 10% );
     442        -webkit-box-shadow: inset 0 1px 0 lighten( $button-color, 15% ), 0 1px 0 rgba(0,0,0,.15);
     443        box-shadow: inset 0 1px 0 lighten( $button-color, 15% ), 0 1px 0 rgba(0,0,0,.15);
     444}
     445
     446/* Thickbox: Plugin information */
     447
     448#sidemenu a.current {
     449        background: $body-background;
     450        border-bottom-color: $body-background;
     451}
     452
     453#plugin-information .action-button {
     454        background: $button-color;
     455}
     456
     457/* Responsive Component */
     458
     459div#wp-responsive-toggle a:before {
     460        color: $menu-icon;
     461}
     462
     463.wp-responsive-open div#wp-responsive-toggle a {
     464        // ToDo: make inset border
     465        border-color: transparent;
     466        background: $menu-highlight-background;
     467}
     468
     469.star-rating .star {
     470        color: $highlight-color;
     471}
     472
     473.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
     474        background: $menu-submenu-background;
     475}
  • src/includes/admin/styles/_mixins.scss

     
     1/*
     2 * Button mixin- creates 3d-ish button effect with correct
     3 * highlights/shadows, based on a base color.
     4 */
     5@mixin button( $button-color, $text-color: white ) {
     6        background: $button-color;
     7        border-color: darken( $button-color, 10% );
     8        color: $text-color;
     9        -webkit-box-shadow: inset 0 1px 0 lighten( $button-color, 15% ), 0 1px 0 rgba(0,0,0,.15);
     10        box-shadow: inset 0 1px 0 lighten( $button-color, 15% ), 0 1px 0 rgba(0,0,0,.15);
     11
     12        &:hover,
     13        &:focus {
     14                background: darken( $button-color, 5% );
     15                border-color: darken( $button-color, 15% );
     16                color: $text-color;
     17                -webkit-box-shadow: inset 0 1px 0 lighten( $button-color, 10% ), 0 1px 0 rgba(0,0,0,.15);
     18                box-shadow: inset 0 1px 0 lighten( $button-color, 10% ), 0 1px 0 rgba(0,0,0,.15);
     19        }
     20
     21        &:active {
     22                background: darken( $button-color, 10% );
     23                border-color: darken( $button-color, 15% );
     24                color: $text-color;
     25                -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
     26                box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
     27        }
     28
     29        &[disabled],
     30        &:disabled,
     31        &.button-primary-disabled {
     32                color: hsl( hue( $button-color ), 10%, 80% ) !important;
     33                background: darken( $button-color, 8% ) !important;
     34                border-color: darken( $button-color, 15% ) !important;
     35                text-shadow: none !important;
     36        }
     37}
  • src/includes/admin/styles/_variables.scss

     
     1// assign default value to all undefined variables
     2
     3
     4// core variables
     5
     6$text-color: #fff !default;
     7$base-color: #222 !default;
     8$icon-color: hsl( hue( $base-color ), 7%, 95% ) !default;
     9$highlight-color: #0074a2 !default;
     10$notification-color: #d54e21 !default;
     11
     12
     13// global
     14
     15$body-background: #f1f1f1 !default;
     16
     17$link: #0074a2 !default;
     18$link-focus: lighten( $link, 10% ) !default;
     19
     20$button-color: $highlight-color !default;
     21$form-checked: $highlight-color !default;
     22
     23
     24// admin menu & admin-bar
     25
     26$menu-text: $text-color !default;
     27$menu-icon: $icon-color !default;
     28$menu-background: $base-color !default;
     29
     30$menu-highlight-text: $text-color !default;
     31$menu-highlight-icon: $text-color !default;
     32$menu-highlight-background: $highlight-color !default;
     33
     34$menu-current-text: $menu-highlight-text !default;
     35$menu-current-icon: $menu-highlight-icon !default;
     36$menu-current-background: $menu-highlight-background !default;
     37
     38$menu-submenu-text: mix( $base-color, $text-color, 30% ) !default;
     39$menu-submenu-background: darken( $base-color, 7% ) !default;
     40$menu-submenu-background-alt: desaturate( lighten( $menu-background, 7% ), 7% ) !default;
     41
     42$menu-submenu-focus-text: $highlight-color !default;
     43$menu-submenu-current-text: $text-color !default;
     44
     45$menu-bubble-text: $text-color !default;
     46$menu-bubble-background: $notification-color !default;
     47$menu-bubble-current-text: $text-color !default;
     48$menu-bubble-current-background: $menu-submenu-background !default;
     49
     50$menu-collapse-text: $menu-icon !default;
     51$menu-collapse-icon: $menu-icon !default;
     52$menu-collapse-focus-text: $text-color !default;
     53$menu-collapse-focus-icon: $menu-highlight-icon !default;
     54
     55$adminbar-avatar-frame: lighten( $menu-background, 7% ) !default;
     56$adminbar-input-background: lighten( $menu-background, 7% ) !default;
     57
     58$menu-customizer-text: mix( $base-color, $text-color, 40% ) !default;
  • src/includes/admin/styles/evergreen/colors.scss

     
     1$base-color: #446950;
     2$highlight-color: #56b274;
     3$notification-color: lighten( #2a8c4b, 10% );
     4
     5@import "../admin";
  • src/includes/admin/styles/evergreen-rtl.css

     
    1 /* Dashicons mixin use: @include dashicons( '\f140' ); */
    2 /* Button mixin- creates 3d-ish button effect with correct  highlights/shadows, based on a base color. */
    3 html { background: #f2f2f2; }
    4 
    5 /* Links */
    6 a { color: #0074a2; }
    7 a:hover, a:active, a:focus { color: #0099d5; }
    8 
    9 #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; }
    10 
    11 /* Forms */
    12 input[type=checkbox]:checked:before { color: #56b274; }
    13 
    14 input[type=radio]:checked:before { background: #56b274; }
    15 
    16 .wp-core-ui input[type="reset"]:hover, .wp-core-ui input[type="reset"]:active { color: #0099d5; }
    17 
    18 /* Core UI */
    19 .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); }
    20 .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); }
    21 .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); }
    22 .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; }
    23 .wp-core-ui .wp-ui-primary { color: white; background-color: #446950; }
    24 .wp-core-ui .wp-ui-text-primary { color: #446950; }
    25 .wp-core-ui .wp-ui-highlight { color: white; background-color: #56b274; }
    26 .wp-core-ui .wp-ui-text-highlight { color: #56b274; }
    27 .wp-core-ui .wp-ui-notification { color: white; background-color: #36b360; }
    28 .wp-core-ui .wp-ui-text-notification { color: #36b360; }
    29 .wp-core-ui .wp-ui-text-icon { color: #f1f3f2; }
    30 
    31 /* List tables */
    32 .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; }
    33 
    34 .view-switch a.current:before { color: #446950; }
    35 
    36 .view-switch a:hover:before { color: #36b360; }
    37 
    38 .post-com-count:hover:after { border-top-color: #446950; }
    39 
    40 .post-com-count:hover span { color: white; background-color: #446950; }
    41 
    42 strong .post-com-count:after { border-top-color: #36b360; }
    43 
    44 strong .post-com-count span { background-color: #36b360; }
    45 
    46 /* Admin Menu */
    47 #adminmenuback, #adminmenuwrap, #adminmenu { background: #446950; }
    48 
    49 #adminmenu a { color: white; }
    50 
    51 #adminmenu div.wp-menu-image:before { color: #f1f3f2; }
    52 
    53 #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; }
    54 
    55 #adminmenu li.menu-top:hover div.wp-menu-image:before, #adminmenu li.opensub > a.menu-top div.wp-menu-image:before { color: white; }
    56 
    57 /* Admin Menu: submenu */
    58 #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; }
    59 
    60 #adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after { border-left-color: #36533f; }
    61 
    62 #adminmenu .wp-submenu .wp-submenu-head { color: #c6d2ca; }
    63 
    64 #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; }
    65 #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; }
    66 
    67 /* Admin Menu: current */
    68 #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; }
    69 #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; }
    70 
    71 ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.current:after { border-left-color: #eeeeee; }
    72 
    73 #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; }
    74 
    75 #adminmenu li.wp-has-current-submenu div.wp-menu-image:before { color: white; }
    76 
    77 /* Admin Menu: bubble */
    78 #adminmenu .awaiting-mod, #adminmenu .update-plugins { color: white; background: #36b360; }
    79 
    80 #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; }
    81 
    82 /* Admin Menu: collapse button */
    83 #collapse-menu { color: #f1f3f2; }
    84 
    85 #collapse-menu:hover { color: white; }
    86 
    87 #collapse-button div:after { color: #f1f3f2; }
    88 
    89 #collapse-menu:hover #collapse-button div:after { color: white; }
    90 
    91 /* Admin Bar */
    92 #wpadminbar { color: white; background: #446950; }
    93 
    94 #wpadminbar .ab-item, #wpadminbar a.ab-item, #wpadminbar > #wp-toolbar span.ab-label, #wpadminbar > #wp-toolbar span.noticon { color: white; }
    95 
    96 #wpadminbar .ab-icon, #wpadminbar .ab-icon:before, #wpadminbar .ab-item:before, #wpadminbar .ab-item:after { color: #f1f3f2; }
    97 
    98 #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; }
    99 
    100 #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; }
    101 
    102 #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; }
    103 
    104 /* Admin Bar: submenu */
    105 #wpadminbar .menupop .ab-sub-wrapper { background: #36533f; }
    106 
    107 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary, #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu { background: #597763; }
    108 
    109 #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; }
    110 
    111 #wpadminbar .quicklinks li .blavatar, #wpadminbar .menupop .menupop > .ab-item:before { color: #f1f3f2; }
    112 
    113 #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; }
    114 
    115 #wpadminbar .quicklinks li a:hover .blavatar, #wpadminbar .menupop .menupop > .ab-item:hover:before { color: #56b274; }
    116 
    117 /* Admin Bar: search */
    118 #wpadminbar #adminbarsearch:before { color: #f1f3f2; }
    119 
    120 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus { color: white; background: #527f61; }
    121 
    122 #wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder { color: white; opacity: .7; }
    123 
    124 #wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder { color: white; opacity: .7; }
    125 
    126 #wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder { color: white; opacity: .7; }
    127 
    128 #wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder { color: white; opacity: .7; }
    129 
    130 /* Admin Bar: my account */
    131 #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img { border-color: #527f61; background-color: #527f61; }
    132 
    133 #wpadminbar #wp-admin-bar-user-info .display-name { color: white; }
    134 
    135 #wpadminbar #wp-admin-bar-user-info a:hover .display-name { color: #56b274; }
    136 
    137 #wpadminbar #wp-admin-bar-user-info .username { color: #c6d2ca; }
    138 
    139 /* Pointers */
    140 .wp-pointer .wp-pointer-content h3 { background-color: #56b274; }
    141 
    142 .wp-pointer.wp-pointer-top .wp-pointer-arrow, .wp-pointer.wp-pointer-undefined .wp-pointer-arrow { border-bottom-color: #56b274; }
    143 
    144 /* Media Uploader */
    145 .media-item .bar, .media-progress-bar div { background-color: #56b274; }
    146 
    147 .details.attachment { box-shadow: 0 0 0 1px white, 0 0 0 5px #56b274; }
    148 
    149 .attachment.details .check { background-color: #56b274; box-shadow: 0 0 0 1px white, 0 0 0 2px #56b274; }
    150 
    151 /* Themes */
    152 .theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after { background: #56b274; }
    153 
    154 .theme-browser .theme.add-new-theme:hover span:after { color: #56b274; }
    155 
    156 .theme-overlay .theme-header .close:hover, .theme-overlay .theme-header .right:hover, .theme-overlay .theme-header .left:hover { background: #56b274; }
    157 
    158 /* jQuery UI Slider */
    159 .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); }
    160 
    161 /* Responsive Component */
    162 div#wp-responsive-toggle a:before { color: #f1f3f2; }
    163 
    164 .wp-responsive-open div#wp-responsive-toggle a { border-color: transparent; background: #56b274; }
    165 
    166 .star-rating .star { color: #56b274; }
    167 
    168 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a { background: #36533f; }
    169  No newline at end of file
  • src/includes/admin/styles/evergreen.css

     
    1 /* Dashicons mixin use: @include dashicons( '\f140' ); */
    2 /* Button mixin- creates 3d-ish button effect with correct  highlights/shadows, based on a base color. */
    3 html { background: #f2f2f2; }
    4 
    5 /* Links */
    6 a { color: #0074a2; }
    7 a:hover, a:active, a:focus { color: #0099d5; }
    8 
    9 #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; }
    10 
    11 /* Forms */
    12 input[type=checkbox]:checked:before { color: #56b274; }
    13 
    14 input[type=radio]:checked:before { background: #56b274; }
    15 
    16 .wp-core-ui input[type="reset"]:hover, .wp-core-ui input[type="reset"]:active { color: #0099d5; }
    17 
    18 /* Core UI */
    19 .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); }
    20 .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); }
    21 .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); }
    22 .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; }
    23 .wp-core-ui .wp-ui-primary { color: white; background-color: #446950; }
    24 .wp-core-ui .wp-ui-text-primary { color: #446950; }
    25 .wp-core-ui .wp-ui-highlight { color: white; background-color: #56b274; }
    26 .wp-core-ui .wp-ui-text-highlight { color: #56b274; }
    27 .wp-core-ui .wp-ui-notification { color: white; background-color: #36b360; }
    28 .wp-core-ui .wp-ui-text-notification { color: #36b360; }
    29 .wp-core-ui .wp-ui-text-icon { color: #f1f3f2; }
    30 
    31 /* List tables */
    32 .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; }
    33 
    34 .view-switch a.current:before { color: #446950; }
    35 
    36 .view-switch a:hover:before { color: #36b360; }
    37 
    38 .post-com-count:hover:after { border-top-color: #446950; }
    39 
    40 .post-com-count:hover span { color: white; background-color: #446950; }
    41 
    42 strong .post-com-count:after { border-top-color: #36b360; }
    43 
    44 strong .post-com-count span { background-color: #36b360; }
    45 
    46 /* Admin Menu */
    47 #adminmenuback, #adminmenuwrap, #adminmenu { background: #446950; }
    48 
    49 #adminmenu a { color: white; }
    50 
    51 #adminmenu div.wp-menu-image:before { color: #f1f3f2; }
    52 
    53 #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; }
    54 
    55 #adminmenu li.menu-top:hover div.wp-menu-image:before, #adminmenu li.opensub > a.menu-top div.wp-menu-image:before { color: white; }
    56 
    57 /* Admin Menu: submenu */
    58 #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; }
    59 
    60 #adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after { border-right-color: #36533f; }
    61 
    62 #adminmenu .wp-submenu .wp-submenu-head { color: #c6d2ca; }
    63 
    64 #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; }
    65 #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; }
    66 
    67 /* Admin Menu: current */
    68 #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; }
    69 #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; }
    70 
    71 ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.current:after { border-right-color: #eeeeee; }
    72 
    73 #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; }
    74 
    75 #adminmenu li.wp-has-current-submenu div.wp-menu-image:before { color: white; }
    76 
    77 /* Admin Menu: bubble */
    78 #adminmenu .awaiting-mod, #adminmenu .update-plugins { color: white; background: #36b360; }
    79 
    80 #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; }
    81 
    82 /* Admin Menu: collapse button */
    83 #collapse-menu { color: #f1f3f2; }
    84 
    85 #collapse-menu:hover { color: white; }
    86 
    87 #collapse-button div:after { color: #f1f3f2; }
    88 
    89 #collapse-menu:hover #collapse-button div:after { color: white; }
    90 
    91 /* Admin Bar */
    92 #wpadminbar { color: white; background: #446950; }
    93 
    94 #wpadminbar .ab-item, #wpadminbar a.ab-item, #wpadminbar > #wp-toolbar span.ab-label, #wpadminbar > #wp-toolbar span.noticon { color: white; }
    95 
    96 #wpadminbar .ab-icon, #wpadminbar .ab-icon:before, #wpadminbar .ab-item:before, #wpadminbar .ab-item:after { color: #f1f3f2; }
    97 
    98 #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; }
    99 
    100 #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; }
    101 
    102 #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; }
    103 
    104 /* Admin Bar: submenu */
    105 #wpadminbar .menupop .ab-sub-wrapper { background: #36533f; }
    106 
    107 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary, #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu { background: #597763; }
    108 
    109 #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; }
    110 
    111 #wpadminbar .quicklinks li .blavatar, #wpadminbar .menupop .menupop > .ab-item:before { color: #f1f3f2; }
    112 
    113 #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; }
    114 
    115 #wpadminbar .quicklinks li a:hover .blavatar, #wpadminbar .menupop .menupop > .ab-item:hover:before { color: #56b274; }
    116 
    117 /* Admin Bar: search */
    118 #wpadminbar #adminbarsearch:before { color: #f1f3f2; }
    119 
    120 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus { color: white; background: #527f61; }
    121 
    122 #wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder { color: white; opacity: .7; }
    123 
    124 #wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder { color: white; opacity: .7; }
    125 
    126 #wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder { color: white; opacity: .7; }
    127 
    128 #wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder { color: white; opacity: .7; }
    129 
    130 /* Admin Bar: my account */
    131 #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img { border-color: #527f61; background-color: #527f61; }
    132 
    133 #wpadminbar #wp-admin-bar-user-info .display-name { color: white; }
    134 
    135 #wpadminbar #wp-admin-bar-user-info a:hover .display-name { color: #56b274; }
    136 
    137 #wpadminbar #wp-admin-bar-user-info .username { color: #c6d2ca; }
    138 
    139 /* Pointers */
    140 .wp-pointer .wp-pointer-content h3 { background-color: #56b274; }
    141 
    142 .wp-pointer.wp-pointer-top .wp-pointer-arrow, .wp-pointer.wp-pointer-undefined .wp-pointer-arrow { border-bottom-color: #56b274; }
    143 
    144 /* Media Uploader */
    145 .media-item .bar, .media-progress-bar div { background-color: #56b274; }
    146 
    147 .details.attachment { box-shadow: 0 0 0 1px white, 0 0 0 5px #56b274; }
    148 
    149 .attachment.details .check { background-color: #56b274; box-shadow: 0 0 0 1px white, 0 0 0 2px #56b274; }
    150 
    151 /* Themes */
    152 .theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after { background: #56b274; }
    153 
    154 .theme-browser .theme.add-new-theme:hover span:after { color: #56b274; }
    155 
    156 .theme-overlay .theme-header .close:hover, .theme-overlay .theme-header .right:hover, .theme-overlay .theme-header .left:hover { background: #56b274; }
    157 
    158 /* jQuery UI Slider */
    159 .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); }
    160 
    161 /* Responsive Component */
    162 div#wp-responsive-toggle a:before { color: #f1f3f2; }
    163 
    164 .wp-responsive-open div#wp-responsive-toggle a { border-color: transparent; background: #56b274; }
    165 
    166 .star-rating .star { color: #56b274; }
    167 
    168 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a { background: #36533f; }
    169  No newline at end of file
  • src/includes/admin/styles/evergreen/colors.scss

     
     1$base-color: #446950;
     2$highlight-color: #56b274;
     3$notification-color: lighten( #2a8c4b, 10% );
     4
     5@import "../admin";
  • src/includes/admin/styles/mint/colors.scss

     
     1$base-color: darken( desaturate( #78cd95, 10% ), 10% );
     2$highlight-color: desaturate( #467656, 10% );
     3$notification-color: desaturate( #2a8c4b, 10% );
     4
     5@import "../admin";
  • src/includes/admin/styles/mint-rtl.css

     
    1 /* Dashicons mixin use: @include dashicons( '\f140' ); */
    2 /* Button mixin- creates 3d-ish button effect with correct  highlights/shadows, based on a base color. */
    3 html { background: #f2f2f2; }
    4 
    5 /* Links */
    6 a { color: #0074a2; }
    7 a:hover, a:active, a:focus { color: #0099d5; }
    8 
    9 #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; }
    10 
    11 /* Forms */
    12 input[type=checkbox]:checked:before { color: #4f6d59; }
    13 
    14 input[type=radio]:checked:before { background: #4f6d59; }
    15 
    16 .wp-core-ui input[type="reset"]:hover, .wp-core-ui input[type="reset"]:active { color: #0099d5; }
    17 
    18 /* Core UI */
    19 .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); }
    20 .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); }
    21 .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); }
    22 .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; }
    23 .wp-core-ui .wp-ui-primary { color: white; background-color: #5fb37c; }
    24 .wp-core-ui .wp-ui-text-primary { color: #5fb37c; }
    25 .wp-core-ui .wp-ui-highlight { color: white; background-color: #4f6d59; }
    26 .wp-core-ui .wp-ui-text-highlight { color: #4f6d59; }
    27 .wp-core-ui .wp-ui-notification { color: white; background-color: #33834e; }
    28 .wp-core-ui .wp-ui-text-notification { color: #33834e; }
    29 .wp-core-ui .wp-ui-text-icon { color: #f1f3f2; }
    30 
    31 /* List tables */
    32 .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; }
    33 
    34 .view-switch a.current:before { color: #5fb37c; }
    35 
    36 .view-switch a:hover:before { color: #33834e; }
    37 
    38 .post-com-count:hover:after { border-top-color: #5fb37c; }
    39 
    40 .post-com-count:hover span { color: white; background-color: #5fb37c; }
    41 
    42 strong .post-com-count:after { border-top-color: #33834e; }
    43 
    44 strong .post-com-count span { background-color: #33834e; }
    45 
    46 /* Admin Menu */
    47 #adminmenuback, #adminmenuwrap, #adminmenu { background: #5fb37c; }
    48 
    49 #adminmenu a { color: white; }
    50 
    51 #adminmenu div.wp-menu-image:before { color: #f1f3f2; }
    52 
    53 #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; }
    54 
    55 #adminmenu li.menu-top:hover div.wp-menu-image:before, #adminmenu li.opensub > a.menu-top div.wp-menu-image:before { color: white; }
    56 
    57 /* Admin Menu: submenu */
    58 #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; }
    59 
    60 #adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after { border-left-color: #4ca26a; }
    61 
    62 #adminmenu .wp-submenu .wp-submenu-head { color: #cfe8d7; }
    63 
    64 #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; }
    65 #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; }
    66 
    67 /* Admin Menu: current */
    68 #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; }
    69 #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; }
    70 
    71 ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.current:after { border-left-color: #eeeeee; }
    72 
    73 #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; }
    74 
    75 #adminmenu li.wp-has-current-submenu div.wp-menu-image:before { color: white; }
    76 
    77 /* Admin Menu: bubble */
    78 #adminmenu .awaiting-mod, #adminmenu .update-plugins { color: white; background: #33834e; }
    79 
    80 #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; }
    81 
    82 /* Admin Menu: collapse button */
    83 #collapse-menu { color: #f1f3f2; }
    84 
    85 #collapse-menu:hover { color: white; }
    86 
    87 #collapse-button div:after { color: #f1f3f2; }
    88 
    89 #collapse-menu:hover #collapse-button div:after { color: white; }
    90 
    91 /* Admin Bar */
    92 #wpadminbar { color: white; background: #5fb37c; }
    93 
    94 #wpadminbar .ab-item, #wpadminbar a.ab-item, #wpadminbar > #wp-toolbar span.ab-label, #wpadminbar > #wp-toolbar span.noticon { color: white; }
    95 
    96 #wpadminbar .ab-icon, #wpadminbar .ab-icon:before, #wpadminbar .ab-item:before, #wpadminbar .ab-item:after { color: #f1f3f2; }
    97 
    98 #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; }
    99 
    100 #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; }
    101 
    102 #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; }
    103 
    104 /* Admin Bar: submenu */
    105 #wpadminbar .menupop .ab-sub-wrapper { background: #4ca26a; }
    106 
    107 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary, #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu { background: #7eb892; }
    108 
    109 #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; }
    110 
    111 #wpadminbar .quicklinks li .blavatar, #wpadminbar .menupop .menupop > .ab-item:before { color: #f1f3f2; }
    112 
    113 #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; }
    114 
    115 #wpadminbar .quicklinks li a:hover .blavatar, #wpadminbar .menupop .menupop > .ab-item:hover:before { color: #4f6d59; }
    116 
    117 /* Admin Bar: search */
    118 #wpadminbar #adminbarsearch:before { color: #f1f3f2; }
    119 
    120 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus { color: white; background: #77bf8f; }
    121 
    122 #wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder { color: white; opacity: .7; }
    123 
    124 #wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder { color: white; opacity: .7; }
    125 
    126 #wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder { color: white; opacity: .7; }
    127 
    128 #wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder { color: white; opacity: .7; }
    129 
    130 /* Admin Bar: my account */
    131 #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img { border-color: #77bf8f; background-color: #77bf8f; }
    132 
    133 #wpadminbar #wp-admin-bar-user-info .display-name { color: white; }
    134 
    135 #wpadminbar #wp-admin-bar-user-info a:hover .display-name { color: #4f6d59; }
    136 
    137 #wpadminbar #wp-admin-bar-user-info .username { color: #cfe8d7; }
    138 
    139 /* Pointers */
    140 .wp-pointer .wp-pointer-content h3 { background-color: #4f6d59; }
    141 
    142 .wp-pointer.wp-pointer-top .wp-pointer-arrow, .wp-pointer.wp-pointer-undefined .wp-pointer-arrow { border-bottom-color: #4f6d59; }
    143 
    144 /* Media Uploader */
    145 .media-item .bar, .media-progress-bar div { background-color: #4f6d59; }
    146 
    147 .details.attachment { box-shadow: 0 0 0 1px white, 0 0 0 5px #4f6d59; }
    148 
    149 .attachment.details .check { background-color: #4f6d59; box-shadow: 0 0 0 1px white, 0 0 0 2px #4f6d59; }
    150 
    151 /* Themes */
    152 .theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after { background: #4f6d59; }
    153 
    154 .theme-browser .theme.add-new-theme:hover span:after { color: #4f6d59; }
    155 
    156 .theme-overlay .theme-header .close:hover, .theme-overlay .theme-header .right:hover, .theme-overlay .theme-header .left:hover { background: #4f6d59; }
    157 
    158 /* jQuery UI Slider */
    159 .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); }
    160 
    161 /* Responsive Component */
    162 div#wp-responsive-toggle a:before { color: #f1f3f2; }
    163 
    164 .wp-responsive-open div#wp-responsive-toggle a { border-color: transparent; background: #4f6d59; }
    165 
    166 .star-rating .star { color: #4f6d59; }
    167 
    168 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a { background: #4ca26a; }
    169  No newline at end of file
  • src/includes/admin/styles/mint.css

     
    1 /* Dashicons mixin use: @include dashicons( '\f140' ); */
    2 /* Button mixin- creates 3d-ish button effect with correct  highlights/shadows, based on a base color. */
    3 html { background: #f2f2f2; }
    4 
    5 /* Links */
    6 a { color: #0074a2; }
    7 a:hover, a:active, a:focus { color: #0099d5; }
    8 
    9 #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; }
    10 
    11 /* Forms */
    12 input[type=checkbox]:checked:before { color: #4f6d59; }
    13 
    14 input[type=radio]:checked:before { background: #4f6d59; }
    15 
    16 .wp-core-ui input[type="reset"]:hover, .wp-core-ui input[type="reset"]:active { color: #0099d5; }
    17 
    18 /* Core UI */
    19 .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); }
    20 .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); }
    21 .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); }
    22 .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; }
    23 .wp-core-ui .wp-ui-primary { color: white; background-color: #5fb37c; }
    24 .wp-core-ui .wp-ui-text-primary { color: #5fb37c; }
    25 .wp-core-ui .wp-ui-highlight { color: white; background-color: #4f6d59; }
    26 .wp-core-ui .wp-ui-text-highlight { color: #4f6d59; }
    27 .wp-core-ui .wp-ui-notification { color: white; background-color: #33834e; }
    28 .wp-core-ui .wp-ui-text-notification { color: #33834e; }
    29 .wp-core-ui .wp-ui-text-icon { color: #f1f3f2; }
    30 
    31 /* List tables */
    32 .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; }
    33 
    34 .view-switch a.current:before { color: #5fb37c; }
    35 
    36 .view-switch a:hover:before { color: #33834e; }
    37 
    38 .post-com-count:hover:after { border-top-color: #5fb37c; }
    39 
    40 .post-com-count:hover span { color: white; background-color: #5fb37c; }
    41 
    42 strong .post-com-count:after { border-top-color: #33834e; }
    43 
    44 strong .post-com-count span { background-color: #33834e; }
    45 
    46 /* Admin Menu */
    47 #adminmenuback, #adminmenuwrap, #adminmenu { background: #5fb37c; }
    48 
    49 #adminmenu a { color: white; }
    50 
    51 #adminmenu div.wp-menu-image:before { color: #f1f3f2; }
    52 
    53 #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; }
    54 
    55 #adminmenu li.menu-top:hover div.wp-menu-image:before, #adminmenu li.opensub > a.menu-top div.wp-menu-image:before { color: white; }
    56 
    57 /* Admin Menu: submenu */
    58 #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; }
    59 
    60 #adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after { border-right-color: #4ca26a; }
    61 
    62 #adminmenu .wp-submenu .wp-submenu-head { color: #cfe8d7; }
    63 
    64 #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; }
    65 #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; }
    66 
    67 /* Admin Menu: current */
    68 #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; }
    69 #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; }
    70 
    71 ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.current:after { border-right-color: #eeeeee; }
    72 
    73 #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; }
    74 
    75 #adminmenu li.wp-has-current-submenu div.wp-menu-image:before { color: white; }
    76 
    77 /* Admin Menu: bubble */
    78 #adminmenu .awaiting-mod, #adminmenu .update-plugins { color: white; background: #33834e; }
    79 
    80 #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; }
    81 
    82 /* Admin Menu: collapse button */
    83 #collapse-menu { color: #f1f3f2; }
    84 
    85 #collapse-menu:hover { color: white; }
    86 
    87 #collapse-button div:after { color: #f1f3f2; }
    88 
    89 #collapse-menu:hover #collapse-button div:after { color: white; }
    90 
    91 /* Admin Bar */
    92 #wpadminbar { color: white; background: #5fb37c; }
    93 
    94 #wpadminbar .ab-item, #wpadminbar a.ab-item, #wpadminbar > #wp-toolbar span.ab-label, #wpadminbar > #wp-toolbar span.noticon { color: white; }
    95 
    96 #wpadminbar .ab-icon, #wpadminbar .ab-icon:before, #wpadminbar .ab-item:before, #wpadminbar .ab-item:after { color: #f1f3f2; }
    97 
    98 #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; }
    99 
    100 #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; }
    101 
    102 #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; }
    103 
    104 /* Admin Bar: submenu */
    105 #wpadminbar .menupop .ab-sub-wrapper { background: #4ca26a; }
    106 
    107 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary, #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu { background: #7eb892; }
    108 
    109 #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; }
    110 
    111 #wpadminbar .quicklinks li .blavatar, #wpadminbar .menupop .menupop > .ab-item:before { color: #f1f3f2; }
    112 
    113 #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; }
    114 
    115 #wpadminbar .quicklinks li a:hover .blavatar, #wpadminbar .menupop .menupop > .ab-item:hover:before { color: #4f6d59; }
    116 
    117 /* Admin Bar: search */
    118 #wpadminbar #adminbarsearch:before { color: #f1f3f2; }
    119 
    120 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus { color: white; background: #77bf8f; }
    121 
    122 #wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder { color: white; opacity: .7; }
    123 
    124 #wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder { color: white; opacity: .7; }
    125 
    126 #wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder { color: white; opacity: .7; }
    127 
    128 #wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder { color: white; opacity: .7; }
    129 
    130 /* Admin Bar: my account */
    131 #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img { border-color: #77bf8f; background-color: #77bf8f; }
    132 
    133 #wpadminbar #wp-admin-bar-user-info .display-name { color: white; }
    134 
    135 #wpadminbar #wp-admin-bar-user-info a:hover .display-name { color: #4f6d59; }
    136 
    137 #wpadminbar #wp-admin-bar-user-info .username { color: #cfe8d7; }
    138 
    139 /* Pointers */
    140 .wp-pointer .wp-pointer-content h3 { background-color: #4f6d59; }
    141 
    142 .wp-pointer.wp-pointer-top .wp-pointer-arrow, .wp-pointer.wp-pointer-undefined .wp-pointer-arrow { border-bottom-color: #4f6d59; }
    143 
    144 /* Media Uploader */
    145 .media-item .bar, .media-progress-bar div { background-color: #4f6d59; }
    146 
    147 .details.attachment { box-shadow: 0 0 0 1px white, 0 0 0 5px #4f6d59; }
    148 
    149 .attachment.details .check { background-color: #4f6d59; box-shadow: 0 0 0 1px white, 0 0 0 2px #4f6d59; }
    150 
    151 /* Themes */
    152 .theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after { background: #4f6d59; }
    153 
    154 .theme-browser .theme.add-new-theme:hover span:after { color: #4f6d59; }
    155 
    156 .theme-overlay .theme-header .close:hover, .theme-overlay .theme-header .right:hover, .theme-overlay .theme-header .left:hover { background: #4f6d59; }
    157 
    158 /* jQuery UI Slider */
    159 .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); }
    160 
    161 /* Responsive Component */
    162 div#wp-responsive-toggle a:before { color: #f1f3f2; }
    163 
    164 .wp-responsive-open div#wp-responsive-toggle a { border-color: transparent; background: #4f6d59; }
    165 
    166 .star-rating .star { color: #4f6d59; }
    167 
    168 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a { background: #4ca26a; }
    169  No newline at end of file
  • src/includes/admin/styles/mint/colors.scss

     
     1$base-color: darken( desaturate( #78cd95, 10% ), 10% );
     2$highlight-color: desaturate( #467656, 10% );
     3$notification-color: desaturate( #2a8c4b, 10% );
     4
     5@import "../admin";
  • src/templates/default/bbpress-functions.php

     
    168168                // Setup scripts array
    169169                $scripts = array();
    170170
     171                // Minified
     172                $suffix .= defined( 'SCRIPT_DEBUG' ) && SCRIPT_DEBUG ? '' : '.min';
     173
    171174                // Always pull in jQuery for TinyMCE shortcode usage
    172175                if ( bbp_use_wp_editor() ) {
    173176                        $scripts['bbpress-editor'] = array(
    174                                 'file'         => 'js/editor.js',
     177                                'file'         => 'js/editor' . $suffix . '.js',
    175178                                'dependencies' => array( 'jquery' )
    176179                        );
    177180                }
     
    179182                // Forum-specific scripts
    180183                if ( bbp_is_single_forum() ) {
    181184                        $scripts['bbpress-forum'] = array(
    182                                 'file'         => 'js/forum.js',
     185                                'file'         => 'js/forum' . $suffix . '.js',
    183186                                'dependencies' => array( 'jquery' )
    184187                        );
    185188                }
     
    189192
    190193                        // Topic favorite/unsubscribe
    191194                        $scripts['bbpress-topic'] = array(
    192                                 'file'         => 'js/topic.js',
     195                                'file'         => 'js/topic' . $suffix . '.js',
    193196                                'dependencies' => array( 'jquery' )
    194197                        );
    195198
     
    196199                        // Hierarchical replies
    197200                        if ( bbp_thread_replies() ) {
    198201                                $scripts['bbpress-reply'] = array(
    199                                         'file'         => 'js/reply.js',
     202                                        'file'         => 'js/reply' . $suffix . '.js',
    200203                                        'dependencies' => array( 'jquery' )
    201204                                );
    202205                        }
     
    205208                // User Profile edit
    206209                if ( bbp_is_single_user_edit() ) {
    207210                        $scripts['bbpress-user'] = array(
    208                                 'file'         => 'js/user.js',
     211                                'file'         => 'js/user' . $suffix . '.js',
    209212                                'dependencies' => array( 'user-query' )
    210213                        );
    211214                }