DEV Community

Cover image for Markdown Style
Corey McCarty
Corey McCarty

Posted on • Originally published at coreydmccarty.dev on

Markdown Style

While writing about using Markdown to boost productivity in note taking I thought that maybe some people might be interested. in this configuration.

:root {
  /* from https://www.behance.net/gallery/8482091/Flat-Bold-UI-Kit */
  --black: #333333;
  --light-gray: #B3B8BC;
  --dark-gray: #656565;
  --blue: #46BDDF;
  --green: #52D273;
  --red: #E95065;
  --orange: #E57255;
  --yellow: #E5C453;
  --background: #484848;

  /* Other Sources */
  --other-background: #252525;
  --white: #FFF;

  background-color: var(--other-background);
} 
h1, h2, h3, h4, h5, h6{
  font-weight: bolder;
}
h1{
  color: var(--blue);
}
h2{
  color: var(--green);
}
h3{
  color: var(--yellow);
}
h4{
  color: var(--orange);
}
h5{
  color: var(--red);
}
h6{
  color: var(--white);
}
a:link {
  color: skyblue;
  font-weight: bolder;
}
a:visited {
  color: lightskyblue;
  font-weight: bolder;
}
p, ul, ol, li{
  color: var(--light-gray);
}
pre{
    background-color: #000 !important; 
}
strong {
  color: var(--white);
}
Enter fullscreen mode Exit fullscreen mode

Cover image created by undraw.co

Discussion (0)