mono-blue-theme_v2

config/webpack.common.js

@@ -29,6 +29,7 @@ module.exports = function(options) {
       'style-theme-default':  './resource/styles/scss/theme/default.scss',
       'style-theme-default-dark':  './resource/styles/scss/theme/default-dark.scss',
       'style-theme-nature':   './resource/styles/scss/theme/nature.scss',
+      'style-theme-mono-blue':   './resource/styles/scss/theme/mono-blue.scss',
       'style-presentation':   './resource/styles/scss/style-presentation.scss',
     },
     externals: {

lib/views/admin/customize.html

@@ -68,6 +68,7 @@
             <div class="d-flex">
               {% include 'widget/theme-colorbox.html' with { name: 'default',  bg: '#ffffff', topbar: '#334455', theme: '#112744' } %}
               {% include 'widget/theme-colorbox.html' with { name: 'nature',   bg: '#f9fff3', topbar: '#118050', theme: '#460039' } %}
+              {% include 'widget/theme-colorbox.html' with { name: 'mono-blue',   bg: '#F7FBFD', topbar: '#00587A', theme: '#00587A' } %}
             </div>
             {# Dark Themes #}
             <div class="d-flex">

resource/styles/agile-admin/inverse/colors/mono-blue.scss

@@ -0,0 +1,50 @@
+@import '../variables';
+
+$themecolor: #00587A;
+$themelight: #F7FBFD;
+$subthemecolor: #186718;
+
+
+$topbar: $themecolor;
+$sidebar: $themelight;
+$bodycolor: $themelight;
+
+$headingtext: $themecolor;
+$bodytext: $themecolor;
+$linktext: lighten($themecolor,5%);
+$linktext-hover: lighten($linktext, 12%);
+$sidebar-text: $themecolor;
+
+$primary: $themecolor;
+$success: lighten($themecolor,20%);
+$info: lighten($themecolor,20%);
+$warning: lighten($themecolor,20%);
+// $danger: ;
+
+code{
+  background-color: lighten($subthemecolor,70%);
+  color: $subthemecolor;
+}
+
+.admin-page{
+  #themeOptions{
+    a.active{
+      background-color: lighten($themecolor,20%);
+      border-color: lighten($themecolor,20%);
+    }
+  }
+}
+
+.wiki{
+  .code-line.revision-head.highlighted{
+    background-color: lighten($themecolor,20%);
+    color: $themelight;
+  }
+}
+
+$logo-mark-fill: lighten(desaturate($topbar, 30%), 20%);
+$wikilinktext: lighten($themecolor, 20%);
+$wikilinktext-hover: lighten($wikilinktext, 20%);
+
+@import 'apply-colors';
+@import 'apply-colors-light';

resource/styles/scss/theme/mono-blue.scss

@@ -0,0 +1,8 @@
+// import colors
+@import '../../agile-admin/inverse/colors/mono-blue';
+
+// apply agile-admin theme
+@import '../../agile-admin/inverse/style';
+
+// override
+@import 'override-agileadmin';