My Obsidian Setup

A list of extensions I use to make Obsidian work well as a long-form writing app. See My digital toolkit for an overview of how I use Obsidian for my work.

Long Form Writing

Productivity

Styling and UX

Export

Misc.

Custom CSS sippets

Added this to the alternative checkbox css because the iA Writer theme tries to force its own plain text checkboxes.

/* Custom styles for checkboxes */
body input[type="checkbox"].task-list-item-checkbox {
  /* Reset default checkbox appearance */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  width: 15px; /* Custom width */
  height: 15px; /* Custom height */
  border: 2px solid var(--checkbox); /* Custom border */
  cursor: pointer; /* Hand cursor on hover */
  position: relative; /* To position pseudo-elements */
}

/* Override the ::after pseudo-element for unchecked tasks */
body input[type="checkbox"].task-list-item-checkbox:not(:checked)::after {
  content: none;
}

/* Custom styling for checked state */
body input[type="checkbox"].task-list-item-checkbox:checked {
  background-color: var(--checkbox-done); /* Example checked color */
  /* Add other styles for checked state if needed */
}

I also like high contrast orange text:

body, p {
  color: #f6ad55 !important; /* Bright orange color, with !important to ensure it overrides other styles */
}