@apify/docs-theme 1.0.138 → 1.0.140
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/package.json +1 -1
- package/src/config.js +3 -3
- package/src/theme/CodeThemes/dark.js +105 -0
- package/src/theme/CodeThemes/light.js +95 -0
- package/src/theme/custom.css +27 -1
package/package.json
CHANGED
package/src/config.js
CHANGED
|
@@ -150,9 +150,9 @@ const themeConfig = ({
|
|
|
150
150
|
},
|
|
151
151
|
prism: {
|
|
152
152
|
defaultLanguage: 'typescript',
|
|
153
|
-
theme: require('
|
|
154
|
-
darkTheme: require('
|
|
155
|
-
additionalLanguages: ['docker', 'log', 'php', 'json5'],
|
|
153
|
+
theme: require('./theme/CodeThemes/light').lightTheme,
|
|
154
|
+
darkTheme: require('./theme/CodeThemes/dark').darkTheme,
|
|
155
|
+
additionalLanguages: ['docker', 'log', 'php', 'json5', 'bash'],
|
|
156
156
|
},
|
|
157
157
|
// this needs to be absolute link otherwise it gets resolved wrongly in project docs
|
|
158
158
|
image: 'https://apify.com/og-image/docs-article',
|
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
// Original: https://github.com/sdras/night-owl-vscode-theme
|
|
2
|
+
|
|
3
|
+
export const darkTheme = {
|
|
4
|
+
plain: {
|
|
5
|
+
color: '#d6deeb',
|
|
6
|
+
backgroundColor: '#252832',
|
|
7
|
+
},
|
|
8
|
+
styles: [
|
|
9
|
+
{
|
|
10
|
+
types: ['changed'],
|
|
11
|
+
style: {
|
|
12
|
+
color: 'rgb(162, 191, 252)',
|
|
13
|
+
fontStyle: 'italic',
|
|
14
|
+
},
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
types: ['deleted'],
|
|
18
|
+
style: {
|
|
19
|
+
color: 'rgba(239, 83, 80, 0.56)',
|
|
20
|
+
fontStyle: 'italic',
|
|
21
|
+
},
|
|
22
|
+
},
|
|
23
|
+
{
|
|
24
|
+
types: ['inserted', 'attr-name'],
|
|
25
|
+
style: {
|
|
26
|
+
color: 'rgb(173, 219, 103)',
|
|
27
|
+
fontStyle: 'italic',
|
|
28
|
+
},
|
|
29
|
+
},
|
|
30
|
+
{
|
|
31
|
+
types: ['comment'],
|
|
32
|
+
style: {
|
|
33
|
+
color: 'rgb(99, 119, 119)',
|
|
34
|
+
fontStyle: 'italic',
|
|
35
|
+
},
|
|
36
|
+
},
|
|
37
|
+
{
|
|
38
|
+
types: ['string', 'url'],
|
|
39
|
+
style: {
|
|
40
|
+
color: 'rgb(173, 219, 103)',
|
|
41
|
+
},
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
types: ['variable'],
|
|
45
|
+
style: {
|
|
46
|
+
color: 'rgb(214, 222, 235)',
|
|
47
|
+
},
|
|
48
|
+
},
|
|
49
|
+
{
|
|
50
|
+
types: ['number'],
|
|
51
|
+
style: {
|
|
52
|
+
color: 'rgb(247, 140, 108)',
|
|
53
|
+
},
|
|
54
|
+
},
|
|
55
|
+
{
|
|
56
|
+
types: ['builtin', 'char', 'constant', 'function'],
|
|
57
|
+
style: {
|
|
58
|
+
color: 'rgb(130, 170, 255)',
|
|
59
|
+
},
|
|
60
|
+
},
|
|
61
|
+
{
|
|
62
|
+
types: ['punctuation'],
|
|
63
|
+
style: {
|
|
64
|
+
color: 'rgb(199, 146, 234)',
|
|
65
|
+
},
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
types: ['selector', 'doctype'],
|
|
69
|
+
style: {
|
|
70
|
+
color: 'rgb(199, 146, 234)',
|
|
71
|
+
fontStyle: 'italic',
|
|
72
|
+
},
|
|
73
|
+
},
|
|
74
|
+
{
|
|
75
|
+
types: ['class-name'],
|
|
76
|
+
style: {
|
|
77
|
+
color: 'rgb(255, 203, 139)',
|
|
78
|
+
},
|
|
79
|
+
},
|
|
80
|
+
{
|
|
81
|
+
types: ['tag', 'operator', 'keyword'],
|
|
82
|
+
style: {
|
|
83
|
+
color: 'rgb(127, 219, 202)',
|
|
84
|
+
},
|
|
85
|
+
},
|
|
86
|
+
{
|
|
87
|
+
types: ['boolean'],
|
|
88
|
+
style: {
|
|
89
|
+
color: 'rgb(255, 88, 116)',
|
|
90
|
+
},
|
|
91
|
+
},
|
|
92
|
+
{
|
|
93
|
+
types: ['property'],
|
|
94
|
+
style: {
|
|
95
|
+
color: 'rgb(128, 203, 196)',
|
|
96
|
+
},
|
|
97
|
+
},
|
|
98
|
+
{
|
|
99
|
+
types: ['namespace'],
|
|
100
|
+
style: {
|
|
101
|
+
color: 'rgb(178, 204, 214)',
|
|
102
|
+
},
|
|
103
|
+
},
|
|
104
|
+
],
|
|
105
|
+
};
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
export const lightTheme = {
|
|
2
|
+
plain: {
|
|
3
|
+
color: 'black',
|
|
4
|
+
backgroundColor: '#f8f9fc',
|
|
5
|
+
},
|
|
6
|
+
styles: [
|
|
7
|
+
{
|
|
8
|
+
types: ['prolog', 'doctype', 'cdata'],
|
|
9
|
+
style: {
|
|
10
|
+
color: 'slategray',
|
|
11
|
+
},
|
|
12
|
+
},
|
|
13
|
+
{
|
|
14
|
+
types: ['punctuation'],
|
|
15
|
+
style: {
|
|
16
|
+
color: '#999',
|
|
17
|
+
},
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
types: ['namespace'],
|
|
21
|
+
style: {
|
|
22
|
+
opacity: 0.7,
|
|
23
|
+
},
|
|
24
|
+
},
|
|
25
|
+
{
|
|
26
|
+
types: ['property', 'tag', 'boolean', 'number', 'constant', 'symbol', 'deleted'],
|
|
27
|
+
style: {
|
|
28
|
+
color: '#905',
|
|
29
|
+
},
|
|
30
|
+
},
|
|
31
|
+
{
|
|
32
|
+
types: ['selector', 'attr-name', 'string', 'char', 'builtin', 'inserted'],
|
|
33
|
+
style: {
|
|
34
|
+
color: '#690',
|
|
35
|
+
},
|
|
36
|
+
},
|
|
37
|
+
{
|
|
38
|
+
types: ['operator', 'entity', 'url'],
|
|
39
|
+
style: {
|
|
40
|
+
color: '#9a6e3a',
|
|
41
|
+
backgroundColor: 'hsla(0, 0%, 100%, 0.5)',
|
|
42
|
+
},
|
|
43
|
+
},
|
|
44
|
+
{
|
|
45
|
+
types: ['atrule', 'attr-value', 'keyword'],
|
|
46
|
+
style: {
|
|
47
|
+
color: '#07a',
|
|
48
|
+
},
|
|
49
|
+
},
|
|
50
|
+
{
|
|
51
|
+
types: ['function', 'class-name'],
|
|
52
|
+
style: {
|
|
53
|
+
color: '#DD4A68',
|
|
54
|
+
},
|
|
55
|
+
},
|
|
56
|
+
{
|
|
57
|
+
types: ['comment'],
|
|
58
|
+
style: {
|
|
59
|
+
color: 'slategray',
|
|
60
|
+
fontStyle: 'italic',
|
|
61
|
+
},
|
|
62
|
+
},
|
|
63
|
+
{
|
|
64
|
+
types: ['regex'],
|
|
65
|
+
style: {
|
|
66
|
+
color: '#e90',
|
|
67
|
+
},
|
|
68
|
+
},
|
|
69
|
+
{
|
|
70
|
+
types: ['important'],
|
|
71
|
+
style: {
|
|
72
|
+
color: '#e90',
|
|
73
|
+
fontWeight: 'bold',
|
|
74
|
+
},
|
|
75
|
+
},
|
|
76
|
+
{
|
|
77
|
+
types: ['variable'],
|
|
78
|
+
style: {
|
|
79
|
+
color: '#e90',
|
|
80
|
+
},
|
|
81
|
+
},
|
|
82
|
+
{
|
|
83
|
+
types: ['bold'],
|
|
84
|
+
style: {
|
|
85
|
+
fontWeight: 'bold',
|
|
86
|
+
},
|
|
87
|
+
},
|
|
88
|
+
{
|
|
89
|
+
types: ['italic'],
|
|
90
|
+
style: {
|
|
91
|
+
fontStyle: 'italic',
|
|
92
|
+
},
|
|
93
|
+
},
|
|
94
|
+
],
|
|
95
|
+
};
|
package/src/theme/custom.css
CHANGED
|
@@ -1562,8 +1562,29 @@ html[data-theme='dark'] .runnable-code-block svg .apify-logo {
|
|
|
1562
1562
|
text-align: right;
|
|
1563
1563
|
min-width: 1.5rem;
|
|
1564
1564
|
display: inline-block;
|
|
1565
|
-
opacity: .3;
|
|
1566
1565
|
left: var(--ifm-pre-padding);
|
|
1566
|
+
color: var(--color-neutral-text-subtle);
|
|
1567
|
+
}
|
|
1568
|
+
|
|
1569
|
+
.theme-code-block {
|
|
1570
|
+
border-radius: 12px !important;
|
|
1571
|
+
overflow: hidden;
|
|
1572
|
+
border: 1px solid var(--color-neutral-border);
|
|
1573
|
+
box-shadow: none !important;
|
|
1574
|
+
|
|
1575
|
+
div[class^="codeBlockTitle"]{
|
|
1576
|
+
border-bottom: 1px solid var(--color-neutral-border) !important;
|
|
1577
|
+
background: var(--color-neutral-background-subtle);
|
|
1578
|
+
}
|
|
1579
|
+
|
|
1580
|
+
div[class^="buttonGroup"] button {
|
|
1581
|
+
opacity: 1 !important;
|
|
1582
|
+
|
|
1583
|
+
&[title="Toggle word wrap"] {
|
|
1584
|
+
display: none;
|
|
1585
|
+
}
|
|
1586
|
+
}
|
|
1587
|
+
|
|
1567
1588
|
}
|
|
1568
1589
|
|
|
1569
1590
|
.redocusaurus table code {
|
|
@@ -1588,3 +1609,8 @@ iframe[src*="youtube"] {
|
|
|
1588
1609
|
height: auto;
|
|
1589
1610
|
margin-bottom: 1.6rem;
|
|
1590
1611
|
}
|
|
1612
|
+
|
|
1613
|
+
.redocusaurus div[data-section-id] span[id] {
|
|
1614
|
+
margin-top: -130px;
|
|
1615
|
+
position: absolute;
|
|
1616
|
+
}
|