benjeto-jekyll-theme 0.3.5 → 0.3.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. checksums.yaml +4 -4
  2. data/_sass/benjeto/base.scss +18 -23
  3. data/_sass/benjeto/css/app-box.scss +4 -4
  4. data/_sass/benjeto/css/menu.scss +1 -1
  5. data/_sass/benjeto/dark.scss +12 -15
  6. data/_sass/benjeto/light.scss +14 -11
  7. metadata +1 -1
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: ddfd84b36119b6888bafb857e2ef157495b7b2a28f19e7ac697d4fcde3d50d4c
4
- data.tar.gz: 48a5447b6c1b61747cfdf1e355bc0952ba342c1f09fe43380e706bdf250af7e9
3
+ metadata.gz: 933400d2afb41328448e83ef443b2a2a781a2bab3ae41c22669186967071eda4
4
+ data.tar.gz: 2269bda31a37d1d0de49af8ec5a7ef03899a80c176749be90f63abb6b365ef36
5
5
  SHA512:
6
- metadata.gz: 63254b89ad89a7b08c4f51f52b7f119882549aea411ca86e61430aaf5e2609c5e2c85020ad34885813dcfb9b169c120a3cd03a3b0e3d013be336976263e85ac3
7
- data.tar.gz: ba21a768abbde691f0151f45c1eee19d984f41d96c7ba4277507cad7b7b10dce5a0fccaaf324e1b115dbbeeff0e3e996fa04f90a37610822ad151d1ec95ea6e8
6
+ metadata.gz: ad0b8ef368d8ff48fe63bc0958fe67c35ceba3f47c419058170694f540d6c0059fe867ee9d3c6a0ed65e31c47de0c0616dadd13440a41bd0d63c97a060621498
7
+ data.tar.gz: 65eb8a5bd5d1530ee1fefbb2a94df2e9e02848fc01c4a7fcc2e92e90a7d418dc225978d8e68e7074d89c3223f3c1910265334fb6449a8e7c9dd7b8b61eece9aa
data/_sass/benjeto/base.scss CHANGED
@@ -25,10 +25,7 @@ article.post {
25
25
  }
26
26
  .pagebox {
27
27
  background: var(--page);
28
- box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.05);
29
- * {
30
- line-height: 1.7;
31
- }
28
+ box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.08);
32
29
  }
