altercation / solarized

precision color scheme for multiple applications (terminal, vim, etc.) with both dark/light modes
http://ethanschoonover.com/solarized
MIT License
15.76k stars 3.52k forks source link

WordPress dashboard solarized (light only) #297

Open szepeviktor opened 10 years ago

szepeviktor commented 10 years ago

Is anyone interested completing this?

wp-admin/css/colors/solarized/colors.scss

// background DARK
$base03:    #002b36; // D
$base02:    #073642; // D

//content
$base01:    #586e75; // D L 01 emphasized
$base00:    #657b83; //   L 00 default
$base0:     #839496; // D
$base1:     #93a1a1; // D L 1  secondary

// background LIGHT
$base2:     #eee8d5; //   L 2  background highlight
$base3:     #fdf6e3; //   L 3  background

// accent colors
$yellow:    #b58900;
$orange:    #cb4b16;
$red:       #dc322f;
$magenta:   #d33682;
$violet:    #6c71c4;
$blue:      #268bd2;
$cyan:      #2aa198;
$green:     #859900;

// light
$base-color: $base00;
$icon-color: $base1;
$highlight-color: $blue;
$notification-color: $green;
$button-color: $blue;

$menu-submenu-text: $base2;
$menu-submenu-focus-text: $base3;
$menu-submenu-background: $base01;

@import "../_admin.scss";

html {
    background: $base3;
}
body {
    color: $base00;
}
.feature-filter, .imgedit-group, .popular-tags, .stuffbox, .widgets-holder-wrap, .wp-editor-container, p.popular-tags, table.widefat {
    background: $base2;
}
.alt, .alternate {
    background-color: $base3;
}
input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea,
#titlediv #title {
    background-color: $base3;
}
.postbox {
    background-color: $base2;
}

The plugin

wp_admin_css_color(
    'solarized',
    __( 'Solarized' ),
    admin_url('css/colors/solarized/colors.min.css'),
    // $base-color, $menu-submenu-background, $menu-submenu-focus-text, $notification-color
    array( '#657b83', '#586e75', '#fdf6e3', '#859900' ),
    // $icon-color, icon/focus, icon/current
    array( 'base' => '#93a1a1', 'focus' => '#586e75', 'current' => '#657b83' )
);
szepeviktor commented 10 years ago

It looks like this: wp-sol

szepeviktor commented 10 years ago

download from here: https://wordpress.org/plugins/wp-solarized/

kimslawson commented 10 years ago

That looks excellent! Thank you for your work. I don't have the time or work capacity to devote to this; that said, I will gladly use it once it is finished!

It would make an excellent complement to http://guillaumepaumier.com/project/fumseck/

[image: KP logo] Kim Slawson http://s.wisestamp.com/links?url=http%3A%2F%2Fslawson.org%2F&sn=a2ltc2xhd3NvbkBnbWFpbC5jb20%3D Kernel Panic Consulting http://s.wisestamp.com/links?url=http%3A%2F%2Fslawson.org%2Fkernelpanic&sn=a2ltc2xhd3NvbkBnbWFpbC5jb20%3D kimslawson@gmail.com 207-370-7401

On Mon, Aug 25, 2014 at 12:53 PM, Viktor Szépe notifications@github.com wrote:

developing here: https://github.com/szepeviktor/wordpress-plugin-construction/tree/master/wordpress-solarized

— Reply to this email directly or view it on GitHub https://github.com/altercation/solarized/issues/297#issuecomment-53290899 .

szepeviktor commented 10 years ago

Have you published fumseck?

szepeviktor commented 10 years ago

Could you please test my plugin and write some comments (here)?

kimslawson commented 10 years ago

I am not Guillaume Paumier. I do not believe he has published it though; he uses it on his personal site. Edit: I'm wrong: https://github.com/gpaumier/fumseck <- here it is.

szepeviktor commented 10 years ago

Was it a secret?

szepeviktor commented 10 years ago

Do you have time to test my plugin?

kimslawson commented 10 years ago

Not at the moment. Perhaps Guillaume might be interested in it to try it now?

szepeviktor commented 10 years ago

Released as a plugin: https://wordpress.org/plugins/wp-solarized/