diff --git a/baseTemplate/templates/baseTemplate/design.html b/baseTemplate/templates/baseTemplate/design.html
new file mode 100755
index 000000000..3fa711411
--- /dev/null
+++ b/baseTemplate/templates/baseTemplate/design.html
@@ -0,0 +1,60 @@
+{% extends "baseTemplate/index.html" %}
+{% load i18n %}
+{% block title %}{% trans "Design - CyberPanel" %}{% endblock %}
+{% block content %}
+
+    {% load static %}
+    {% get_current_language as LANGUAGE_CODE %}
+    <!-- Current language: {{ LANGUAGE_CODE }} -->
+
+
+    <div class="container">
+        <div id="page-title">
+            <h2>{% trans "Design" %}</h2>
+            <p>{% trans "" %}</p>
+        </div>
+        <div class="panel">
+            <div class="panel-body">
+                <h3 class="content-box-header">
+                    {% trans "Package Details" %}
+                </h3>
+                <div class="example-box-wrapper">
+
+                    <form action="{% url 'design' %}" method="POST" class="form-horizontal bordered-row panel-body">
+                        {% csrf_token %}
+
+                        {% if saved %}
+                            <div class="form-group">
+                                <label class="col-sm-3 control-label"></label>
+                                <div class="col-sm-4">
+                                    <div class="alert alert-success">
+                                        <p>{% trans "Changes saved." %}</p>
+                                    </div>
+                                </div>
+                            </div>
+                        {% endif %}
+
+                        <div ng-hide="keyBox" class="form-group">
+                            <label class="col-sm-3 control-label">{% trans "Custom CSS" %}</label>
+                            <div class="col-sm-12">
+                                <textarea value="{{ cosmetic.MainDashboardCSS }}" name="MainDashboardCSS" rows="6" class="form-control ng-pristine ng-untouched ng-valid ng-empty"></textarea>
+                            </div>
+                        </div>
+
+                        <div class="form-group">
+                            <label class="col-sm-3 control-label"></label>
+                            <div class="col-sm-4">
+                                <button type="submit" class="btn btn-primary btn-lg">{% trans "Save Changes" %}</button>
+                            </div>
+                        </div>
+
+                    </form>
+
+
+                </div>
+            </div>
+        </div>
+
+
+    </div>
+{% endblock %}
diff --git a/baseTemplate/templates/baseTemplate/index.html b/baseTemplate/templates/baseTemplate/index.html
index 11b89aa09..d05c87de3 100755
--- a/baseTemplate/templates/baseTemplate/index.html
+++ b/baseTemplate/templates/baseTemplate/index.html
@@ -308,6 +308,13 @@
                                        aria-describedby="tooltip896208"></i>
                                     <span>{% trans "Version Management" %}</span>
                                 </a>
+                                <a href="{% url 'design' %}"
+                                   title="{% trans 'Design' %}">
+                                    <i class="glyph-icon tooltip-button icon-info"
+                                       title="{% trans 'Design' %}" data-original-title=".icon-cloud-upload"
+                                       aria-describedby="tooltip896208"></i>
+                                    <span>{% trans "Design" %}</span>
+                                </a>
                                 <a href="https://go.cyberpanel.net/cloud"
                                    title="{% trans 'Connect' %}">
                                     <i class="glyph-icon tooltip-button icon-link" title="{% trans 'Connect' %}"
diff --git a/baseTemplate/urls.py b/baseTemplate/urls.py
index b904ed09b..c69f83e3d 100755
--- a/baseTemplate/urls.py
+++ b/baseTemplate/urls.py
@@ -7,6 +7,7 @@ urlpatterns = [
     url(r'^getAdminStatus',views.getAdminStatus, name='getSystemInformation'),
     url(r'^getLoadAverage',views.getLoadAverage, name='getLoadAverage'),
     url(r'^versionManagment',views.versionManagment, name='versionManagment'),
+    url(r'^design', views.design, name='design'),
 
     #url(r'^upgrade',views.upgrade, name='upgrade'),
 
diff --git a/baseTemplate/views.py b/baseTemplate/views.py
index b1ee88909..36bf36d42 100755
--- a/baseTemplate/views.py
+++ b/baseTemplate/views.py
@@ -198,3 +198,28 @@ def upgradeVersion(request):
     except BaseException as msg:
         logging.CyberCPLogFileWriter.writeToFile(str(msg))
         return HttpResponse(str(msg))
+
+@ensure_csrf_cookie
+def design(request):
+    ### Load Custom CSS
+    try:
+        from baseTemplate.models import CyberPanelCosmetic
+        cosmetic = CyberPanelCosmetic.objects.get(pk=1)
+    except:
+        from baseTemplate.models import CyberPanelCosmetic
+        cosmetic = CyberPanelCosmetic()
+        cosmetic.save()
+
+    finalData = {}
+
+    if request.method == 'POST':
+        MainDashboardCSS = request.POST.get('MainDashboardCSS', '')
+        cosmetic.MainDashboardCSS = MainDashboardCSS
+        cosmetic.save()
+        finalData['saved'] = 1
+
+    template = 'baseTemplate/design.html'
+    finalData['cosmetic'] = cosmetic
+
+    proc = httpProc(request, template, finalData, 'versionManagement')
+    return proc.render()