benjeto-jekyll-theme 0.3.5 → 0.3.7

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ddfd84b36119b6888bafb857e2ef157495b7b2a28f19e7ac697d4fcde3d50d4c
-  data.tar.gz: 48a5447b6c1b61747cfdf1e355bc0952ba342c1f09fe43380e706bdf250af7e9
+  metadata.gz: b8fb9281f5f468eab80221c59917d269f7088c76027b370a681ccece4f897064
+  data.tar.gz: 0a86aa347a3e939d40fc173134380b41bcd0b7d5a29670b6c1e146038364cff5
 SHA512:
-  metadata.gz: 63254b89ad89a7b08c4f51f52b7f119882549aea411ca86e61430aaf5e2609c5e2c85020ad34885813dcfb9b169c120a3cd03a3b0e3d013be336976263e85ac3
-  data.tar.gz: ba21a768abbde691f0151f45c1eee19d984f41d96c7ba4277507cad7b7b10dce5a0fccaaf324e1b115dbbeeff0e3e996fa04f90a37610822ad151d1ec95ea6e8
+  metadata.gz: 25425bc84d4048beae340d8a6cd0e17b68a2a51b7970b806d1ef0434bd35663c65dd9cef72bf5c22a1522c5a79d0d350ebedd7bd8e2aa2c0fe46f8130f57116b
+  data.tar.gz: 24fee691d6f9b050c75b11d2c0e5875e6f72fac35de15feea0d4dd098bf5de2dbce0676db7751ad6c79f888d1933399eb840bc6fde0b092159e723437b06dbc0

data/_sass/benjeto/base.scss

