diff --git a/doc/asset/js/echartsTheme.js b/doc/asset/js/echartsTheme.js
index 5c81702b5ef1b5e1a5378623d52cc7ea99f8d2a2..d24b219b136e2bbfc529d62a1da47e25c55bcbbd 100644
--- a/doc/asset/js/echartsTheme.js
+++ b/doc/asset/js/echartsTheme.js
@@ -1,7 +1,7 @@
 var myChart = [];
 var domMain = $("[md='main']");
 
-var theme = 'erik';
+var theme = 'infographic';
 $('[name=theme-select]').on('change', function(){
     selectChange($(this).val());
 });
@@ -77,10 +77,10 @@ else {
     });
 }
 
-var hash = window.location.hash.replace('#','') || 'erik';
+var hash = window.location.hash.replace('#','') || 'infographic';
 if ($('[name=theme-select]').val(hash).val() != hash) {
-    $('[name=theme-select]').val('erik');
-    hash = 'erik';
+    $('[name=theme-select]').val('infographic');
+    hash = 'infographic';
 }
 
 // 按需加载
@@ -181,7 +181,9 @@ function requireCallback (ec, defaultTheme) {
         
             var downloadLink = document.createElement('a');
             downloadLink.href = image
-            downloadLink.setAttribute('download', 'EChartsTheme.png');
+            downloadLink.setAttribute(
+                'download', 'EChartsTheme-' + $('[name=theme-select]').val() + '.png'
+            );
             downloadLink.innerHTML = '<img style="height:80%" src="' + image 
                 + '" title="'
                 + (!!(window.attachEvent && navigator.userAgent.indexOf('Opera') === -1)
diff --git a/doc/example/theme.html b/doc/example/theme.html
index 1c0ce66ca317ee09d8fb8f296c1ae6ef737e10ab..1043974298556f1a648effe7eeec20d0c94bd9d7 100644
--- a/doc/example/theme.html
+++ b/doc/example/theme.html
@@ -71,14 +71,14 @@
         <div class="row-fluid">
             <div class='span8'> 
                 <select style="width:100%" name="theme-select">
-                    <option selected="true" name='erik'>erik</option>
-                    <option name='blue'>blue</option>
+                    <option selected="true" name='infographic'>infographic</option>
+                    <option name='macarons'>macarons</option>
+                    <option name='shine'>shine</option>
                     <option name='dark'>dark</option>
-                    <option name='gray'>gray</option>
+                    <option name='blue'>blue</option>
                     <option name='green'>green</option>
                     <option name='red'>red</option>
-                    <option name='macarons'>macarons</option>
-                    <option name='infographic'>infographic</option>
+                    <option name='gray'>gray</option>
                     <option name='default'>default</option>
                 </select>
             </div>
@@ -142,14 +142,14 @@
         <div class="row-fluid">
             <div class='span8'> 
                 <select style="width:100%" name="theme-select">
-                    <option selected="true" name='erik'>erik</option>
-                    <option name='blue'>blue</option>
+                    <option selected="true" name='infographic'>infographic</option>
+                    <option name='macarons'>macarons</option>
+                    <option name='shine'>shine</option>
                     <option name='dark'>dark</option>
-                    <option name='gray'>gray</option>
+                    <option name='blue'>blue</option>
                     <option name='green'>green</option>
                     <option name='red'>red</option>
-                    <option name='macarons'>macarons</option>
-                    <option name='infographic'>infographic</option>
+                    <option name='gray'>gray</option>
                     <option name='default'>default</option>
                 </select>
             </div>
diff --git a/doc/example/theme/dark.js b/doc/example/theme/dark.js
index 42cb9dc7b06d3c10016041c282339b48db87f8e6..5cdf3a3ea3d8ca513d591104402f807b964cb9ec 100644
--- a/doc/example/theme/dark.js
+++ b/doc/example/theme/dark.js
@@ -317,9 +317,6 @@ var theme = {
             }
         },
         detail : {
-            backgroundColor: 'rgba(30,144,255,0.8)',
-            borderWidth: 1,
-            borderColor: '#fff',
             shadowColor : '#fff', //默认透明
             shadowBlur: 5,
             offsetCenter: [0, '50%'],       // x, y，单位px
diff --git a/doc/example/theme/erik.js b/doc/example/theme/shine.js
similarity index 100%
rename from doc/example/theme/erik.js
rename to doc/example/theme/shine.js