Beautiful Black Theme

R Data Science Series

CSS for Our Black Theme

A CSS (Cascading Style Sheets) document is a file that contains CSS code, which is a language used to describe the style and formatting of a document written in HTML (Hypertext Markup Language) or XML (eXtensible Markup Language). CSS documents provide a powerful and flexible way to control the visual presentation of web pages, allowing you to define styles, layouts, colors, and other visual aspects of your website, separate from the actual content

A typical CSS document consists of a series of selectors and declarations. Selectors are used to target specific HTML elements, while declarations define the desired styles for those elements. Here’s the CSS document for our black theme:

code {
  color: #ff9358;  /* Text color for code (similar to 'espresso' highlight) */
}

/* Adjust lines or blocks that might have been missed */
.r-output pre, pre {
  background-color: #2d2d2d !important;  /* Black background */
  color: white !important;  /* White text */
}

/* Adjust background for tables */
table {
  background-color: #ffffff !important;  /* White background for table */
  color: #ffffff;  /* White text */
  border-collapse: collapse;
}

h1 {
    font-size: 1.6em;
    font-weight: bolder;
    color: #4eb3d3;  /* Blue color for h1 title */
}

h2 {
    font-size: 1.3em;
    font-weight: bolder;
    color: #41ae76;  /* Green color for h2 title */
}

h3, h4 {
    font-size: 1.2em;
    font-weight: bolder;
    color: #e5f5f9;  /* Light blue color for h3 and h4 titles */
}

R Markdown

This is an R Markdown document. Markdown is a simple formatting syntax for authoring HTML, PDF, and MS Word documents. For more details on using R Markdown see http://rmarkdown.rstudio.com.

When you click the Knit button a document will be generated that includes both content as well as the output of any embedded R code chunks within the document. You can embed an R code chunk like this:

Sub1

You can use library() function to load a specific package:

library(dplyr) # Package for data wrangling. 
library(kableExtra) # Package for presenting beautiful tables. 

iris %>%
  head(8) 

##   Sepal.Length Sepal.Width Petal.Length Petal.Width Species
## 1          5.1         3.5          1.4         0.2  setosa
## 2          4.9         3.0          1.4         0.2  setosa
## 3          4.7         3.2          1.3         0.2  setosa
## 4          4.6         3.1          1.5         0.2  setosa
## 5          5.0         3.6          1.4         0.2  setosa
## 6          5.4         3.9          1.7         0.4  setosa
## 7          4.6         3.4          1.4         0.3  setosa
## 8          5.0         3.4          1.5         0.2  setosa

Sub2

summary(cars)

##      speed           dist       
##  Min.   : 4.0   Min.   :  2.00  
##  1st Qu.:12.0   1st Qu.: 26.00  
##  Median :15.0   Median : 36.00  
##  Mean   :15.4   Mean   : 42.98  
##  3rd Qu.:19.0   3rd Qu.: 56.00  
##  Max.   :25.0   Max.   :120.00

Including Plots

You can also embed plots, for example:

# Package for data visualization: 
library(ggplot2)


iris %>% 
  ggplot(aes(x = Sepal.Length, y = Sepal.Width, colour = Species)) + 
  geom_point() + 
  geom_smooth(method = "lm") + 
  facet_wrap(~ Species) + 
  labs(title = "Regression Lines")

Note that the echo = FALSE parameter was added to the code chunk to prevent printing of the R code that generated the plot.

Bootswatch Themes

You can use some beautiful themes provide by Bootswatch Themes.