Obsidian Callouts Dataview Attributes Custom CSS

obsidian_dataview_callouts.css

.theme-dark {
  --dataview-key: #ffc94a;
  --dataview-value: #ffffff;
}

.theme-light {
  --dataview-key: #000;
  --dataview-value: #000;
}

/* CALLOUTS */ 
.callout-icon {
  padding-right: 5px;
}

/* CALLOUTS - DATAVIEW INLINE FIELD KEY */
span.dataview.inline-field-key {
  padding-top: 1px;
  padding-bottom: 2px;
  padding-left: 0px;
  padding-right: 3px;
  margin-right: 5px;
  background-color: none;
  color: var(--dataview-key);
  border-radius: 4px;
  border: none;
  font-family: "iA Writer Mono V";
  font-weight: 600;
}

span.dataview.inline-field-value {
  color: var(--dataview-value);
  font-family: "iA Writer Mono V";
}

span.dataview.inline-field-key:after {
  content: none;
}

/* CUSTOM CALLOUTS */

.callout[data-callout="meta"] {
  --callout-color: 87, 148, 159;
  --callout-icon: lucide-layers !important;
}