frontend/marko/global/colors.less

body.theme-story {
  .color-menu {
    color: #789;
  }
  .menu-link.selected {
    background-color: rgba(17, 187, 255, 0.125);
  }
  .menu-link:hover, .menu > .head-menu > a:hover {
    background-color: rgba(17, 187, 255, 0.25);
  }
  .color-primary, button, input:focus, textarea:focus, select:focus, .modal h1, .modal h2, .modal label, .markdown-content h1, .markdown-content h2, .markdown-content h3, .markdown-content h4, .markdown-content hr, .markdown-content a {
    color: #4BF;
  }
  .color-text, input, textarea, select {
    color: #ABC;
  }
  .color-highlight-primary {
    background-color: rgba(34, 187, 255, 0.25);
    color: #4BF;
  }
  .color-highlight-dark {
    background-color: rgba(0, 4, 9, 0.75);
  }
}

body.theme-logs {
  .color-menu {
    color: #776;
  }
  .menu-link.selected {
    background-color: rgba(255, 183, 0, 0.226);
  }
  .menu-link:hover, .Menu > .head-menu > a:hover {
    background-color: rgba(255, 187, 17, 0.25);
  }
  .color-primary, button, input:focus, textarea:focus, select:focus, .modal h1, .modal h2, .modal label, .markdown-content h1, .markdown-content h2, .markdown-content h3, .markdown-content h4, .markdown-content hr, .markdown-content a {
    color: #DA1;
  }
  .color-text, input, textarea, select {
    color: #BBB;
  }
  .color-highlight-dark {
    background-color: rgba(9, 4, 0, 0.75);
  }
  .color-highlight-primary {
    background-color: rgba(255, 187, 17, 0.25);
    color: #DA1;
  }
}

.theme-mapp {
  .color-menu {
    color: #898;
  }
  .menu-link.selected {
    background-color: rgba(35, 255, 128, 0.125);
  }
  .menu-link:hover, .menu > .head-menu > a:hover {
    background-color: rgba(35, 255, 128, 0.25);
  }
  .color-primary, button, input:focus, textarea:focus, select:focus, .modal h1, .modal h2, .modal label, .markdown-content h1, .markdown-content h2, .markdown-content h3, .markdown-content h4, .markdown-content hr, .markdown-content a {
    color: #1F8;
  }
  .color-text, input, textarea, select {
    color: #ACB;
  }
}

body.theme-data {
  .color-menu {
    color: #775;
  }
  .menu-link.selected {
    background-color: rgba(204, 204, 34, 0.226);
  }
  .menu-link:hover, .Menu > .head-menu > a:hover {
    background-color: rgba(204, 204, 34, 0.25);
  }
  .color-primary, button, input:focus, textarea:focus, select:focus, .modal h1, .modal h2, .modal label, .markdown-content h1, .markdown-content h2, .markdown-content h3, .markdown-content h4, .markdown-content hr, .markdown-content a {
    color: #CC2;
  }
  .color-text, input, textarea, select {
    color: #BBB;
  }
  .color-highlight-dark {
    background-color: rgba(8, 4, 0, 0.75);
  }
  .color-highlight-primary {
    background-color: rgba(204, 204, 34, 0.25);
    color: #CC2;
  }
}


div.markdown-content .orange, body.theme-logs .color-blockquote, body.theme-logs div.markdown-content blockquote, body.theme-logs div.markdown-content table, body.theme-logs div.markdown-content pre {
  background-color: rgba(221, 170, 17, 0.125);
  color: #DA1;

  h1, h2, h3 {
    color: #DA1;
  }
}
div.markdown-content .blue, body.theme-story .color-blockquote, body.theme-story div.markdown-content blockquote, body.theme-story div.markdown-content table, body.theme-story div.markdown-content pre {
  background-color: rgba(34, 187, 255, 0.125);
  color: #4BF;

  h1, h2, h3 {
    color: #4BF; // 
  }
}
div.markdown-content .green, body.theme-mapp .color-blockquote, body.theme-mapp div.markdown-content blockquote, body.theme-mapp div.markdown-content table, body.theme-mapp div.markdown-content pre {
  background-color: rgba(17,255,136, 0.125);
  color: #1F8;

  h1, h2, h3 {
    color: #1F8;
  }
}
div.markdown-content .yellow, body.theme-data div.markdown-content blockquote, body.theme-data div.markdown-content table, body.theme-data div.markdown-content pre {
  background-color: rgba(204, 204, 34, 0.25);
  color: #CC2;

  h1, h2, h3 {
    color: #CC2;
  }
}

/* Tag colors */
.color-tag-event {
  color: #B77;
}
.color-tag-location {
  color: #7B7;
}
.color-tag-organization {
  color: #B7B;
}
.color-tag-series {
  color: #BB7;
}
.color-tag-character {
  color: #37B;  
}

/* Danger */
.color-danger {
  color: #FA3;
}
.color-error {
  color: #D20;
}

.menu-link:hover, .menu-link:hover .text, .menu > .head-menu > a:hover {
  color: #EEE !important;
}