diff --git a/default_environment/stylesheet/main.css b/default_environment/stylesheet/main.css
index 8684fa6..fe1ab5f 100644
--- a/default_environment/stylesheet/main.css
+++ b/default_environment/stylesheet/main.css
@@ -1,15 +1,20 @@
:root {
+ --unused-1: #6ccff6;
--main-max-width: 800px;
--site-background-color: #0a0a0a;
--site-text-color: #fffffc;
--header-divider-color: #6a687a;
- --unused-1: #6ccff6;
- --unused-2: #84828f;
+
+ --src-block-background-color: #141414;
+ --src-block-border-color: #84828f;
+ --src-block-language-color: #0a0a0a;
+ --src-block-language-background: #84828f;
}
body {
color: var(--site-text-color);
background-color: var(--site-background-color);
+ font-family: source-sans-pro, Seravek, 'Gill Sans Nova', Ubuntu, Calibri, 'DejaVu Sans', sans-serif;
a:link, a:visited {
/* TODO: Should I use a different color for links? */
@@ -48,6 +53,28 @@ body {
p {
margin: 1rem 0;
}
+
+ .src_block {
+ background: var(--src-block-background-color);
+ border-radius: 3px;
+ border: 1px solid var(--src-block-border-color);
+ font-size: 1rem;
+ font-family: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace;
+
+ .src_language {
+ display: inline-block;
+ color: var(--src-block-language-color);
+ background: var(--src-block-language-background);
+ border-radius: 0 0 3px 0;
+ padding: 0.1rem 0.5rem;
+ font-size: 0.8rem;
+ vertical-align: top;
+ }
+
+ .src_body {
+ margin: 0.5rem;
+ }
+ }
}
/* A stand-alone blog post (not in a blog stream). */
diff --git a/default_environment/templates/html/src_block.dust b/default_environment/templates/html/src_block.dust
index 22e7f33..73a76f4 100644
--- a/default_environment/templates/html/src_block.dust
+++ b/default_environment/templates/html/src_block.dust
@@ -1,9 +1,13 @@
-
-
- {#.lines}
-
- {.} |
-
- {/.lines}
-
-
+
+
+
text
+
+
+ {#.lines}
+
+ {.} |
+
+ {/.lines}
+
+
+