workflowy.com by macieksmola by macieksmola

/* ==UserStyle==
@name           workflowy.com - 5.11.2022, 17:27:15
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document url-prefix("https://workflowy.com/") {
    /* Wstaw kod tutaj... */

/* background and header color 

.header
{
  padding: 0;
  height: 40px;
  border-bottom: none;
  background: #17181D;

}
  .page {
  background: #17181D !important;
  border: 0px solid #D6D6D6 !important;
  }
  body {
  background: #17181D !important;
  }
*/
    
/* Remove "Slash menu for Boards" */
.flyout.menu > .menuItem:nth-of-type(1):has([data-icon='table-columns']) {
display: none;
}

/* LESS CONTRAST ON TEXT */
.content
{ opacity: 0.95 }



/* LIGHT GREY VERTICAL LINES */
  .children
  {
    border-left-color: hsla(201, 13%, 40%, .1);
/*	border-left: none */
  }


/* Make your tags bootylicious */
.contentTag {
	padding: 4px !important;
	padding-bottom: 0px !important;
	padding-top: 0px !important;
/*	padding-bottom: 2px !important;
	padding-top: 2px !important; zmieniono bo czekają na poprawki, by interlinia zawsze była taka sama */
	border-radius: 6px !important;
	background: hsla(201, 100%, 40%, .2) !important;
	color: hsla(201, 100%, 40%, .9) !important;
/*	white-space: nowrap !important; */
}
.contentTag:hover {
	text-decoration: underline !important;
}
.contentTagText {
	text-decoration: none !important;
}
.contentTagText:hover {
	text-decoration: none !important;
}


/* LINKI */


a.contentLink {
	padding: 0px !important;
	text-decoration: none !important;
    color: orange
}

a.contentLink[href*="workflowy.com"] {
	color: hsla(210, 100%, 75%, 0.8) !important;
	/*	color: hsl(207, 74%, 70%) !important; */
}

a.contentLink[href*="drive.google.com"] {
	color: hsla(110, 100%, 30%) !important;
	opacity: 1
}

a.contentLink[href*="bethink.atlassian"] {
	color: hsla(210, 100%, 60%) !important;
	opacity: 1
}

a.contentLink[href*="lucid.app"] {
	color: darkorange !important;
	opacity: 0.9
}

a.contentLink[href*="annotations"] {
	color: hsla(269, 100%, 60%, .8) !important;
	opacity: 1
}
	
a.contentLink:hover {
	text-decoration: underline !important;
}

DIV.notes .contentTag {
	padding: 4px !important;
	padding-bottom: 1px !important;
	padding-top: 0px !important;
	border-radius: 6px !important;
	white-space: nowrap !important;
}


  [title*="#feedback"]
  {
	background: hsla(182, 67%, 54%, .9) !important;
    color: hsla(182, 67%, 10%, .9) !important;
	opacity: .9 !important
  }

/* ŹRÓDŁA */

  [title*="#in"]
  {
	background: hsla(114, 67%,54%, .9) !important;
    color: hsla(114, 47%, 20%, .9) !important;
	opacity: .9 !important
  }

  [title*="#einthoven"]
  {
	background: hsla(173, 100%, 50%, .2) !important;
	color: hsl(173, 100%, 50%) !important;
	opacity: 0.8 !important
  }
    
  [title~="#przypis-#klinika"]
  {
	background: hsla(173, 100%, 50%, .2) !important;
	color: hsl(173, 100%, 50%) !important;
	opacity: 0.8 !important
  }

  [title~="#klinika"]
  {
	background: hsla(173, 100%, 50%, .2) !important;
	color: hsl(173, 100%, 50%) !important;
	opacity: 0.8 !important
  } 

  [title*="#iutd"]
  {
	background: hsla(94, 58%, 42%, .2) !important;
	color: hsl(94, 58%, 42%) !important;
	opacity: 0.9 !important
  }

  [title*="#wer"]
  {
	background: hsla(20, 50%, 50%, .2) !important;
	color: hsl(20, 70%, 50%) !important;
	opacity: 0.7 !important
  }

  [title*="#piez"]
  {
    background: hsla(35, 50%, 50%, .2) !important;
    color: hsl(35, 70%, 50%) !important;
	opacity: 0.7 !important
  }

  [title*="#wcn"]
  {
	background: hsla(50, 50%, 50%, .2) !important;
	color: hsl(50, 70%, 50%) !important;
	opacity: 0.7 !important
  }

  [title*="#wpm"]
  {
	background: hsla(50, 50%, 50%, .2) !important;
	color: hsl(50, 70%, 50%) !important;
	opacity: 0.7 !important
  }

  [title*="#pgar"]
  {
	background: hsla(114, 27%, 24%, .7) !important;
    color: hsla(114, 27%, 44%, .9) !important;
	opacity: .9 !important
  }

  [title*="#piep"]
  {
    background: hsla(130, 100%, 50%, .2) !important;
    color: hsla(130, 100%, 50%, 1) !important;
	opacity: 0.4 !important
  }

  [title*="#pełz"]
  {
    background: hsla(200, 100%, 60%, .2) !important;
    color: hsl(200, 100%, 60%) !important;
	opacity: .8 !important
  }



  [title*="#kew"]
  {
    background: hsla(223, 100%, 70%, .15) !important;
    color: hsla(223, 100%, 70%, .7) !important;
	opacity: 0.9 !important
  }

  [title*="#ja"]
  {
    background: hsla(250, 100%, 70%, .2) !important;
    color: hsl(250, 100%, 70%, .9) !important;
	opacity: 0.9 !important
  }


