@@ -147,6 +147,7 @@ const object = {
147
147
const customTheme = {
148
148
' --w-rjv-font-family' : ' monospace' ,
149
149
' --w-rjv-color' : ' #9cdcfe' ,
150
+ ' --w-rjv-key-number' : ' #268bd2' ,
150
151
' --w-rjv-key-string' : ' #9cdcfe' ,
151
152
' --w-rjv-background-color' : ' #1e1e1e' ,
152
153
' --w-rjv-line-color' : ' #36334280' ,
@@ -160,6 +161,7 @@ const customTheme = {
160
161
' --w-rjv-curlybraces-color' : ' #d4d4d4' ,
161
162
' --w-rjv-colon-color' : ' #d4d4d4' ,
162
163
' --w-rjv-brackets-color' : ' #d4d4d4' ,
164
+ ' --w-rjv-ellipsis-color' : ' #cb4b16' ,
163
165
' --w-rjv-quotes-color' : ' var(--w-rjv-key-string)' ,
164
166
' --w-rjv-quotes-string-color' : ' var(--w-rjv-type-string-color)' ,
165
167
@@ -217,6 +219,7 @@ const object = {
217
219
}
218
220
const customTheme = {
219
221
' --w-rjv-color' : ' #9cdcfe' ,
222
+ ' --w-rjv-key-number' : ' #268bd2' ,
220
223
' --w-rjv-key-string' : ' #9cdcfe' ,
221
224
' --w-rjv-background-color' : ' #1e1e1e' ,
222
225
' --w-rjv-line-color' : ' #36334280' ,
@@ -230,6 +233,7 @@ const customTheme = {
230
233
' --w-rjv-curlybraces-color' : ' #d4d4d4' ,
231
234
' --w-rjv-colon-color' : ' #d4d4d4' ,
232
235
' --w-rjv-brackets-color' : ' #d4d4d4' ,
236
+ ' --w-rjv-ellipsis-color' : ' #cb4b16' ,
233
237
' --w-rjv-quotes-color' : ' #9cdcfe' ,
234
238
' --w-rjv-quotes-string-color' : ' #ce9178' ,
235
239
@@ -291,9 +295,11 @@ export default function Demo() {
291
295
</div >
292
296
</div >
293
297
</div >
294
- <pre style = { { padding: 10 } } >
298
+ <div >
295
299
Copy the theme configuration below into your project.
296
- <JsonView value = { theme } displayDataTypes = { false } />
300
+ </div >
301
+ <pre style = { { padding: 10 }} >
302
+ { JSON .stringify (theme , null , 2 )}
297
303
</pre >
298
304
</React.Fragment >
299
305
);
0 commit comments