benjeto-jekyll-theme 0.3.5 → 0.3.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ddfd84b36119b6888bafb857e2ef157495b7b2a28f19e7ac697d4fcde3d50d4c
-  data.tar.gz: 48a5447b6c1b61747cfdf1e355bc0952ba342c1f09fe43380e706bdf250af7e9
+  metadata.gz: 933400d2afb41328448e83ef443b2a2a781a2bab3ae41c22669186967071eda4
+  data.tar.gz: 2269bda31a37d1d0de49af8ec5a7ef03899a80c176749be90f63abb6b365ef36
 SHA512:
-  metadata.gz: 63254b89ad89a7b08c4f51f52b7f119882549aea411ca86e61430aaf5e2609c5e2c85020ad34885813dcfb9b169c120a3cd03a3b0e3d013be336976263e85ac3
-  data.tar.gz: ba21a768abbde691f0151f45c1eee19d984f41d96c7ba4277507cad7b7b10dce5a0fccaaf324e1b115dbbeeff0e3e996fa04f90a37610822ad151d1ec95ea6e8
+  metadata.gz: ad0b8ef368d8ff48fe63bc0958fe67c35ceba3f47c419058170694f540d6c0059fe867ee9d3c6a0ed65e31c47de0c0616dadd13440a41bd0d63c97a060621498
+  data.tar.gz: 65eb8a5bd5d1530ee1fefbb2a94df2e9e02848fc01c4a7fcc2e92e90a7d418dc225978d8e68e7074d89c3223f3c1910265334fb6449a8e7c9dd7b8b61eece9aa

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 {
@@ -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/dark.scss

@@ -2,37 +2,34 @@
   color-scheme:dark;
   --bg: #000;
   --bglight: #1a1c2a;
-  --page: #12151c;
-  --text: #eee;
+  --page: #101218;
+  --text: #eaeaea;
   --gray: #a3a3a3;
   --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;
+  --text: #2a2a2a;
   --gray: #666;
   --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.6
 platform: ruby
 authors:
 - Cizzuk