@riebeckite/theme-tokyonight 0.0.18 → 0.0.20

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.
package/README.md CHANGED
@@ -97,7 +97,7 @@ back to the system font stack.
97
97
 
98
98
  ## See also
99
99
 
100
- - [Plugin guide](../../../docs/docs/reference/plugin-api.en.md)
100
+ - [Plugin guide](../../../docs/docs/reference/plugin-api.md)
101
101
  - [`@riebeckite/theme-default`](../default/README.md)
102
102
  - [`@riebeckite/theme-sakura`](../sakura/README.md)
103
103
 
package/README_ja.md CHANGED
@@ -63,7 +63,7 @@ JetBrains Mono のラテン文字サブセットを同梱しているため、
63
63
 
64
64
  ## 関連資料
65
65
 
66
- - [テーマシステム](../../../docs/docs/reference/theme-api.md)
66
+ - [テーマシステム](../../../docs/docs/reference/theme-api.ja.md)
67
67
  - [`@riebeckite/theme-default`](../default/README_ja.md)
68
68
  - [`@riebeckite/theme-sakura`](../sakura/README_ja.md)
69
69
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@riebeckite/theme-tokyonight",
3
- "version": "0.0.18",
3
+ "version": "0.0.20",
4
4
  "license": "Apache-2.0",
5
5
  "type": "module",
6
6
  "main": "./dist/src/index.js",
@@ -16,7 +16,7 @@
16
16
  "./styles/theme.css": "./styles/theme.css"
17
17
  },
18
18
  "dependencies": {
19
- "@riebeckite/core": "0.0.18"
19
+ "@riebeckite/core": "0.0.20"
20
20
  },
21
21
  "publishConfig": {
22
22
  "access": "public"
package/styles/theme.css CHANGED
@@ -206,22 +206,24 @@
206
206
  }
207
207
 
208
208
  /* ---- Body rhythm ---- */
