benjeto-jekyll-theme 0.2.3 → 0.2.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 3f5f00032df24f8b009d8684f4d6eba1409fd0863ba64515f76f1ae139d6e92d
-  data.tar.gz: 70605de49cd0af72d3912f65b085a01397420c57b4f62dc3c0221be3c8940c56
+  metadata.gz: 1b5afa56288038e4c1dea387adfbc0e19df8660bd4419354136911a34c270a04
+  data.tar.gz: 476e99ac62812a9fb26c8c20cb97ee4a7104ad9f229e88f1e161c386402f5ac2
 SHA512:
-  metadata.gz: 2f30c9b541bbd0efefca5a2722babca864464f06f16c90a3822a0d67590b93415242cdabfc9e095b6794f8fb15b6ee3692099e263e8f792463066326ad0e90e8
-  data.tar.gz: ab8d542840bfe94b1b59c5e51aea9508a40d1439aae48521b05a5eb40c36d43d1319b7a99f441370144a991c2e5c66bc272f06ce4b57a7941c0d4c81b07780eb
+  metadata.gz: 6cef578e09daadb30fa07d9125d8934f4db45110b05eff874d07a19babc44a254d60519c2af0f797fb80432ce965f1b47c8edf11804e8c1aa54c437a00d682e5
+  data.tar.gz: 5d7ab2dd1fb12dc0528c492ac76914d25db450b7e02680807f208c5e49bbe4d145ed89c69232b5a2b876a5b0c73cbcb0b6176e002a86c503c037aa291dc8224e

data/_sass/benjeto/base.scss

