Support » Plugin: WP Live CSS Editor » background color or themes

  • Plugin Contributor pingram

    (@pingram3541)


    background color was really dark so I added the following to my style.css

    #csidebar {
    top: 28px !important; /* see other post about wpadmin bar */
    background: #FFF3BB !important; /* much lighter color */
    }

    I’d suggest adding to your plugin the ability to theme the ace editor. =)

    http://wordpress.org/extend/plugins/wp-live-css-editor/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor pingram

    (@pingram3541)

    all ace themes are there you just have to manually choose something other than “twilight” which is located in wp-live-css-editor.php on line 51. for example,

    change this:
    wp_enqueue_script('wp-live-css-editor-ace-thme',plugins_url('/ace/src/theme-twilight.js', __FILE__),array('jquery'));

    to this:
    wp_enqueue_script('wp-live-css-editor-ace-thme',plugins_url('/ace/src/theme-clouds.js', __FILE__),array('jquery'));

    live demo of different theme styles here – http://ace.ajax.org/build/kitchen-sink.html

    would be nice if a plugin options panel allowed changing theme without having to manually change plugin core files…if I don’t get around to adding this myself, glad to help in any way I can if author is too busy =)

    Plugin Contributor pingram

    (@pingram3541)

    re-post – forgot to mention you have to call the theme which is odd that author includes it but never calls it…

    all ace themes are there you just have to manually choose something other than “twilight” which is located in wp-live-css-editor.php on line 51. for example,

    change this:
    wp_enqueue_script('wp-live-css-editor-ace-thme',plugins_url('/ace/src/theme-twilight.js', __FILE__),array('jquery'));

    to this:
    wp_enqueue_script('wp-live-css-editor-ace-thme',plugins_url('/ace/src/theme-clouds.js', __FILE__),array('jquery'));

    live demo of different theme styles here – http://ace.ajax.org/build/kitchen-sink.html

    Now that the chosen js theme file is loaded, we have to call it by adding the following line to wo-live-css-editor.js on line 558:

    editor.setTheme("ace/theme/clouds");

    would be nice if a plugin options panel allowed changing theme without having to manually change plugin core files…if I don’t get around to adding this myself, glad to help in any way I can if author is too busy =)

    Plugin Contributor pingram

    (@pingram3541)

    also, forgot to mention to see themes intentional background color, you still need to remove the #csidebar background in wp-live-css-editor.css

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘background color or themes’ is closed to new replies.