From 84e2ec0f19f55fd8b9e14fbc3586072e99acfe4f Mon Sep 17 00:00:00 2001
From: HFO4 <912394456@qq.com>
Date: Mon, 11 Mar 2019 16:21:17 +0800
Subject: [PATCH] Feat: Theme config

---
 application/index/controller/Home.php         |   2 +-
 application/index/controller/Share.php        |   4 +-
 application/index/controller/Viewer.php       |   4 +-
 application/index/model/Option.php            |  19 ++-
 application/index/view/home/home.html         |  44 +-----
 application/index/view/share/share_dir.html   |  46 +-----
 .../index/view/share/share_single.html        |  44 +-----
 .../index/view/share/share_single_old.html    | 148 ------------------
 application/index/view/viewer/markdown.html   |  44 +-----
 application/index/view/viewer/video.html      |  44 +-----
 application/version.json                      |   2 +-
 mysql.sql                                     |   9 +-
 12 files changed, 41 insertions(+), 369 deletions(-)
 delete mode 100644 application/index/view/share/share_single_old.html

diff --git a/application/index/controller/Home.php b/application/index/controller/Home.php
index cbf882bc..acff3421 100644
--- a/application/index/controller/Home.php
+++ b/application/index/controller/Home.php
@@ -30,7 +30,7 @@ class Home extends Controller{
 		}
 		$policyData["max_size"] = $policyData["max_size"]/(1024*1024);
 		return view('home', [
-			'options'  => Option::getValues(['basic','upload']),
+			'options'  => Option::getValues(['basic','upload'],$this->userObj->userSQLData),
 			'userInfo' => $userInfo,
 			'extLimit' => $extLimit,
 			'policyData' => $policyData,
diff --git a/application/index/controller/Share.php b/application/index/controller/Share.php
index 1f9d051b..f373275f 100644
--- a/application/index/controller/Share.php
+++ b/application/index/controller/Share.php
@@ -30,7 +30,7 @@ class Share extends Controller{
 			$shareObj->numIncrease("view_num");
 			if($shareObj->shareData["source_type"] == "dir"){
 				return view('share_dir', [
-					'options'  => Option::getValues(['basic','share']),
+					'options'  => Option::getValues(['basic','share'],$this->userObj->userSQLData),
 					'userInfo' => $shareObj->shareOwner->userSQLData,
 					'dirData' => $shareObj->dirData,
 					'shareData' => $shareObj->shareData,
@@ -42,7 +42,7 @@ class Share extends Controller{
 				]);
 			}else{
 				return view('share_single', [
-					'options'  => Option::getValues(['basic','share']),
+					'options'  => Option::getValues(['basic','share'],$this->userObj->userSQLData),
 					'userInfo' => $shareObj->shareOwner->userSQLData,
 					'fileData' => $shareObj->fileData,
 					'shareData' => $shareObj->shareData,
diff --git a/application/index/controller/Viewer.php b/application/index/controller/Viewer.php
index dd77076f..edbcad29 100644
--- a/application/index/controller/Viewer.php
+++ b/application/index/controller/Viewer.php
@@ -34,7 +34,7 @@ class Viewer extends Controller{
 			$url = "/Share/Preview/".input("get.shareKey");
 		}
 		return view('video', [
-			'options'  => Option::getValues(['basic']),
+			'options'  => Option::getValues(['basic'],$this->userObj->userSQLData),
 			'userInfo' => $userInfo,
 			'groupData' => $groupData,
 			'url' => $url,
@@ -55,7 +55,7 @@ class Viewer extends Controller{
 			$url = "/Share/Content/".input("get.shareKey");
 		}
 		return view('markdown', [
-			'options'  => Option::getValues(['basic']),
+			'options'  => Option::getValues(['basic'],$this->userObj->userSQLData),
 			'userInfo' => $userInfo,
 			'groupData' => $groupData,
 			'url' => $url,
diff --git a/application/index/model/Option.php b/application/index/model/Option.php
index b85836d5..e2d42c9f 100644
--- a/application/index/model/Option.php
+++ b/application/index/model/Option.php
@@ -5,10 +5,27 @@ use think\Model;
 use think\Db;
 
 class Option extends Model{
-	static function getValues($groups = ['basic']){
+	static function getValues($groups = ['basic'],$userInfo=null){
 		$t =  Db::name('options')->where('option_type','in',$groups)->column('option_value','option_name');
+		if(in_array("basic",$groups)){
+			return array_merge($t,self::getThemeOptions($t,$userInfo));
+		}
 		return $t;
 	}
+
+	static function getThemeOptions($basicOptions,$userInfo){
+		$themes = json_decode($basicOptions["themes"],true);
+		if($userInfo==null){
+			return ["themeColor"=>$basicOptions["defaultTheme"],"themeConfig"=>$themes[$basicOptions["defaultTheme"]]];
+		}else{
+			$userOptions = json_decode($userInfo["options"],true);
+			if(empty($userOptions)||!array_key_exists("preferTheme",$userOptions)||!array_key_exists($userOptions["preferTheme"],$themes)){
+				return ["themeColor"=>$basicOptions["defaultTheme"],"themeConfig"=>$themes[$basicOptions["defaultTheme"]]];
+			}
+			return ["themeColor"=>$userOptions["preferTheme"],"themeConfig"=>$themes[$userOptions["preferTheme"]]];
+		}
+	}
+
 	static function getValue($optionName){
 		return Db::name('options')->where('option_name',$optionName)->value('option_value');
 	}
diff --git a/application/index/view/home/home.html b/application/index/view/home/home.html
index a59ab323..5b44fc39 100644
--- a/application/index/view/home/home.html
+++ b/application/index/view/home/home.html
@@ -5,6 +5,7 @@
     <meta charset="utf-8">
     <link rel="shortcut icon" href="/favicon.ico">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="theme-color" content="{$options.themeColor}" />
     <!--
       manifest.json provides metadata used when your web app is added to the
       homescreen on Android. See https://developers.google.com/web/fundamentals/web-app-manifest/
@@ -21,48 +22,7 @@
     -->
     <title>我的文件 - {$options.siteName}</title>
     <script type="text/javascript">
-        colorTheme = {
-            "palette": {
-                "common": {
-                    "black": "#000",
-                    "white": "#fff"
-                },
-                "background": {
-                    "paper": "#fff",
-                    "default": "#fafafa"
-                },
-                "primary": {
-                    "light": "#7986cb",
-                    "main": "#3f51b5",
-                    "dark": "#303f9f",
-                    "contrastText": "#fff"
-                },
-                "secondary": {
-                    "light": "#ff4081",
-                    "main": "#f50057",
-                    "dark": "#c51162",
-                    "contrastText": "#fff"
-                },
-                "error": {
-                    "light": "#e57373",
-                    "main": "#f44336",
-                    "dark": "#d32f2f",
-                    "contrastText": "#fff"
-                },
-                "text": {
-                    "primary": "rgba(0, 0, 0, 0.87)",
-                    "secondary": "rgba(0, 0, 0, 0.54)",
-                    "disabled": "rgba(0, 0, 0, 0.38)",
-                    "hint": "rgba(0, 0, 0, 0.38)"
-                },
-                "explorer": {
-                    "filename": "#474849",
-                    "icon": "#8f8f8f",
-                    "bgSelected": "#D5DAF0",
-                    "emptyIcon": "#e8e8e8",
-                }
-            }
-        };
+        colorTheme = {:json_encode($options["themeConfig"])};
         isHomePage = true;
         pageId="";
         isSharePage = false;
diff --git a/application/index/view/share/share_dir.html b/application/index/view/share/share_dir.html
index 8403abd5..251c4745 100644
--- a/application/index/view/share/share_dir.html
+++ b/application/index/view/share/share_dir.html
@@ -5,11 +5,12 @@
     <meta charset="utf-8">
     <link rel="shortcut icon" href="/favicon.ico">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="theme-color" content="{$options.themeColor}" />
     <!--
       manifest.json provides metadata used when your web app is added to the
       homescreen on Android. See https://developers.google.com/web/fundamentals/web-app-manifest/
     -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
+    <link rel="manifest" href="/manifest.json">
     <!--
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.
@@ -21,48 +22,7 @@
     -->
     <title>{$dirData.folder_name} - {$options.siteName}</title>
     <script type="text/javascript">
-        colorTheme = {
-            "palette": {
-                "common": {
-                    "black": "#000",
-                    "white": "#fff"
-                },
-                "background": {
-                    "paper": "#fff",
-                    "default": "#fafafa"
-                },
-                "primary": {
-                    "light": "#7986cb",
-                    "main": "#3f51b5",
-                    "dark": "#303f9f",
-                    "contrastText": "#fff"
-                },
-                "secondary": {
-                    "light": "#ff4081",
-                    "main": "#f50057",
-                    "dark": "#c51162",
-                    "contrastText": "#fff"
-                },
-                "error": {
-                    "light": "#e57373",
-                    "main": "#f44336",
-                    "dark": "#d32f2f",
-                    "contrastText": "#fff"
-                },
-                "text": {
-                    "primary": "rgba(0, 0, 0, 0.87)",
-                    "secondary": "rgba(0, 0, 0, 0.54)",
-                    "disabled": "rgba(0, 0, 0, 0.38)",
-                    "hint": "rgba(0, 0, 0, 0.38)"
-                },
-                "explorer": {
-                    "filename": "#474849",
-                    "icon": "#8f8f8f",
-                    "bgSelected": "#D5DAF0",
-                    "emptyIcon": "#e8e8e8",
-                }
-            }
-        };
+        colorTheme = {:json_encode($options["themeConfig"])};
         isHomePage = false;
         isSharePage = true;
         pageId="";
diff --git a/application/index/view/share/share_single.html b/application/index/view/share/share_single.html
index e0df9d2d..539f166a 100644
--- a/application/index/view/share/share_single.html
+++ b/application/index/view/share/share_single.html
@@ -5,6 +5,7 @@
     <meta charset="utf-8">
     <link rel="shortcut icon" href="/favicon.ico">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="theme-color" content="{$options.themeColor}" />
     <!--
       manifest.json provides metadata used when your web app is added to the
       homescreen on Android. See https://developers.google.com/web/fundamentals/web-app-manifest/
@@ -21,48 +22,7 @@
     -->
     <title>{$fileData.orign_name} - {$options.siteName}</title>
     <script type="text/javascript">
-        colorTheme = {
-            "palette": {
-                "common": {
-                    "black": "#000",
-                    "white": "#fff"
-                },
-                "background": {
-                    "paper": "#fff",
-                    "default": "#fafafa"
-                },
-                "primary": {
-                    "light": "#7986cb",
-                    "main": "#3f51b5",
-                    "dark": "#303f9f",
-                    "contrastText": "#fff"
-                },
-                "secondary": {
-                    "light": "#ff4081",
-                    "main": "#f50057",
-                    "dark": "#c51162",
-                    "contrastText": "#fff"
-                },
-                "error": {
-                    "light": "#e57373",
-                    "main": "#f44336",
-                    "dark": "#d32f2f",
-                    "contrastText": "#fff"
-                },
-                "text": {
-                    "primary": "rgba(0, 0, 0, 0.87)",
-                    "secondary": "rgba(0, 0, 0, 0.54)",
-                    "disabled": "rgba(0, 0, 0, 0.38)",
-                    "hint": "rgba(0, 0, 0, 0.38)"
-                },
-                "explorer": {
-                    "filename": "#474849",
-                    "icon": "#8f8f8f",
-                    "bgSelected": "#D5DAF0",
-                    "emptyIcon": "#e8e8e8",
-                }
-            }
-        };
+        colorTheme = {:json_encode($options["themeConfig"])};
         isHomePage = false;
         isSharePage = true;
         pageId="fileShare";
diff --git a/application/index/view/share/share_single_old.html b/application/index/view/share/share_single_old.html
deleted file mode 100644
index 5b39c099..00000000
--- a/application/index/view/share/share_single_old.html
+++ /dev/null
@@ -1,148 +0,0 @@
-{extend name="header_public" /}
-{block name="title"}{$fileData.orign_name} - {$options.siteName}{/block}
-{block name="content"}
-<link rel="stylesheet" href="/static/css/share.css" />
-<link rel="stylesheet" href="/static/css/photoswipe.css">
-<link rel="stylesheet" href="/static/css/default-skin/default-skin.css">
-<script src="/static/js/jquery.color.js"></script>
-</head>
-<body data-ma-header="teal">
-<div class="modal fade" id="previewModal" role="dialog">
-    <div class="modal-dialog" role="document">
-        <div class="modal-content">
-            <div class="modal-header">
-                <button type="button" class="close" onclick="audioPause()" data-dismiss="modal">
-                <span aria-hidden="true">×</span>
-                <span class="sr-only ng-binding">关闭</span>
-                </button>
-                <h4 class="modal-title">视频预览</h4>
-            </div>
-            <div class="modal-body">
-                <div class="text-center previewContent">
-                    
-                    
-                </div>
-                
-            </div>
-        </div>
-    </div>
-</div>
-<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
-    <!-- Background of PhotoSwipe.
-    It's a separate element, as animating opacity is faster than rgba(). -->
-    <div class="pswp__bg"></div>
-    <!-- Slides wrapper with overflow:hidden. -->
-    <div class="pswp__scroll-wrap">
-        <!-- Container that holds slides. PhotoSwipe keeps only 3 slides in DOM to save memory. -->
-        <div class="pswp__container">
-            <!-- don't modify these 3 pswp__item elements, data is added later on -->
-            <div class="pswp__item"></div>
-            <div class="pswp__item"></div>
-            <div class="pswp__item"></div>
-        </div>
-        <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->
-        <div class="pswp__ui pswp__ui--hidden">
-            <div class="pswp__top-bar">
-                <!--  Controls are self-explanatory. Order can be changed. -->
-                <div class="pswp__counter"></div>
-                <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
-                <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
-                <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
-                <!-- Preloader demo https://codepen.io/dimsemenov/pen/yyBWoR -->
-                <!-- element will get class pswp__preloader--active when preloader is running -->
-                <div class="pswp__preloader">
-                    <div class="pswp__preloader__icn">
-                        <div class="pswp__preloader__cut">
-                            <div class="pswp__preloader__donut"></div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
-                <div class="pswp__share-tooltip"></div>
-            </div>
-            <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
-            </button>
-            <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
-            </button>
-            <div class="pswp__caption">
-                <div class="pswp__caption__center"></div>
-            </div>
-        </div>
-    </div>
-</div>
-<nav class="navbar navbar-inverse" >
-    <div class="container-fluid">
-        <div class="container" >
-            {include file="navbar_public" /}
-            <div class="header-panel shadow-z-2">
-                <div class="container-fluid">
-                    <div class="row">
-                        
-                    </div>
-                </div>
-            </div>
-            <div class="container main" >
-                <div class="col-md-3"></div>
-                <div class="col-md-6">
-                    <div class="jumbotron" >
-                        <div class="card_top">
-                            <div class="row top-color">
-                                <div class="card-top-row">
-                                    <div class="file-sign col-xs-2">
-                                        <i class="fa fa-file-image-o" aria-hidden="true"></i>
-                                    </div>
-                                    <div class="file_title col-xs-10">
-                                        <div class="file_title_inside str_wrap">
-                                            {$fileData.orign_name|htmlspecialchars=ENT_NOQUOTES}&nbsp;&nbsp;
-                                        </div>
-                                        <div class="file_info"><span id="size"></span>&nbsp;&nbsp;<span><i class="fa fa-cloud-download" aria-hidden="true"></i> <span id="down_num"></span></span>&nbsp;&nbsp;<span><i class="fa fa-eye" aria-hidden="true"></i> <span id="view_num"></span></span></div>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="card-middle">
-                                <button  class="btn btn-info btn-fab" id="previewButton"><i class="material-icons fa fa-eye"></i><div class="ripple-container"></div></button>
-                                <button  class="btn btn-primary btn-fab" id="download"><i class="material-icons fa fa-download"></i><div class="ripple-container"></div></button>
-                            </div>
-                        </div>
-                        
-                        <div class="card_botom">
-                            <div class="row bottom-width">
-                                <div class="avatar ">
-                                    <img src="/Member/Avatar/{$userInfo.id}/s" class="img-circle animated rotateIn">
-                                    <div class="nick">
-                                        <span class="nickname"><a class="notWave" href="/Profile/{$userInfo.id}">{$userInfo.user_nick}</a></span>
-                                        <br>
-                                        <span class="share_time">分享于<span id="share_time"></span></span>
-                                        
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div></div>
-                    <div class="col-md-3"></div>
-                </div>
-            </div>
-        </body>
-        <script src="/static/js/jquery.liMarquee.js"></script>
-        <script type="text/javascript">
-        shareInfo={
-            fileSize : "{$fileData.size}",
-            shareDate : "{$shareData.share_time}",
-            ownerUid:"{$userInfo.id}",
-            ownerNick:"{$userInfo.user_nick}",
-            downloadNum:"{$shareData.download_num}",
-            ViewNum:"{$shareData.view_num}",
-            shareId:"{$shareData.share_key}",
-            fileName:"{$fileData.orign_name}",
-            picSize:"{$fileData.pic_info}",
-            {eq name="$loginStatus" value="1"}
-            allowPreview:true,
-            {else/}
-            allowPreview:{$allowPreview},
-            {/eq}
-        };
-        </script>
-        <script src="/static/js/share_single.js"> </script>
-        {$options.js_code}
-        {/block}
\ No newline at end of file
diff --git a/application/index/view/viewer/markdown.html b/application/index/view/viewer/markdown.html
index 61246410..e367c525 100644
--- a/application/index/view/viewer/markdown.html
+++ b/application/index/view/viewer/markdown.html
@@ -5,6 +5,7 @@
     <link rel="shortcut icon" href="/favicon.ico">
     <link rel="stylesheet" href="/static/css/mdeditor/editormd.min.css" />
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="theme-color" content="{$options.themeColor}" />
     <!--
       manifest.json provides metadata used when your web app is added to the
       homescreen on Android. See https://developers.google.com/web/fundamentals/web-app-manifest/
@@ -21,48 +22,7 @@
     -->
     <title>{$fileName} - {$options.siteName}</title>
     <script type="text/javascript">
-    colorTheme = {
-      "palette": {
-          "common": {
-              "black": "#000",
-              "white": "#fff"
-          },
-          "background": {
-              "paper": "#fff",
-              "default": "#fafafa"
-          },
-          "primary": {
-              "light": "#7986cb",
-              "main": "#3f51b5",
-              "dark": "#303f9f",
-              "contrastText": "#fff"
-          },
-          "secondary": {
-              "light": "#ff4081",
-              "main": "#f50057",
-              "dark": "#c51162",
-              "contrastText": "#fff"
-          },
-          "error": {
-              "light": "#e57373",
-              "main": "#f44336",
-              "dark": "#d32f2f",
-              "contrastText": "#fff"
-          },
-          "text": {
-              "primary": "rgba(0, 0, 0, 0.87)",
-              "secondary": "rgba(0, 0, 0, 0.54)",
-              "disabled": "rgba(0, 0, 0, 0.38)",
-              "hint": "rgba(0, 0, 0, 0.38)"
-          },
-          "explorer": {
-              "filename": "#474849",
-              "icon": "#8f8f8f",
-              "bgSelected": "#D5DAF0",
-              "emptyIcon": "#e8e8e8",
-          }
-      }
-    };
+    colorTheme = {:json_encode($options["themeConfig"])};
     isHomePage = false;
     isSharePage = false;
     pageId="";
diff --git a/application/index/view/viewer/video.html b/application/index/view/viewer/video.html
index c547aad6..99788d73 100644
--- a/application/index/view/viewer/video.html
+++ b/application/index/view/viewer/video.html
@@ -4,6 +4,7 @@
     <meta charset="utf-8">
     <link rel="shortcut icon" href="/favicon.ico">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="theme-color" content="{$options.themeColor}" />
     <!--
       manifest.json provides metadata used when your web app is added to the
       homescreen on Android. See https://developers.google.com/web/fundamentals/web-app-manifest/
@@ -20,48 +21,7 @@
     -->
     <title>{$fileName} - {$options.siteName}</title>
     <script type="text/javascript">
-    colorTheme = {
-      "palette": {
-          "common": {
-              "black": "#000",
-              "white": "#fff"
-          },
-          "background": {
-              "paper": "#fff",
-              "default": "#fafafa"
-          },
-          "primary": {
-              "light": "#7986cb",
-              "main": "#3f51b5",
-              "dark": "#303f9f",
-              "contrastText": "#fff"
-          },
-          "secondary": {
-              "light": "#ff4081",
-              "main": "#f50057",
-              "dark": "#c51162",
-              "contrastText": "#fff"
-          },
-          "error": {
-              "light": "#e57373",
-              "main": "#f44336",
-              "dark": "#d32f2f",
-              "contrastText": "#fff"
-          },
-          "text": {
-              "primary": "rgba(0, 0, 0, 0.87)",
-              "secondary": "rgba(0, 0, 0, 0.54)",
-              "disabled": "rgba(0, 0, 0, 0.38)",
-              "hint": "rgba(0, 0, 0, 0.38)"
-          },
-          "explorer": {
-              "filename": "#474849",
-              "icon": "#8f8f8f",
-              "bgSelected": "#D5DAF0",
-              "emptyIcon": "#e8e8e8",
-          }
-      }
-    };
+    colorTheme = {:json_encode($options["themeConfig"])};
     isHomePage = false;
     isSharePage = false;
     pageId="";
diff --git a/application/version.json b/application/version.json
index 8525a990..d4be7722 100644
--- a/application/version.json
+++ b/application/version.json
@@ -1 +1 @@
-{"type":"","version":"1.1.1","version_id":6,"db_version":4}
\ No newline at end of file
+{"type":"","version":"1.1.1","version_id":6,"db_version":5}
\ No newline at end of file
diff --git a/mysql.sql b/mysql.sql
index c2cdd1eb..edc615c8 100644
--- a/mysql.sql
+++ b/mysql.sql
@@ -189,7 +189,7 @@ INSERT INTO `sd_options` (`id`, `option_name`, `option_value`, `option_type`) VA
 (30, 'mail_activation_template', '     <!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">\r\n<html xmlns=\"http://www.w3.org/1999/xhtml\" style=\"font-family: \'Helvetica Neue\', Helvetica, Arial, sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;\">\r\n<head>\r\n<meta name=\"viewport\" content=\"width=device-width\" />\r\n<meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\" />\r\n<title>容量超额提醒</title>\r\n\r\n\r\n<style type=\"text/css\">\r\nimg {\r\nmax-width: 100%;\r\n}\r\nbody {\r\n-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; width: 100% !important; height: 100%; line-height: 1.6em;\r\n}\r\nbody {\r\nbackground-color: #f6f6f6;\r\n}\r\n@media only screen and (max-width: 640px) {\r\n  body {\r\n    padding: 0 !important;\r\n  }\r\n  h1 {\r\n    font-weight: 800 !important; margin: 20px 0 5px !important;\r\n  }\r\n  h2 {\r\n    font-weight: 800 !important; margin: 20px 0 5px !important;\r\n  }\r\n  h3 {\r\n    font-weight: 800 !important; margin: 20px 0 5px !important;\r\n  }\r\n  h4 {\r\n    font-weight: 800 !important; margin: 20px 0 5px !important;\r\n  }\r\n  h1 {\r\n    font-size: 22px !important;\r\n  }\r\n  h2 {\r\n    font-size: 18px !important;\r\n  }\r\n  h3 {\r\n    font-size: 16px !important;\r\n  }\r\n  .container {\r\n    padding: 0 !important; width: 100% !important;\r\n  }\r\n  .content {\r\n    padding: 0 !important;\r\n  }\r\n  .content-wrap {\r\n    padding: 10px !important;\r\n  }\r\n  .invoice {\r\n    width: 100% !important;\r\n  }\r\n}\r\n</style>\r\n</head>\r\n\r\n<body itemscope itemtype=\"http://schema.org/EmailMessage\" style=\"font-family: \'Helvetica Neue\',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; width: 100% !important; height: 100%; line-height: 1.6em; background-color: #f6f6f6; margin: 0;\" bgcolor=\"#f6f6f6\">\r\n\r\n<table class=\"body-wrap\" style=\"font-family: \'Helvetica Neue\',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; width: 100%; background-color: #f6f6f6; margin: 0;\" bgcolor=\"#f6f6f6\"><tr style=\"font-family: \'Helvetica Neue\',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;\"><td style=\"font-family: \'Helvetica Neue\',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0;\" valign=\"top\"></td>\r\n		<td class=\"container\" width=\"600\" style=\"font-family: \'Helvetica Neue\',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; display: block !important; max-width: 600px !important; clear: both !important; margin: 0 auto;\" valign=\"top\">\r\n			<div class=\"content\" style=\"font-family: \'Helvetica Neue\',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; max-width: 600px; display: block; margin: 0 auto; padding: 20px;\">\r\n				<table class=\"main\" width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" style=\"font-family: \'Helvetica Neue\',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; border-radius: 3px; background-color: #fff; margin: 0; border: 1px solid #e9e9e9;\" bgcolor=\"#fff\"><tr style=\"font-family: \'Helvetica Neue\',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;\"><td class=\"alert alert-warning\" style=\"font-family: \'Helvetica Neue\',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 16px; vertical-align: top; color: #fff; font-weight: 500; text-align: center; border-radius: 3px 3px 0 0; background-color: #009688; margin: 0; padding: 20px;\" align=\"center\" bgcolor=\"#FF9F00\" valign=\"top\">\r\n							激活{siteTitle}账户\r\n						</td>\r\n					</tr><tr style=\"font-family: \'Helvetica Neue\',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;\"><td class=\"content-wrap\" style=\"font-family: \'Helvetica Neue\',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0; padding: 20px;\" valign=\"top\">\r\n							<table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" style=\"font-family: \'Helvetica Neue\',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;\"><tr style=\"font-family: \'Helvetica Neue\',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;\"><td class=\"content-block\" style=\"font-family: \'Helvetica Neue\',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0; padding: 0 0 20px;\" valign=\"top\">\r\n										亲爱的 <strong style=\"font-family: \'Helvetica Neue\',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;\">{userName}</strong> ：\r\n									</td>\r\n								</tr><tr style=\"font-family: \'Helvetica Neue\',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;\"><td class=\"content-block\" style=\"font-family: \'Helvetica Neue\',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0; padding: 0 0 20px;\" valign=\"top\">\r\n										感谢您注册{siteTitle},请点击下方按钮完成账户激活。\r\n									</td>\r\n								</tr><tr style=\"font-family: \'Helvetica Neue\',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;\"><td class=\"content-block\" style=\"font-family: \'Helvetica Neue\',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0; padding: 0 0 20px;\" valign=\"top\">\r\n										<a href=\"{activationUrl}\" class=\"btn-primary\" style=\"font-family: \'Helvetica Neue\',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; color: #FFF; text-decoration: none; line-height: 2em; font-weight: bold; text-align: center; cursor: pointer; display: inline-block; border-radius: 5px; text-transform: capitalize; background-color: #009688; margin: 0; border-color: #009688; border-style: solid; border-width: 10px 20px;\">激活账户</a>\r\n									</td>\r\n								</tr><tr style=\"font-family: \'Helvetica Neue\',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;\"><td class=\"content-block\" style=\"font-family: \'Helvetica Neue\',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0; padding: 0 0 20px;\" valign=\"top\">\r\n										感谢您选择{siteTitle}。\r\n									</td>\r\n								</tr></table></td>\r\n					</tr></table><div class=\"footer\" style=\"font-family: \'Helvetica Neue\',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; width: 100%; clear: both; color: #999; margin: 0; padding: 20px;\">\r\n					<table width=\"100%\" style=\"font-family: \'Helvetica Neue\',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;\"><tr style=\"font-family: \'Helvetica Neue\',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;\"><td class=\"aligncenter content-block\" style=\"font-family: \'Helvetica Neue\',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 12px; vertical-align: top; color: #999; text-align: center; margin: 0; padding: 0 0 20px;\" align=\"center\" valign=\"top\">此邮件由系统自动发送，请不要直接回复。</td>\r\n						</tr></table></div></div>\r\n		</td>\r\n		<td style=\"font-family: \'Helvetica Neue\',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0;\" valign=\"top\"></td>\r\n	</tr></table></body>\r\n</html>\r\n', 'mail_template'),
 (31, 'forget_captcha', '0', 'login'),
 (32, 'mail_reset_pwd_template', '     <!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">\r\n<html xmlns=\"http://www.w3.org/1999/xhtml\" style=\"font-family: \'Helvetica Neue\', Helvetica, Arial, sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;\">\r\n<head>\r\n<meta name=\"viewport\" content=\"width=device-width\" />\r\n<meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\" />\r\n<title>重设密码</title>\r\n\r\n\r\n<style type=\"text/css\">\r\nimg {\r\nmax-width: 100%;\r\n}\r\nbody {\r\n-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; width: 100% !important; height: 100%; line-height: 1.6em;\r\n}\r\nbody {\r\nbackground-color: #f6f6f6;\r\n}\r\n@media only screen and (max-width: 640px) {\r\n  body {\r\n    padding: 0 !important;\r\n  }\r\n  h1 {\r\n    font-weight: 800 !important; margin: 20px 0 5px !important;\r\n  }\r\n  h2 {\r\n    font-weight: 800 !important; margin: 20px 0 5px !important;\r\n  }\r\n  h3 {\r\n    font-weight: 800 !important; margin: 20px 0 5px !important;\r\n  }\r\n  h4 {\r\n    font-weight: 800 !important; margin: 20px 0 5px !important;\r\n  }\r\n  h1 {\r\n    font-size: 22px !important;\r\n  }\r\n  h2 {\r\n    font-size: 18px !important;\r\n  }\r\n  h3 {\r\n    font-size: 16px !important;\r\n  }\r\n  .container {\r\n    padding: 0 !important; width: 100% !important;\r\n  }\r\n  .content {\r\n    padding: 0 !important;\r\n  }\r\n  .content-wrap {\r\n    padding: 10px !important;\r\n  }\r\n  .invoice {\r\n    width: 100% !important;\r\n  }\r\n}\r\n</style>\r\n</head>\r\n\r\n<body itemscope itemtype=\"http://schema.org/EmailMessage\" style=\"font-family: \'Helvetica Neue\',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; width: 100% !important; height: 100%; line-height: 1.6em; background-color: #f6f6f6; margin: 0;\" bgcolor=\"#f6f6f6\">\r\n\r\n<table class=\"body-wrap\" style=\"font-family: \'Helvetica Neue\',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; width: 100%; background-color: #f6f6f6; margin: 0;\" bgcolor=\"#f6f6f6\"><tr style=\"font-family: \'Helvetica Neue\',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;\"><td style=\"font-family: \'Helvetica Neue\',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0;\" valign=\"top\"></td>\r\n		<td class=\"container\" width=\"600\" style=\"font-family: \'Helvetica Neue\',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; display: block !important; max-width: 600px !important; clear: both !important; margin: 0 auto;\" valign=\"top\">\r\n			<div class=\"content\" style=\"font-family: \'Helvetica Neue\',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; max-width: 600px; display: block; margin: 0 auto; padding: 20px;\">\r\n				<table class=\"main\" width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" style=\"font-family: \'Helvetica Neue\',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; border-radius: 3px; background-color: #fff; margin: 0; border: 1px solid #e9e9e9;\" bgcolor=\"#fff\"><tr style=\"font-family: \'Helvetica Neue\',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;\"><td class=\"alert alert-warning\" style=\"font-family: \'Helvetica Neue\',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 16px; vertical-align: top; color: #fff; font-weight: 500; text-align: center; border-radius: 3px 3px 0 0; background-color: #2196F3; margin: 0; padding: 20px;\" align=\"center\" bgcolor=\"#FF9F00\" valign=\"top\">\r\n							重设{siteTitle}密码\r\n						</td>\r\n					</tr><tr style=\"font-family: \'Helvetica Neue\',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;\"><td class=\"content-wrap\" style=\"font-family: \'Helvetica Neue\',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0; padding: 20px;\" valign=\"top\">\r\n							<table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" style=\"font-family: \'Helvetica Neue\',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;\"><tr style=\"font-family: \'Helvetica Neue\',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;\"><td class=\"content-block\" style=\"font-family: \'Helvetica Neue\',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0; padding: 0 0 20px;\" valign=\"top\">\r\n										亲爱的 <strong style=\"font-family: \'Helvetica Neue\',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;\">{userName}</strong> ：\r\n									</td>\r\n								</tr><tr style=\"font-family: \'Helvetica Neue\',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;\"><td class=\"content-block\" style=\"font-family: \'Helvetica Neue\',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0; padding: 0 0 20px;\" valign=\"top\">\r\n										请点击下方按钮完成密码重设。如果非你本人操作，请忽略此邮件。\r\n									</td>\r\n								</tr><tr style=\"font-family: \'Helvetica Neue\',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;\"><td class=\"content-block\" style=\"font-family: \'Helvetica Neue\',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0; padding: 0 0 20px;\" valign=\"top\">\r\n										<a href=\"{resetUrl}\" class=\"btn-primary\" style=\"font-family: \'Helvetica Neue\',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; color: #FFF; text-decoration: none; line-height: 2em; font-weight: bold; text-align: center; cursor: pointer; display: inline-block; border-radius: 5px; text-transform: capitalize; background-color: #2196F3; margin: 0; border-color: #2196F3; border-style: solid; border-width: 10px 20px;\">重设密码</a>\r\n									</td>\r\n								</tr><tr style=\"font-family: \'Helvetica Neue\',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;\"><td class=\"content-block\" style=\"font-family: \'Helvetica Neue\',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0; padding: 0 0 20px;\" valign=\"top\">\r\n										感谢您选择{siteTitle}。\r\n									</td>\r\n								</tr></table></td>\r\n					</tr></table><div class=\"footer\" style=\"font-family: \'Helvetica Neue\',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; width: 100%; clear: both; color: #999; margin: 0; padding: 20px;\">\r\n					<table width=\"100%\" style=\"font-family: \'Helvetica Neue\',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;\"><tr style=\"font-family: \'Helvetica Neue\',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;\"><td class=\"aligncenter content-block\" style=\"font-family: \'Helvetica Neue\',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 12px; vertical-align: top; color: #999; text-align: center; margin: 0; padding: 0 0 20px;\" align=\"center\" valign=\"top\">此邮件由系统自动发送，请不要直接回复。</td>\r\n						</tr></table></div></div>\r\n		</td>\r\n		<td style=\"font-family: \'Helvetica Neue\',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0;\" valign=\"top\"></td>\r\n	</tr></table></body>\r\n</html>\r\n', 'mail_template'),
-(49, 'database_version', '4', 'version'),
+(49, 'database_version', '5', 'version'),
 (43, 'hot_share_num', '10', 'share'),
 (44, 'gravatar_server', 'https://v2ex.assets.uxengine.net/gravatar/', 'avatar'),
 (45, 'admin_color_body', 'fixed-nav sticky-footer bg-light', 'admin'),
@@ -201,7 +201,9 @@ INSERT INTO `sd_options` (`id`, `option_name`, `option_value`, `option_type`) VA
 (53, 'aria2_token', 'your token', 'aria2'),
 (54, 'aria2_rpcurl', 'http://127.0.0.1:6800/', 'aria2'),
 (55, 'aria2_options', '{\"max-tries\":5}', 'aria2'),
-(56, 'task_queue_token', '', 'task');
+(56, 'task_queue_token', '', 'task'),
+(57, 'defaultTheme', '#3f51b5', 'basic'),
+(58, 'themes', '[{\"#3f51b5\":{\"palette\":{\"common\":{\"black\":\"#000\",\"white\":\"#fff\"},\"background\":{\"paper\":\"#fff\",\"default\":\"#fafafa\"},\"primary\":{\"light\":\"#7986cb\",\"main\":\"#3f51b5\",\"dark\":\"#303f9f\",\"contrastText\":\"#fff\"},\"secondary\":{\"light\":\"#ff4081\",\"main\":\"#f50057\",\"dark\":\"#c51162\",\"contrastText\":\"#fff\"},\"error\":{\"light\":\"#e57373\",\"main\":\"#f44336\",\"dark\":\"#d32f2f\",\"contrastText\":\"#fff\"},\"text\":{\"primary\":\"rgba(0, 0, 0, 0.87)\",\"secondary\":\"rgba(0, 0, 0, 0.54)\",\"disabled\":\"rgba(0, 0, 0, 0.38)\",\"hint\":\"rgba(0, 0, 0, 0.38)\"},\"explorer\":{\"filename\":\"#474849\",\"icon\":\"#8f8f8f\",\"bgSelected\":\"#D5DAF0\",\"emptyIcon\":\"#e8e8e8\"}}}}]\r\n', 'basic');
 -- --------------------------------------------------------
 
 --
@@ -292,7 +294,8 @@ CREATE TABLE `sd_users` (
   `delay_time` bigint(20) NOT NULL,
   `avatar` text NOT NULL,
   `profile` tinyint(1) NOT NULL,
-  `webdav_key` text NOT NULL
+  `webdav_key` text NOT NULL,
+  `options` text NOT NULL
 ) ENGINE=MyISAM DEFAULT CHARSET=utf8;
 
 --