Add: newStyleFormat option

_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"
   },

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'

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>
 

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;