/* ADNOTACJE */




[title*="#tabela"]
  {
    background: hsla(260, 60%, 55%, 0.5) !important;
    color: hsla(260, 70%, 70%, .9) !important;
	opacity: .9 !important
  } 

[title*="#szczegóły"]
  {
    background: hsla(221, 40%, 50%, 0.3) !important;
    color: hsla(221, 40%, 60%, .7) !important;
	opacity: .9 !important
  }

[title*="#lucid"]
 {
    background: hsl(33, 100%, 50%, 0.2) !important;
    color: hsl(33, 100%, 50%, 0.6) !important;
	opacity: 0.9 !important
  } 

 [title*="#ilus"]
 {
    background: hsla(210, 50%, 55%, .2) !important;
    color: hsla(210, 50%, 55%, .9) !important;
	opacity: 0.9 !important
  }

 [title*="#animacja"]
 {
    background: hsla(339, 50%, 55%, .2) !important;
    color: hsla(339, 50%, 55%, .85) !important;
	opacity: 0.9 !important
  }

 [title*="#ilus-#grupa"]
 {
    background: hsla(210, 100%, 35%, .58) !important;
    color: hsla(202, 12%, 19%, 1) !important;
	 /*
	color: hsla(210, 50%, 85%, .99) !important;
*/
	opacity: .9 !important
  } 


[title*="#twój_dyżur"]
  {
    background: hsla(10, 100%, 30%, .4) !important;
    color: hsla(10, 100%, 40%, .95) !important;
	opacity: 0.9 !important
  }

[title*="#zlecona"]
  {
/*    background: hsla(44, 100%, 50%, .25) !important;
    color: hsla(31, 100%, 50%, .85) !important; */
    background: hsla(57, 100%, 40%, .2) !important;
    color: hsla(57, 100%, 40%, .95) !important;	  
	opacity: 1 !important
  }

[title*="#td"]
  {
    background: hsla(10, 100%, 50%, .3) !important;
    color: hsla(10, 100%, 50%, .95) !important;
	opacity: 1 !important
  }

[title*="#uspr"]
  {
    background: hsla(10, 100%, 30%, .4) !important;
    color: hsla(10, 100%, 40%, .95) !important;
	opacity: 0.9 !important
  }

 [title*="#done"]
  {
	  /*
    background: hsla(130, 100%, 50%, .2) !important;
    color: hsla(130, 100%, 50%, 1) !important;
	opacity: 0.45 !important
		*/
	background: hsla(114, 27%, 24%, .9) !important;
    color: hsla(114, 47%, 54%, .9) !important;
	opacity: .9 !important
  }

  [title~="#pamiętaj"]
  {
	background: hsla(209, 100%, 50%, .35) !important;
    color: hsla(200, 100%, 62%, .9) !important;
	opacity: 0.8 !important
  }

/* PRIOTYTETY */
  [title~="#p4"]
  {
	  /*
    background: hsla(209, 100%, 50%, .35) !important;
    color: hsla(200, 100%, 62%, .9) !important;
	opacity: 0.5 !important
		*/
	background: hsla(201, 13%, 40%, .3) !important;
	color: hsla(201, 13%, 52%, .9) !important;
	opacity: 1
  }

  [title~="#p3"]
  {
	  /*
    background: hsla(130, 100%, 50%, .2) !important;
    color: hsla(130, 100%, 50%, .9) !important;
	opacity: 0.5 !important
		*/
	background: hsla(209, 100%, 50%, .35) !important;
    color: hsla(200, 100%, 62%, .9) !important;
	opacity: 0.8 !important
  }

  [title~="#p2"]
  {
    background: hsla(44, 100%, 40%, .25) !important;
    color: hsla(31, 100%, 50%, .85) !important;
	opacity: 1 !important
  }

  [title~="#p1"]
  {
    background: hsla(10, 100%, 50%, .3) !important;
    color: hsla(10, 100%, 50%, .95) !important;
	opacity: 1 !important
  }

  [title~="#slides-#do_wprowadzenia"]
  {
	background: hsla(215, 100%, 50%, 0.5) !important;
    color: hsla(215, 100%, 70%, 1) !important;
	opacity: 0.7 !important
  }

  [title~="#post-ok"]
  {
	background: hsla(100, 100%, 50%, .8) !important;
    color: hsla(50, 100%, 10%, 1) !important;
	opacity: 0.4 !important
  }

  [title~="#post-mid"]
  {
	background: hsla(50, 100%, 50%, .9) !important;
    color: hsla(50, 100%, 10%, 1) !important;
	opacity: 0.5 !important
  }

  [title~="#post-not"]
  {
	background: hsla(10, 100%, 50%, .9) !important;
    color: hsla(50, 100%, 10%, 1) !important;
	opacity: 0.5 !important
  }

  [title*="#Dodatkowe_informacje"]
  {
    background: hsla(44, 100%, 70%, .1) !important;
    color: hsla(31, 100%, 70%, .95) !important;
	opacity: 1 !important
  }

a.bullet {
    opacity: 0.35
}



/* MIRRORS  */

/* Color Original Diamond */
.hasMirrors > .name > a.bullet.diamond > svg.mirrorDiamondIcon {
  fill: orange;
}

/* Color Virtual Diamond */
a.bullet.diamond > svg.mirrorDiamondIcon {
  fill: orange;
}
}