display new theme

config/webpack.common.js

@@ -30,6 +30,7 @@ module.exports = function(options) {
       '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-theme-future': './resource/styles/scss/theme/future.scss',
       'style-presentation':   './resource/styles/scss/style-presentation.scss',
     },
     externals: {

lib/views/admin/customize.html

@@ -69,6 +69,7 @@
               {% 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' } %}
+              {% include 'widget/theme-colorbox.html' with { name: 'future', bg: '#ffffff', topbar: '#53490d', theme: '#112744' } %}
             </div>
             {# Dark Themes #}
             <div class="d-flex">

resource/styles/agile-admin/inverse/colors/future.scss

@@ -0,0 +1,21 @@
+@import '../variables';
+
+$themecolor:#af8f25;
+
+$topbar:#53490d;
+$sidebar:#fff;
+$bodycolor:#fff;
+$headingtext: #2b2b2b;
+$bodytext: #333333;
+$linktext: darken($themecolor, 15%);
+$linktext-hover: lighten($linktext, 10%);
+$sidebar-text:#5a4a38;
+
+$primary: $themecolor;
+
+$logo-mark-fill: lighten(desaturate($topbar, 10%), 15%);
+$wikilinktext: darken($themecolor, 15%);
+$wikilinktext-hover: lighten($wikilinktext, 10%);
+
+@import 'apply-colors';
+@import 'apply-colors-light';

resource/styles/scss/theme/future.scss

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