Working on updating the themes to include a mendix-custom file

Working on updating the themes to include a mendix-custom file and also fixed issue with styling of calendar widget.
mendix · Oct 29, 2014 · 5a891c7 · 5a891c7
1 parent a52d912
commit 5a891c7
Show file tree

Hide file tree

Showing 211 changed files with 148 additions and 132 deletions.
diff --git a/Bootswatch.mpr b/Bootswatch.mpr
diff --git a/dist/Bootswatch-3.0.mpk b/dist/Bootswatch-3.0.mpk
diff --git a/npm-debug.log b/npm-debug.log
@@ -0,0 +1,20 @@
+0 info it worked if it ends with ok
+1 verbose cli [ 'C:\\Program Files (x86)\\nodejs\\\\node.exe',
+1 verbose cli   'C:\\Program Files (x86)\\nodejs\\node_modules\\npm\\bin\\npm-cli.js',
+1 verbose cli   'install' ]
+2 info using npm@1.4.14
+3 info using node@v0.10.29
+4 verbose node symlink C:\Program Files (x86)\nodejs\\node.exe
+5 error install Couldn't read dependencies
+6 error package.json ENOENT, open 'C:\Users\sbl\My Documents\GitHub\MxBootswatch\package.json'
+6 error package.json This is most likely not a problem with npm itself.
+6 error package.json npm can't find a package.json file in your current directory.
+7 error System Windows_NT 6.1.7601
+8 error command "C:\\Program Files (x86)\\nodejs\\\\node.exe" "C:\\Program Files (x86)\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "install"
+9 error cwd C:\Users\sbl\My Documents\GitHub\MxBootswatch
+10 error node -v v0.10.29
+11 error npm -v 1.4.14
+12 error path C:\Users\sbl\My Documents\GitHub\MxBootswatch\package.json
+13 error code ENOPACKAGEJSON
+14 error errno 34
+15 verbose exit [ 34, true ]
diff --git a/theme-builder/Gruntfile.js b/theme-builder/Gruntfile.js
@@ -93,9 +93,13 @@ module.exports = function (grunt) {
 
     grunt.task.run(['concat', 'less:dist', 'clean:build',
       compress ? 'compressLess:'+lessDest+':'+'<%=builddir%>/' + theme + '/ui/theme-'+theme+'/css/bootstrap.min.css':'none']);
-
+
+
     grunt.config('copy.main.files',[{src:'<%=builddir%>/fonts/**', dest:'<%=builddir%>/' + theme + '/ui/theme-'+theme+'/'}]);
     grunt.task.run('copy');
+
+    grunt.config('copy.main.files',[{src:'<%=builddir%>/global/mendix/mendix-custom.css', dest:'<%=builddir%>/' + theme + '/ui/theme-'+theme+'/css/mendix-custom.css'}]);
+    grunt.task.run('copy');
 
     grunt.config('compress.main.options.archive', '../theme/'+theme+'.zip');
     grunt.config('compress.main.options.mode', 'zip');

diff --git a/theme-builder/amelia/index.html b/theme-builder/amelia/index.html
@@ -9,6 +9,7 @@
         <meta name="apple-mobile-web-app-capable" content="yes">
         <link rel="stylesheet" href="ui/theme-amelia/css/bootstrap.min.css">
         <link rel="stylesheet" href="mxclientsystem/mxui/ui/mxui.css">
+         <link rel="stylesheet" href="ui/theme-amelia/css/mendix-custom.css">
     <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
     <!--[if lt IE 9]>

diff --git a/theme-builder/amelia/ui/theme-amelia/css/bootstrap.css b/theme-builder/amelia/ui/theme-amelia/css/bootstrap.css
@@ -6596,7 +6596,6 @@ input[type="checkbox"] {
 ========================================================================== */
 .dijitCalendarContainer {
   background-color: #ad1d28;
-  z-index: 99 !important;
 }
 .dijitCalendarContainer tr th,
 .dijitCalendarContainer tr td {
@@ -6651,7 +6650,7 @@ input[type="checkbox"] {
   border-bottom-left-radius: 3px;
 }
 .navbar-fixed-top {
-  z-index: 100;
+  z-index: 1001;
 }
 .mobileHeader .mx-header {
   background: #ad1d28;

diff --git a/theme-builder/amelia/ui/theme-amelia/css/bootstrap.min.css b/theme-builder/amelia/ui/theme-amelia/css/bootstrap.min.css
diff --git a/theme-builder/amelia/ui/theme-amelia/css/mendix-custom.css b/theme-builder/amelia/ui/theme-amelia/css/mendix-custom.css
diff --git a/theme-builder/amelia/ui/theme-amelia/css/mendix-custom.min.css b/theme-builder/amelia/ui/theme-amelia/css/mendix-custom.min.css
diff --git a/theme-builder/bower_components/bootstrap/dist/css/mx-custom.css b/theme-builder/bower_components/bootstrap/dist/css/mx-custom.css
diff --git a/theme-builder/bower_components/mendix/mendix-global.less b/theme-builder/bower_components/mendix/mendix-global.less
@@ -295,7 +295,6 @@ input[type="radio"], input[type="checkbox"] {
 ========================================================================== */
 .dijitCalendarContainer {
     background-color: @dijitCalendar-bg-color;
-    z-index: 99 !important;
     tr th,tr td {
         padding: 6px;
         text-align: center;
@@ -355,7 +354,7 @@ input[type="radio"], input[type="checkbox"] {
 }
 
 .navbar-fixed-top{
-    z-index: 100;
+    z-index: 1001;
 }
 
 .mobileHeader{ 

diff --git a/theme-builder/cerulean/index.html b/theme-builder/cerulean/index.html
@@ -9,6 +9,7 @@
         <meta name="apple-mobile-web-app-capable" content="yes">
         <link rel="stylesheet" href="ui/theme-cerulean/css/bootstrap.min.css">
         <link rel="stylesheet" href="mxclientsystem/mxui/ui/mxui.css">
+        <link rel="stylesheet" href="ui/theme-cerulean/css/mendix-custom.css">
               <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
     <!--[if lt IE 9]>

diff --git a/theme-builder/cerulean/ui/theme-cerulean/css/bootstrap.css b/theme-builder/cerulean/ui/theme-cerulean/css/bootstrap.css
@@ -6603,7 +6603,6 @@ input[type="checkbox"] {
 ========================================================================== */
 .dijitCalendarContainer {
   background-color: #2fa4e7;
-  z-index: 99 !important;
 }
 .dijitCalendarContainer tr th,
 .dijitCalendarContainer tr td {
@@ -6658,7 +6657,7 @@ input[type="checkbox"] {
   border-bottom-left-radius: 3px;
 }
 .navbar-fixed-top {
-  z-index: 100;
+  z-index: 1001;
 }
 .mobileHeader .mx-header {
   background: #2fa4e7;

diff --git a/theme-builder/cerulean/ui/theme-cerulean/css/bootstrap.min.css b/theme-builder/cerulean/ui/theme-cerulean/css/bootstrap.min.css
diff --git a/theme-builder/cerulean/ui/theme-cerulean/css/mendix-custom.css b/theme-builder/cerulean/ui/theme-cerulean/css/mendix-custom.css
diff --git a/theme-builder/composer.json b/theme-builder/composer.json
@@ -27,7 +27,9 @@
                 "fonts/*",
                 "journal/*",
                 "lumen/*",
+                "paper/*",
                 "readable/*",
+                "sandstone/*",
                 "simplex/*",
                 "slate/*",
                 "spacelab/*",

diff --git a/theme-builder/cosmo/index.html b/theme-builder/cosmo/index.html
@@ -9,6 +9,7 @@
         <meta name="apple-mobile-web-app-capable" content="yes">
         <link rel="stylesheet" href="ui/theme-cosmo/css/bootstrap.min.css">
         <link rel="stylesheet" href="mxclientsystem/mxui/ui/mxui.css">
+        <link rel="stylesheet" href="ui/theme-cosmo/css/mendix-custom.css">
               <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
     <!--[if lt IE 9]>

diff --git a/theme-builder/cosmo/ui/theme-cosmo/css/bootstrap.css b/theme-builder/cosmo/ui/theme-cosmo/css/bootstrap.css
@@ -6603,7 +6603,6 @@ input[type="checkbox"] {
 ========================================================================== */
 .dijitCalendarContainer {
   background-color: #007fff;
-  z-index: 99 !important;
 }
 .dijitCalendarContainer tr th,
 .dijitCalendarContainer tr td {
@@ -6658,7 +6657,7 @@ input[type="checkbox"] {
   border-bottom-left-radius: 3px;
 }
 .navbar-fixed-top {
-  z-index: 100;
+  z-index: 1001;
 }
 .mobileHeader .mx-header {
   background: #222222;

diff --git a/theme-builder/cosmo/ui/theme-cosmo/css/bootstrap.min.css b/theme-builder/cosmo/ui/theme-cosmo/css/bootstrap.min.css
diff --git a/theme-builder/cosmo/ui/theme-cosmo/css/mendix-custom.css b/theme-builder/cosmo/ui/theme-cosmo/css/mendix-custom.css
diff --git a/theme-builder/cupid/index.html b/theme-builder/cupid/index.html
@@ -9,6 +9,7 @@
         <meta name="apple-mobile-web-app-capable" content="yes">
         <link rel="stylesheet" href="ui/theme-cupid/css/bootstrap.min.css">
         <link rel="stylesheet" href="mxclientsystem/mxui/ui/mxui.css">
+        <link rel="stylesheet" href="ui/theme-cupid/css/mendix-custom.css">
               <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
     <!--[if lt IE 9]>

diff --git a/theme-builder/cupid/ui/theme-cupid/css/bootstrap.css b/theme-builder/cupid/ui/theme-cupid/css/bootstrap.css
@@ -6903,7 +6903,6 @@ input[type="checkbox"] {
 ========================================================================== */
 .dijitCalendarContainer {
   background-color: #f0569f;
-  z-index: 99 !important;
 }
 .dijitCalendarContainer tr th,
 .dijitCalendarContainer tr td {
@@ -6958,7 +6957,7 @@ input[type="checkbox"] {
   border-bottom-left-radius: 3px;
 }
 .navbar-fixed-top {
-  z-index: 100;
+  z-index: 1001;
 }
 .mobileHeader .mx-header {
   background: #f0569f;

diff --git a/theme-builder/cupid/ui/theme-cupid/css/bootstrap.min.css b/theme-builder/cupid/ui/theme-cupid/css/bootstrap.min.css
diff --git a/theme-builder/cupid/ui/theme-cupid/css/mendix-custom.css b/theme-builder/cupid/ui/theme-cupid/css/mendix-custom.css
diff --git a/theme-builder/custom/index.html b/theme-builder/custom/index.html
@@ -9,6 +9,7 @@
         <meta name="apple-mobile-web-app-capable" content="yes">
         <link rel="stylesheet" href="ui/theme-custom/css/bootstrap.min.css">
         <link rel="stylesheet" href="mxclientsystem/mxui/ui/mxui.css">
+        <link rel="stylesheet" href="ui/theme-custom/css/mendix-custom.css">
               <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
     <!--[if lt IE 9]>

diff --git a/theme-builder/custom/ui/theme-custom/css/bootstrap.css b/theme-builder/custom/ui/theme-custom/css/bootstrap.css
@@ -6479,7 +6479,6 @@ input[type="checkbox"] {
 ========================================================================== */
 .dijitCalendarContainer {
   background-color: #428bca;
-  z-index: 99 !important;
 }
 .dijitCalendarContainer tr th,
 .dijitCalendarContainer tr td {
@@ -6534,7 +6533,7 @@ input[type="checkbox"] {
   border-bottom-left-radius: 3px;
 }
 .navbar-fixed-top {
-  z-index: 100;
+  z-index: 1001;
 }
 .mobileHeader .mx-header {
   background: #f8f8f8;

diff --git a/theme-builder/custom/ui/theme-custom/css/bootstrap.min.css b/theme-builder/custom/ui/theme-custom/css/bootstrap.min.css
diff --git a/theme-builder/custom/ui/theme-custom/css/mendix-custom.css b/theme-builder/custom/ui/theme-custom/css/mendix-custom.css
diff --git a/theme-builder/cyborg/index.html b/theme-builder/cyborg/index.html
@@ -9,6 +9,7 @@
         <meta name="apple-mobile-web-app-capable" content="yes">
         <link rel="stylesheet" href="ui/theme-cyborg/css/bootstrap.min.css">
         <link rel="stylesheet" href="mxclientsystem/mxui/ui/mxui.css">
+        <link rel="stylesheet" href="ui/theme-cyborg/css/mendix-custom.css">
       <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
     <!--[if lt IE 9]>

diff --git a/theme-builder/cyborg/ui/theme-cyborg/css/bootstrap.css b/theme-builder/cyborg/ui/theme-cyborg/css/bootstrap.css
@@ -6592,7 +6592,6 @@ input[type="checkbox"] {
 ========================================================================== */
 .dijitCalendarContainer {
   background-color: #2a9fd6;
-  z-index: 99 !important;
 }
 .dijitCalendarContainer tr th,
 .dijitCalendarContainer tr td {
@@ -6647,7 +6646,7 @@ input[type="checkbox"] {
   border-bottom-left-radius: 3px;
 }
 .navbar-fixed-top {
-  z-index: 100;
+  z-index: 1001;
 }
 .mobileHeader .mx-header {
   background: #060606;

diff --git a/theme-builder/cyborg/ui/theme-cyborg/css/bootstrap.min.css b/theme-builder/cyborg/ui/theme-cyborg/css/bootstrap.min.css
diff --git a/theme-builder/cyborg/ui/theme-cyborg/css/mendix-custom.css b/theme-builder/cyborg/ui/theme-cyborg/css/mendix-custom.css
diff --git a/theme-builder/darkly/index.html b/theme-builder/darkly/index.html
@@ -9,6 +9,7 @@
         <meta name="apple-mobile-web-app-capable" content="yes">
         <link rel="stylesheet" href="ui/theme-darkly/css/bootstrap.min.css">
         <link rel="stylesheet" href="mxclientsystem/mxui/ui/mxui.css">
+        <link rel="stylesheet" href="ui/theme-darkly/css/mendix-custom.css">
       <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
     <!--[if lt IE 9]>

diff --git a/theme-builder/darkly/ui/theme-darkly/css/bootstrap.css b/theme-builder/darkly/ui/theme-darkly/css/bootstrap.css
@@ -6701,7 +6701,6 @@ input[type="checkbox"] {
 ========================================================================== */
 .dijitCalendarContainer {
   background-color: #375a7f;
-  z-index: 99 !important;
 }
 .dijitCalendarContainer tr th,
 .dijitCalendarContainer tr td {
@@ -6756,7 +6755,7 @@ input[type="checkbox"] {
   border-bottom-left-radius: 3px;
 }
 .navbar-fixed-top {
-  z-index: 100;
+  z-index: 1001;
 }
 .mobileHeader .mx-header {
   background: #375a7f;

diff --git a/theme-builder/darkly/ui/theme-darkly/css/bootstrap.min.css b/theme-builder/darkly/ui/theme-darkly/css/bootstrap.min.css
diff --git a/theme-builder/darkly/ui/theme-darkly/css/mendix-custom.css b/theme-builder/darkly/ui/theme-darkly/css/mendix-custom.css
diff --git a/theme-builder/default/index.html b/theme-builder/default/index.html
@@ -9,6 +9,7 @@
         <meta name="apple-mobile-web-app-capable" content="yes">
         <link rel="stylesheet" href="ui/theme-default/css/bootstrap.min.css">
         <link rel="stylesheet" href="mxclientsystem/mxui/ui/mxui.css">
+        <link rel="stylesheet" href="ui/theme-default/css/mendix-custom.css">
               <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
     <!--[if lt IE 9]>

diff --git a/theme-builder/default/ui/theme-default/css/bootstrap.css b/theme-builder/default/ui/theme-default/css/bootstrap.css
@@ -6479,7 +6479,6 @@ input[type="checkbox"] {
 ========================================================================== */
 .dijitCalendarContainer {
   background-color: #428bca;
-  z-index: 99 !important;
 }
 .dijitCalendarContainer tr th,
 .dijitCalendarContainer tr td {
@@ -6534,7 +6533,7 @@ input[type="checkbox"] {
   border-bottom-left-radius: 3px;
 }
 .navbar-fixed-top {
-  z-index: 100;
+  z-index: 1001;
 }
 .mobileHeader .mx-header {
   background: #f8f8f8;

diff --git a/theme-builder/default/ui/theme-default/css/bootstrap.min.css b/theme-builder/default/ui/theme-default/css/bootstrap.min.css
diff --git a/theme-builder/default/ui/theme-default/css/mendix-custom.css b/theme-builder/default/ui/theme-default/css/mendix-custom.css
diff --git a/theme-builder/flatly/index.html b/theme-builder/flatly/index.html
@@ -9,6 +9,7 @@
         <meta name="apple-mobile-web-app-capable" content="yes">
         <link rel="stylesheet" href="ui/theme-flatly/css/bootstrap.min.css">
         <link rel="stylesheet" href="mxclientsystem/mxui/ui/mxui.css">
+         <link rel="stylesheet" href="ui/theme-flatly/css/mendix-custom.css">
               <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
     <!--[if lt IE 9]>

diff --git a/theme-builder/flatly/ui/theme-flatly/css/bootstrap.css b/theme-builder/flatly/ui/theme-flatly/css/bootstrap.css
@@ -6679,7 +6679,6 @@ input[type="checkbox"] {
 ========================================================================== */
 .dijitCalendarContainer {
   background-color: #2c3e50;
-  z-index: 99 !important;
 }
 .dijitCalendarContainer tr th,
 .dijitCalendarContainer tr td {
@@ -6734,7 +6733,7 @@ input[type="checkbox"] {
   border-bottom-left-radius: 3px;
 }
 .navbar-fixed-top {
-  z-index: 100;
+  z-index: 1001;
 }
 .mobileHeader .mx-header {
   background: #2c3e50;

diff --git a/theme-builder/flatly/ui/theme-flatly/css/bootstrap.min.css b/theme-builder/flatly/ui/theme-flatly/css/bootstrap.min.css
diff --git a/theme-builder/flatly/ui/theme-flatly/css/mendix-custom.css b/theme-builder/flatly/ui/theme-flatly/css/mendix-custom.css
diff --git a/theme-builder/global/mendix/mendix-custom.css b/theme-builder/global/mendix/mendix-custom.css
diff --git a/theme-builder/journal/index.html b/theme-builder/journal/index.html
@@ -9,6 +9,7 @@
         <meta name="apple-mobile-web-app-capable" content="yes">
         <link rel="stylesheet" href="ui/theme-journal/css/bootstrap.min.css">
         <link rel="stylesheet" href="mxclientsystem/mxui/ui/mxui.css">
+         <link rel="stylesheet" href="ui/theme-journal/css/mendix-custom.css">
       <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
     <!--[if lt IE 9]>

diff --git a/theme-builder/journal/ui/theme-journal/css/bootstrap.css b/theme-builder/journal/ui/theme-journal/css/bootstrap.css
@@ -6547,7 +6547,6 @@ input[type="checkbox"] {
 ========================================================================== */
 .dijitCalendarContainer {
   background-color: #eb6864;
-  z-index: 99 !important;
 }
 .dijitCalendarContainer tr th,
 .dijitCalendarContainer tr td {
@@ -6602,7 +6601,7 @@ input[type="checkbox"] {
   border-bottom-left-radius: 3px;
 }
 .navbar-fixed-top {
-  z-index: 100;
+  z-index: 1001;
 }
 .mobileHeader .mx-header {
   background: #ffffff;

diff --git a/theme-builder/journal/ui/theme-journal/css/bootstrap.min.css b/theme-builder/journal/ui/theme-journal/css/bootstrap.min.css
diff --git a/theme-builder/journal/ui/theme-journal/css/mendix-custom.css b/theme-builder/journal/ui/theme-journal/css/mendix-custom.css
diff --git a/theme-builder/lumen/index.html b/theme-builder/lumen/index.html
@@ -9,6 +9,7 @@
         <meta name="apple-mobile-web-app-capable" content="yes">
         <link rel="stylesheet" href="ui/theme-lumen/css/bootstrap.min.css">
         <link rel="stylesheet" href="mxclientsystem/mxui/ui/mxui.css">
+         <link rel="stylesheet" href="ui/theme-lumen/css/mendix-custom.css">
               <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
     <!--[if lt IE 9]>

diff --git a/theme-builder/lumen/ui/theme-lumen/css/bootstrap.css b/theme-builder/lumen/ui/theme-lumen/css/bootstrap.css
@@ -6829,7 +6829,6 @@ input[type="checkbox"] {
 ========================================================================== */
 .dijitCalendarContainer {
   background-color: #158cba;
-  z-index: 99 !important;
 }
 .dijitCalendarContainer tr th,
 .dijitCalendarContainer tr td {
@@ -6884,7 +6883,7 @@ input[type="checkbox"] {
   border-bottom-left-radius: 3px;
 }
 .navbar-fixed-top {
-  z-index: 100;
+  z-index: 1001;
 }
 .mobileHeader .mx-header {
   background: #f8f8f8;

diff --git a/theme-builder/lumen/ui/theme-lumen/css/bootstrap.min.css b/theme-builder/lumen/ui/theme-lumen/css/bootstrap.min.css
diff --git a/theme-builder/lumen/ui/theme-lumen/css/mendix-custom.css b/theme-builder/lumen/ui/theme-lumen/css/mendix-custom.css
diff --git a/theme-builder/mxbootswatch-demo/index-amelia.html b/theme-builder/mxbootswatch-demo/index-amelia.html
@@ -9,6 +9,7 @@
         <meta name="apple-mobile-web-app-capable" content="yes">
         <link rel="stylesheet" href="ui/theme-amelia/css/bootstrap.min.css">
         <link rel="stylesheet" href="mxclientsystem/mxui/ui/mxui.css">
+         <link rel="stylesheet" href="ui/theme-amelia/css/mendix-custom.css">
     <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
     <!--[if lt IE 9]>

diff --git a/theme-builder/mxbootswatch-demo/index-cerulean.html b/theme-builder/mxbootswatch-demo/index-cerulean.html
@@ -9,6 +9,7 @@
         <meta name="apple-mobile-web-app-capable" content="yes">
         <link rel="stylesheet" href="ui/theme-cerulean/css/bootstrap.min.css">
         <link rel="stylesheet" href="mxclientsystem/mxui/ui/mxui.css">
+        <link rel="stylesheet" href="ui/theme-cerulean/css/mendix-custom.css">
               <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
     <!--[if lt IE 9]>

diff --git a/theme-builder/mxbootswatch-demo/index-cosmo.html b/theme-builder/mxbootswatch-demo/index-cosmo.html
@@ -9,6 +9,7 @@
         <meta name="apple-mobile-web-app-capable" content="yes">
         <link rel="stylesheet" href="ui/theme-cosmo/css/bootstrap.min.css">
         <link rel="stylesheet" href="mxclientsystem/mxui/ui/mxui.css">
+        <link rel="stylesheet" href="ui/theme-cosmo/css/mendix-custom.css">
               <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
     <!--[if lt IE 9]>

diff --git a/theme-builder/mxbootswatch-demo/index-cupid.html b/theme-builder/mxbootswatch-demo/index-cupid.html
@@ -9,6 +9,7 @@
         <meta name="apple-mobile-web-app-capable" content="yes">
         <link rel="stylesheet" href="ui/theme-cupid/css/bootstrap.min.css">
         <link rel="stylesheet" href="mxclientsystem/mxui/ui/mxui.css">
+        <link rel="stylesheet" href="ui/theme-cupid/css/mendix-custom.css">
               <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
     <!--[if lt IE 9]>

diff --git a/theme-builder/mxbootswatch-demo/index-custom.html b/theme-builder/mxbootswatch-demo/index-custom.html
@@ -9,6 +9,7 @@
         <meta name="apple-mobile-web-app-capable" content="yes">
         <link rel="stylesheet" href="ui/theme-custom/css/bootstrap.min.css">
         <link rel="stylesheet" href="mxclientsystem/mxui/ui/mxui.css">
+        <link rel="stylesheet" href="ui/theme-custom/css/mendix-custom.css">
               <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
     <!--[if lt IE 9]>

diff --git a/theme-builder/mxbootswatch-demo/index-cyborg.html b/theme-builder/mxbootswatch-demo/index-cyborg.html
@@ -9,6 +9,7 @@
         <meta name="apple-mobile-web-app-capable" content="yes">
         <link rel="stylesheet" href="ui/theme-cyborg/css/bootstrap.min.css">
         <link rel="stylesheet" href="mxclientsystem/mxui/ui/mxui.css">
+        <link rel="stylesheet" href="ui/theme-cyborg/css/mendix-custom.css">
       <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
     <!--[if lt IE 9]>

diff --git a/theme-builder/mxbootswatch-demo/index-darkly.html b/theme-builder/mxbootswatch-demo/index-darkly.html
@@ -9,6 +9,7 @@
         <meta name="apple-mobile-web-app-capable" content="yes">
         <link rel="stylesheet" href="ui/theme-darkly/css/bootstrap.min.css">
         <link rel="stylesheet" href="mxclientsystem/mxui/ui/mxui.css">
+        <link rel="stylesheet" href="ui/theme-darkly/css/mendix-custom.css">
       <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
     <!--[if lt IE 9]>