@apify/docs-theme 1.0.138 → 1.0.139
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 +22 -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 {
|