make code blocks more colourful too

This commit is contained in:
ben clark 2021-04-05 15:52:51 +00:00
parent 553009b8f5
commit 5ebff52856
1 changed files with 34 additions and 8 deletions

View File

@ -51,7 +51,7 @@ a {
}
a:hover {
background-color: #B7EBCA;
background-color: #ceedda;
}
@ -104,14 +104,16 @@ margin-top: -40px;
pre {
width: 100%;
background-color: #e4e4e4;
color: #1a3d1f;
background-color: #ceedda;
padding: 12px 18px;
border-radius: 4px;
}
code {
font-family: 'Comic Mono', monospace;
font-size: 14px;
background-color: #e4e4e4;
color: #1a3d1f;
background-color: #ceedda;
border-radius: 4px;
padding: 0 4px;
font-weight: 400;
@ -121,36 +123,60 @@ code {
/* blue */
.blue a {
color: #395c91
color: #395c91;
}
.blue a:hover {
background-color: #b2cbf0;
background-color: #d0def2;
}
.blue .header {
background: #b2cbf0;
color: #395c91;
}
.blue pre {
background-color: #d0def2;
color: #1c2e4a;
}
.blue code {
background-color: #d0def2;
color: #1c2e4a;
}
/* orange */
.orange a {
color: #7e3c16
color: #7e3c16;
}
.orange a:hover {
background-color: #f0d5b2;
background-color: #f5e3cb;
}
.orange .header {
background: #f0d5b2;
color: #7e3c16;
}
.orange pre {
background-color: #f5e3cb;
color: #45220e;
}
.orange code {
background-color: #f5e3cb;
color: #45220e;
}
/* red */
.red a {
color: #7e1616
}
.red a:hover {
background-color: #f0b2b2;
background-color: #f0dddd;
}
.red .header {
background: #f0b2b2;
color: #7e1616;
}
.red pre {
background-color: #f0dddd;
color: #571010;
}
.red code {
background-color: #f0dddd;
color: #571010;
}