Dan's Workflowy Mods, Dark

dansWorkflowyModsDark.css

/* 
 * Name:    Workflowly Dark
 * Author:  Froyok
 */

body
{
	background-color: #121212;
    color:white;
}

.page
{
	background-color: #212121;
    border: 1px solid #000;
}

#header
{
	background: #3B3B3B;
}

.project.open.highlighted
{
         background-color:#000;
}

.project.highlighted::before
{
    background: #3D3D3D;
}

#documentView
{
	color:#d8d8d8;
}

.children
{
    border-left:1px dashed #666;
}




/* hide share buttons */
#share_buttons,
#helpButton,
#leftGradient,
#rightGradient {
    display:none;
}

/* Outer border, set to none */
#workflowy > DIV.children {
    border-left:none !important;
}

/* Re-style the tags to look more tag-like     
   div.name ensures that notes won't get their tags marked up
 */
div.name .contentTag[title*="hot"] {
     background-color: #F62817 !important;
}

div.name .contentTag[title*="todoList"] {
     background-color: #98F516 !important;
}

div.name .contentTag[title*="list"] {
     background-color: #F5E216 !important;
}


div.name .contentTag  {
    background-color: yellow !important;
    border-radius: 3px 3px 3px 3px !important;
    font-size: 10.75px !important;
    font-weight: bold !important;
    padding: 2px 3px 2px !important;
    white-space: nowrap !important;
    color: black !important;
}

/* remove the underline from tags */
.content .contentTagText {
    text-decoration: none !important;
}

#pageContainer {
    margin-top: 0px;
}

.page {
    max-width: 100% !important;
    border: none !important;
    margin-bottom: 0 !important;
    padding: 10px 25px !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;
}

/* completed items in purple color     color: #9900e6 !important;
*/
.project.done > .name > .content {
    color: LightGray !important;
}

div.done > div.notes > div.content {
    color: LightGray !important;
}


/* CLEAN AND BRIGHT REMIX IS BELOW, now mostly replaced by dark stuff above */


/*choose font */
  
#documentView {
    font-family: 'Helvetica Neue', Arial, Sans-serif
}

/*change background*/  

.page {
  border: 0px solid #D6D6D6 !important;
}

  /* highlight */

.highlighted, .highlight {
}

.project.highlighted::before, .project.moving::before, .project.tapped::before, .draggableNameClone::before {
  background: dark-gray !important;
}
  
/* font size tweak */
  
.selected .project > .name > .content, .nameEditor > textarea {
  font-size: m !important;
}



/* head line colour tweak */
  
#documentView {
}
  
.parent > .name > .content {
}

.name > .content {
  line-height: 1em !important;
}

/*link colour*/
  
.content .contentLink {
}

/* Bigger notes for the zoomed doc) */
.selected > .notes > .content, .selected > .notes > .content {
  font-size: 14px !important;
}

.selected > .notes > .content > a {
	font-size: 14px !important;
}

.selected > .notes > .content {
  padding: 15px;
/*  background-color: AliceBlue;*/
}

.notes *:not(span) {
  font-family: Menlo, Consolas, Courier, 'Courier New', monospace;
  color: green !important;
  font-size: 12px !important;
  line-height: 1em;
}

/* color */
.bullet {
}

/* color: shared bullets */
.project.shared > .name > .bullet {
  background-color: rgba(255, 185, 95, 1);
}
.project.shared.open > .name > a.bullet {
  background: rgba(255, 185, 95, .5);
}
.project.shared > .name > .bullet:hover, .project.shared > .name > .bullet.dragging {
  background-color: rgba(245, 145, 17, 1);
}
.project.shared.open > .name > .bullet:hover, .project.shared.open > .name > .bullet.dragging {
  background-color: rgba(245, 145, 17, 1);
}

.project.addedShared > .name > .bullet {
  background-color: #ececec;
  -webkit-box-shadow: 0px 0px 1px 1px rgba(178, 255, 95, 1);
  -moz-box-shadow: 0px 0px 1px 1px rgba(178, 255, 95, 1);
  box-shadow: 0px 0px 3px 2px rgba(255, 185, 95, 1);
}
.project.addedShared.open > .name > .bullet {
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 1px 1px rgba(178, 255, 95, .5);
  -moz-box-shadow: 0px 0px 1px 1px rgba(178, 255, 95, .5);
  box-shadow: 0px 0px 3px 2px rgba(255, 185, 95, .5);
}

/* minimal page background */

#pageContainer > div.page div.corner, #pageContainer > div.page div.edge {
  background-image: none;
  background-color: #fff;
  display: none;
}
  
#pageContainer > div.page {
  border: solid 1px #ddd;
}

/* DR2050: I edided second padding number down from 150 to 30 */
.page {
  margin:0 !important;
  padding: 30px 30px 20px; 
  width:100%;
  max-width:100%;
  box-sizing:border-box
}
  
.corner, .edge {
  display:none
}
  
#pageContainer {
  margin-top:0
}

/* headine tweak */

.selected > .name > .content {
  font-size: 23px;
  line-height: 17px;
  min-height: 23px;
}
  
/* hide share buttons */

#bottomLinks {
  display:none;
}
  
/* simple tag view */