@apify/docs-theme 1.0.7 → 1.0.9

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 (4) hide show
  1. package/package.json +1 -1
  2. package/src/config.js +3 -2
  3. package/src/theme/NavbarItem/NavbarNavLink.jsx +0 -1
  4. package/src/theme/custom.css +62 -9
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@apify/docs-theme",
3
- "version": "1.0.7",
3
+ "version": "1.0.9",
4
4
  "description": "",
5
5
  "main": "./src/index.js",
6
6
  "files": [
package/src/config.js CHANGED
@@ -42,8 +42,9 @@ const themeConfig = ({
42
42
  items: [
43
43
  {
44
44
  label: 'Reference',
45
- // TODO
46
- href: 'https://docs.apify.com/api/v2',
45
+ href: `${absoluteUrl}/api/v2/`,
46
+ target: '_self',
47
+ rel: 'dofollow',
47
48
  },
48
49
  {
49
50
  label: 'Client for JavaScript',
package/src/theme/NavbarItem/NavbarNavLink.jsx CHANGED
@@ -77,7 +77,6 @@ export default function NavbarNavLink({
77
77
  })}
78
78
  {...props}
79
79
  {...linkContentProps}
80
- isActive={() => true}
81
80
  />
82
81
  );
83
82
  }
package/src/theme/custom.css CHANGED
@@ -17,13 +17,19 @@ html[data-theme='dark'] {
17
17
  --docusaurus-highlighted-code-line-bg: rgba(255, 255, 255, 0.1);
18
18
  --docsearch-text-color: #8d92af;
19
19
 
20
+ /* TRON colors */
21
+ --color-Neutral_Text: #F3F4FA;
22
+ --color-Neutral_TextMuted: #b0b8d1;
23
+ --color-Neutral_Border: #d1d5e4;
24
+ --color-Neutral_Hover: #2a2d39;
20
25
  --color-Neutral_Background: #1A1B21;
21
26
  --color-Neutral_BackgroundMuted: #252832;
22
- --color-Neutral_SeparatorSubtle: #343847;
27
+ --color-Neutral_ChipBackground: #555d76;
23
28
  --color-Neutral_ChipBackgroundActive: #8C93A8;
24
- --color-Neutral_Text: #F3F4FA;
25
- --color-Neutral_TextMuted: #B2B8CC;
26
- --color-Neutral_Hover: #2A2D39;
29
+ --color-Neutral_SeparatorSubtle: #31384d;
30
+ --color-Primary_ChipText: #8ebcff;
31
+ --color-Primary_ChipBackground: #1a3a78;
32
+ --color-Primary_TextInteractive: #6f9dff;
27
33
  }
28
34
 
29
35
  :root {
@@ -65,13 +71,19 @@ html[data-theme='dark'] {
65
71
 
66
72
  --ifm-heading-color: #242736;
67
73
 
74
+ /* TRON colors */
75
+ --color-Neutral_Text: #242836;
76
+ --color-Neutral_TextMuted: #3f475d;
77
+ --color-Neutral_Border: #d0d5e9;
78
+ --color-Neutral_Hover: #f3f4fa;
68
79
  --color-Neutral_Background: #ffffff;
69
80
  --color-Neutral_BackgroundMuted: #f8f9fc;
70
- --color-Neutral_SeparatorSubtle: #e0e3f2;
81
+ --color-Neutral_ChipBackground: #e0e3f2;
71
82
  --color-Neutral_ChipBackgroundActive: #C1C6DD;
72
- --color-Neutral_Text: #242836;
73
- --color-Neutral_TextMuted: #3F475D;
74
- --color-Neutral_Hover: #F2F3FB;
83
+ --color-Neutral_SeparatorSubtle: #e0e3f2;
84
+ --color-Primary_ChipText: #1A57DA;
85
+ --color-Primary_ChipBackground: #E1EAFF;
86
+ --color-Primary_TextInteractive: #3970d7;
75
87
  }
76
88
 
77
89
  @font-face {
@@ -237,7 +249,7 @@ aside svg[class*=iconExternalLink] {
237
249
  gap: 6px;
238
250
  }
239
251
 
240
- .navbar__item, .menu__link {
252
+ .navbar__item, .menu__link, .navbar__link {
241
253
  border-radius: 8px;
242
254
  color: var(--color-Neutral_TextMuted);
243
255
  padding: 4px 8px;
@@ -534,3 +546,44 @@ html .table-of-contents {
534
546
  html .table-of-contents ul {
535
547
  border-left: 2px solid #dfe2f5;
536
548
  }
549
+
550
+ .actionLink {
551
+ font-weight: 700;
552
+ font-size: 20px;
553
+ line-height: 32px;
554
+ color: var(--color-Neutral_TextMuted);
555
+ border-bottom: 2px solid var(--color-Neutral_TextMuted);
556
+ display: inline-flex;
557
+ -webkit-box-align: center;
558
+ align-items: center;
559
+
560
+ }
561
+
562
+ .actionLink:hover {
563
+ color: var(--color-Primary_TextInteractive);
564
+ border-bottom: 2px solid var(--color-Primary_TextInteractive);
565
+ }
566
+
567
+ html[data-theme='dark'] .actionLink::after {
568
+ background-image: url('/static/img/arrow-right-light.svg');
569
+ }
570
+
571
+ html[data-theme='dark'] .actionLink:hover::after {
572
+ background-image: url('/static/img/arrow-right-primary-light.svg');
573
+ }
574
+
575
+ .actionLink::after {
576
+ content: " ";
577
+ display: block;
578
+ background-image: url('/static/img/arrow-right.svg');
579
+ background-size: 15px 15px;
580
+ height: 15px;
581
+ width: 15px;
582
+ margin-left: 4px;
583
+ transition: margin 200ms ease-in-out;
584
+ }
585
+
586
+ .actionLink:hover::after {
587
+ background-image: url('/static/img/arrow-right-primary.svg');
588
+ margin-left: 8px;
589
+ }