Update light.sass

themes/light.sass

@@ -1,25 +1,30 @@
 
-\:root
+$color-bg: #fffff5
-  --color-bg:#fffff5
+$color-text: #000
-  --color-text:#000
+$color-text--light: lighten($color-text, 20%)
-  --gap-l:2.5rem
+$color-selection: #a4aeb6
+$gap-l: 2.5rem
+$gap-m: 1rem
 
 body
-  margin: var(--gap-l) auto
+  margin: $gap-l auto
-  max-width: 610px
+  max-width: 700px
   line-height: 1.6
-  background: var(--color-bg)
+  background: $color-bg
-  color: var(--color-text)
+  color: $color-text
-  padding: 0 10px
+  padding-inline: $gap-m
   line-height: 28px
   font-family: "Lora"
   font-weight: 500
   box-sizing: border-box
+  font-display: swap
+  &::selection
+    color: $color-bg
+    background: $color-selection
 
-  /* Smooth the font a little bit, it's a
+.timestamp
-   *bit too bold on retina screens
+  color: $color-text--light
-  -webkit-font-smoothing: antialiased
+  
-
 /* ---------------------------------------------------
 /* Make a nice input form with rounded corners and hover
  *animations
@@ -34,7 +39,6 @@ input
   background: #fffff4
   color: #3a1616
   font-size: 16px
-  -webkit-transition: 0.5s
   transition: 0.5s
   outline: none
 
@@ -124,6 +128,4 @@ a
 pre
   font-family: "Inconsolata", monospace
 
-\::selection
+
-  color: white
-  background: #ff4081