@@ -25,10 +25,7 @@ article.post {
 }
 .pagebox {
   background: var(--page);
-  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.05);
-  * {
-    line-height: 1.7;
-  }
+  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.08);
 }
 article.post {
   font-size: 1.05rem;
@@ -43,14 +40,14 @@ h1, h2, h3 {
 }
 h2 {
   padding-bottom: 2px;
-  border-bottom: 1.5px solid var(--border);
+  border-bottom: 2px solid var(--border);
 }
 
 hgroup {
   margin: 20px 0 16px;
   padding-bottom: 8px;
   &:has(h2) {
-    border-bottom: 1.5px solid var(--border);
+    border-bottom: 2px solid var(--border);
   }
   p, h2, h3, h4, h5, h6 {
     padding: 0;
@@ -95,7 +92,7 @@ table {
     background: var(--boxbg);
   }
   tbody th {
-    background: var(--boxbglight);
+    background: var(--boxbgtext);
     text-align: initial;
     font-weight: 600;
   }
@@ -109,7 +106,7 @@ caption {
 blockquote:not(.tiktok-embed) {
   margin: 16px 0;
   padding: 16px 24px;
-  background: var(--boxbglight);
+  background: var(--boxbgtext);
   border-left: 4px solid var(--border);
   p {
     margin: 4px 0;
@@ -120,28 +117,26 @@ pre, code, code * {
   font-family: monospace, system-ui, sans-serif;
 }
 code {
-  background: var(--boxbg);
+  background: var(--boxbglight);
   border-radius: 4px;
   padding: 1px 4px;
   margin: 0 2px;
   font-size: 0.95em;
 }
 pre code {
-  background: var(--page);
-  border: 1px solid var(--boxbg);
+  background: var(--boxbgtext);
   border-radius: 6px;
   direction: ltr;
+  margin: 16px 0;
   display: block;
   padding: 6px 14px;
   overflow-x: auto;
-  border-width: 1.5px;
 }
 
 details {
   margin: 16px 0;
   padding: 8px 16px;
-  background: var(--boxbglight);
-  border: 1px solid var(--border);
+  background: var(--boxbgtext);
   border-radius: 8px;
   summary {
     font-weight: 600;
@@ -151,9 +146,9 @@ details {
 } 
 
 hr {
-  margin:32px auto;
-  width:100%;
-  border:1px solid var(--border);
+  margin: 32px auto;
+  width: 100%;
+  border: 1px solid var(--border);
 }
 
 img {
@@ -207,12 +202,12 @@ video {
     border: none;
     padding: 9px 17px;
     &:hover {
-      background: var(--boxbglight);
+      background: var(--boxbgtext);
       color: var(--link);
     }
   }
   &:hover {
-    background: var(--boxbglight);
+    background: var(--boxbgtext);
     color: var(--linkhover);
     text-decoration: none;
   }
@@ -240,7 +235,7 @@ video {
     padding: 5px;
   }
   &:hover {
-    background: var(--boxbglight);
+    background: var(--boxbgtext);
     text-decoration: none;
   }
   &.subscribe {
@@ -286,7 +281,7 @@ button.shareBtn {
 
 .tag {
   display: inline-block;
-  background: var(--boxbg);
+  background: var(--boxbglight);
   font-size: 0.9em;
   line-height: 1.4;
   padding: 1px 8px;
@@ -402,13 +397,13 @@ header.home {
       margin: 4px;
       a {
         color: var(--linkhover);
-        background: var(--boxbg);
+        background: var(--boxbglight);
         border-radius: 4px;
         padding: 4px 7px;
         transition: background 0.2s;
         font-size: 0.9em;
         &:hover {
-          background: var(--boxbglight);
+          background: var(--boxbg);
           text-decoration: none;
         }
       }
@@ -503,6 +498,9 @@ article.feed-post, div.custom-feed {
   }
 }
 div.post-excerpt {
+  * {
+    line-height: 1.6;
+  }
   p {
     margin: 2px 0;
   }
@@ -679,9 +677,6 @@ ul.lang-select {
 }
 
 @media (prefers-contrast: more) {
-  pre code {
-    border-color: var(--border);
-  }
   header.home ul.exlink li a {
     color: var(--text);
     text-decoration: underline;

data/_sass/benjeto/css/app-box.scss

@@ -9,13 +9,13 @@ img.app-icon {
   vertical-align: top;
   margin-inline-end: 16px;
   border-radius: 20px;
-  flex-grow:0;
+  flex-grow: 0;
   box-shadow: 0 2px 8px 0 rgba(0,0,0,0.1);
 }
 div.app-info {
-  flex-grow:1;
-  width:calc(100% - 116px);
-  min-width:166px;
+  flex-grow: 1;
+  width: calc(100% - 116px);
+  min-width: 124px;
   line-height: 1.2;
   margin-bottom: 4px;
   h1, h2, h3, b {

data/_sass/benjeto/css/menu.scss

@@ -4,7 +4,7 @@
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
-  background: var(--page);
+  background: var(--bglight);
   border-radius: 16px;
   padding: 16px 24px 12px;
   box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.4);

data/_sass/benjeto/css/section-box.scss

@@ -1,7 +1,8 @@
 div.section-box {
   display: inline-block;
   margin: 16px 0;
-  border: 1px solid var(--border);
+  padding: 2px 12px;
+  background: var(--boxbgtext);
   border-radius: 8px;
   ul {
     list-style: none;
@@ -9,7 +10,7 @@ div.section-box {
     margin: 0;
   }
   li {
-    padding: 8px 12px;
+    padding: 8px 6px;
     border-top: 1px solid var(--border);
     ul {
       display: flex;

data/_sass/benjeto/dark.scss

@@ -2,37 +2,34 @@
   color-scheme:dark;
   --bg: #000;
   --bglight: #1a1c2a;
-  --page: #12151c;
-  --text: #eee;
-  --gray: #a3a3a3;
+  --page: #10111a;
+  --text: #eaeaea;
+  --gray: #aaa;
   --head: #f5f5f5;
   --link: #00b2ff;
   --linkhover: #a0d0ff;
-  --boxbg: #253048;
-  --boxbglight: #1c2232;
+  --boxbg: #233055;
+  --boxbglight: #252843;
+  --boxbgtext: #1a1e30;
   --border: #405890;
 }
 @media (prefers-contrast: more) {
 :root {
   --bg: #000;
-  --bglight: #202535;
+  --bglight: #202333;
   --page: #101218;
   --text: #fff;
   --gray: #ccc;
   --head: #fff;
-  --link: #40c5ff;
+  --link: #5acaff;
   --linkhover: #aadaff;
-  --boxbg: #303b54;
-  --boxbglight: #252a3a;
+  --boxbg: #303a60;
+  --boxbglight: #2a2c48;
+  --boxbgtext: #202335;
   --border: #6078a0;
 }
 }
-@media (prefers-contrast: more) {
-  article.post {
-    border-color: var(--bglight);
-  }
-  pre code {
-    background: var(--bg);
-  }
+article.post {
+  border-color: var(--bglight);
 }
 

data/_sass/benjeto/light.scss

@@ -1,29 +1,32 @@
 :root {
-  --bg: #f5f5fa;
+  --bg: #f8f8fd;
   --bglight: #fff;
   --page: #fafafc;
-  --text: #222;
-  --gray: #666;
+  --text: #2a2a2a;
+  --gray: #585858;
   --head: #0a0a0a;
   --link: #0050ea;
   --linkhover: #0020a0;
-  --boxbg: #d0defc;
-  --boxbglight: #e5ecff;
+  --boxbg: #c5daff;
+  --boxbglight: #e0e8ff;
+  --boxbgtext: #e0e8ff;
   --border: #75a5ff;
 }
 @media (prefers-contrast: more) {
 :root {
-  --bg: #ececf5;
+  --bg: #f0f0f5;
   --bglight: #fff;
-  --page: #fff;
+  --bgfill: #e0e8fa;
+  --page: #fafafc;
   --text: #000;
   --gray: #4a4a4a;
   --head: #000;
-  --link: #0000ff;
-  --linkhover: #000090;
-  --boxbg: #c0d3f3;
-  --boxbglight: #d5e3fc;
-  --border: #4a9afa;
+  --link: #0020c0;
+  --linkhover: #000070;
+  --boxbg: #b3ccfa;
+  --boxbglight: #d5def6;
+  --boxbgtext: #d5def6;
+  --border: #4898f8;
 }
 }
 

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: benjeto-jekyll-theme
 version: !ruby/object:Gem::Version
-  version: 0.3.5
+  version: 0.3.7
 platform: ruby
 authors:
 - Cizzuk