Upgrade to Bootstrap 3

cache.manifest

@@ -1,5 +1,5 @@
 CACHE MANIFEST
-# Wed  7 Aug 2013 23:32:48 IST
+# Mon 19 Aug 2013 00:01:51 IST
 
 CACHE:
 index.html

js/config.js

@@ -54,7 +54,7 @@ if(location.hostname.indexOf("benweet.github.io") === 0) {
 }
 
 var THEME_LIST = {
-    "": "Default",
+    "default": "Default",
     "blue-gray": "Blue-Gray",
     "night": "Night"
 };

js/core.js

@@ -104,7 +104,7 @@ define([
         // Layout orientation
         utils.setInputRadio("radio-layout-orientation", settings.layoutOrientation);
         // Theme
-        utils.setInputValue("#input-settings-theme", localStorage.theme);
+        utils.setInputValue("#input-settings-theme", localStorage.theme || 'default');
         // Lazy rendering
         utils.setInputChecked("#input-settings-lazy-rendering", settings.lazyRendering);
         // Editor font family
@@ -550,8 +550,8 @@ define([
         // Load theme list
         var themeOptions = _.reduce(THEME_LIST, function(themeOptions, name, value) {
             return themeOptions + '<option value="' + value + '">' + name + '</option>';
-        }, "");
+        }, '');
-        $("#input-settings-theme").html(themeOptions);
+        document.getElementById('input-settings-theme').innerHTML = themeOptions;
 
         var isModalShown = false;
         $('.modal').on('show.bs.modal', function() {

js/main.js

@@ -84,6 +84,8 @@ if(location.search.match(/(\?|&)console/)) {
     logger = console;
 }
 
+var theme = localStorage.theme || 'default';
+
 // RequireJS entry point. By requiring synchronizer, publisher and
 // media-importer, we are actually loading all the modules
 require([
@@ -93,7 +95,7 @@ require([
     "publisher",
     "mediaImporter",
     "css",
-    "less!styles/main.less",
+    "less!styles/" + theme + ".less",
 ], function($, core) {
 
     $(function() {

js/styles/night.less

@@ -1,55 +1,54 @@
-body,
+@import "main.less"
-.btn,
-#preview-contents,
-.modal-footer,
-input[disabled],
-select[disabled],
-textarea[disabled],
-.input-prepend .add-on {
-    background-color: #222;
-    color: #fff;
-}
 
-input,
+@bg-light: #f2f2f2;
-select,
+@preview-bg-light: #444;
-textarea,
+@bg-navbar-hover: #333;
-.input-prepend .btn,
+@navbar-text-color: #999;
-.input-prepend
+@text-inv: #fff;
-.add-on {
+@text-light: #888;
-    border-color: #444 !important;
+@error-border: #ff8661;
-}
+@panel-button-color: #999;
+@panel-bg: #222;
+@folder-color: #aaa;
 
+
+/* Bootstrap */
+@body-bg: #222;
+@text-color: #fff;
+@link-color: #f73;
+@input-color: #fff; 
+@input-border: #444;
+@input-bg: #111;
+@dropdown-border: #ddd;
+@pre-border-color: #ddd;
+@navbar-bg: #444;
+@nav-link-hover-bg: #444;
+@nav-disabled-link-color: #ccc;
+@nav-disabled-link-hover-color: #bbb;
+@dropdown-link-hover-bg: #888;
+@dropdown-link-active-color: #fff;
+@list-group-link-color: #fff;
+@list-group-active-bg: @dropdown-link-hover-bg;
+@list-group-hover-bg: #444;
+@list-group-bg: #333;
+@input-color-placeholder: #ccc;
+@btn-default-color: #fff;
+@btn-primary-color: #fff;
+@btn-primary-bg: #555;
+@btn-success-color: #bbb;
+@btn-info-bg: @body-bg;
+@gray-lighter: @body-bg;
+@modal-content-bg: #333;
+@modal-content-separator-color: #444;
+@modal-backdrop-bg: #000;
+@blockquote-border-color: fade(#fff, 8%);
+@close-color: #fff;
+
+/*
 input[readonly], select[readonly], textarea[readonly] {
     background-color: #fff;
 }
 
-#wmd-input, input, .dropdown-menu, .modal {
-	background: #111;
-    color: #fff;
-}
-
-.modal-header, .modal-footer {
-	border-color: #222;
-}
-
-a {
-    color: #f73;
-}
-
-a:hover,
-a:focus {
-	color: #ffab81;
-	text-decoration: underline;
-}
-
-#file-title {
-	color: #bbb;
-}
-
-#file-title:hover {
-    color: #fff;
-}
-
 blockquote {
     border-color: #333;
 }
@@ -70,10 +69,6 @@ blockquote {
     background-image: url("../../img/glyphicons-halflings-white.png");
 }
 
-.navbar-inner {
-    background-color: #444 !important;
-}
-
 .navbar-inner .btn,
 #extension-preview-buttons .btn {
     background-color: #444;
@@ -222,3 +217,4 @@ input[type="color"]:focus,
     background-color:rgba(80,80,80,0.75) !important;
 }
 
+*/

tools/optimize-js.json

@@ -11,5 +11,13 @@
             indent_level: 1,
         },
     },
-	excludeShallow: ['css/css-builder', 'less/lessc-server', 'less/lessc'],
+	include: [
+		'less!styles/default.less',
+		'less!styles/night.less',
+	],
+	excludeShallow: [
+		'css/css-builder',
+		'less/lessc-server',
+		'less/lessc'
+	],
 })