workflowy dark simple

workflowy.css

@namespace url(http://www.w3.org/1999/xhtml);
/* minimal page background */
  #pageContainer {
   margin-top: 24px;
  }
  .page {
    max-width: 100% !important;
    border: none !important;
    margin-bottom: 0 !important;
    /* fix for dynamic positioning of the .page div */
    transform: none !important;
    width: auto !important;
  }

  /* Remove the "Get more space" top left link so it does not interfere */
  .getMoreSpaceButton {
    display: none;
  }
  /* hide share buttons */
  #bottomLinks {
    display:none;
  }

  #header {
    opacity: .4;
  }

  /* bullets reinvented */
  /* make smaller */
  .bullet {
    height: 14px;
    width: 14px;
    text-indent: 3px;
    line-height: 15px;
  }

  /* hide bullet */
  /*.bullet, #bulletBucket .bulletBucketBullet {
    background-image: none;
  }*/


  /* options */
  /* background color */
  .page {
  background: #333333 !important;
  border: 0px solid #D6D6D6 !important;
  }
  body {
  background: #333333 !important;
  }

  /* font color & size */
  .selected .project > .name > .content, .nameEditor > textarea {
    font-size: 14px !important;
    color: #D0D0D0 !important;
  }

  /* Current project title font size */
  .selected.project>.name {
    font-size: 18px !important;
  }

  .project>.name {
    font-size: 70% !important;
  }

  /* notes color & size */
  .notes .content {
    color: #888888 !important;
    font-size: 11px !important;
  }

  /*link color*/
  .content .contentLink {
  color: #888888;
  }

  /* tag color & background */
  .contentTag {
    color: #999999 !important;
    background: #333333 !important;
  }

  /* vertical line color */
  .children{
    border-left:1px solid #333333;
  }

  /* completed items -default */
  .project.done > .name > .content, .project.doneAppearance > .name > .content {
    text-decoration:line-through;
    color: #999999 !important;
  }


  /*full notes option*/
  


  /***************************/
  /* !CHOOSE FONT HERE by entering your favorite font name after "font-family:" with comma! */
  #documentView {
      font-family: Open Sans, Arial, Sans-serif;
  }
  /***************************/