33
30
  article.post {
34
31
  font-size: 1.05rem;
@@ -43,14 +40,14 @@ h1, h2, h3 {
43
40
  }
44
41
  h2 {
45
42
  padding-bottom: 2px;
46
- border-bottom: 1.5px solid var(--border);
43
+ border-bottom: 2px solid var(--border);
47
44
  }
48
45
 
49
46
  hgroup {
50
47
  margin: 20px 0 16px;
51
48
  padding-bottom: 8px;
52
49
  &:has(h2) {
53
- border-bottom: 1.5px solid var(--border);
50
+ border-bottom: 2px solid var(--border);
54
51
  }
55
52
  p, h2, h3, h4, h5, h6 {
56
53
  padding: 0;
@@ -95,7 +92,7 @@ table {
95
92
  background: var(--boxbg);
96
93
  }
97
94
  tbody th {
98
- background: var(--boxbglight);
95
+ background: var(--boxbgtext);
99
96
  text-align: initial;
100
97
  font-weight: 600;
101
98
  }
@@ -109,7 +106,7 @@ caption {
109
106
  blockquote:not(.tiktok-embed) {
110
107
  margin: 16px 0;
111
108
  padding: 16px 24px;
112
- background: var(--boxbglight);
109
+ background: var(--boxbgtext);
113
110
  border-left: 4px solid var(--border);
114
111
  p {
115
112
  margin: 4px 0;
@@ -120,28 +117,26 @@ pre, code, code * {
120
117
  font-family: monospace, system-ui, sans-serif;
121
118
  }
122
119
  code {
123
- background: var(--boxbg);
120
+ background: var(--boxbglight);
124
121
  border-radius: 4px;
125
122
  padding: 1px 4px;
126
123
  margin: 0 2px;
127
124
  font-size: 0.95em;
128
125
  }
129
126
  pre code {
130
- background: var(--page);
131
- border: 1px solid var(--boxbg);
127
+ background: var(--boxbgtext);
132
128
  border-radius: 6px;
133
129
  direction: ltr;
130
+ margin: 16px 0;
134
131
  display: block;
135
132
  padding: 6px 14px;
136
133
  overflow-x: auto;
137
- border-width: 1.5px;
138
134
  }
139
135
 
140
136
  details {
141
137
  margin: 16px 0;
142
138
  padding: 8px 16px;
143
- background: var(--boxbglight);
144
- border: 1px solid var(--border);
139
+ background: var(--boxbgtext);
145
140
  border-radius: 8px;
146
141
  summary {
147
142
  font-weight: 600;
@@ -151,9 +146,9 @@ details {
151
146
  }
152
147
 
153
148
  hr {
154
- margin:32px auto;
155
- width:100%;
156
- border:1px solid var(--border);
149
+ margin: 32px auto;
150
+ width: 100%;
151
+ border: 1px solid var(--border);
157
152
  }
158
153
 
159
154
  img {
@@ -286,7 +281,7 @@ button.shareBtn {
286
281
 
287
282
  .tag {
288
283
  display: inline-block;
289
- background: var(--boxbg);
284
+ background: var(--boxbglight);
290
285
  font-size: 0.9em;
291
286
  line-height: 1.4;
292
287
  padding: 1px 8px;
@@ -402,13 +397,13 @@ header.home {
402
397
  margin: 4px;
403
398
  a {
404
399
  color: var(--linkhover);
405
- background: var(--boxbg);
400
+ background: var(--boxbglight);
406
401
  border-radius: 4px;
407
402
  padding: 4px 7px;
408
403
  transition: background 0.2s;
409
404
  font-size: 0.9em;
410
405
  &:hover {
411
- background: var(--boxbglight);
406
+ background: var(--boxbg);
412
407
  text-decoration: none;
413
408
  }
414
409
  }
@@ -503,6 +498,9 @@ article.feed-post, div.custom-feed {
503
498
  }
504
499
  }
505
500
  div.post-excerpt {
501
+ * {
502
+ line-height: 1.6;
503
+ }
506
504
  p {
507
505
  margin: 2px 0;
508
506
  }
@@ -679,9 +677,6 @@ ul.lang-select {
679
677
  }
680
678
 
681
679
  @media (prefers-contrast: more) {
682
- pre code {
683
- border-color: var(--border);
684
- }
685
680
  header.home ul.exlink li a {
686
681
  color: var(--text);
687
682
  text-decoration: underline;
data/_sass/benjeto/css/app-box.scss CHANGED
@@ -9,13 +9,13 @@ img.app-icon {
9
9
  vertical-align: top;
10
10
  margin-inline-end: 16px;
11
11
  border-radius: 20px;
12
- flex-grow:0;
12
+ flex-grow: 0;
13
13
  box-shadow: 0 2px 8px 0 rgba(0,0,0,0.1);
14
14
  }
15
15
  div.app-info {
16
- flex-grow:1;
17
- width:calc(100% - 116px);
18
- min-width:166px;
16
+ flex-grow: 1;
17
+ width: calc(100% - 116px);
18
+ min-width: 124px;
19
19
  line-height: 1.2;
20
20
  margin-bottom: 4px;
21
21
  h1, h2, h3, b {
data/_sass/benjeto/css/menu.scss CHANGED
@@ -4,7 +4,7 @@
4
4
  top: 50%;
5
5
  left: 50%;
6
6
  transform: translate(-50%, -50%);
7
- background: var(--page);
7
+ background: var(--bglight);
8
8
  border-radius: 16px;
9
9
  padding: 16px 24px 12px;
10
10
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.4);
data/_sass/benjeto/dark.scss CHANGED
@@ -2,37 +2,34 @@
2
2
  color-scheme:dark;
3
3
  --bg: #000;
4
4
  --bglight: #1a1c2a;
5
- --page: #12151c;
6
- --text: #eee;
5
+ --page: #101218;
6
+ --text: #eaeaea;
7
7
  --gray: #a3a3a3;
8
8
  --head: #f5f5f5;
9
9
  --link: #00b2ff;
10
10
  --linkhover: #a0d0ff;
11
- --boxbg: #253048;
12
- --boxbglight: #1c2232;
11
+ --boxbg: #233055;
12
+ --boxbglight: #252843;
13
+ --boxbgtext: #1a1e30;
13
14
  --border: #405890;
14
15
  }
15
16
  @media (prefers-contrast: more) {
16
17
  :root {
17
18
  --bg: #000;
18
- --bglight: #202535;
19
+ --bglight: #202333;
19
20
  --page: #101218;
20
21
  --text: #fff;
21
22
  --gray: #ccc;
22
23
  --head: #fff;
23
- --link: #40c5ff;
24
+ --link: #5acaff;
24
25
  --linkhover: #aadaff;
25
- --boxbg: #303b54;
26
- --boxbglight: #252a3a;
26
+ --boxbg: #303a60;
27
+ --boxbglight: #2a2c48;
28
+ --boxbgtext: #202335;
27
29
  --border: #6078a0;
28
30
  }
29
31
  }
30
- @media (prefers-contrast: more) {
31
- article.post {
32
- border-color: var(--bglight);
33
- }
34
- pre code {
35
- background: var(--bg);
36
- }
32
+ article.post {
33
+ border-color: var(--bglight);
37
34
  }
38
35
 
data/_sass/benjeto/light.scss CHANGED
@@ -1,29 +1,32 @@
1
1
  :root {
2
- --bg: #f5f5fa;
2
+ --bg: #f8f8fd;
3
3
  --bglight: #fff;
4
4
  --page: #fafafc;
5
- --text: #222;
5
+ --text: #2a2a2a;
6
6
  --gray: #666;
7
7
  --head: #0a0a0a;
8
8
  --link: #0050ea;
9
9
  --linkhover: #0020a0;
10
- --boxbg: #d0defc;
11
- --boxbglight: #e5ecff;
10
+ --boxbg: #c5daff;
11
+ --boxbglight: #e0e8ff;
12
+ --boxbgtext: #e0e8ff;
12
13
  --border: #75a5ff;
13
14
  }
14
15
  @media (prefers-contrast: more) {
15
16
  :root {
16
- --bg: #ececf5;
17
+ --bg: #f0f0f5;
17
18
  --bglight: #fff;
18
- --page: #fff;
19
+ --bgfill: #e0e8fa;
20
+ --page: #fafafc;
19
21
  --text: #000;
20
22
  --gray: #4a4a4a;
21
23
  --head: #000;
22
- --link: #0000ff;
23
- --linkhover: #000090;
24
- --boxbg: #c0d3f3;
25
- --boxbglight: #d5e3fc;
26
- --border: #4a9afa;
24
+ --link: #0020c0;
25
+ --linkhover: #000070;
26
+ --boxbg: #b3ccfa;
27
+ --boxbglight: #d5def6;
28
+ --boxbgtext: #d5def6;
29
+ --border: #4898f8;
27
30
  }
28
31
  }
29
32
 
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: benjeto-jekyll-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.3.5
4
+ version: 0.3.6
5
5
  platform: ruby
6
6
  authors:
7
7
  - Cizzuk