aitestory-ui/ui/css/theme.css

body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

nav, main {
  background-color: rgba(0, 0, 0, 0.75);
}

article {
  color: #abc;
  text-align: justify;
  font-size: 1.1em;
}

  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;
    font-weight: 100;
  }

  article h1 {
    color: #4bf;
    line-height: 1.125em;
  }

  article h1, article h2 {
    font-family: 'SeanSansWideThin';
  }

  article h3, article h4, article h5, article h6 {
    font-family: 'SeanSansWideMedium';
  }

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

.page-list {
  width: 100%;
  border-spacing: 0px;
  margin-top: 0.75em;

  font-family: 'SeanSansNarrowMedium';

  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-family: 'SeanSansWideLight';
  font-weight: 100;
}

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

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 .mg-label {
  color: #789;
  font-family: 'SeanSansNarrowMedium';  
}

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

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

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

.ttype-source {
  color: #cc3;
}

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

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