Trello Stylish

trello-stylish.css

body, button, html, input, select, textarea {
  font-family: sans-serif;
  font-size: 0.9rem;
}

.board-header-btn.board-header-btn-enabled.js-star-board {
  background-color: transparent;
}

.board-header-btn.board-header-btn-enabled.js-star-board span:before {
  color: black;
}

.member.has-crown .member-gold-badge, span[title="This member has Trello Gold."] {
  display: none;
}

textarea.mod-list-name {
  font-size: 1rem;
  font-weight: 600;
  padding: 3px 8px 3px 3px;
}

.list {
  background-color: rgba(255, 255, 255, 0.6);
}

.list-card {
  box-shadow: 0 1px 0 rgba(9, 45, 66, 0.1);  
}

.card-label.mod-card-front {
  height: 4px;
  max-width: 30px;
  min-width: 30px;
}

.member .member-type.admin {
  background-image: none;
}

.list-card-title {
  margin: 0 0 3px;
}

.card-label.mod-card-detail {
  font-size: inherit;
}

.card-detail-due-date-badge .card-detail-badge-due-date-complete-box {
  box-shadow: inset 0 0 0 1px #dfe3e6;
  height: 17px;
  width: 17px;
}

.card-detail-due-date-badge.is-clickable .card-detail-due-date-text {
  text-decoration: none;
}

.list-cards {
  scrollbar-width: none;
}

.js-plugin-header-btns, .badges .badge {
  display: none;
}

.badges [class*="is-due"], .badges [class*="js-checkitems-badge"] {
  display: block;
  background-color: transparent;
  color: inherit;
  float: left;
}

.badges [class*="is-due"] .badge-icon, .badges [class*="is-due"] .badge-text,
.badges [class*="js-checkitems-badge"] .badge-icon, .badges [class*="js-checkitems-badge"] .badge-text {
  font-size: 0.9em;
}

.badges .is-due-complete {
  display: none;
}

.badges [class*="js-checkitems-badge"] .badge-icon, .badges [class*="is-due"] .badge-icon {
  display: none;
}

.js-checkitems-badge .badge-text::before {
  content: "📋 ";
}

.badges [class*="is-due"] .badge-text::before {
  content: "⏳ ";
}

.badges [class*="is-due-past"] .badge-text::before {
  content: "😧 ";
}

.badges [class*="is-complete"] .badge-text::before {
  content: "💪 ";
}

.badge.is-due-now span.badge-text, .badge.is-due-soon span.badge-text {
  font-weight: bold;
}

.card-composer-container {
  min-height: auto;
  max-height: max-content;
}

.open-card-composer, .card-composer-container .icon-template-card {
  margin-top: 5px;
}

.js-board-views-btn-container, #workspaces-preamble-board-header-button, .board-header-btn-divider {
  display: none; 
}