@@ -95,7 +95,7 @@ table {
     background: var(--boxbg);
   }
   tbody tr {
-    background: var(--page);
+    background: var(--bglight);
   }
   tbody th {
     background: var(--boxbglight);
@@ -124,15 +124,15 @@ pre, code, code * {
   font-family: monospace, system-ui, sans-serif;
 }
 code {
-  background: var(--boxbg);
-  border: 1px solid var(--boxbg);
+  background: var(--boxbglight);
+  border: 1px solid var(--boxbglight);
   border-radius: 4px;
   padding: 1px 4px;
   margin: 0 2px;
 }
 pre code {
-  background: var(--page);
-  border-color: var(--page);
+  background: var(--bglight);
+  border-color: var(--bglight);
   direction: ltr;
   display: block;
   border-radius: 6px;
@@ -140,16 +140,12 @@ pre code {
   overflow-x: auto;
   border-width: 1.5px;
 }
-.pagebox pre code {
-  background: var(--bg);
-  border-color: var(--bg);
-}
 
 details {
   margin: 16px 0;
   padding: 8px 16px;
-  background: var(--boxbg);
-  border: 1px solid var(--boxbg);
+  background: var(--boxbglight);
+  border: 1px solid var(--border);
   border-radius: 8px;
   summary {
     font-weight: 600;
@@ -192,29 +188,31 @@ video {
   background: var(--boxbg);
   color: var(--text);
   text-align: center;
-  padding: 4px 8px;
+  padding: 5px 9px;
   margin: 2px 4px;
   min-width: 36px;
   min-height: 36px;
-  border: 1px solid var(--border);
+  border: none;
   border-radius: 6px;
-  transition: filter 0.2s;
+  transition: background 0.2s;
   .icon {
     width: auto;
     max-height: 24px;
     margin-bottom: 1px;
   }
   &:has(.icon) {
-    padding: 4px;
+    padding: 5px;
   }
   &:hover {
-    filter: brightness(0.9);
+    background: var(--boxbglight);
     text-decoration: none;
   }
   &.subscribe {
     background: var(--link);
     color: var(--bg);
-    border: 1px solid var(--link);
+    &:hover {
+      background: var(--linkhover);
+    }
   }
   &#btn {
     display: none;
@@ -251,15 +249,14 @@ button.shareBtn {
 
 .tag {
   display: inline-block;
-  color: var(--gray);
   font-size: 0.9em;
   line-height: 1.4;
   padding: 1px 8px;
   border: 1px solid var(--border);
   border-radius: 16px;
 }
-a.tag {
-  color: var(--link);
+.tag:not(a) {
+  color: var(--gray);
 }
 
 .category {
@@ -367,9 +364,15 @@ header.home {
     li {
       margin: 4px;
       a {
-        border: 1px solid var(--border);
+        color: var(--linkhover);
+        background: var(--boxbg);
         border-radius: 4px;
-        padding: 4px 6px;
+        padding: 5px 8px;
+        transition: background 0.2s;
+        &:hover {
+          background: var(--boxbglight);
+          text-decoration: none;
+        }
       }
     }
   }
@@ -439,7 +442,8 @@ article.feed-post, div.custom-feed {
   display: block;
   margin: 16px 0;
   padding: 0;
-  border: 2px solid var(--page);
+  background: var(--bglight);
+  border: 2px solid var(--bglight);
   border-radius: 16px;
   transition: border-color 0.2s;
   &:has(a.post-lighter:hover) {
@@ -638,20 +642,10 @@ ul.lang-select {
 @media (prefers-contrast: more) {
   code, pre code, .pagebox pre code {
     background: var(--bg);
-    border-color: var(--border);
-  }
-  article.post {
     border-color: var(--boxbg);
   }
-  article.feed-post, div.custom-feed {
-    border-color: var(--border);
-    &:has(a.post-lighter:hover) {
-      border-color: var(--link);
-    }
-  }
-  details {
-    background: var(--page);
-    border-color: var(--border);
+  article.post {
+    border-color: var(--bglight);
   }
 }
 

data/_sass/benjeto/dark.scss

@@ -1,38 +1,32 @@
 :root {
   color-scheme:dark;
   --bg: #000;
-  --page: #1a1c28;
+  --bglight: #181a26;
+  --page: #10121a;
   --text: #eee;
   --gray: #a3a3a3;
   --head: #f5f5f5;
   --link: #00b2ff;
   --linkhover: #a0d0ff;
-  --boxbg: #2a3550;
-  --boxbglight: #222a38;
-  --border: #457;
+  --boxbg: #253048;
+  --boxbglight: #1c2232;
+  --border: #405890;
 }
 @media (prefers-contrast: more) {
 :root {
   --bg: #000;
-  --page: #101320;
+  --bglight: #1c202e;
+  --page: #131520;
   --text: #fff;
   --gray: #b5b5b5;
   --head: #fff;
   --link: #30c0ff;
   --linkhover: #aadaff;
-  --boxbg: #2e3a58;
-  --boxbglight: #282e3c;
-  --border: #679;
+  --boxbg: #28324a;
+  --boxbglight: #252a3a;
+  --border: #6078a0;
 }
 }
-.menu-btn:hover, .menu-btn:focus {
-  filter: brightness(0.7);
-}
-header.home ul.exlink li {
-  a:hover, a:focus {
-    filter: brightness(0.75);
-  }
-}
 .icon {
   filter: invert(1);
 }

data/_sass/benjeto/light.scss

@@ -1,26 +1,29 @@
 :root {
-  --bg: #f8f8fc;
-  --page: #fff;
+  --bg: #f5f5fa;
+  --bglight: #fff;
+  --page: #fafafc;
   --text: #222;
   --gray: #666;
   --head: #0a0a0a;
   --link: #0050ea;
   --linkhover: #0020a0;
-  --boxbg: #daeaff;
-  --boxbglight: #f0f5ff;
-  --border: #a5caff;
+  --boxbg: #ccdcfa;
+  --boxbglight: #e0ecff;
+  --border: #75a5ff;
 }
 @media (prefers-contrast: more) {
 :root {
-  --bg: #fafaff;
+  --bg: #ececf5;
+  --bglight: #fff;
+  --page: #fafafc;
   --text: #000;
   --gray: #555;
   --head: #000;
   --link: #0000ff;
   --linkhover: #000090;
-  --boxbg: #d0e0ff;
-  --boxbglight: #e5f0fa;
-  --border: #50a0ff;
+  --boxbg: #c0d3f3;
+  --boxbglight: #d5e5fc;
+  --border: #4a9afa;
 }
 }
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: benjeto-jekyll-theme
 version: !ruby/object:Gem::Version
-  version: 0.2.3
+  version: 0.2.4
 platform: ruby
 authors:
 - Cizzuk
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-07-19 00:00:00.000000000 Z
+date: 2024-07-20 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll