My Roam Monochrome Theme

My Roam Monochrome Theme

I've been working on getting a good setup for making Roam themes. For the longest time I would make a code block for a light theme and a code block for a dark theme. I always wanted to have them in one code block, but kept running into issues. Turns out I had everything right the first time I just had a curly bracket missing or something.

But all is good now.

So here is my Monochrome theme which I absolutely love. I love how simple and clean it is. For the dark mode of this theme you have two options: pure black and not pure black. On the computer, I prefer the not pure black, but on the phone pure black looks great. So you can just choose one and go with it. In the color section of the dark mode code you will see a comment with the hex code for the not pure black mode. Just paste that hex into the primary and secondary background line and you will be good to go.

The header fonts are Poppins and the body font is Open Sans. I think those two pair well together to create a good contrast between headers and body text.

Here's what it the theme looks like:

Light Mode

Dark Mode

All the hover menus should be covered, but it's likely that I missed something. I have it to the point where I can't find anything I've missed in my everyday uses of Roam.

I'll also include my mobile snippets which gives more room to be able to expand and collapse bullets. My first mobile snippets had an issue where I would tap where the toggle triangle is and it would zoom in like I touched a bullet. I realized that I was moving over the bullet, but it had a wrapper around it that I wasn't moving over. This caused the touch points for the bullet to be huge. So I have fixed that and now touching the toggle triangle is great. So much easier to use.

The code will be below. The first one is the full Monochrome code and the mobile snippets will be below that. To install, just create a new bullet, insert a code block, change the type to 'CSS' and paste this code. Hit me up on Twitter if you have any questions or see something weird.

Thanks for reading and enjoy the themes!

Main Theme Code


@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,500;0,600;0,700;0,800;1,500;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500;1,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,500;0,600;0,700;0,800;0,900;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Akronim&display=swap');





@media (prefers-color-scheme: light) {
 :root {
  --rm-accent: #323233;
  --rm-accent-hover: #64646B;
  --rm-accent-faded: hsla(208, 0%, 0%, .3);
  --background-opposite: #2e3235;
  --primary-background: white;
  --secondary-background: white;
  --tirtiary-background: #a8a6a0;
  --sidebar-hover-bg: #323233;
  --sidebar-text-color: #323233;
  --sidebar-hover-text: white;
  --query-text-color:#323233;
  --text-normal: #323233 !important;
  --text-secondary: #fbfbfb;
  --inside-bullet-color: #323233 !important;
  --outer-bullet-color: hsla(359, 7%, 85%,.7);
  --rm-highlighter-color: hsla(359, 7%, 85%,.6);
  --rm-reference-section-bg: #FAFAFA;
  --rm-header-color: #323233;
  --rm-tag-bg: #323233;
  --rm-tag-text: #ffffff;
  --rm-multibar-color: #323233;
}
}
@media (prefers-color-scheme: dark) {
  :root {
  --rm-accent: white;
  --rm-accent-hover: #E7E4DC;
  --rm-accent-faded: hsla(0, 26%, 100%, .5);
  --background-opposite: white;
    /* Not pure black background Option  Copy and paste this on primary and secondary background - #2A2A2A */
  --primary-background: black;
  --secondary-background: black;
  --tirtiary-background: #3E3E3E;
  --sidebar-hover-bg: white;
  --sidebar-text-color: white;
  --sidebar-hover-text: #323233;
  --query-text-color: white;
  --text-normal: white !important;
  --text-secondary: black;
  --inside-bullet-color: white !important;
  --outer-bullet-color: hsla(241, 0%, 53%,.9);
  --rm-highlighter-color: hsla(359, 7%, 85%,.6);
  --rm-reference-section-bg: #3E3E3E;
  --rm-header-color: white;
  --rm-tag-bg: white;
  --rm-tag-text: black;
  --rm-multibar-color: white;
}
}


/* Background Colors */
.roam-main {
  background-color: var(--primary-background) !important;
}


/* Main Font */
div, textarea {
	font-family: 'Open Sans', sans-serif;
   	font-size: 16px;
  	font-weight: 400 !important;
	-webkit-font-smoothing: antialiased;
}
.roam-article .roam-block {
  	color: var(--text-normal);
}
.rm-block-text {
  	color: var(--text-normal) !important;
}

/* Extends the bullets out all the way */
.rm-block-separator {
    min-width: 10px;
}
/* Headers */
.rm-level1, .rm-heading-level-1>.rm-block__self .rm-block__input {
	font-family: 'Poppins', sans-serif !important;
  	font-weight: 700 !important;
    font-size: 30px;
  	color: var(--rm-header-color) !important;
}
.rm-level2, .rm-heading-level-2>.rm-block__self .rm-block__input {
	font-family: 'Poppins', sans-serif !important;
    font-weight: 700 !important;
    font-size: 28px !important;
  	color: var(--rm-header-color) !important;
}
.rm-level3, .rm-heading-level-3>.rm-block__self .rm-block__input {
	font-family: 'Poppins', sans-serif !important;
    font-weight: 700 !important;
    font-size: 23px;
  	color: var(--rm-header-color) !important;
}
  /* Title of the Page */
.rm-title-display {
	font-family: 'Poppins', sans-serif !important;
  	font-size: 36px;
  	font-weight: 700;
  	color: var(--rm-header-color) !important;
  }
.roam-body .roam-app .roam-main .roam-article .rm-title-editing-display {
    margin-bottom: 32px;
  	color: var(--rm-header-color);
  	font-size: 48px !important;
}
/* Double Bracket References Color */
.rm-page-ref--link {
  	color: var(--rm-accent) !important;
  	text-decoration: underline;
  	font-weight: 600;
}
.rm-page-ref--link:hover {
  	color: var(--rm-accent-hover) !important;
}
/* Highlighter Color */
.rm-highlight {
    background-color: var(--rm-highlighter-color);
  	padding: 2px 4px;
}

/* Block Quotes */
.rm-bq {
  	background-color: var(--primary-background) !important;
    border-left: 2px solid var(--rm-accent) !important;
  	font-size: 16px;
  	padding: 2px 14px !important;
 }
  /* Query Title Text */
.rm-query .rm-query-title .rm-query-title-text {
  color: var(--query-text-color) !important;
  font-weight: bold;
}
/* Triangle Color */
.rm-query .rm-query-title .rm-caret {
  	color: var(--query-text-color) !important;
}
.rm-caret.rm-caret-showing {
  	opacity: 1;
  	color: var(--text-normal) !important;
}
/*. Icons in the Query Section */
.rm-query .bp3-button.bp3-minimal.bp3-small {
  color: var(--query-text-color) !important;
}
/* Inner Bullet Color */
.rm-bullet__inner--user-icon {
	width: 6px;
	height: 6px;
	border: 4px solid transparent;
	background-color: var(--inside-bullet-color) !important;
}
.controls .simple-bullet-outer .simple-bullet-inner, .rm-block__controls .simple-bullet-outer .simple-bullet-inner {
    background-color: var(--rm-accent) !important;
}
/* Outer Ring Color of Bullet When Closed */
.rm-bullet.rm-bullet--closed .rm-bullet__inner--user-icon {
    border: 3px solid 	var(--outer-bullet-color) !important;
}
/* Mulitbar Color */
.rm-multibar {
	border-right: 2px solid var(--rm-multibar-color) !important;
	width: 2px;
  	margin-left: 5px;
  	left: -5px;
	box-sizing: border-box;
	cursor: pointer;
	border-color: var(--rm-multibar-color);
}
  .rm-multibar:hover {
    width: 2px;
  }
/* Tags */
.rm-page-ref--tag {
  	color: var(--rm-tag-text);
  	font-size: 13px;
  	background-color: var(--rm-tag-bg) !important;
  	padding: 4px 8px 5px;

  }  
