benjeto-jekyll-theme 0.3.5 → 0.3.6

Sign up to get free protection for your applications and to get access to all the features.
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
@@ -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;
@@ -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 {
@@ -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);
@@ -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
 
@@ -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