Skip to content

Instantly share code, notes, and snippets.

@mm53bar
Forked from seanwcom/obsidian.css
Created May 21, 2020 15:22
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save mm53bar/6d902a302a71adbe266c37235cc27790 to your computer and use it in GitHub Desktop.
Save mm53bar/6d902a302a71adbe266c37235cc27790 to your computer and use it in GitHub Desktop.
Bear.app stylings for Obsidian
/* Font for the markdown source panel */
div.markdown-source-view {
font-family: 'Avenir Next'
}
/* Font for the markdown preview panel */
div.markdown-preview-view {
font-family: 'Avenir Next'
}
/* Enable wrapping of code blocks in the preview panel */
.theme-light code[class*="language-"], .theme-light pre[class*="language-"] {
white-space: pre-wrap;
}
/* Changing size/color of the header hashtags ## */
.cm-formatting-header {
color: #c7c7c7;
font-size: 0.6em;
}
/* Coloring the list bullets/numbers */
.cm-s-obsidian span.cm-formatting-list {
color: #d40000;
font-size: 0.85em;
}
/* Code block border color */
.cm-s-obsidian div.HyperMD-codeblock-begin-bg {
border-top: 1px solid #d2d2d2;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
/* Code block border color */
.cm-s-obsidian div.HyperMD-codeblock-end-bg {
border-bottom: 1px solid #d2d2d2;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
/* Code block left and right padding */
.cm-s-obsidian pre.HyperMD-codeblock {
padding: 0px 10px 0px 10px;
}
/* Code block top padding */
.cm-s-obsidian pre.HyperMD-codeblock-begin {
padding-top: 10px;
}
/* Code block bottom padding */
.cm-s-obsidian pre.HyperMD-codeblock-end {
padding-top: 10px;
}
/* Code block left and right border colors */
.cm-s-obsidian div.HyperMD-codeblock-bg {
border-left: 1px solid #d2d2d2;
border-right: 1px solid #d2d2d2;
}
/* Tag left side pillbox */
.cm-s-obsidian span.cm-hashtag-begin {
background-color: #b5b5b5;
color: #ffffff;
border-top-left-radius: 250px;
border-bottom-left-radius: 250px;
padding-left: 10px;
padding-bottom: 4px;
padding-top: 2px;
text-decoration: none;
font-weight: bold;
}
/* Tag right side pillbox */
.cm-s-obsidian span.cm-hashtag-end {
background-color: #b5b5b5;
color: #ffffff;
border-top-right-radius: 250px;
border-bottom-right-radius: 250px;
padding-right: 12px;
padding-bottom: 4px;
padding-top: 6px;
text-decoration: none;
font-weight: bold;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment