Skip to content

Commit 36d9bb7

Browse files
kazzumiokazzumio
committed
[Global]: added 'user.theme.js' to several folders.
1 parent 9d098ee commit 36d9bb7

3 files changed

Lines changed: 297 additions & 0 deletions

File tree

‎build/themes/user.theme.js‎

Lines changed: 99 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,99 @@
1+
const userTheme = {
2+
// Defines the background and overall styling of the main container that wraps the rendered JSON structure
3+
container: {
4+
selector: '.json2html-container',
5+
properties: {
6+
background: "", // set with custom value
7+
},
8+
},
9+
10+
// Styles the toggle buttons used to collapse or expand nested structures in the JSON
11+
spoilerToggle: {
12+
selector: '.json2html - spoiler - toggle--collapsed, .json2html - spoiler - toggle--uncollapsed',
13+
properties: {
14+
color: "", // set with custom value
15+
},
16+
},
17+
18+
// Defines the text color for JSON keys
19+
key: {
20+
selector: '.json2html-key',
21+
properties: {
22+
color: "", // set with custom value
23+
},
24+
},
25+
26+
// Specifies the styling for boolean values (e.g., true, false) in the rendered JSON
27+
valueTypeBoolean: {
28+
selector: '.json2html-type__boolean',
29+
properties: {
30+
color: "", // set with custom value
31+
},
32+
},
33+
34+
// Styles the minus sign (-) for negative numbers in the JSON.
35+
valueMinusSign: {
36+
selector: '.json2html-value__minus-sign',
37+
properties: {
38+
color: "", // set with custom value
39+
},
40+
},
41+
42+
// Defines the text color for numeric values
43+
valueTypeNumber: {
44+
selector: '.json2html-type__number',
45+
properties: {
46+
color: "", // set with custom value
47+
},
48+
},
49+
50+
// Specifies the styling for string values in the JSON
51+
valueTypeString: {
52+
selector: '.json2html-type__string',
53+
properties: {
54+
color: "", // set with custom value
55+
},
56+
},
57+
58+
// Styles links (URLs) when they appear as string values
59+
valueTypeStringLink: {
60+
selector: '.json2html-type__string a, .json2html-type__string a:visited',
61+
properties: {
62+
color: "", // set with custom value
63+
},
64+
},
65+
66+
// Styles the null type values
67+
valueTypeNull: {
68+
selector: '.json2html-type__null',
69+
properties: {
70+
color: "", // set with custom value
71+
},
72+
},
73+
74+
// Defines the text color for undefined values
75+
valueTypeUndefined: {
76+
selector: '.json2html-type__undefined',
77+
properties: {
78+
color: "", // set with custom value
79+
},
80+
},
81+
82+
// Styles the type signatures for arrays ([]) and objects ({})
83+
valueComplexItemSignature: {
84+
selector: '.json2html-type__array, .json2html-type__object',
85+
properties: {
86+
color: "", // set with custom value
87+
},
88+
},
89+
90+
// Styles the button or element used to collapse all sections of the JSON structure
91+
collapseAllToggle: {
92+
selector: '.json2html-collapse-all-toggle',
93+
properties: {
94+
color: "", // set with custom value
95+
},
96+
},
97+
};
98+
99+
export default userTheme;

‎examples/js/libs/json2html/themes/user.theme.js‎