/* Zoom In Bullet Title */
.rm-zoom .rm-zoom-item .rm-zoom-item-content {
  font-size: 18px !important;
  font-weight: 600;
}
/* External Links */
  a {
    text-decoration: underline;
    color: var(--rm-accent) !important;
  }
a:hover {
  text-decoration-color: var(--rm-accent-hover);
  color: var(--rm-accent-hover);
}
  /* Line Height for Text */
  .roam-article .roam-block {
    line-height: 1.6;
  }
  .rm-block-input {
    line-height: 1.6em;
}
.bp3-button.bp3-minimal.bp3-small {
  color: var(--text-normal) !important;
}
/* Linked References Settings */
/* 'Linked References' text color */
#app > div > div > div.flex-h-box > div.roam-main > div.roam-body-main > div > div > div:nth-child(2) > div > div > div.rm-reference-container > div > div:nth-child(3) {
  color: rgb(206, 217, 224) !important;
}
/* Page Title Text in Linked References Section */
.rm-mentions .rm-ref-page-view .rm-ref-page-view-title a {
	color: var(--rm-accent) !important;
  	font-size: 20px;
}
.flex-h-box .window-headers {
  color: var(--text-normal);
}
.rm-reference-item .rm-block-text {
  color: var(--sidebar-text-color) !important;
}
.rm-ref-page-view .rm-zoom .parent-path-wrapper {
  color: var(--sidebar-text-color) !important;
}
.rm-zoom .rm-zoom-item {
    color: var(--sidebar-text-color) !important;
}
.rm-zoom .parent-path-wrapper {
  	color: var(--text-normal) !important;
}
.rm-reference-item {
  background-color: var(--rm-reference-section-bg) !important;
  color: var(--text-secondary);
  border-radius: 5px;
}
.rm-ref-page-view-title {
  font-weight: 500;
}
.rm-reference-main .rm-page-title a {
  font-size: 20px !important;
}
.rm-reference-main .rm-page-title a:hover {
  color: var(--rm-accent-hover);
}
.rm-reference-main .rm-heading-level-3>.rm-block__self .rm-block__input {
  font-size: 20px;
  color: var(--sidebar-text-color) !important;
}
  
/* SIDEBAR SETTINGS */
  
/* Sidebar Background Color */
  .roam-body .roam-app .roam-sidebar-container .roam-sidebar-content {
    background-color: var(--secondary-background);
}
/* 'All Pages' on Sidebar */
.roam-sidebar-content .flex-h-box {
    color: var(--sidebar-text-color);
  	font-size: 16px;
  }
  .roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .log-button:hover .flex-h-box {
    color: var(--sidebar-hover-text) !important;
    background-color: var(--sidebar-hover-bg) !important;
}
.roam-sidebar-content .flex-h-box:hover {
    color: var(--sidebar-hover-text);
  }

/* Text Color on Top of Sidebar Next to Icons */
.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .log-button {
    color: var(--sidebar-text-color) !important;
  }
/* Icon Colors Nest to Daily Notes, etc. */
.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .icon {
	color: var(--sidebar-text-color);
  }
/* Username Color Top Left */
.roam-sidebar-container .rm-db-title-container .rm-db-title {
  color: var(--sidebar-text-color);
}
.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .top-row:hover .rm-db-title {
  color: var(--sidebar-hover-text) !important;
  background-color: var(--sidebar-hover-bg);
}
/*  Small Chevron next to username */
.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .top-row:hover .rm-db-title .expand-icon {
  color: var(--sidebar-hover-text) !important;
}

/* Titles of Starred Pages */
  .roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .starred-pages-wrapper .starred-pages .page {
    color: var(--sidebar-text-color) !important;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    font-size: 15px;
  }
