feat(frontend): better code displayHEADmain

2 files changed, 6 insertions, 4 deletions

diff --git a/frontend/scss/general.scss b/frontend/scss/general.scss
index 62dc361..e09fa0d 100644
--- a/frontend/scss/general.scss
+++ b/frontend/scss/general.scss
@@ -162,12 +162,12 @@ code {
   font-family: monospace;
   font-size: var(--font-size-tiny);
 
-  color: var(--color-gray);
+  color: var(--color-white);
   border: var(--color-light) 1px solid;
 }
 
 pre {
-  border: var(--color-light) 2px solid;
+  border: var(--color-rose) 2px solid;
 
   margin: 0 -1rem var(--margin-base) -1rem;
   padding: 0.5rem 1rem;
@@ -176,6 +176,8 @@ pre {
     display: block;
     max-width: 100%;
 
+    line-height: 1.5em;
+
     padding: 0;
 
     background: none;
diff --git a/frontend/scss/main.scss b/frontend/scss/main.scss
index 390112b..629731b 100644
--- a/frontend/scss/main.scss
+++ b/frontend/scss/main.scss
@@ -9,7 +9,8 @@
   --color-gray: #bcb3bb; /* quote and legend */
   --color-rose: #f2b5d4; /* link accent */
   --color-light-rose: hsl(330, 55%, 70%, 0.2); /* link accent hover and highlight */
-  --color-black: rgba(0, 0, 0, 0.4); /* pre, code */
+  --color-black: hsl(210, 15%, 5%); /* pre, code */
+  --color-white: #dce4e4; /* pre, code */
 
   --callout-color-background: hsl(210, 10%, 23%);
   --callout-color: hsl(210, 14%, 89%);
@@ -20,7 +21,6 @@
     --color-gray: #433b42; /* quote and legend */
     --color-rose: #a01a5e; /* link accent */
     --color-light-rose: hsla(330, 86%, 67%, 0.2); /* link accent hover and highlight */
-    --color-black: rgba(0, 0, 0, 0.2); /* pre, code */
 
     --callout-color-background: hsl(210, 14%, 89%);
     --callout-color: hsl(210, 10%, 23%);