From 3cb19436488f0bfd29a8fa8b25ffe54e28594d5a Mon Sep 17 00:00:00 2001
From: eight <eight04@gmail.com>
Date: Sun, 8 Oct 2017 23:26:23 +0800
Subject: [PATCH] Add: newStyleFormat option

---
 _locales/en/messages.json | 6 ++++++
 js/prefs.js               | 1 +
 options.html              | 7 +++++++
 options/options.css       | 1 +
 4 files changed, 15 insertions(+)

diff --git a/_locales/en/messages.json b/_locales/en/messages.json
index ee2ebe3d..d6b2cfff 100644
--- a/_locales/en/messages.json
+++ b/_locales/en/messages.json
@@ -967,6 +967,12 @@
   "optionsAdvancedContextDelete": {
     "message": "Add 'Delete' in editor context menu"
   },
+  "optionsAdvancedNewStyleFormat": {
+    "message": "Format of newly created userstyle"
+  },
+  "optionsAdvancedNewStyleFormatRegular": {
+    "message": "Regular"
+  },
   "optionsActions": {
     "message": "Actions"
   },
diff --git a/js/prefs.js b/js/prefs.js
index 9e2e1c3a..3bf477cb 100644
--- a/js/prefs.js
+++ b/js/prefs.js
@@ -9,6 +9,7 @@ var prefs = new function Prefs() {
     'show-badge': true,             // display text on popup menu icon
     'disableAll': false,            // boss key
     'exposeIframes': false,         // Add 'stylus-iframe' attribute to HTML element in all iframes
+    'newStyleFormat': 'regular',    // 'regular' or 'usercss', the format of userstyle when creating a new style.
 
     'popup.breadcrumbs': true,      // display 'New style' links as URL breadcrumbs
     'popup.breadcrumbs.usePath': false, // use URL path for 'this URL'
diff --git a/options.html b/options.html
index 36b89adc..df7bc482 100644
--- a/options.html
+++ b/options.html
@@ -122,6 +122,13 @@
             <span></span>
           </span>
         </label>
+        <label>
+          <span i18n-text="optionsAdvancedNewStyleFormat"></span>
+          <select id="newStyleFormat">
+            <option value="regular" i18n-text="optionsAdvancedNewStyleFormatRegular"></option>
+            <option value="usercss">Usercss</option>
+          </select>
+        </label>
       </div>
     </div>
 
diff --git a/options/options.css b/options/options.css
index 6a7b507a..9969dc4a 100644
--- a/options/options.css
+++ b/options/options.css
@@ -95,6 +95,7 @@ label:not([disabled]):hover > :first-child {
 button,
 input[type=number],
 input[type="color"],
+select,
 .onoffswitch {
   width: 60px;
   box-sizing: border-box;