/* Hover Background Color for Starred Pages */
  .roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .starred-pages-wrapper .starred-pages .page:hover {
    background-color: var(--sidebar-hover-bg);
    color: var(--sidebar-hover-text) !important;
  }

  /* Hover background color for top section of sidebar */
  .roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .log-button:hover {
    color: var(--sidebar-hover-text) !important;
    background-color: var(--sidebar-hover-bg) !important;
}
 .roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .log-button:hover .icon {
    color: var(--sidebar-hover-text) !important;
}
  /* Hover background for graph name section */
  .roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .top-row:hover {
    background-color: var(--sidebar-hover-bg) !important;
}
/* Shortcuts Star */
.bp3-icon-star {
  font-size: 18px;
  color: var(--sidebar-text-color);
}
/* Shortcuts Text Next to Star */
.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .starred-pages-wrapper .title  {
	color: var(--sidebar-text-color);
	font-size: 18px;

}
/* Hamburger Button Sidebar */
.roam-sidebar-container .bp3-button[class*="bp3-icon-"]::before {
   color: var(--text-normal);
  }
#app > div > div > div.roam-sidebar-container.noselect > div > div.flex-v-box.starred-pages-wrapper > div:nth-child(1) {
  background-color: var(--sidebar-text-color) !important;
}  
/* Topbar Icon Colors */  
  .rm-topbar .bp3-button[class*="bp3-icon-"]::before {
    color: var(--text-normal);
  }
/* Topbar Calendar Icon */
  .bp3-button .bp3-icon, .bp3-button .bp3-icon-standard, .bp3-button .bp3-icon-large {
    color: var(--text-normal);
}
/* Right Sidebar */
  #right-sidebar {
    background-color: var(--primary-background);
  }
/*   Double Bracket Menu.  */
.rm-autocomplete-result {
  color: var(--text-secondary) !Important;
}

/* Hover Menu Text color for Bullets */
.rm-bullet__tooltip, .rm-bullet-tooltip__time {
  color: var(--text-light) !important;
}
 .bp3-popover-content  {
   background-color: var(--background-opposite) !important;
   color: var(--text-secondary) !important;
}
.bp3-popover-arrow-fill {
  fill: var(--background-opposite) !important;
}
/* Slash Command Menu */

.rm-autocomplete__results.bp3-elevation-3 {
  background-color: var(--background-opposite) !important;
}
.bp3-text-overflow-ellipsis {
  color: var(--text-secondary) !important;
}
.bp3-icon {
  color: var(--text-normal) !important;
}
.rm-autocomplete-result {
    color: var(--text-normal);
}
/* Calendar Button Menu */
.rm-jump-date-picker .bp3-datepicker-day-wrapper {
  color: var(--text-normal) !important;
}
/* Block reference bottom border */
.rm-block-ref {
    border-bottom: .5px solid var(--rm-accent-faded);
}

/* Help Menu */
.rm-help-category-menu-item, .rm-help-component__description,  .rm-help-markdown-function__style,  .rm-help-markdown-function, .rm-help-markdown-function__markdown,  .rm-help-title, .rm-help-resource__title, .rm-help-function__name,  .rm-help-resource__description  {
  color: var(--text-secondary) !important;
}
.rm-help-markdown-function__style .rm-level1, .rm-level2, .rm-level3 {
  color: var(--text-secondary) !important;
}
.bp3-popover-wrapper .rm-alias .rm-alias--external {
  color: var(--text-secondary) !important;
}
.rm-help-popup, .bp3-card {
  background-color: var(--background-opposite) !important;
}
/*   Syncing Menu *    /

.bp3-overlay-inline {
	background-color: var(--background-opposite) !important;
}
.bp3-overlay-inline .rm-sync-tooltip__title {
	color: var(--text-secondary) !important;
}
/* Search Bar */
.rm-search-title  {
  	color: var(--text-secondary) !important;
}
.rm-search-title .bp3-text-overflow-ellipsis {
  color: var(--text-secondary) !important;
}
/* Page Width Menu */
.bp3-fill.bp3-text-overflow-ellipsis {
  color: var(--text-secondary) !important;
}
.bp3-menu {
  background-color: var(--background-opposite) !important;
}
.bp3-menu-item.bp3-intent-primary:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open>.bp3-intent-primary.bp3-menu-item, .bp3-menu-item.bp3-intent-primary.bp3-active {  backgcolor: var(--rm-highlighter-color) !important;
	background-color: var(--rm-highlighter-color) !important;
}
/* Slider Styling */
.bp3-slider-progress.bp3-intent-primary {
  background-color: var(--rm-accent) !important;
}
.bp3-slider-handle .bp3-slider-l[[Abel]] {
  background-color: var(--tirtiary-background) !important;
}
.slider .flex-v-box .table-edited-by-view {
  display: none;
}
/* Query Menu */
.rm-query .rm-query-title {
    background-color: var(--secondary-background);
}
/* Query Triangle */
.bp3-icon-standard .bp3-icon-caret-down .rm-caret .rm-caret-open .rm-caret-showing .dont-focus-block {
  color: var(--text-secondary) !Important;
}

/* Code Blocks */
.bp3-button-text {
  	color: var(--text-normal) !important;
}
.CodeMirror .CodeMirror-code pre {
    font-family: monospace;
    box-shadow: none;
    color: var(--text-normal);
}
/* Code Block Background */
.CodeMirror-lines, .CodeMirror-gutters {
  background-color: var(--primary-background);
}
.cm-def, .CodeMirror-cursor, .CodeMirror-linenumbers, .cm-qualifier, .cm-variable-2, .cm-variable-3, .cm-keyword, .cm-atom, .cm-reference, .cm-property, .cm-comment, .cm-def {
  color: var(--text-normal) !important;
}
/* Kanban Boards */
.kanban-board {
  background-color: #ff7b6a !important;
  border-radius: 12px !important;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 25px -10px !important;
}
.kanban-column {
  border-radius: 12px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 25px -10px !important;

}
.kanban-card {
  border-radius: 8px;
  margin-bottom: 8px;
  padding: 4px 8px;
}
/* Embeds */
iframe.flex {
  border-radius: 8px;
}
/* Inline Images */
.rm-inline-img {
    max-width: 100%;
    max-height: 100%;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 35px -11px;
  /* box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 25px -10px !important; */
}

#roam-sidebar-logo > div {
  color: var(--text-normal) !important;
}
#roam-sidebar-logo > div > img {
  color: var(--text-normal) !important;
}
#roam-sidebar-logo > div > span:nth-child(3), #roam-sidebar-logo > div > span:nth-child(4) {
  color: var(--text-normal) !important;
}
#roam-sidebar-logo:hover {
  background-color: transparent;
}
/* Smartblocks Menu */
.bp3-tabs.bp3-vertical>.bp3-tab-list .bp3-tab {
    color: var(--text-secondary);
}
#roamjs-smartblocks-config > div > div:nth-child(2) {
  color: var(--text-secondary) !important;
}
label.bp3-label {
  color: var(--text-secondary) !important;
}

Mobile Snippets



@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,500;0,600;0,700;0,800;1,500;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500;1,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,500;0,600;0,700;0,800;0,900;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Akronim&display=swap');




