"Focused" Theme for Standard Notes

focused.css

/* Dim tags in editor view. */
#editor-title-bar .editor-tags .tags-input {
  color: rgba(0,0,0,0.23) !important;
}

/* Hide note previews in list view. */
.app .notes .note .note-preview {
  display: none !important;
}

/* Dim dates in list view. */
.app .notes .note > .date {
  color: rgba(0,0,0,0.23) !important;
}

.app .notes .note.selected > .date {
  color: white !important;
}

/* Dim unselected tags, focus selected. */
.app .tags .tag > .info > .title {
  color: rgba(0,0,0,0.23) !important;
}

.app .tags .tag.selected > .info > .title {
  color: black !important;
}

.app .tags .tag:hover > .info > .title {
  color: black !important;
}

/* Dim tag counts. */
.app .tags .tag > .info > .count {
  color: rgba(0,0,0,0.23) !important;
}

.app .nav > li > a {
  color: rgba(0,0,0,0.4) !important;
}

.app .nav > li > a:hover {
  cursor: pointer !important;
}

/* Bump down font sizes. */
.app .notes .note > .name {
  font-size: 14px !important;
}

.app .notes .note > .date {
  font-size: 12px !important;
}

.app .editor-content .editable {
  font-size: 14px !important;
}

/* Adjust column sizes. */
.app .notes {
  max-width: 250px !important;
}