Tweeten.app Custom CSS for dark/compact mode

custom.css

html .system-font-stack {
  font-weight: 200 !important;
  font-family: "mplus-1c-light" !important;
  font-size: 12px !important;
  color: #748FB4 !important;
}

.js-app .js-column .stream-item .js-tweet-text {
  color: #748FB4 !important;
}

.js-app .js-column .stream-item .account-link .account-inline .fullname, .link-complex-target {
  color: #B25B4F !important;
  font-size: 14px !important;
  font-family: "mplus-2p-light" !important;
}

.js-app .js-column .stream-item .account-link .account-inline .username {
  display: none;
  visibility: hidden;
}

html.dark .avatar {
  width: 20px !important;
  height: 20px !important;
}

html.dark .tweet, .tweet {
  padding-left: 0px !important;
}

html.dark .item-box, .item-box {
  padding: 4px !important;
  border-bottom: solid 1px #594216 !important;
}

.js-app .js-column .stream-item {
  margin-bottom: 4px !important;
  animation: newItem 0.75s;
}

@keyframes newItem {
  0% {
    background-color: rgb(100, 100, 100);
  }
  100% {
    background-color: inherit;
  }
}

html.dark .tweet-footer, .tweet-footer {
  margin-top: 0px !important;
  display: none !important;
  visibility: hidden !important;
}

.js-app .js-column .stream-item .quoted-tweet .js-quoted-tweet-text {
  font-size: 11px !important;
  color:  #3891BC !important;
  font-family: "mplus-1c-light" !important;
}

.js-app .js-column .stream-item .tweet-timestamp a, a.txt-size-variable--12 {
  font-size: 11px !important;
  color: #3891BC !important;
}

.js-app .js-column .column-header .column-title span, .js-app .js-column .column-header .column-title-edit-box {
  color: #723A33 !important;
  font-weight: 200 !important;
  font-size: 14px !important;
}

html.dark .Button.Button--primary {
  color: #444 !important;
}

html.dark a, a {
  color: #5F721C !important;
}

.js-app .js-column .stream-item .js-media .media-item {
  filter: brightness(50%);
}