/* Topbar Corners */
@media (max-width:428px) {
.rm-topbar {
  	border-radius: 18px 18px 0 0 !important;
	background-color: var(--primary-background);
}
  @media (prefers-color-scheme: dark) {
    .rm-topbar {
  	border-radius: 18px 18px 0 0 !important;
	background-color: black !important;
}
  }
.roam-sidebar-container .roam-sidebar-content {
    border-radius: 18px 0 0 0;
}
.roam-sidebar-container {
    background-color: black !important;
}
.rm-files-dropzone {
 	background-color: black !important;
}
 
/* Mobile Header Sizes */
@media (min-device-width:320px) and (max-device-width:926px) {
.rm-level1, .rm-heading-level-1>.rm-block__self .rm-block__input {
    font-size: 1.9em !important;
}
.rm-level2, .rm-heading-level-2>.rm-block__self .rm-block__input {
    font-size: 1.5em;
}
.rm-level3, .rm-heading-level-3>.rm-block__self .rm-block__input {
    font-size: 1.3em;
}
  .rm-block__input {
    line-height: 1.6 !important;
  }
  
  /* Moves inline links to normal level */
  .rm-block__children.rm-level-0 .rm-block__input .bp3-popover-target {
    margin-left: 0px;
  }
  .rm-block-children.rm-block__children.rm-level-1 .rm-block__input .bp3-popover-target {
    margin-right: 0px;
  }
  
  /* Page Title - Comment out to return to normal */
.rm-title-display {
    font-family: interstate, sans-serif !important;
  	font-size: 30px !important;
}
  /* Body Font */
  div, textarea {
    font-size: 16px !important;
    -webkit-font-smoothing: antialiased;
  }
}
 /* Moves inline links to normal level */
  .rm-block__children.rm-level-0 .rm-block__input .bp3-popover-target {
    margin-left: 0px;
  }
  .rm-block-children.rm-block__children.rm-level-1 .rm-block__input .bp3-popover-target {
    margin-right: 0px;
  }
}
/* Toggle Trianlge Code */
@media (min-device-width:320px) and (max-device-width:926px) {
.rm-block__children.rm-level-0 .rm-block__input {
  margin-left: 18px;
  }
 /* Moves Bullets to the Right */
.rm-block__children.rm-level-0 .rm-bullet .bp3-popover-target {
 	margin-left: 10px !important;
} 
.rm-block__children.rm-level-0 .rm-bullet {
    margin-left: 18px !important;
  }
 /* Moves Triangle to the Right */
.rm-block__children.rm-level-0 .bp3-icon-standard {
    font-size: 28px !important;
  	margin-left: 12px;
}
 /* Moves Multibar to the Right */
.rm-multibar {
  	margin-left: 28px;
}
  /* Moves Master Multibar Off the Page */
  .rm-level-0>.rm-multibar:hover {
    margin-left: -12px !important;
  }
  .rm-level-0>.rm-multibar {
    margin-left: -12px !important;
  }
  /* Moves Multibar to the right on Children */
  .rm-block-children.rm-block__children.rm-level-2 .rm-multibar {
  	margin-left: 32px !important;
  }
  /* Moves Bullet to the Right on Children */
  .rm-block-children.rm-block__children.rm-level-2 .bp3-popover-target {
/* 	margin-left: 13px; */
    margin-right: -19px;
  }
  .rm-block-children.rm-block__children.rm-level-1 .bp3-popover-target {
 /*	margin-left: 18px;*/
    margin-right: -26px;
  }
  /* Move Triangle to the Right on Children */
  .rm-block-children.rm-block__children.rm-level-2 .bp3-icon-standard {
    font-size: 28px !important;
  	margin-left: 24px;
}
  .rm-block-children.rm-block__children.rm-level-1 .bp3-icon-standard {
    font-size: 28px !important;
  	margin-left: 20px;
}
  /* Moves Text on Children to the Right */
  .rm-block-children.rm-block__children.rm-level-2 .rm-block__input {
 	 margin-left: 28px;
  }
  .rm-block-children.rm-block__children.rm-level-1 .rm-block__input {
    margin-left: 28px;
  }
  /* Moves Linked References section to the right for more space to touch the toggle */
  .rm-reference-container .flex-h-box {
    margin-left: 15px;
  }
  /* Makes the toggle triangle next to the linked references always visible */
  .rm-reference-container .rm-caret.rm-caret-hidden {
    opacity: 1;
  }
  /* Linked References Settings */

/* Page Title Text in Linked References Section */
.rm-mentions .rm-ref-page-view .rm-ref-page-view-title a {
  	font-size: 14px !important;
}
.rm-reference-main .rm-page-title a {
  font-size: 15px !important;
}
.rm-reference-main .rm-level3, .rm-heading-level-3>.rm-block__self .rm-block__input {
  font-size: 15px !important;
}
  
  
  
}

Subscribe to Joseph Wood

Sign up now to get access to the library of members-only issues.
Jamie Larson
Subscribe