#Rmarkdown css code

If a table is too wide, it should condense down and/or scroll horizontally. Tables should have bold headings and alternating shaded rows. There's a horizontal rule above and below this.ĭefinition lists can be used with HTML syntax. This is an ordered list following a header. This is an unordered list following a header. Chuck kielbasa leberkas, pork bresaola ham hock filet mignon cow shoulder short ribs biltong. Bacon ipsum dolor sit amet t-bone doner shank drumstick, pork belly porchetta chuck sausage brisket ham hock rump pig. This is a normal paragraph following a header. There should be no margin below this final sentence. There should be no margin above this first sentence.īlockquotes should be a lighter gray with a gray border along the left side. There should be whitespace between paragraphs. Links should be blue with no underlines (unless hovered over). Thematic_on(font = font_spec('auto', scale = 0.Text can be bold, italic, or strikethrough. Here are the corresponding functions between the two packages :īs_theme_add_variables('font-size-base' = )Ĭalculated from background, foreground and accent colorĪs an example, if you use both packages together. You have to set it to auto inside thematic_on() to get it nicely.

The only thing you need to care about is the font. That’s a very powerful feature because you will only need to style your document once. If you use thematic after bootstraplib in a Rmarkdown document (it’s also true for Shiny), it will retrieve the styling you passed and use them.

flextable has the right background color but not the font size/family/color.

reactable has the font size, family and color.

The other packages I tested all failed on one part : This comes from the tables packages CSS behavior. You will need to style your table manually. However you can use the excellent xaringanthemer for your presentation ( ). The package doesn’t work yet with xaringan and pagedown for the moment, because they are not made with Bootstrap, and strangely with flexdashboard. You need to keep in mind two things, when using bootstraplib for R Markdown :

#Rmarkdown css code

It offers simple functions to deal with Google Fonts.Īs an example, here is the code chunk which creates the document just below. If you want to use Google Fonts, you may need the gfonts package, made by dreamRs ( ). As an example bs_theme_add_variables('font-size-base' = '0.9rem') will style the size of your fonts. You can also add some hand-made rules with bs_theme_add_variables(). bs_theme_accent_colors() for the accent colors.bs_theme_base_colors() allows you to set you background (with bg) and foreground (with fg) colors.Īfter that you can use some functions to style your main elements : But we will only cover some part of it.įirst you need to reference the use of Bootstrap in the YAML header of your Rmd. It calls Bootstrap and allow you to style directly your document (RMarkdown or Shiny) from R using Sass.

Thematic may work with interactive graph packages like plotly or ggiraph if you use some special feature (see and ) Theme_minimal(base_family = thematic_get_option('font')$families,īase_size = thematic_get_option('font')$scale * 11, Labs(title = 'A nice scatterplot for iris', ggplot(iris, aes(x = Sepal.Length, y = Sepal.Width, color = Species)) + If you want to keep your theme, you have to set it before to call thematic_on() through a theme_set(theme_minimal()) as an example (see ). Because complete themes have fonts and/or colors, they may replace your styling. But you need to know that the last element overlap your styling.

You can add a theme to your graph but will need some further coding. Position = position_stack(vjust = 1.1)) + Sequential = sequential_gradient(0.5, 0.75)Īfter that, just make a normal plot like you are used to. Qualitative = paletteer::paletteer_d('dutchmasters::milkmaid'), library(thematic)įont = font_spec('Special Elite', scale = 0.5), You just have to use thematic_on() with your parameters to use it. By default, it creates a palette from a mix between your background color and your accent color to a mix between your foreground color and your accent color. sequential : the sequential palette, which can be controlled using sequential_gradient().qualitative : the qualitative palette you want to use.font : the font you want to use, here Special Elite.It will also be used to create a sequential palette accent : the accent color, here #741336.fg : the foreground color, here #4c4c4c.bg : the background color, here #F4F4E2.