Lines changed: 99 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,99 @@
1+
const userTheme = {
2+
// Defines the background and overall styling of the main container that wraps the rendered JSON structure
3+
container: {
4+
selector: '.json2html-container',
5+
properties: {
6+
background: "", // set with custom value
7+
},
8+
},
9+
10+
// Styles the toggle buttons used to collapse or expand nested structures in the JSON
11+
spoilerToggle: {
12+
selector: '.json2html - spoiler - toggle--collapsed, .json2html - spoiler - toggle--uncollapsed',
13+
properties: {
14+
color: "", // set with custom value
15+
},
16+
},
17+
18+
// Defines the text color for JSON keys
19+
key: {
20+
selector: '.json2html-key',
21+
properties: {
22+
color: "", // set with custom value
23+
},
24+
},
25+
26+
// Specifies the styling for boolean values (e.g., true, false) in the rendered JSON
27+
valueTypeBoolean: {
28+
selector: '.json2html-type__boolean',
29+
properties: {
30+
color: "", // set with custom value
31+
},
32+
},
33+
34+
// Styles the minus sign (-) for negative numbers in the JSON.
35+
valueMinusSign: {
36+
selector: '.json2html-value__minus-sign',
37+
properties: {
38+
color: "", // set with custom value
39+
},
40+
},
41+
42+
// Defines the text color for numeric values
43+
valueTypeNumber: {
44+
selector: '.json2html-type__number',
45+
properties: {
46+
color: "", // set with custom value
47+
},
48+
},
49+
50+
// Specifies the styling for string values in the JSON
51+
valueTypeString: {
52+
selector: '.json2html-type__string',
53+
properties: {
54+
color: "", // set with custom value
55+
},
56+
},
57+
58+
// Styles links (URLs) when they appear as string values
59+
valueTypeStringLink: {
60+
selector: '.json2html-type__string a, .json2html-type__string a:visited',
61+
properties: {
62+
color: "", // set with custom value
63+
},
64+
},
65+
66+
// Styles the null type values
67+
valueTypeNull: {
68+
selector: '.json2html-type__null',
69+
properties: {
70+
color: "", // set with custom value
71+
},
72+
},
73+
74+
// Defines the text color for undefined values
75+
valueTypeUndefined: {
76+
selector: '.json2html-type__undefined',
77+
properties: {
78+
color: "", // set with custom value
79+
},
80+
},
81+
82+
// Styles the type signatures for arrays ([]) and objects ({})
83+
valueComplexItemSignature: {
84+
selector: '.json2html-type__array, .json2html-type__object',
85+
properties: {
86+
color: "", // set with custom value
87+
},
88+
},
89+
90+
// Styles the button or element used to collapse all sections of the JSON structure
91+
collapseAllToggle: {
92+
selector: '.json2html-collapse-all-toggle',
93+
properties: {
94+
color: "", // set with custom value
95+
},
96+
},
97+
};
98+
99+
export default userTheme;

‎src/lib/ts/theming/themes/user.theme.js‎

Lines changed: 99 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,99 @@
1+
const userTheme = {
2+
// Defines the background and overall styling of the main container that wraps the rendered JSON structure
3+
container: {
4+
selector: '.json2html-container',
5+
properties: {
6+
background: "", // set with custom value
7+
},
8+
},
9+
10+
// Styles the toggle buttons used to collapse or expand nested structures in the JSON
11+
spoilerToggle: {
12+
selector: '.json2html - spoiler - toggle--collapsed, .json2html - spoiler - toggle--uncollapsed',
13+
properties: {
14+
color: "", // set with custom value
15+
},
16+
},
17+
18+
// Defines the text color for JSON keys
19+
key: {
20+
selector: '.json2html-key',
21+
properties: {
22+
color: "", // set with custom value
23+
},
24+
},
25+
26+
// Specifies the styling for boolean values (e.g., true, false) in the rendered JSON
27+
valueTypeBoolean: {
28+
selector: '.json2html-type__boolean',
29+
properties: {
30+
color: "", // set with custom value
31+
},
32+
},
33+
34+
// Styles the minus sign (-) for negative numbers in the JSON.
35+
valueMinusSign: {
36+
selector: '.json2html-value__minus-sign',
37+
properties: {
38+
color: "", // set with custom value
39+
},
40+
},
41+
42+
// Defines the text color for numeric values
43+
valueTypeNumber: {
44+
selector: '.json2html-type__number',
45+
properties: {
46+
color: "", // set with custom value
47+
},
48+
},
49+
50+
// Specifies the styling for string values in the JSON
51+
valueTypeString: {
52+
selector: '.json2html-type__string',
53+
properties: {
54+
color: "", // set with custom value
55+
},
56+
},
57+
58+
// Styles links (URLs) when they appear as string values
59+
valueTypeStringLink: {
60+
selector: '.json2html-type__string a, .json2html-type__string a:visited',
61+
properties: {
62+
color: "", // set with custom value
63+
},
64+
},
65+
66+
// Styles the null type values
67+
valueTypeNull: {
68+
selector: '.json2html-type__null',
69+
properties: {
70+
color: "", // set with custom value
71+
},
72+
},
73+
74+
// Defines the text color for undefined values
75+
valueTypeUndefined: {
76+
selector: '.json2html-type__undefined',
77+
properties: {
78+
color: "", // set with custom value
79+
},
80+
},
81+
82+
// Styles the type signatures for arrays ([]) and objects ({})
83+
valueComplexItemSignature: {
84+
selector: '.json2html-type__array, .json2html-type__object',
85+
properties: {
86+
color: "", // set with custom value
87+
},
88+
},
89+
90+
// Styles the button or element used to collapse all sections of the JSON structure
91+
collapseAllToggle: {
92+
selector: '.json2html-collapse-all-toggle',
93+
properties: {
94+
color: "", // set with custom value
95+
},
96+
},
97+
};
98+
99+
export default userTheme;

0 commit comments

Comments
 (0)