@apify/docs-theme 1.0.137 → 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 +23 -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
|
@@ -445,6 +445,7 @@ html[data-theme="dark"] .DocSearch-Button .DocSearch-Search-Icon {
|
|
|
445
445
|
.main-wrapper > div {
|
|
446
446
|
max-width: var(--max-layout-width);
|
|
447
447
|
margin: auto;
|
|
448
|
+
width: 100%;
|
|
448
449
|
}
|
|
449
450
|
|
|
450
451
|
@media (max-width: 960px) {
|
|
@@ -1561,8 +1562,29 @@ html[data-theme='dark'] .runnable-code-block svg .apify-logo {
|
|
|
1561
1562
|
text-align: right;
|
|
1562
1563
|
min-width: 1.5rem;
|
|
1563
1564
|
display: inline-block;
|
|
1564
|
-
opacity: .3;
|
|
1565
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
|
+
|
|
1566
1588
|
}
|
|
1567
1589
|
|
|
1568
1590
|
.redocusaurus table code {
|