mayu morita 7 лет назад
Родитель
Сommit
f829acb0f7

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

@@ -0,0 +1,53 @@
+@import '../variables';
+
+$basecolor:#030003;
+$themecolor: #aa4a04;
+$subthemecolor: #e9af2b;
+
+$linkcolor: #7c3a0a;
+
+$topbar: $themecolor;
+$sidebar:#061f2f;
+$subthemecolor: #e9af2b;
+$bodycolor: #fab362;
+$headingtext: #061f2f;
+$bodytext: #061f2f;
+$linktext: $linkcolor;
+$linktext-hover: rgba($linktext, 0.8);
+$sidebar-text: $themecolor;
+$dark-themecolor:#4f5467;
+
+$primary: $themecolor;
+
+$logo-mark-fill: lighten(desaturate($topbar, 10%), 15%);
+$wikilinktext: $linkcolor;
+$wikilinktext-hover: rgba($linktext, 0.8);
+
+$dark: darken($bodytext, 5%);
+$border: $themecolor;
+$navbar-border: lighten($basecolor, 25%);
+$active-navbar-border: darken($navbar-border, 3%);
+$btn-default-bgcolor: darken($basecolor, 10%);
+$inline-code-color: $subthemecolor;
+$inline-code-bg: #0a121b;
+
+@import 'apply-colors';
+@import 'apply-colors-dark';
+
+.wiki {
+  .highlighted {
+   background-color: lighten($themecolor, 20%);
+  }
+}
+
+.panel {
+  &, &.panel-white, &.panel-default {
+    border-color: $bodytext;
+    .panel-heading {
+      color: $basecolor;
+      background-color: 1px solid $bodytext;
+    }
+  }
+}
+
+

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

@@ -0,0 +1,55 @@
+@import '../variables';
+
+
+$basecolor: #0c2a44;
+$themelight: rgba(174, 216, 210, 0.973);
+$subthemecolor: rgba($linktext, 0.8);
+$linkcolor: #ffffff;
+$themecolor: #97cbc3;
+
+$topbar: $basecolor;
+$sidebar: $themelight;
+$bodycolor: $themelight;
+
+$headingtext: #ffffff;
+$bodytext: #ffffff;
+$linktext: $linkcolor;
+$linktext-hover: rgba($linktext, 0.8);
+$sidebar-text: $themecolor;
+
+$primary: $themecolor;
+
+$logo-mark-fill: lighten(desaturate($topbar, 10%), 15%);
+$wikilinktext: $linkcolor;
+$wikilinktext-hover: rgba($linktext, 0.8);
+
+$dark: darken($bodytext, 5%);
+$border: #fff;
+$navbar-border: lighten($basecolor, 25%);
+$active-navbar-border: darken($navbar-border, 3%);
+$btn-default-bgcolor: darken($basecolor, 10%);
+$inline-code-color: $subthemecolor;
+$inline-code-bg: #0a121b;
+
+@import 'apply-colors';
+@import 'apply-colors-dark';
+
+.wiki {
+  .highlighted {
+   background-color: lighten($themecolor, 20%);
+  }
+}
+
+.panel {
+  &, &.panel-white, &.panel-default {
+    border-color: $bodytext;
+    color: $basecolor;
+    .panel-heading {
+      color: $basecolor;
+      background-color: 1px solid $bodytext;
+    }
+  }
+  .panel-body {
+    color: black;
+  }
+}

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

@@ -0,0 +1,41 @@
+@import '../variables';
+
+$themecolor: #aaa45f;
+$themelight: #ffffff;
+$subthemecolor: #dddebf;
+
+
+$topbar: $themecolor;
+$sidebar: $themelight;
+$bodycolor: $themelight;
+
+$headingtext: #6d8969;
+$bodytext: #92918c;
+$linktext: lighten(#6d8969, 5%);
+$linktext-hover: lighten($linktext, 12%);
+$sidebar-text:  #859083;
+
+$primary: $themecolor;
+$info: lighten($themecolor,20%);
+
+$logo-mark-fill: lighten(desaturate($topbar, 30%), 20%);
+$wikilinktext: lighten($themecolor, 20%);
+$wikilinktext-hover: lighten($wikilinktext, 20%);
+$inline-code-color: $subthemecolor;
+$inline-code-bg: lighten($subthemecolor,70%);
+
+@import 'apply-colors';
+@import 'apply-colors-light';
+
+
+// change color of highlighted header in wiki (default: orange)
+.wiki {
+  .code-line.revision-head.highlighted {
+    background-color: lighten($themecolor,20%);
+    color: $themelight;
+
+    .icon-note, .icon-link {
+      color: $themelight;
+    }
+  }
+}

+ 1 - 1
src/server/views/admin/customize.html

@@ -77,7 +77,7 @@
               {% include 'widget/theme-colorbox.html' with { name: 'default-dark', bg: '#212731', topbar: '#151515', theme: '#f75b36' } %}
               {% include 'widget/theme-colorbox.html' with { name: 'future', bg: '#16282D', topbar: '#011414', theme: '#04B4AE' } %}
               {% include 'widget/theme-colorbox.html' with { name: 'blue-night', bg: '#061F2F', topbar: '#27343B', theme: '#0090C8' } %}
-              {% include 'widget/theme-colorbox.html' with { name: 'halloween ',   bg: '#030003', topbar: '#cc5d1f', theme: '#e9af2b' } %}
+              {% include 'widget/theme-colorbox.html' with { name: 'halloween',   bg: '#030003', topbar: '#cc5d1f', theme: '#e9af2b' } %}
             </div>
           </div>