feat: change CSS to something better

content/index.md

@@ -24,7 +24,9 @@ will improve over time but, I wanted to have a decent base first (hence the
 code does not look good actually!).
 
 I plan to:
-- Port the Blog using the _tree.ml_ module,
-- Setup the RSS feed back,
-- Improve the content of the [about](/about) page,
-- Start the blog back and write regularly about what I learn.
+- [ ] Port the Blog using the _tree.ml_ module,
+- [ ] Setup the RSS feed back,
+- [ ] Improve the content of the [about](/about) page,
+- [ ] Start the blog back and write regularly about what I learn,
+- [ ] Add a logging entry
+- [ ] Change the principel font as Overpass feels to tight...

static/css/code.css

@@ -13,6 +13,7 @@ pre {
     color: #F5F5F5;
     background-color: #0d1117;
     overflow-x: scroll;
+  border-radius: 5px;
 }
 
 .hljs {

static/css/main.css

@@ -2,7 +2,9 @@
   --primary: #66905a;
   --primary-darker: #3d483d;
   --secondary: #8db48e;
-  --bg-color: #f5f5f5;
+  --secondary-lighter: #b5ceb5;
+  /* --bg-color: #f5f5f5; */
+  --bg-color: #fefaf4;
   --bg-color-darker: #ececec;
   --font-color: #090203;
   --font-color-sub: #a6adc8;
@@ -81,7 +83,8 @@ blockquote {
   padding: 1rem;
   background-color: var(--bg-color-darker);
   border: 0px solid transparent;
-  border-left: 2px solid var(--primary);
+  border-left: 4px solid var(--primary);
+  border-radius: 5px;
 }
 
 pre {
@@ -228,7 +231,8 @@ footer p {
 /* --- Specific classes --- */
 
 .metadata {
-  color: var(--font-italic);
+  /* color: #2c342c; */
+  color: var(--primary-darker);
   font-style: italic;
   font-family: serif;
   display: flex;
@@ -249,8 +253,10 @@ footer p {
 .index li {
   margin-bottom: 20px;
   border: 0px solid transparent;
-  border-left: 5px solid var(--primary);
+  border-left: 8px solid var(--primary);
   padding: 5px 10px 5px 10px;
+  background-color: var(--secondary-lighter);
+  border-radius: 5px;
 }
 
 .index li a {