Kanban Plugin

That worked, thanks!

If anyone is interested, here is a snippet to facelift dark mode Kanban boards on Minimal Theme. Mimics some other boards out there, and looks really slick (IMO). The ability to link Kanban cards to notes and have images is a game changer.

/* Optional - change text size-weight-font-color - looks best at ~17px theme text */
body .kanban-plugin__markdown-preview-view {
  font-family:var(----text);
  font-size: 1.05em;
  font-weight: 250;
  color: rgb(223, 222, 222);
}

/* Canvas background color */
body .kanban-plugin {
  background-color:rgb(32,32,32);
}

/* Button background color */
div.kanban-plugin__item-wrapper div {background: rgb(41,41,41);}

/* Button padding */
body .kanban-plugin__item-content-wrapper {
	padding: 6px;
}

/* Space between cards, box shadow, and border */
body .kanban-plugin__item { 
	margin-top: 6px;
	box-shadow: 2px 6px 3px 0px #191919;
	border:1px solid rgb(62,62,62);
}

/* Remove border around list and make transparent */
body .kanban-plugin__lane-items {
  border: none;
  background-color: transparent;
}

/* Reduce indent of checkboxes */
body .kanban-plugin__item-markdown ul {
  margin-left: -12%;
}

/* Old / current / overdue Colors */

/* past */
.kanban-plugin__item.is-past .kanban-plugin__item-metadata-date-relative {
  color: rgb(188,84,76);
}

/* today */
.kanban-plugin__item.is-today .kanban-plugin__item-metadata-date-relative {
  color: rgb(36,183,75);
}

/* future */
.kanban-plugin__item.is-future .kanban-plugin__item-metadata-date-relative {
  color: rgb(255,153,21);
}```
4 Likes