aitestory-ui/ui/css/theme.css

body {
  font-family: 'Source Sans Pro', sans-serif;
  background-color: black;
}

article {
  color: #abc;
  font-size: 1.15em;
}

  article a {
    color: #fa3;
    text-decoration: none;
  }

  article a:hover {
    color: #fff;
  }

  article h1, article h2, article h3,
  article h4, article h5, article h6 {
    color: #4bf;
  }

  article h1 {
    font-weight: 100;
    line-height: 1.05em;
  }

  article h2 {
    border-bottom: 0.25px solid;
    padding-bottom: 0.25em;
  }

  article blockquote {
    background-color: rgba(34, 187, 255, 0.125);
    border-color: #4bf;
    color: #4bf;
  }

  article code {
    background-color: rgba(17, 8, 0, 0.50);
    border-color: #fa3;
    color: #fa3;
  }

  article hr {
    color: #4bf;
  }

.page-list {
  width: 100%;
  border-spacing: 0px;

  color: #789;
}

  .page-list tr {
    outline: 0.5px solid #4bf;
  }

  .pl-icon {
    outline: 0.5px solid #4bf;
    background: rgba(34, 187, 255, 0.25);
    color: #4bf;
    font-family: sans-serif;
  }

  .pl-content {
    background-color: rgba(0, 8, 17, 0.50)
  }

  .plc-title {
    color: #4bf;
  }

  .plc-title a {
    color: inherit;
    text-decoration: none;
  }

  .plc-title a:hover {
    color: #fff;
  }

  /* Unread */
  .page-list tr.unread {
    outline: 0.5px solid #fa3;
  }

  .page-list .unread .pl-content {
    background-color: rgba(17, 8, 0, 0.50);
    color: #a86;
  }

  .page-list .unread .plc-title {
    color: #fa3;
  }

  .page-list .unread .pl-icon {
    outline: 0.5px solid #fa3;
    background: rgba(255, 153, 17, 0.25);
    color: #fa3;
  }

nav {
  color: #789;
  border-color: #4bf;
}

nav h1 {
  color: #4bf;
  font-weight: 100;
}

nav a {
  color: inherit;
  text-decoration: none;
}

nav li.selected {
  color: #4bf;
  background-color: rgba(34, 187, 255, 0.125);
}

nav li:hover, nav .pp-tag:hover {
  color: #ccc;
  background-color: rgba(34, 187, 255, 0.25);
}

nav .mg-icon {
  color: #4bf;
  font-family: sans-serif;
}

nav li:hover .mg-label {
  color: #fff;
}

/* Tag colors */
.ttype-event {
  color: #b77;
}

.ttype-location {
  color: #7b7;
}

.ttype-organization {
  color: #b7b;
}

.ttype-series {
  color: #bb7;
}

.ttype-character {
  color: #37b;  
}

.danger {
  color: #fa3;
}

/* Scrollbar */
::-webkit-scrollbar-track {
  background-color: #111;
}
::-webkit-scrollbar-thumb {
  background-color: #333;
}