diff --git a/src/static/web/img/colornew.htm b/src/static/web/img/colornew.htm
deleted file mode 100644
index c474bc87..00000000
--- a/src/static/web/img/colornew.htm
+++ /dev/null
@@ -1,32 +0,0 @@
-<table width="100" border="0" class="mb-2">
-	<tr> 
-		<td bgcolor="#FF0000" onClick="ColorSel('#FF0000', 'color');" width="20%">&nbsp;</td>
-		<td bgcolor="#0000FF" onClick="ColorSel('#0000FF', 'color');" width="20%">&nbsp;</td>
-		<td bgcolor="#006600" onClick="ColorSel('#006600', 'color');" width="20%">&nbsp;</td>
-		<td bgcolor="#333333" onClick="ColorSel('#333333', 'color');" width="20%">&nbsp;</td>
-		<td bgcolor="#ffffff" onClick="ColorSel('', 'color');" width="20%" align="center">X</td>
-	</tr>
-	<tr> 
-		<td bgcolor="#CC0000" onClick="ColorSel('#CC0000', 'color');">&nbsp;</td>
-		<td bgcolor="#0033CC" onClick="ColorSel('#0033CC', 'color');">&nbsp;</td>
-		<td bgcolor="#339900" onClick="ColorSel('#339900', 'color');">&nbsp;</td>
-		<td bgcolor="#D1DDAA" onClick="ColorSel('#D1DDAA', 'color');">&nbsp;</td>
-		<td bgcolor="#FFCC33" onClick="ColorSel('#FFCC33', 'color');">&nbsp;</td>
-	</tr>
-	<tr> 
-		<td bgcolor="#990000" onClick="ColorSel('#990000', 'color');">&nbsp;</td>
-		<td bgcolor="#000099" onClick="ColorSel('#000099', 'color');">&nbsp;</td>
-		<td bgcolor="#33CC00" onClick="ColorSel('#33CC00', 'color');">&nbsp;</td>
-		<td bgcolor="#999999" onClick="ColorSel('#999999', 'color');">&nbsp;</td>
-		<td bgcolor="#FF6633" onClick="ColorSel('#FF6633', 'color');">&nbsp;</td>
-	</tr>
-	<tr> 
-		<td bgcolor="#660000" onClick="ColorSel('#660000', 'color');">&nbsp;</td>
-		<td bgcolor="#330099" onClick="ColorSel('#330099', 'color');">&nbsp;</td>
-		<td bgcolor="#66FF00" onClick="ColorSel('#66FF00', 'color');">&nbsp;</td>
-		<td bgcolor="#CCCCCC" onClick="ColorSel('#CCCCCC', 'color');">&nbsp;</td>
-		<td bgcolor="#FFFF00" onClick="ColorSel('#FFFF00', 'color');">&nbsp;</td>
-	</tr>
-</table>
-<input type="color" id="selColor">
-<button onclick="ColorSel(document.querySelector('#selColor').value, 'color');" class="btn btn-sm btn-success">确定</button>
\ No newline at end of file
diff --git a/src/static/web/js/admin.main.js b/src/static/web/js/admin.main.js
index e49c8f93..02d377fc 100644
--- a/src/static/web/js/admin.main.js
+++ b/src/static/web/js/admin.main.js
@@ -68,7 +68,7 @@ function ColorSel(c, oname) {
 	}
 }
 function ShowColor(e, o) {
-	LoadNewDiv(e, "../static/web/img/colornew.htm", "colordlg");
+	LoadNewDiv(e, "../theme/system/colornew.htm", "colordlg");
 }
 function ShowHide(objname) {
 	var obj = $Obj(objname);
diff --git a/src/theme/system/colornew.htm b/src/theme/system/colornew.htm
new file mode 100644
index 00000000..eb2352c0
--- /dev/null
+++ b/src/theme/system/colornew.htm
@@ -0,0 +1,40 @@
+<div class="card shadow-sm">
+	<div class="card-header">
+		<input type="color" id="selColor">
+		<button onclick="ColorSel(document.querySelector('#selColor').value, 'color');" class="btn btn-success btn-sm">确定</button>
+	</div>
+	<div class="card-body">
+		<table width="110" border="0">
+			<tbody>
+				<tr> 
+					<td bgcolor="#FF0000" onClick="ColorSel('#FF0000', 'color');" width="20%">&nbsp;</td>
+					<td bgcolor="#0000FF" onClick="ColorSel('#0000FF', 'color');" width="20%">&nbsp;</td>
+					<td bgcolor="#006600" onClick="ColorSel('#006600', 'color');" width="20%">&nbsp;</td>
+					<td bgcolor="#333333" onClick="ColorSel('#333333', 'color');" width="20%">&nbsp;</td>
+					<td bgcolor="#ffffff" onClick="ColorSel('', 'color');" width="20%" align="center">X</td>
+				</tr>
+				<tr> 
+					<td bgcolor="#CC0000" onClick="ColorSel('#CC0000', 'color');">&nbsp;</td>
+					<td bgcolor="#0033CC" onClick="ColorSel('#0033CC', 'color');">&nbsp;</td>
+					<td bgcolor="#339900" onClick="ColorSel('#339900', 'color');">&nbsp;</td>
+					<td bgcolor="#D1DDAA" onClick="ColorSel('#D1DDAA', 'color');">&nbsp;</td>
+					<td bgcolor="#FFCC33" onClick="ColorSel('#FFCC33', 'color');">&nbsp;</td>
+				</tr>
+				<tr> 
+					<td bgcolor="#990000" onClick="ColorSel('#990000', 'color');">&nbsp;</td>
+					<td bgcolor="#000099" onClick="ColorSel('#000099', 'color');">&nbsp;</td>
+					<td bgcolor="#33CC00" onClick="ColorSel('#33CC00', 'color');">&nbsp;</td>
+					<td bgcolor="#999999" onClick="ColorSel('#999999', 'color');">&nbsp;</td>
+					<td bgcolor="#FF6633" onClick="ColorSel('#FF6633', 'color');">&nbsp;</td>
+				</tr>
+				<tr> 
+					<td bgcolor="#660000" onClick="ColorSel('#660000', 'color');">&nbsp;</td>
+					<td bgcolor="#330099" onClick="ColorSel('#330099', 'color');">&nbsp;</td>
+					<td bgcolor="#66FF00" onClick="ColorSel('#66FF00', 'color');">&nbsp;</td>
+					<td bgcolor="#CCCCCC" onClick="ColorSel('#CCCCCC', 'color');">&nbsp;</td>
+					<td bgcolor="#FFFF00" onClick="ColorSel('#FFFF00', 'color');">&nbsp;</td>
+				</tr>
+			</tbody>
+		</table>
+	</div>
+</div>
\ No newline at end of file