Obsidian CSS Snippets

obsidian.css

/* Obsidian CSS Snippets */

/* ==============================
  Frontmatter
============================== */
.cm-hmd-frontmatter {
  font-size: 10px !important;
}

/* ==============================
  Lists
============================== */

/* List item with dash for content */
.markdown-source-view.mod-cm6 .list-bullet:after {
  visibility: visible;
  position: absolute;
  right: 0;
  content: '-';
  pointer-events: none;
}

/* ==============================
  Custom Callouts
  Icons: https://lucide.dev/
============================== */
.callout[data-callout="metadata"] {
  --callout-color: 14, 165, 233;
  --callout-icon: database;
}

.callout[data-callout="highlight"] {
  --callout-color: 253, 224, 71;
  --callout-icon: highlighter;
}

.callout[data-callout="definition"] {
  --callout-color: 253, 224, 71;
  --callout-icon: bookmark;
}

.callout-title {
  padding: 8px;
}

.callout-content p {
  margin: 4px 4px 4px 0;
}

.workspace-tab-header-container {
  height: 32px;
  background-color: rgba(0, 0, 0, 0.1);
}