---
title: "Styling Bootstrap based document"
output:
  html_document:
    theme:
      primary: "#4D8DC9" #blue
      secondary: "#4D4D4D" # grey
      blockquote-border-color: "#FDBE4B" # yellow
      lightblue: "#75AADB" # another blue used twice
      code-color: "$lightblue"
      border-color: "$lightblue"
      border-width: "3px"
      warning: "#E7553C" # orange
      info: "#A4C689" # green
      base_font:
        google: "Prompt"
      headings-font-weight: 900
      code_font:
        google: "JetBrains Mono"
---
  
# A header using modified weight

Some text with base font

```{r, collapse = TRUE}
# some code using code font with colored bordered
head(mtcars)
```

[A link](https://pkgs.rstudio.com/bslib) using modified primary color

> Here is a blockquote with modified vertical rule color

:::text-warning
This is a warning text created using `.text-warning` class, using line code in code color.
:::

:::{.border .border-info .rounded .pt-3 .text-center .bg-light}
And an info box using `.border-info`and other [Bootstrap utility classes](https://rstudio.github.io/bslib/articles/utility-classes.html) from Bootstrap 4 
:::





