diff --git a/assets/js/main.js b/assets/js/main.js
index 76b09d1..fa723f1 100644
--- a/assets/js/main.js
+++ b/assets/js/main.js
@@ -4,6 +4,7 @@ import Masonry from "masonry-layout";
 const lightbox = new PhotoSwipeLightbox({
   gallery: ".lightbox",
   children: ".pswp-image",
+  bgOpacity: 1,
   showAnimationDuration: 300,
   hideAnimationDuration: 300,
   initialZoomLevel: "fit",
diff --git a/assets/sass/code.scss b/assets/sass/code.scss
index 5fca685..bd50096 100644
--- a/assets/sass/code.scss
+++ b/assets/sass/code.scss
@@ -14,7 +14,7 @@ pre {
 
   /* Error */
   .err {
-    color: var(--accent-500);
+    color: var(--accent-600);
   }
 
   /* LineLink */
@@ -42,7 +42,7 @@ pre {
 
   /* LineHighlight */
   .hl {
-    background-color: var(--background-200);
+    background-color: var(--background-100);
   }
 
   /* LineNumbersTable */
@@ -71,250 +71,250 @@ pre {
 
   /* Keyword */
   .k {
-    color: var(--secondary-600);
+    color: var(--secondary-700);
   }
 
   /* KeywordConstant */
   .kc {
-    color: var(--primary-500);
+    color: var(--primary-600);
   }
 
   /* KeywordDeclaration */
   .kd {
-    color: var(--secondary-600);
+    color: var(--secondary-700);
   }
 
   /* KeywordNamespace */
   .kn {
-    color: var(--secondary-600);
+    color: var(--secondary-700);
   }
 
   /* KeywordPseudo */
   .kp {
-    color: var(--primary-500);
+    color: var(--primary-600);
   }
 
   /* KeywordReserved */
   .kr {
-    color: var(--secondary-600);
+    color: var(--secondary-700);
   }
 
   /* KeywordType */
   .kt {
-    color: var(--secondary-600);
+    color: var(--secondary-700);
   }
 
   /* Name */
   .nc {
-    color: var(--accent-600);
+    color: var(--accent-700);
     font-weight: bold;
   }
 
   /* NameConstant */
   .no {
-    color: var(--primary-500);
+    color: var(--primary-600);
     font-weight: bold;
   }
 
   /* NameDecorator */
   .nd {
-    color: var(--secondary-700);
+    color: var(--secondary-800);
     font-weight: bold;
   }
 
   /* NameEntity */
   .ni {
-    color: var(--accent-600);
+    color: var(--accent-700);
   }
 
   /* NameException */
   .ne {
-    color: var(--accent-600);
+    color: var(--accent-700);
     font-weight: bold;
   }
 
   /* NameLabel */
   .nl {
-    color: var(--primary-500);
+    color: var(--primary-600);
     font-weight: bold;
   }
 
   /* NameNamespace */
   .nn {
-    color: var(--secondary-600);
+    color: var(--secondary-700);
   }
 
   /* NameProperty */
   .py {
-    color: var(--primary-500);
+    color: var(--primary-600);
   }
 
   /* NameTag */
   .nt {
-    color: var(--primary-600);
+    color: var(--primary-700);
   }
 
   /* NameVariable */
   .nv {
-    color: var(--primary-500);
+    color: var(--primary-600);
   }
 
   /* NameVariableClass */
   .vc {
-    color: var(--primary-500);
+    color: var(--primary-600);
   }
 
   /* NameVariableGlobal */
   .vg {
-    color: var(--primary-500);
+    color: var(--primary-600);
   }
 
   /* NameVariableInstance */
   .vi {
-    color: var(--primary-500);
+    color: var(--primary-600);
   }
 
   /* NameVariableMagic */
   .vm {
-    color: var(--primary-500);
+    color: var(--primary-600);
   }
 
   /* NameFunction */
   .nf {
-    color: var(--secondary-700);
+    color: var(--secondary-800);
     font-weight: bold;
   }
 
   /* NameFunctionMagic */
   .fm {
-    color: var(--secondary-700);
+    color: var(--secondary-800);
     font-weight: bold;
   }
 
   /* Literal */
   .l {
-    color: var(--primary-600);
+    color: var(--primary-700);
   }
 
   /* LiteralDate */
   .ld {
-    color: var(--primary-500);
+    color: var(--primary-600);
   }
 
   /* LiteralString */
   .s {
-    color: var(--primary-600);
+    color: var(--primary-700);
   }
 
   /* LiteralStringAffix */
   .sa {
-    color: var(--primary-500);
+    color: var(--primary-600);
   }
 
   /* LiteralStringBacktick */
   .sb {
-    color: var(--primary-600);
+    color: var(--primary-700);
   }
 
   /* LiteralStringChar */
   .sc {
-    color: var(--primary-600);
+    color: var(--primary-700);
   }
 
   /* LiteralStringDelimiter */
   .dl {
-    color: var(--primary-500);
+    color: var(--primary-600);
   }
 
   /* LiteralStringDoc */
   .sd {
-    color: var(--primary-600);
+    color: var(--primary-700);
   }
 
   /* LiteralStringDouble */
   .s2 {
-    color: var(--primary-600);
+    color: var(--primary-700);
   }
 
   /* LiteralStringEscape */
   .se {
-    color: var(--primary-500);
+    color: var(--primary-600);
   }
 
   /* LiteralStringHeredoc */
   .sh {
-    color: var(--primary-500);
+    color: var(--primary-600);
   }
 
   /* LiteralStringInterpol */
   .si {
-    color: var(--primary-600);
+    color: var(--primary-700);
   }
 
   /* LiteralStringOther */
   .sx {
-    color: var(--primary-600);
+    color: var(--primary-700);
   }
 
   /* LiteralStringRegex */
   .sr {
-    color: var(--primary-500);
+    color: var(--primary-600);
   }
 
   /* LiteralStringSingle */
   .s1 {
-    color: var(--primary-600);
+    color: var(--primary-700);
   }
 
   /* LiteralStringSymbol */
   .ss {
-    color: var(--primary-600);
+    color: var(--primary-700);
   }
 
   /* LiteralNumber */
   .m {
-    color: var(--primary-600);
+    color: var(--primary-700);
   }
 
   /* LiteralNumberBin */
   .mb {
-    color: var(--primary-600);
+    color: var(--primary-700);
   }
 
   /* LiteralNumberFloat */
   .mf {
-    color: var(--primary-600);
+    color: var(--primary-700);
   }
 
   /* LiteralNumberHex */
   .mh {
-    color: var(--primary-600);
+    color: var(--primary-700);
   }
 
   /* LiteralNumberInteger */
   .mi {
-    color: var(--primary-600);
+    color: var(--primary-700);
   }
 
   /* LiteralNumberIntegerLong */
   .il {
-    color: var(--primary-600);
+    color: var(--primary-700);
   }
 
   /* LiteralNumberOct */
   .mo {
-    color: var(--primary-600);
+    color: var(--primary-700);
   }
 
   /* Operator */
   .o {
-    color: var(--secondary-600);
+    color: var(--secondary-700);
     font-weight: bold;
   }
 
   /* OperatorWord */
   .ow {
-    color: var(--secondary-600);
+    color: var(--secondary-700);
     font-weight: bold;
   }
 
@@ -376,12 +376,12 @@ pre {
 
   /* GenericError */
   .gr {
-    color: var(--accent-500);
+    color: var(--accent-600);
   }
 
   /* GenericHeading */
   .gh {
-    color: var(--primary-500);
+    color: var(--primary-600);
     font-weight: bold;
   }
 
@@ -408,12 +408,12 @@ pre {
 
   /* GenericSubheading */
   .gu {
-    color: var(--primary-500);
+    color: var(--primary-600);
   }
 
   /* GenericTraceback */
   .gt {
-    color: var(--secondary-600);
+    color: var(--secondary-700);
   }
 
   /* GenericUnderline */
diff --git a/assets/sass/colors.scss b/assets/sass/colors.scss
index 53a06d8..a703b18 100644
--- a/assets/sass/colors.scss
+++ b/assets/sass/colors.scss
@@ -1,71 +1,71 @@
 // https://www.realtimecolors.com/
 
 :root {
-  --text: #110807;
+  --text: #0d1416;
   --background: #fdfdfd;
-  --primary: #ce4748;
-  --secondary: #ced396;
-  --accent: #9fc779;
+  --primary: #669ca3;
+  --secondary: #a5abc9;
+  --accent: #8d8cba;
 }
 
 :root {
-  --text-50: #f8eeed;
-  --text-100: #f0dddb;
-  --text-200: #e1bbb7;
-  --text-300: #d39992;
-  --text-400: #c4776e;
-  --text-500: #b5554a;
-  --text-600: #91443b;
-  --text-700: #6d332c;
-  --text-800: #48221e;
-  --text-900: #24110f;
-  --text-950: #120807;
+  --text-50: #eff4f6;
+  --text-100: #dfe9ec;
+  --text-200: #bfd4d9;
+  --text-300: #9fbec6;
+  --text-400: #7ea8b4;
+  --text-500: #5e92a1;
+  --text-600: #4b7581;
+  --text-700: #395860;
+  --text-800: #263b40;
+  --text-900: #131d20;
+  --text-950: #090f10;
 
-  --background-50: #f2f2f2;
-  --background-100: #e6e6e6;
-  --background-200: #cccccc;
-  --background-300: #b3b3b3;
-  --background-400: #999999;
-  --background-500: #808080;
-  --background-600: #666666;
-  --background-700: #4d4d4d;
-  --background-800: #333333;
-  --background-900: #1a1a1a;
-  --background-950: #0d0d0d;
+  --background-50: #f0f5f5;
+  --background-100: #e0ebeb;
+  --background-200: #c2d6d6;
+  --background-300: #a3c2c2;
+  --background-400: #85adad;
+  --background-500: #669999;
+  --background-600: #527a7a;
+  --background-700: #3d5c5c;
+  --background-800: #293d3d;
+  --background-900: #141f1f;
+  --background-950: #0a0f0f;
 
-  --primary-50: #faebeb;
-  --primary-100: #f4d7d7;
-  --primary-200: #eaaeae;
-  --primary-300: #df8686;
-  --primary-400: #d45e5e;
-  --primary-500: #c93636;
-  --primary-600: #a12b2b;
-  --primary-700: #792020;
-  --primary-800: #511515;
-  --primary-900: #280b0b;
-  --primary-950: #140505;
+  --primary-50: #eff5f5;
+  --primary-100: #dfeaec;
+  --primary-200: #bfd6d9;
+  --primary-300: #9fc1c6;
+  --primary-400: #80adb3;
+  --primary-500: #60989f;
+  --primary-600: #4d7a80;
+  --primary-700: #395b60;
+  --primary-800: #263d40;
+  --primary-900: #131e20;
+  --primary-950: #0a0f10;
 
-  --secondary-50: #f7f7ed;
-  --secondary-100: #eef0db;
-  --secondary-200: #dde1b7;
-  --secondary-300: #cdd293;
-  --secondary-400: #bcc36f;
-  --secondary-500: #abb44b;
-  --secondary-600: #89903c;
-  --secondary-700: #676c2d;
-  --secondary-800: #44481e;
-  --secondary-900: #22240f;
-  --secondary-950: #111208;
+  --secondary-50: #eff0f5;
+  --secondary-100: #dfe1ec;
+  --secondary-200: #bfc4d9;
+  --secondary-300: #9fa6c6;
+  --secondary-400: #8088b3;
+  --secondary-500: #606a9f;
+  --secondary-600: #4d5580;
+  --secondary-700: #394060;
+  --secondary-800: #262b40;
+  --secondary-900: #131520;
+  --secondary-950: #0a0b10;
 
-  --accent-50: #f2f7ed;
-  --accent-100: #e5f0db;
-  --accent-200: #cbe1b7;
-  --accent-300: #b1d293;
-  --accent-400: #98c36f;
-  --accent-500: #7eb44b;
-  --accent-600: #65903c;
-  --accent-700: #4b6c2d;
-  --accent-800: #32481e;
-  --accent-900: #19240f;
-  --accent-950: #0d1208;
+  --accent-50: #efeff5;
+  --accent-100: #dfdfec;
+  --accent-200: #c0bfd9;
+  --accent-300: #a09fc6;
+  --accent-400: #8080b3;
+  --accent-500: #61609f;
+  --accent-600: #4d4d80;
+  --accent-700: #3a3960;
+  --accent-800: #272640;
+  --accent-900: #131320;
+  --accent-950: #0a0a10;
 }
diff --git a/assets/sass/details.scss b/assets/sass/details.scss
index 84082c2..ef1b14b 100644
--- a/assets/sass/details.scss
+++ b/assets/sass/details.scss
@@ -19,7 +19,7 @@ main.with-details {
   }
 
   .length {
-    color: color-mix(in srgb, var(--text) 50%, var(--background));
+    color: color-mix(in srgb, var(--text) 70%, var(--background));
     margin: 0.5rem 0 0.5rem 0;
     font-size: 0.8rem;
   }
diff --git a/assets/sass/footer.scss b/assets/sass/footer.scss
index f5956e3..b11078e 100644
--- a/assets/sass/footer.scss
+++ b/assets/sass/footer.scss
@@ -13,7 +13,7 @@
 
     font-size: 0.85rem;
 
-    color: color-mix(in srgb, var(--text) 30%, var(--background));
+    color: color-mix(in srgb, var(--text) 50%, var(--background));
 
     a {
       color: inherit;
diff --git a/assets/sass/image.scss b/assets/sass/image.scss
index ab7b0d5..53dd5ca 100644
--- a/assets/sass/image.scss
+++ b/assets/sass/image.scss
@@ -11,6 +11,6 @@ img {
   figcaption {
     text-align: center;
     padding-top: 1rem;
-    color: color-mix(in srgb, var(--text) 50%, var(--background));
+    color: color-mix(in srgb, var(--text) 70%, var(--background));
   }
 }
diff --git a/assets/sass/meta.scss b/assets/sass/meta.scss
index 1173ea7..d508706 100644
--- a/assets/sass/meta.scss
+++ b/assets/sass/meta.scss
@@ -2,19 +2,19 @@
   margin: 1rem 0 1rem 0;
   font-size: 0.8rem;
 
+  .date {
+    color: var(--text);
+  }
+
   .tag {
-    color: var(--secondary-600);
+    color: var(--primary-600);
   }
 
   .tag:hover {
-    color: var(--secondary-800);
-  }
-
-  .date {
-    color: var(--text-600);
+    color: var(--primary-800);
   }
 
   .duration {
-    color: color-mix(in srgb, var(--text) 50%, var(--background));
+    color: color-mix(in srgb, var(--text) 70%, var(--background));
   }
 }