209
- :is(:root, .rb-theme-root)[data-theme-name="tokyonight"] .rb-article-body {
209
+ :is(:root, .rb-theme-root)[data-theme-name="tokyonight"] .rb-article-content {
210
210
  font-family: var(--rb-font-body);
211
211
  line-height: 1.7;
212
212
  }
213
213
 
214
- :is(:root, .rb-theme-root)[data-theme-name="tokyonight"] .rb-article-body p {
214
+ :is(:root, .rb-theme-root)[data-theme-name="tokyonight"] .rb-article-content p {
215
215
  margin: 0.9em 0;
216
216
  }
217
217
 
218
218
  :is(:root, .rb-theme-root)[data-theme-name="tokyonight"]
219
- .rb-article-body
219
+ .rb-article-content
220
220
  :is(ul, ol) {
221
221
  margin: 1em 0;
222
222
  }
223
223
 
224
- :is(:root, .rb-theme-root)[data-theme-name="tokyonight"] .rb-article-body li {
224
+ :is(:root, .rb-theme-root)[data-theme-name="tokyonight"]
225
+ .rb-article-content
226
+ li {
225
227
  margin: 0.3em 0;
226
228
  }
227
229
 
@@ -242,7 +244,9 @@
242
244
  text-wrap: balance;
243
245
  }
244
246
 
245
- :is(:root, .rb-theme-root)[data-theme-name="tokyonight"] .rb-article-body h2 {
247
+ :is(:root, .rb-theme-root)[data-theme-name="tokyonight"]
248
+ .rb-article-content
249
+ h2 {
246
250
  margin: 2em 0 0.75em;
247
251
  border-left: 3px solid var(--rb-color-accent);
248
252
  padding-left: 0.6em;
@@ -254,7 +258,9 @@
254
258
  text-transform: uppercase;
255
259
  }
256
260
 
257
- :is(:root, .rb-theme-root)[data-theme-name="tokyonight"] .rb-article-body h3 {
261
+ :is(:root, .rb-theme-root)[data-theme-name="tokyonight"]
262
+ .rb-article-content
263
+ h3 {
258
264
  margin: 1.6em 0 0.5em;
259
265
  border-left: 2px solid var(--rb-color-border-strong);
260
266
  padding-left: 0.5em;
@@ -266,7 +272,9 @@
266
272
  text-transform: uppercase;
267
273
  }
268
274
 
269
- :is(:root, .rb-theme-root)[data-theme-name="tokyonight"] .rb-article-body h4 {
275
+ :is(:root, .rb-theme-root)[data-theme-name="tokyonight"]
276
+ .rb-article-content
277
+ h4 {
270
278
  margin: 1.4em 0 0.4em;
271
279
  font-family: var(--rb-font-heading);
272
280
  font-size: 0.875rem;
@@ -277,7 +285,7 @@
277
285
  }
278
286
 
279
287
  :is(:root, .rb-theme-root)[data-theme-name="tokyonight"]
280
- .rb-article-body
288
+ .rb-article-content
281
289
  :is(h5, h6) {
282
290
  margin: 1.2em 0 0.4em;
283
291
  font-family: var(--rb-font-heading);
@@ -300,12 +308,12 @@
300
308
  :root,
301
309
  .rb-theme-root
302
310
  )[data-theme-name="tokyonight"][data-tokyonight-heading="plain"]
303
- :is(.rb-article-header h1, .rb-article-body h1, .rb-article-body h2),
311
+ :is(.rb-article-header h1, .rb-article-content h1, .rb-article-content h2),
304
312
  :is(
305
313
  :root,
306
314
  .rb-theme-root
307
315
  )[data-theme-name="tokyonight"][data-tokyonight-heading="plain"]
308
- .rb-article-body
316
+ .rb-article-content
309
317
  :is(h3, h4, h5, h6) {
310
318
  border-left: 0;
311
319
  padding-left: 0;
@@ -319,7 +327,7 @@
319
327
  /* Accent text is mixed toward ink so it clears WCAG AA on the day paper
320
328
  (#2e7de9 alone is ~3.1:1) while staying an electric blue. */
321
329
  :is(:root, .rb-theme-root)[data-theme-name="tokyonight"]
322
- :is(.rb-article-body, .rb-article-footer, .rb-article-meta)
330
+ :is(.rb-article-content, .rb-article-footer, .rb-article-meta)
323
331
  a {
324
332
  color: color-mix(in srgb, var(--rb-color-accent) 50%, var(--rb-color-ink));
325
333
  text-decoration: none;
@@ -328,14 +336,14 @@
328
336
  }
329
337
 
330
338
  :is(:root, .rb-theme-root)[data-theme-name="tokyonight"]
331
- :is(.rb-article-body, .rb-article-footer, .rb-article-meta)
339
+ :is(.rb-article-content, .rb-article-footer, .rb-article-meta)
332
340
  a:hover {
333
341
  text-decoration: underline;
334
342
  }
335
343
 
336
344
  /* ---- Blockquote ---- */
337
345
  :is(:root, .rb-theme-root)[data-theme-name="tokyonight"]
338
- .rb-article-body
346
+ .rb-article-content
339
347
  blockquote {
340
348
  margin: 1.5em 0 0;
341
349
  border-left: 3px solid var(--rb-color-accent);
@@ -347,18 +355,20 @@
347
355
  }
348
356
 
349
357
  :is(:root, .rb-theme-root)[data-theme-name="tokyonight"]
350
- .rb-article-body
358
+ .rb-article-content
351
359
  blockquote
352
360
  p:first-of-type::before,
353
361
  :is(:root, .rb-theme-root)[data-theme-name="tokyonight"]
354
- .rb-article-body
362
+ .rb-article-content
355
363
  blockquote
356
364
  p:last-of-type::after {
357
365
  content: none;
358
366
  }
359
367
 
360
368
  /* ---- Rules ---- */
361
- :is(:root, .rb-theme-root)[data-theme-name="tokyonight"] .rb-article-body hr {
369
+ :is(:root, .rb-theme-root)[data-theme-name="tokyonight"]
370
+ .rb-article-content
371
+ hr {
362
372
  margin: 2.5em 0;
363
373
  border: 0;
364
374
  border-top: 1px solid var(--rb-color-accent);
@@ -366,7 +376,7 @@
366
376
 
367
377
  /* ---- Code ---- */
368
378
  :is(:root, .rb-theme-root)[data-theme-name="tokyonight"]
369
- .rb-article-body
379
+ .rb-article-content
370
380
  :not(pre)
371
381
  > code {
372
382
  border: 1px solid var(--rb-color-border);
@@ -378,7 +388,7 @@
378
388
  }
379
389
 
380
390
  :is(:root, .rb-theme-root)[data-theme-name="tokyonight"]
381
- .rb-article-body
391
+ .rb-article-content
382
392
  pre:not(:where(.rr-code *)) {
383
393
  margin: 1.5em 0;
384
394
  border: 1px solid var(--rb-color-border);
@@ -394,7 +404,7 @@
394
404
  }
395
405
 
396
406
  :is(:root, .rb-theme-root)[data-theme-name="tokyonight"]
397
- .rb-article-body
407
+ .rb-article-content
398
408
  pre
399
409
  code {
400
410
  border: 0;
@@ -405,7 +415,7 @@
405
415
 
406
416
  /* ---- Tables ---- */
407
417
  :is(:root, .rb-theme-root)[data-theme-name="tokyonight"]
408
- .rb-article-body
418
+ .rb-article-content
409
419
  table:not(:where(.rr-diff-history *)) {
410
420
  margin: 1.5em 0;
411
421
  border: 1px solid var(--rb-color-border);
@@ -414,13 +424,13 @@
414
424
  }
415
425
 
416
426
  :is(:root, .rb-theme-root)[data-theme-name="tokyonight"]
417
- .rb-article-body
427
+ .rb-article-content
418
428
  thead {
419
429
  background: color-mix(in srgb, var(--rb-color-accent) 8%, transparent);
420
430
  }
421
431
 
422
432
  :is(:root, .rb-theme-root)[data-theme-name="tokyonight"]
423
- .rb-article-body
433
+ .rb-article-content
424
434
  :is(th, td) {
425
435
  border: 1px solid var(--rb-color-border);
426
436
  padding: 0.5em 0.75em;
@@ -428,7 +438,12 @@
428
438
 
429
439
  /* ---- Media: square corners ---- */
430
440
  :is(:root, .rb-theme-root)[data-theme-name="tokyonight"]
431
- :is(.rb-article-body img, .rb-article-body video, .rr-media, .rr-attachment) {
441
+ :is(
442
+ .rb-article-content img,
443
+ .rb-article-content video,
444
+ .rr-media,
445
+ .rr-attachment
446
+ ) {
432
447
  border-radius: 0;
433
448
  }
434
449
 
@@ -593,7 +608,7 @@
593
608
  :root,
594
609
  .rb-theme-root
595
610
  )[data-theme-name="tokyonight"][data-tokyonight-density="compact"]
596
- .rb-article-body {
611
+ .rb-article-content {
597
612
  line-height: 1.6;
598
613
  }
599
614
 
@@ -601,7 +616,7 @@
601
616
  :root,
602
617
  .rb-theme-root
603
618
  )[data-theme-name="tokyonight"][data-tokyonight-density="compact"]
604
- .rb-article-body
619
+ .rb-article-content
605
620
  p {
606
621
  margin: 0.65em 0;
607
622
  }
@@ -610,7 +625,7 @@
610
625
  :root,
611
626
  .rb-theme-root
612
627
  )[data-theme-name="tokyonight"][data-tokyonight-density="compact"]
613
- .rb-article-body
628
+ .rb-article-content
614
629
  :is(ul, ol) {
615
630
  margin: 0.75em 0;
616
631
  }
@@ -619,7 +634,7 @@
619
634
  :root,
620
635
  .rb-theme-root
621
636
  )[data-theme-name="tokyonight"][data-tokyonight-density="compact"]
622
- .rb-article-body
637
+ .rb-article-content
623
638
  li {
624
639
  margin: 0.2em 0;
625
640
  }
@@ -628,7 +643,7 @@
628
643
  :root,
629
644
  .rb-theme-root
630
645
  )[data-theme-name="tokyonight"][data-tokyonight-density="compact"]
631
- .rb-article-body
646
+ .rb-article-content
632
647
  h2 {
633
648
  margin: 1.4em 0 0.5em;
634
649
  }
@@ -637,7 +652,7 @@
637
652
  :root,
638
653
  .rb-theme-root
639
654
  )[data-theme-name="tokyonight"][data-tokyonight-density="compact"]
640
- .rb-article-body
655
+ .rb-article-content
641
656
  h3 {
642
657
  margin: 1.15em 0 0.4em;
643
658
  }
@@ -646,7 +661,7 @@
646
661
  :root,
647
662
  .rb-theme-root
648
663
  )[data-theme-name="tokyonight"][data-tokyonight-density="compact"]
649
- .rb-article-body
664
+ .rb-article-content
650
665
  :is(h4, h5, h6) {
651
666
  margin: 1em 0 0.35em;
652
667
  }
@@ -664,7 +679,7 @@
664
679
  :root,
665
680
  .rb-theme-root
666
681
  )[data-theme-name="tokyonight"][data-tokyonight-density="compact"]
667
- .rb-article-body
682
+ .rb-article-content
668
683
  :is(pre, blockquote, table) {
669
684
  margin: 1.1em 0;
670
685
  }
@@ -673,7 +688,7 @@
673
688
  :root,
674
689
  .rb-theme-root
675
690
  )[data-theme-name="tokyonight"][data-tokyonight-density="compact"]
676
- .rb-article-body
691
+ .rb-article-content
677
692
  hr {
678
693
  margin: 1.75em 0;
679
694
  }
@@ -683,7 +698,7 @@
683
698
  :root,
684
699
  .rb-theme-root
685
700
  )[data-theme-name="tokyonight"][data-tokyonight-neon="on"]
686
- :is(.rb-article-header h1, .rb-article-body h2, .rb-article-body h3) {
701
+ :is(.rb-article-header h1, .rb-article-content h2, .rb-article-content h3) {
687
702
  text-shadow: 0 0 8px
688
703
  color-mix(in srgb, var(--rb-color-accent) 35%, transparent);
689
704
  }
@@ -692,7 +707,7 @@
692
707
  :root,
693
708
  .rb-theme-root
694
709
  )[data-theme-name="tokyonight"][data-tokyonight-neon="on"]
695
- .rb-article-body
710
+ .rb-article-content
696
711
  a:hover {
697
712
  text-shadow: 0 0 6px
698
713
  color-mix(in srgb, var(--rb-color-accent) 55%, transparent);