work in progress

src/client/styles/agile-admin/inverse/colors/halloween.scss

@@ -43,6 +43,7 @@ $inline-code-bg: #0a121b;
 .panel {
   &, &.panel-white, &.panel-default {
     border-color: $bodytext;
+    background-color: lighten($basecolor, 5%);
     .panel-heading {
       color: $basecolor;
       background-color: 1px solid $bodytext;

src/client/styles/agile-admin/inverse/colors/island.scss

@@ -2,17 +2,17 @@
 
 
 $themecolor: #0c2a44;
-$themelight: rgba(174, 216, 210, 0.973);
+$themelight: rgba(183, 226, 219, 1);
 $subthemecolor: rgba($linktext, 0.8);
-$linkcolor: #fbfdfa;
+$linkcolor: #3c6d72;
 $themecolor: #97cbc3;
 
 $topbar: #0c2a44;
 $sidebar: $themelight;
 $bodycolor: $themelight;
 
-$headingtext: #ffffff;
-$bodytext: #ffffff;
+$headingtext:#3c6d72;
+$bodytext: #3c6d72;
 $linktext: $linkcolor;
 $linktext-hover: rgba($linktext, 0.8);
 $sidebar-text: $themecolor;
@@ -24,11 +24,11 @@ $wikilinktext: $linkcolor;
 $wikilinktext-hover: rgba($linktext, 0.8);
 
 $dark: darken($bodytext, 5%);
-$border: #fff;
+$border: #ffffff ;
 $navbar-border: lighten($themecolor, 25%);
 $active-navbar-border: darken($navbar-border, 3%);
 $btn-default-bgcolor: darken($themecolor, 10%);
-$inline-code-color: lighten($themelight, 40);
+$inline-code-color: #8f5313;
 $inline-code-bg: darken($themelight, 3%);
 
 @import 'apply-colors';
@@ -39,12 +39,15 @@ $inline-code-bg: darken($themelight, 3%);
    background-color: lighten($themecolor, 20%);
   }
 }
+.wiki h1 {
+    border-color: white !important;
+  }
 .panel {
   &,
   &.panel-white,
   &.panel-default {
     background-color: lighten($themecolor, 30%);
-    border-color: $bodytext;
+    border-color: white;
     color: $themecolor;
     .panel-heading {
       color: $themecolor;
@@ -70,7 +73,7 @@ $inline-code-bg: darken($themelight, 3%);
   .page-list-ul {
     > li {
       > a strong {
-        color: lighten($themelight, 20%);
+        color: $linkcolor;
       }
     }
   }
@@ -78,3 +81,6 @@ $inline-code-bg: darken($themelight, 3%);
 .rbt-menu {
   background: lighten($themelight, 5%);
 }
+#page-wrapper {
+  background-image: url("/images/admin/customize/island.png") !important;
+}

src/client/styles/agile-admin/inverse/colors/wood.scss

@@ -42,3 +42,7 @@ $inline-code-bg: lighten($subthemecolor,70%);
 .rbt-menu {
   background: $themelight;
 }
+#page-wrapper {
+  background-image: url("/images/admin/customize/wood.png") !important;
+}
+

src/server/views/admin/customize.html

@@ -69,7 +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: 'wood',   bg: '#ffffff', topbar: '#aaa45f', theme: '#dddebf' } %}
+              {% include 'widget/theme-colorbox.html' with { name: 'wood',   bg: '#fffefb', topbar: '#aaa45f', theme: '#dddebf' } %}
               {% include 'widget/theme-colorbox.html' with { name: 'island',   bg: '#8ecac0', topbar: '#0c2a44', theme: '#cef2ef' } %}
             </div>
             {# Dark Themes #}