Theme visual mode

[gadenbuie]

• Grab CSS and fonts zip from google webfonts helper
  • Set folder to fonts/
• Unpack fonts into fonts/ in rstudio themes folder ~/.config/rstudio/themes
• Add the fonts CSS and the CSS below into the theme you want to update:

.pm-proportional-font {
  font-family: "IBM Plex Serif", sans-serif !important;
  font-size: 12pt !important;
}

.pm-content p code.pm-code.pm-fixedwidth-font {
  background-color: inherit !important;
  padding: 0 2px;
  color: #005cc5;
}

.pm-link-text-color {
  color: #e36209 !important;
}

More than just fonts! Here's the whole prosemirror css base used by the IDE: https://github.com/rstudio/rstudio/blob/edd144e6c64f765f62716e57a31808597e92ab7e/src/gwt/panmirror/src/editor/src/editor/editor-theme.ts#L138-L345