benjeto-jekyll-theme 0.2.2 → 0.2.4

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 (6) hide show
  1. checksums.yaml +4 -4
  2. data/_sass/benjeto/base.scss +27 -29
  3. data/_sass/benjeto/css/app-box.scss +3 -0
  4. data/_sass/benjeto/dark.scss +10 -16
  5. data/_sass/benjeto/light.scss +12 -9
  6. metadata +2 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 8e4c39d60e45ee85d42fb23a4e614bf0437f57d2f30b4fde63d5fbb29b35ee77
4
- data.tar.gz: 56ad00e8c5830ab3f30f4030396bd6029d42580b3269e4af15784b28dc921314
3
+ metadata.gz: 1b5afa56288038e4c1dea387adfbc0e19df8660bd4419354136911a34c270a04
4
+ data.tar.gz: 476e99ac62812a9fb26c8c20cb97ee4a7104ad9f229e88f1e161c386402f5ac2
5
5
  SHA512:
6
- metadata.gz: 7795016e6d4dd194facea92dcf5f1683ae77d612f4344e01b5184083ef9242d5a99bc782829658a0bb62b794c9283588f0f7857f2b6570b96c4433a4f304ec23
7
- data.tar.gz: ada9e0a937d2e9c211695f05500a2c60d614b3d9e7676aaf6a3002c46e01d25ee1af7bf1ea83e113ac83b91009780b7256a0b39ba586b34cd11427133f0d6185
6
+ metadata.gz: 6cef578e09daadb30fa07d9125d8934f4db45110b05eff874d07a19babc44a254d60519c2af0f797fb80432ce965f1b47c8edf11804e8c1aa54c437a00d682e5
7
+ data.tar.gz: 5d7ab2dd1fb12dc0528c492ac76914d25db450b7e02680807f208c5e49bbe4d145ed89c69232b5a2b876a5b0c73cbcb0b6176e002a86c503c037aa291dc8224e
data/_sass/benjeto/base.scss CHANGED
@@ -95,7 +95,7 @@ table {
95
95
  background: var(--boxbg);
96
96
  }
97
97
  tbody tr {
98
- background: var(--page);
98
+ background: var(--bglight);
99
99
  }
100
100
  tbody th {
101
101
  background: var(--boxbglight);
@@ -124,15 +124,15 @@ pre, code, code * {
124
124
  font-family: monospace, system-ui, sans-serif;
125
125
  }
126
126
  code {
127
- background: var(--boxbg);
128
- border: 1px solid var(--boxbg);
127
+ background: var(--boxbglight);
128
+ border: 1px solid var(--boxbglight);
129
129
  border-radius: 4px;
130
130
  padding: 1px 4px;
131
131
  margin: 0 2px;
132
132
  }
133
133
  pre code {
134
- background: var(--page);
135
- border-color: var(--page);
134
+ background: var(--bglight);
135
+ border-color: var(--bglight);
136
136
  direction: ltr;
137
137
  display: block;
138
138
  border-radius: 6px;
@@ -140,10 +140,6 @@ pre code {
140
140
  overflow-x: auto;
141
141
  border-width: 1.5px;
142
142
  }
143
- .pagebox pre code {
144
- background: var(--bg);
145
- border-color: var(--bg);
146
- }
147
143
 
148
144
  details {
149
145
  margin: 16px 0;
@@ -192,29 +188,31 @@ video {
192
188
  background: var(--boxbg);
193
189
  color: var(--text);
194
190
  text-align: center;
195
- padding: 4px 8px;
191
+ padding: 5px 9px;
196
192
  margin: 2px 4px;
197
193
  min-width: 36px;
198
194
  min-height: 36px;
199
- border: 1px solid var(--border);
195
+ border: none;
200
196
  border-radius: 6px;
201
- transition: filter 0.2s;
197
+ transition: background 0.2s;
202
198
  .icon {
203
199
  width: auto;
204
200
  max-height: 24px;
205
201
  margin-bottom: 1px;
206
202
  }
207
203
  &:has(.icon) {
208
- padding: 4px;
204
+ padding: 5px;
209
205
  }
210
206
  &:hover {
211
- filter: brightness(0.9);
207
+ background: var(--boxbglight);
212
208
  text-decoration: none;
213
209
  }
214
210
  &.subscribe {
215
211
  background: var(--link);
216
212
  color: var(--bg);
217
- border: 1px solid var(--link);
213
+ &:hover {
214
+ background: var(--linkhover);
215
+ }
218
216
  }
219
217
  &#btn {
220
218
  display: none;
@@ -251,15 +249,14 @@ button.shareBtn {
251
249
 
252
250
  .tag {
253
251
  display: inline-block;
254
- color: var(--gray);
255
252
  font-size: 0.9em;
256
253
  line-height: 1.4;
257
254
  padding: 1px 8px;
258
255
  border: 1px solid var(--border);
259
256
  border-radius: 16px;
260
257
  }
261
- a.tag {
262
- color: var(--link);
258
+ .tag:not(a) {
259
+ color: var(--gray);
263
260
  }
264
261
 
265
262
  .category {
@@ -367,9 +364,15 @@ header.home {
367
364
  li {
368
365
  margin: 4px;
369
366
  a {
370
- border: 1px solid var(--border);
367
+ color: var(--linkhover);
368
+ background: var(--boxbg);
371
369
  border-radius: 4px;
372
- padding: 4px 6px;
370
+ padding: 5px 8px;
371
+ transition: background 0.2s;
372
+ &:hover {
373
+ background: var(--boxbglight);
374
+ text-decoration: none;
375
+ }
373
376
  }
374
377
  }
375
378
  }
@@ -439,7 +442,8 @@ article.feed-post, div.custom-feed {
439
442
  display: block;
440
443
  margin: 16px 0;
441
444
  padding: 0;
442
- border: 2px solid var(--page);
445
+ background: var(--bglight);
446
+ border: 2px solid var(--bglight);
443
447
  border-radius: 16px;
444
448
  transition: border-color 0.2s;
445
449
  &:has(a.post-lighter:hover) {
@@ -638,16 +642,10 @@ ul.lang-select {
638
642
  @media (prefers-contrast: more) {
639
643
  code, pre code, .pagebox pre code {
640
644
  background: var(--bg);
641
- border-color: var(--border);
642
- }
643
- article.post {
644
645
  border-color: var(--boxbg);
645
646
  }
646
- article.feed-post, div.custom-feed {
647
- border-color: var(--border);
648
- &:has(a.post-lighter:hover) {
649
- border-color: var(--link);
650
- }
647
+ article.post {
648
+ border-color: var(--bglight);
651
649
  }
652
650
  }
653
651
 
data/_sass/benjeto/css/app-box.scss CHANGED
@@ -25,6 +25,9 @@ div.app-info {
25
25
  margin: 2px 0;
26
26
  padding: 0;
27
27
  }
28
+ h1 {
29
+ font-size: 1.8em;
30
+ }
28
31
  }
29
32
 
30
33
  article.feed-post, div.custom-feed {
data/_sass/benjeto/dark.scss CHANGED
@@ -1,38 +1,32 @@
1
1
  :root {
2
2
  color-scheme:dark;
3
3
  --bg: #000;
4
- --page: #1a1c28;
4
+ --bglight: #181a26;
5
+ --page: #10121a;
5
6
  --text: #eee;
6
7
  --gray: #a3a3a3;
7
8
  --head: #f5f5f5;
8
9
  --link: #00b2ff;
9
10
  --linkhover: #a0d0ff;
10
- --boxbg: #2a3550;
11
- --boxbglight: #222a38;
12
- --border: #457;
11
+ --boxbg: #253048;
12
+ --boxbglight: #1c2232;
13
+ --border: #405890;
13
14
  }
14
15
  @media (prefers-contrast: more) {
15
16
  :root {
16
17
  --bg: #000;
17
- --page: #101320;
18
+ --bglight: #1c202e;
19
+ --page: #131520;
18
20
  --text: #fff;
19
21
  --gray: #b5b5b5;
20
22
  --head: #fff;
21
23
  --link: #30c0ff;
22
24
  --linkhover: #aadaff;
23
- --boxbg: #2e3a58;
24
- --boxbglight: #282e3c;
25
- --border: #679;
25
+ --boxbg: #28324a;
26
+ --boxbglight: #252a3a;
27
+ --border: #6078a0;
26
28
  }
27
29
  }
28
- .menu-btn:hover, .menu-btn:focus {
29
- filter: brightness(0.7);
30
- }
31
- header.home ul.exlink li {
32
- a:hover, a:focus {
33
- filter: brightness(0.75);
34
- }
35
- }
36
30
  .icon {
37
31
  filter: invert(1);
38
32
  }
data/_sass/benjeto/light.scss CHANGED
@@ -1,26 +1,29 @@
1
1
  :root {
2
- --bg: #f8f8fc;
3
- --page: #fff;
2
+ --bg: #f5f5fa;
3
+ --bglight: #fff;
4
+ --page: #fafafc;
4
5
  --text: #222;
5
6
  --gray: #666;
6
7
  --head: #0a0a0a;
7
8
  --link: #0050ea;
8
9
  --linkhover: #0020a0;
9
- --boxbg: #daeaff;
10
- --boxbglight: #f0f5ff;
11
- --border: #a5caff;
10
+ --boxbg: #ccdcfa;
11
+ --boxbglight: #e0ecff;
12
+ --border: #75a5ff;
12
13
  }
13
14
  @media (prefers-contrast: more) {
14
15
  :root {
15
- --bg: #fafaff;
16
+ --bg: #ececf5;
17
+ --bglight: #fff;
18
+ --page: #fafafc;
16
19
  --text: #000;
17
20
  --gray: #555;
18
21
  --head: #000;
19
22
  --link: #0000ff;
20
23
  --linkhover: #000090;
21
- --boxbg: #d0e0ff;
22
- --boxbglight: #e5f0fa;
23
- --border: #50a0ff;
24
+ --boxbg: #c0d3f3;
25
+ --boxbglight: #d5e5fc;
26
+ --border: #4a9afa;
24
27
  }
25
28
  }
26
29
 
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: benjeto-jekyll-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.2.2
4
+ version: 0.2.4
5
5
  platform: ruby
6
6
  authors:
7
7
  - Cizzuk
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2024-07-18 00:00:00.000000000 Z
11
+ date: 2024-07-20 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll