theme for metabox, better border radius

css/meta-box-styles.css

@@ -23,6 +23,10 @@ body.js .wp-tabs-panel-active {
 	background-color: white;
 	border-radius: 3px;
 	margin: 8px 0;
+	-moz-background-clip: padding;
+	-webkit-background-clip: padding-box;
+	background-clip: padding-box;
+	overflow: hidden;
 }
 .CodeMirror, #editorcontainer #content {
 	font-family: "Courier New", Courier, monospace;

css/options-styles.css

@@ -8,6 +8,10 @@ textarea.code {
 	background-color: white;
 	border-radius: 3px;
 	margin: 8px 0;
+	-moz-background-clip: padding;
+	-webkit-background-clip: padding-box;
+	background-clip: padding-box;
+	overflow: hidden;
 }
 .CodeMirror-scroll {
 	height: auto;

includes/class.SnS_Admin_Meta_Box.php

@@ -270,8 +270,11 @@ function current_classes( $type, $post_id ) {
 	 * Enqueues the CSS for admin styling of the Meta Box.
      */
 	static function meta_box_styles() {
-		wp_enqueue_style( 'codemirror', plugins_url( 'libraries/CodeMirror2/lib/codemirror.css', Scripts_n_Styles::$file), array(), '2.13' );
-		//wp_enqueue_style( 'codemirror-default', plugins_url( 'libraries/CodeMirror2/theme/default.css', Scripts_n_Styles::$file), array( 'codemirror' ), '2.13' );
+		$options = get_option( 'SnS_options' );
+		$cm_theme = isset( $options[ 'cm_theme' ] ) ? $options[ 'cm_theme' ] : 'default';
+
+		wp_enqueue_style( 'codemirror', plugins_url( 'libraries/CodeMirror2/lib/codemirror.css', Scripts_n_Styles::$file), array(), '2.18' );
+		wp_enqueue_style( "codemirror-$cm_theme", plugins_url( "libraries/CodeMirror2/theme/$cm_theme.css", Scripts_n_Styles::$file), array( 'codemirror' ), '2.18' );
 		wp_enqueue_style( 'sns-meta-box-styles', plugins_url( 'css/meta-box-styles.css', Scripts_n_Styles::$file), array( 'codemirror' ), SnS_Admin::VERSION );
 	}
 
@@ -280,21 +283,24 @@ static function meta_box_styles() {
 	 * Enqueues the JavaScript for the admin Meta Box.
      */
 	static function meta_box_scripts() {
+		$options = get_option( 'SnS_options' );
+		$cm_theme = isset( $options[ 'cm_theme' ] ) ? $options[ 'cm_theme' ] : 'default';
+
 		wp_enqueue_script(
 			'codemirror',
 			plugins_url( 'libraries/CodeMirror2/lib/codemirror.js', Scripts_n_Styles::$file),
 			array(),
-			'2.13' );
+			'2.18' );
 		wp_enqueue_script(
 			'codemirror-css',
 			plugins_url( 'libraries/CodeMirror2/mode/css/css.js', Scripts_n_Styles::$file),
 			array(  'codemirror' ),
-			'2.13' );
+			'2.18' );
 		wp_enqueue_script(
 			'codemirror-javascript',
 			plugins_url( 'libraries/CodeMirror2/mode/javascript/javascript.js', Scripts_n_Styles::$file),
 			array(  'codemirror' ),
-			'2.13' );
+			'2.18' );
 		/*wp_register_script(
 			'codemirror-xml',
 			plugins_url( 'libraries/CodeMirror2/mode/xml/xml.js', Scripts_n_Styles::$file),
@@ -333,6 +339,8 @@ static function meta_box_scripts() {
 					//'codemirror-php'
 				),
 			SnS_Admin::VERSION, true );
+
+		wp_localize_script( 'sns-meta-box-scripts', 'cm_theme', $cm_theme );
 	}
 
     /**

js/meta-box-scripts.js

@@ -5,7 +5,8 @@ jQuery( document ).ready( function( $ ) {
 		context = '#SnS_meta_box',
 		currentCodeMirror = [],
 		mceBodyClass = getMCEBodyClasses(),
-		nonce = $( '#scripts_n_styles_noncename' ).val();
+		nonce = $( '#scripts_n_styles_noncename' ).val(),
+		theme = cm_theme || 'default';
 
 	//$('textarea', context).attr('autocomplete','off');
 
@@ -245,12 +246,12 @@ jQuery( document ).ready( function( $ ) {
 	function loadCodeMirrors() {
 		// collect codemirrors
 		var settings;
-
 		// loop codemirrors
 		$( '.wp-tabs-panel-active textarea.codemirror', context ).each(function (){
 			if ( $(this).hasClass( 'js' ) )
 				settings = {
 					mode: "text/javascript",
+					theme: theme,
 					lineNumbers: true,
 					tabMode: "shift",
 					indentUnit: 4,
@@ -259,6 +260,7 @@ jQuery( document ).ready( function( $ ) {
 			else if ( $(this).hasClass( 'css' ) )
 				settings = {
 					mode: "text/css",
+					theme: theme,
 					lineNumbers: true,
 					tabMode: "shift",
 					indentUnit: 4,