content-script.css 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942
  1. #jfContent {
  2. -webkit-user-select: text;
  3. margin: 0;
  4. }
  5. .xjf-btn {
  6. cursor: pointer;
  7. -webkit-border-radius: 2px;
  8. -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  9. -webkit-user-select: none;
  10. background: -webkit-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5);
  11. outline: none;
  12. border: 1px solid #aaa;
  13. color: #444;
  14. font-size: 12px;
  15. margin-bottom: 0px;
  16. min-width: 4em;
  17. position: relative;
  18. z-index: 10;
  19. display: inline-block;
  20. padding: 2px 10px;
  21. text-shadow: 1px 1px rgba(255, 255, 255, 0.3)
  22. }
  23. .xjf-btn-mid, .xjf-btn-right {
  24. margin-left: 0;
  25. border-top-left-radius: 0;
  26. border-bottom-left-radius: 0;
  27. }
  28. .xjf-btn-mid, .xjf-btn-left {
  29. margin-right: 0;
  30. border-top-right-radius: 0;
  31. border-bottom-right-radius: 0;
  32. border-right: none
  33. }
  34. .xjf-btn:hover {
  35. -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  36. background: #ebebeb -webkit-linear-gradient(#fefefe, #f8f8f8 40%, #e9e9e9);
  37. border-color: #999;
  38. color: #222
  39. }
  40. .xjf-btn:active {
  41. -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2);
  42. background: #ebebeb -webkit-linear-gradient(#f4f4f4, #efefef 40%, #dcdcdc);
  43. color: #333
  44. }
  45. .xjf-btn.selected {
  46. -webkit-box-shadow: inset 0px 1px 5px rgba(0, 0, 0, 0.2);
  47. background: #ebebeb -webkit-linear-gradient(#e4e4e4, #dfdfdf 40%, #dcdcdc);
  48. color: #333
  49. }
  50. #jsonpOpener, #jsonpCloser {
  51. padding: 4px 0 0 8px;
  52. color: black;
  53. margin-bottom: -6px
  54. }
  55. #jsonpCloser {
  56. margin-top: 0
  57. }
  58. #formattedJson {
  59. padding-left: 21px;
  60. padding-top: 6px
  61. }
  62. html.fh-jf pre {
  63. /* padding: 36px 5px 5px 5px */
  64. }
  65. #jfContent {
  66. margin-bottom: 25px;
  67. }
  68. /*================json format style start===================*/
  69. html.fh-jf .item {
  70. display: block;
  71. padding-left: 20px;
  72. margin-left: -20px;
  73. position: relative;
  74. padding-top:1px;
  75. padding-bottom: 1px;
  76. }
  77. html.fh-jf .item .kv-list {
  78. display: block;
  79. padding-left: 24px;
  80. border-left: 1px dashed #bbb;
  81. margin-left: 2px
  82. }
  83. html.fh-jf .item .string {
  84. word-wrap: break-word
  85. }
  86. html.fh-jf .item .string a {
  87. text-decoration: underline;
  88. }
  89. html.fh-jf .item .string a:hover {
  90. color: #b00;
  91. }
  92. html.fh-jf .item .brace {
  93. font-weight: bold;
  94. }
  95. html.fh-jf .item .expand {
  96. width: 20px;
  97. height: 18px;
  98. display: block;
  99. position: absolute;
  100. left: -2px;
  101. top: 4px;
  102. z-index: 5;
  103. opacity: 0.35;
  104. -webkit-user-select: none;
  105. cursor: pointer;
  106. }
  107. html.fh-jf .item .expand:after {
  108. content: "\25bc";
  109. }
  110. html.fh-jf .item .expand:hover {
  111. opacity: 0.35
  112. }
  113. html.fh-jf .item .expand:active {
  114. opacity: 0.5
  115. }
  116. html.fh-jf .item.collapsed {
  117. white-space: nowrap
  118. }
  119. html.fh-jf .item.collapsed > .kv-list {
  120. display: none
  121. }
  122. html.fh-jf .item.collapsed .item .expand {
  123. display: none
  124. }
  125. html.fh-jf .item.collapsed > .ellipsis:after {
  126. content: "\2026";
  127. font-weight: bold
  128. }
  129. html.fh-jf .item.collapsed > .ellipsis {
  130. margin: 0 4px;
  131. color: #888
  132. }
  133. html.fh-jf .item.collapsed .item {
  134. display: inline
  135. }
  136. html.fh-jf .item.collapsed > .expand {
  137. -webkit-transform: rotate(-90deg);
  138. top: -1px
  139. }
  140. html.fh-jf .remove-quote .quote {
  141. display: none;
  142. }
  143. /*================json format style end===================*/
  144. #formattedJson, #jsonpOpener, #jsonpCloser {
  145. color: #333;
  146. font: 14px/18px monospace;
  147. }
  148. #formattedJson {
  149. color: #444
  150. }
  151. #formattingMsg {
  152. position: absolute;
  153. top: calc(40vh);
  154. left: calc(45vw);
  155. z-index: 100;
  156. display: none;
  157. }
  158. #formattingMsg .x-loading {
  159. width: 12px;
  160. height: 12px;
  161. border: 1px solid #f00;
  162. border-radius: 50%;
  163. box-shadow: 0 0 10px 2px;
  164. color: #cc0000;
  165. border-right-color: transparent;
  166. border-top-color: transparent;
  167. animation: spin-right 1s linear infinite normal;
  168. animation-delay: 0s;
  169. margin: 0 5px 0 0;
  170. display: inline-block;
  171. }
  172. #formattingMsg .x-loading:before {
  173. display: block;
  174. width: 8px;
  175. height: 8px;
  176. margin: 1px;
  177. border: 2px solid #f00;
  178. content: " ";
  179. border-radius: 50%;
  180. border-left-color: transparent;
  181. border-bottom-color: transparent;
  182. }
  183. @keyframes spin-right {
  184. from {
  185. transform: rotate(0deg);
  186. opacity: 0.2;
  187. }
  188. 50% {
  189. transform: rotate(180deg);
  190. opacity: 1.0;
  191. }
  192. to {
  193. transform: rotate(360deg);
  194. opacity: 0.2;
  195. }
  196. }
  197. [hidden] {
  198. display: none !important
  199. }
  200. #jfContentspan {
  201. white-space: pre-wrap
  202. }
  203. @-webkit-keyframes spin {
  204. from {
  205. -webkit-transform: rotate(0deg)
  206. }
  207. to {
  208. -webkit-transform: rotate(360deg)
  209. }
  210. }
  211. #spinner {
  212. -webkit-animation: spin 1s 0 infinite
  213. }
  214. html.fh-jf * {
  215. -webkit-font-smoothing: antialiased
  216. }
  217. #jfContent .x-json-tips {
  218. color: red;
  219. }
  220. #jfContent_pre {
  221. padding: 0;
  222. margin: 0;
  223. word-break: break-all;
  224. }
  225. html.fh-jf {
  226. font-size: 14px;
  227. color: #333;
  228. direction: ltr;
  229. }
  230. html.fh-jf body {
  231. direction: inherit;
  232. margin: 0;
  233. }
  234. html..fh-jf body {
  235. padding: 0 8px;
  236. }
  237. /* 工具栏 */
  238. html.fh-jf .x-toolbar {
  239. background-color: #f5f5f5;
  240. background: -webkit-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5);
  241. margin: 0 0 10px ;
  242. border: 1px solid #ddd;
  243. border-bottom-color: #ccc;
  244. border-radius: 4px;
  245. -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  246. box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  247. padding: 10px 15px;
  248. position: sticky;
  249. top: 0;
  250. z-index: 10000;
  251. font-size: 12px;
  252. user-select: none;
  253. }
  254. html.fh-jf .x-toolbar .x-stitle {
  255. font-weight: 700;
  256. }
  257. html.fh-jf .x-toolbar .x-sort input {
  258. margin-right: 10px;
  259. position: relative;
  260. top: 2px;
  261. }
  262. html.fh-jf .x-toolbar span {
  263. white-space: normal !important;
  264. }
  265. html.fh-jf .x-toolbar .x-sort input#sort_desc {
  266. margin-right: 0;
  267. }
  268. html.fh-jf .x-toolbar .x-sort {
  269. display: inline;
  270. margin: 0;
  271. }
  272. html.fh-jf .x-toolbar .x-split {
  273. margin: 0 15px;
  274. color: #ccc;
  275. display: inline;
  276. }
  277. html.fh-jf .x-toolbar label {
  278. font-weight: normal;
  279. margin-bottom: 0;
  280. }
  281. html.fh-jf .x-toolbar img {
  282. vertical-align: middle;
  283. }
  284. html.fh-jf .x-toolbar .x-a-title {
  285. font-size: 14px;
  286. color: blue;
  287. text-decoration: none;
  288. font-weight: bold;
  289. }
  290. html.fh-jf .x-toolbar .x-b-title {
  291. font-size: 14px;
  292. font-weight: bold;
  293. }
  294. html.fh-jf .x-toolbar.t-collapse {
  295. position: fixed;
  296. left: 100%;
  297. margin-left: -24px;
  298. width: 10000px;
  299. top: -10px;
  300. }
  301. html.fh-jf .x-toolbar.t-collapse .fe-feedback {
  302. float: left;
  303. margin-left: -10px;
  304. margin-right: 20px;
  305. }
  306. html.fh-jf .x-toolbar.t-collapse .fe-feedback .x-settings{
  307. display: none;
  308. }
  309. html.fh-jf .mod-json .format-item button {
  310. width: 80px;
  311. height: 30px;
  312. float: right;
  313. }
  314. html.fh-jf .mod-contentscript {
  315. width: auto;
  316. }
  317. #optionBar {
  318. display: inline-block !important;
  319. position: static !important;
  320. }
  321. html.fh-jf body>#optionBar ,
  322. html.fh-jf body>#jfContent {
  323. display: none !important;
  324. }
  325. #formatTips {
  326. color: #888;
  327. font-size: 14px;
  328. display: block;
  329. position: absolute;
  330. top: 0px;
  331. left: 0px;
  332. }
  333. #jsonSource {
  334. height: 120px;
  335. }
  336. html.fh-jf .mod-json .callback-name {
  337. font-weight: bolder;
  338. color: #a00;
  339. }
  340. #errorMsg {
  341. margin-top: 10px;
  342. float: left;
  343. color: #f00;
  344. }
  345. #statusBar {
  346. position: fixed;
  347. bottom: 0;
  348. left: 0;
  349. right: 0;
  350. background: #f5f5f5;
  351. border-top:1px solid #f4f4f4;
  352. font-size: 12px;
  353. font-weight: bold;
  354. padding: 2px 10px 2px 2px;
  355. z-index: 10
  356. }
  357. html.fh-jf .hide-status-bar #statusBar {
  358. width:0;
  359. height:0;
  360. opacity: 0;
  361. }
  362. #jsonPath {
  363. cursor: default;
  364. }
  365. html.fh-jf .boxOpt {
  366. position: absolute;
  367. right: 0;
  368. top:-1px;
  369. background: -webkit-linear-gradient(#fafafa,#f4f4f4 40%,#e5e5e5);
  370. color: #888;
  371. border:1px solid #ddd;
  372. user-select: none;
  373. font-weight: normal;
  374. z-index: 1000;
  375. }
  376. html.fh-jf .boxOpt a {
  377. cursor: pointer;
  378. margin: 0 5px;
  379. font-size: 12px;
  380. color: #666;
  381. text-decoration: none;
  382. }
  383. html.fh-jf .boxOpt a:hover {
  384. color:#000;
  385. text-decoration: none;
  386. }
  387. html.fh-jf .fe-feedback {
  388. font-size: 12px;
  389. padding-top: 3px;
  390. color: #888;
  391. float: right;
  392. cursor: pointer;
  393. font-weight: bold;
  394. }
  395. .fe-feedback a {
  396. color: #888;
  397. text-decoration: none;
  398. text-align: left;
  399. margin-right: 5px;
  400. }
  401. .fe-feedback a:hover {
  402. color: #c00;
  403. }
  404. html.fh-jf svg:not(:root) {
  405. overflow: hidden;
  406. }
  407. .fe-feedback svg {
  408. vertical-align: text-bottom;
  409. display: inline-block;
  410. fill: currentColor;
  411. }
  412. .fe-feedback img {
  413. opacity: 0.6;
  414. position: relative;
  415. top: 1px;
  416. }
  417. .fe-feedback a:focus {
  418. outline: none;
  419. }
  420. .fe-feedback a:hover img {
  421. opacity: 1.0;
  422. }
  423. .fe-feedback .x-settings {
  424. cursor: pointer;
  425. margin-right: 10px;
  426. }
  427. .fe-feedback .x-settings:hover {
  428. color: #c00;
  429. }
  430. #fehelper_alertmsg {
  431. font-family: "monospace", "微软雅黑";
  432. }
  433. #aLinkDownload {
  434. position: absolute;
  435. top:-10000px;
  436. left:-10000px;
  437. }
  438. /*设置面板*/
  439. .mod-setting-panel {
  440. position: absolute;
  441. top: 43px;
  442. right: 0;
  443. z-index:10000;
  444. width:300px;
  445. background:#f1f1f1;
  446. padding:0 20px 20px;
  447. border:1px solid #ddd;
  448. border-radius: 4px;
  449. font-size:12px;
  450. color:#454545;
  451. box-shadow: 2px 2px #f9f9f9;
  452. }
  453. .mod-setting-panel h4 {
  454. border-bottom: 1px solid #ccc;
  455. padding-bottom: 4px;
  456. margin:20px 0 10px;
  457. }
  458. .mod-setting-panel input[name="maxlength"] {
  459. width:50px;
  460. background: #fff;
  461. border: 1px solid #eee;
  462. }
  463. .mod-setting-panel ul {
  464. margin:0;
  465. padding:0 10px;
  466. }
  467. .mod-setting-panel li {
  468. padding:2px 0;
  469. list-style: none;
  470. }
  471. .mod-setting-panel li:hover {
  472. color:#600;
  473. }
  474. .mod-setting-panel ol {
  475. padding:0 0 0 10px;
  476. }
  477. .mod-setting-panel .btns {
  478. margin-top:20px;
  479. }
  480. .mod-setting-panel input[name="reset"] {
  481. margin-left:20px;
  482. }
  483. .mod-setting-panel form {
  484. margin:0;
  485. padding:0;
  486. }
  487. .t-collapse .mod-setting-panel {
  488. position: fixed;
  489. right: 8px;
  490. }
  491. .fe-feedback>a.x-other-tools {
  492. margin: 1px 0 0;
  493. font-size: 12px;
  494. cursor: pointer;
  495. text-decoration: none;
  496. -webkit-user-select: none;
  497. user-select: none;
  498. color: #333;
  499. float: right;
  500. background-color: #f5f8ff;
  501. padding: 5px 10px;
  502. border-radius: 15px;
  503. border: 1px solid #d0d9ff;
  504. transition: all 0.3s ease;
  505. display: flex;
  506. align-items: center;
  507. position: relative;
  508. top: -8px;
  509. right: -10px;
  510. }
  511. .fe-feedback>a.x-other-tools-us {
  512. display: none;
  513. }
  514. .x-toolbar>.x-donate-link {
  515. margin-left: 20px;
  516. }
  517. .x-toolbar>.x-donate-link-us {
  518. display: none;
  519. }
  520. .x-toolbar>.x-donate-link a:hover {
  521. color: #f00;
  522. }
  523. .fe-feedback>a.x-other-tools .icon-plus-circle {
  524. display: inline-block;
  525. width: 16px;
  526. height: 16px;
  527. background-size: contain;
  528. font-size: 16px;
  529. font-style: normal;
  530. line-height: 14px;
  531. margin-right: 0px;
  532. }
  533. .fe-feedback>a.x-other-tools .tool-market-badge {
  534. display: inline-block;
  535. background-color: #4d89fe;
  536. color: white;
  537. padding: 2px 6px;
  538. border-radius: 10px;
  539. margin-left: 5px;
  540. font-size: 12px;
  541. font-weight: bold;
  542. }
  543. .fe-feedback>a.x-other-tools:hover {
  544. color: #333;
  545. background-color: #e6edff;
  546. box-shadow: 0 2px 5px rgba(0,0,0,0.15);
  547. transform: translateY(-1px);
  548. }
  549. /*================ 皮肤:theme-default ===================*/
  550. html.fh-jf body.theme-default {
  551. background-color: #fff;
  552. }
  553. .theme-default .item .key {
  554. color: #000;
  555. }
  556. .theme-default .item .kv-list {
  557. border-left: 1px dashed #bbb;
  558. }
  559. .theme-default .item .string {
  560. color: #0B7500;
  561. }
  562. .theme-default .item .string a {
  563. color: #00b;
  564. text-decoration: underline;
  565. }
  566. .theme-default .item .string a:hover {
  567. color: #b00;
  568. }
  569. .theme-default .item .bool,
  570. .theme-default .item .null,
  571. .theme-default .item .number {
  572. font-weight: bold;
  573. color: #ff6b00
  574. }
  575. .theme-default .item .number {
  576. color:#1A01CC;
  577. }
  578. .theme-default .item .item-object:hover > span,
  579. .theme-default .item .item-array:hover > span,
  580. .theme-default .item .item-block:hover > span{
  581. font-weight: bold;
  582. color: #f00;
  583. }
  584. .theme-default .item .item-line:hover,
  585. .theme-default .item-line.x-selected{
  586. background: #f9f9f9;
  587. }
  588. .theme-default .item .item-line:hover span ,
  589. .theme-default .item.x-selected>span {
  590. font-weight: bolder;
  591. background: #ff5;
  592. }
  593. /*================ 皮肤:theme-simple ===================*/
  594. .theme-simple .rootItem {
  595. white-space: pre !important;
  596. color: #000;
  597. }
  598. /*================ 皮肤:theme-light ===================*/
  599. .theme-light .item .key {
  600. color: #4d4d4c;
  601. }
  602. .theme-light .item .kv-list {
  603. border-left: 1px dashed #f1f1f1;
  604. }
  605. .theme-light .item .string {
  606. color: #718c00;
  607. }
  608. .theme-light .item .string a {
  609. color: #00b;
  610. text-decoration: underline;
  611. }
  612. .theme-light .item .string a:hover {
  613. color: #b00;
  614. }
  615. .theme-light .item .brace {
  616. font-weight: normal;
  617. }
  618. .theme-light .item .bool,
  619. .theme-light .item .null,
  620. .theme-light .item .number {
  621. font-weight: bold;
  622. color: #f5871f
  623. }
  624. .theme-light .item .number {
  625. color:#ff7c00;
  626. }
  627. .theme-light .item .item-object:hover > span,
  628. .theme-light .item .item-array:hover > span,
  629. .theme-light .item .item-block:hover > span{
  630. }
  631. .theme-light .item .item-line:hover,
  632. .theme-light .item-line.x-selected {
  633. background: #f7f3f3;
  634. }
  635. .theme-light .item .item-line:hover span ,
  636. .theme-light .item.x-selected>span {
  637. font-weight: bolder;
  638. background: #f7f3f3;
  639. }
  640. .theme-light .item .quote {
  641. color:#ccc;
  642. }
  643. /*================ 皮肤:theme-dark ===================*/
  644. .theme-dark {
  645. background:#000;
  646. }
  647. .theme-dark .x-toolbar {
  648. background: -webkit-linear-gradient(#222,#222,#111);
  649. border: 1px solid #333;
  650. border-bottom-color: #363636;
  651. color:#ddd;
  652. }
  653. .theme-dark .x-toolbar .x-a-title {
  654. color:#48b;
  655. }
  656. .theme-dark .xjf-btn {
  657. background:-webkit-linear-gradient(#222,#222,#111);
  658. border:1px solid #444;
  659. color:#ddd;
  660. }
  661. .theme-dark .xjf-btn:hover {
  662. background:-webkit-linear-gradient(#333,#333,#222);
  663. }
  664. .theme-dark #statusBar {
  665. background: #333;
  666. color: #ddd;
  667. border-top: 1px solid #555;
  668. }
  669. .theme-dark .boxOpt {
  670. background: -webkit-linear-gradient(#222,#222,#111);
  671. border: 1px solid #333;
  672. }
  673. .theme-dark .boxOpt a:hover {
  674. color:#eee;
  675. }
  676. .theme-dark .mod-setting-panel {
  677. background: #222;
  678. color: #fff;
  679. border-color: #444;
  680. box-shadow: 1px 1px #111;
  681. }
  682. .theme-dark .mod-setting-panel li:hover {
  683. color:#ff0;
  684. }
  685. .theme-dark .mod-setting-panel input[name="maxlength"] {
  686. background: #000;
  687. border: 1px solid #555;
  688. color: #fff;
  689. }
  690. .theme-dark .item .key {
  691. color: #fff;
  692. }
  693. .theme-dark .item .kv-list {
  694. border-left: 1px dashed #222;
  695. }
  696. .theme-dark .item .string {
  697. color: #0f0;
  698. }
  699. .theme-dark .item .string a {
  700. color: #369ad6;
  701. text-decoration: underline;
  702. }
  703. .theme-dark .item .string a:hover {
  704. color: #b00;
  705. }
  706. .theme-dark .item .brace,
  707. .theme-dark .item .colon,
  708. .theme-dark .item .comma{
  709. color:#eaeaea;
  710. }
  711. .theme-dark .item .bool,
  712. .theme-dark .item .null,
  713. .theme-dark .item .number {
  714. font-weight: bold;
  715. color: #f00
  716. }
  717. .theme-dark .item .item-object:hover > span,
  718. .theme-dark .item .item-array:hover > span,
  719. .theme-dark .item .item-block:hover > span{
  720. font-weight: bold;
  721. color: orange;
  722. }
  723. .theme-dark .item .item-line:hover,
  724. .theme-dark .item-line.x-selected {
  725. background: #111;
  726. }
  727. .theme-dark .item .item-line:hover span ,
  728. .theme-dark .item.x-selected>span {
  729. font-weight: bolder;
  730. background: #444;
  731. }
  732. .theme-dark .item .quote {
  733. color:#eaeaea;
  734. }
  735. .theme-dark .item .expand {
  736. color:#fff;
  737. }
  738. /*================ 皮肤:theme-vscode ===================*/
  739. .theme-vscode .item .key {
  740. color: #f00;
  741. }
  742. .theme-vscode .item .quote {
  743. color:#eaa;
  744. }
  745. .theme-vscode .item .kv-list {
  746. border-left: 1px dashed #f1f1f1;
  747. }
  748. .theme-vscode .item .string {
  749. color: #a31515;
  750. }
  751. .theme-vscode .item .string a {
  752. color: #00b;
  753. text-decoration: underline;
  754. }
  755. .theme-vscode .item .string a:hover {
  756. color: #b00;
  757. }
  758. .theme-vscode .item .brace {
  759. font-weight: normal;
  760. }
  761. .theme-vscode .item .bool,
  762. .theme-vscode .item .null,
  763. .theme-vscode .item .number {
  764. font-weight: bold;
  765. color: #a31515
  766. }
  767. .theme-vscode .item .number {
  768. color: blue;
  769. }
  770. .theme-vscode .item .item-line:hover,
  771. .theme-vscode .item-line.x-selected {
  772. background: #f7f3f3;
  773. }
  774. .theme-vscode .item .item-line:hover span ,
  775. .theme-vscode .item.x-selected>span {
  776. font-weight: bolder;
  777. background: #f7f3f3;
  778. }
  779. /*================ 皮肤:theme-github ===================*/
  780. .theme-github {
  781. background: #f8f8f8;
  782. }
  783. .theme-github .item .key {
  784. color: #333;
  785. }
  786. .theme-github .item .quote {
  787. color:#aaa;
  788. }
  789. .theme-github .item .kv-list {
  790. border-left: 1px dashed #e8e8e8;
  791. }
  792. .theme-github .item .string {
  793. color: #d14;
  794. }
  795. .theme-github .item .string a {
  796. color: #00b;
  797. text-decoration: underline;
  798. }
  799. .theme-github .item .string a:hover {
  800. color: #b00;
  801. }
  802. .theme-github .item .brace {
  803. font-weight: normal;
  804. }
  805. .theme-github .item .bool,
  806. .theme-github .item .null,
  807. .theme-github .item .number {
  808. font-weight: bold;
  809. color: #008080
  810. }
  811. .theme-github .item .number {
  812. color: blue;
  813. }
  814. .theme-github .item .item-line:hover,
  815. .theme-github .item-line.x-selected {
  816. background: #f7f3f3;
  817. }
  818. .theme-github .item .item-line:hover span ,
  819. .theme-github .item.x-selected>span {
  820. font-weight: bolder;
  821. background: #f7f3f3;
  822. }
  823. /*================ 皮肤:theme-vegetarian ===================*/
  824. .theme-vegetarian .item-line.x-selected {
  825. background: #f9f9f9;
  826. }