Tronscan Dark (Shadow) dank-mode

This is the Tronscan Dark (Shadow) dank-mode Edition for Tronscan.org

  1. /* ==UserStyle==
  2. @name Tronscan Dark (Shadow) dank-mode
  3. @description This is the Tronscan Dark (Shadow) dank-mode Edition for Tronscan.org
  4. @author zirs3d
  5. @license CC0-1.0
  6. @version 0.0.9
  7. @namespace https://gf.qytechs.cn/users/517035
  8. ==/UserStyle== */
  9.  
  10. @-moz-document domain("tronscan.org"), domain("tronscan.io") {
  11. /** Disable **/
  12. div {
  13. background: transparent !important;
  14. background-color: transparent;
  15. }
  16.  
  17.  
  18. /** Button **/
  19. button:selected {
  20. color: #f8f8f2 !important;
  21. }
  22.  
  23. .table-hover .block-status-tag span,
  24. .table-hover tr:hover .block-status-tag span {
  25. color: #343434 !important;
  26. }
  27.  
  28. .ant-message-notice-content,
  29. .ant-message-notice-content span {
  30. background-color: #cbcbcb !important;
  31. color: black !important;
  32. }
  33.  
  34. .helpLinkContent {
  35. background: #676767 !important;
  36. }
  37.  
  38. .help.commonLi .img:not(:hover),
  39. .table-hover .truncate-ellipsis span img,
  40. .contract-header img,
  41. .address-title img {
  42. -webkit-filter: invert(1);
  43. filter: invert(1);
  44. }
  45.  
  46. a.leaflet-control-zoom-in,
  47. a.leaflet-control-zoom-out,
  48. .leaflet-bar a:hover {
  49. background-color: #4d4d4d !important;
  50. }
  51.  
  52. .contract-list .contract-filter > div.active {
  53. background: #d0021b !important;
  54. }
  55.  
  56. .contract-list .contract-filter > div:not(.active) {
  57. background: #cbcbcb !important;
  58. color: #676767 !important;
  59. }
  60.  
  61. .tabbable .nav-link:not(.active) {
  62. color: black !important;
  63. background-color: #bebebe;
  64. }
  65.  
  66. .transfers-Container .ant-table-wrapper {
  67. margin-top: 50px !important;
  68. }
  69.  
  70.  
  71. /** Text **/
  72. p,
  73. div,
  74. li,
  75. a,
  76. h1,
  77. h2,
  78. h3,
  79. h4,
  80. h5,
  81. .card p span,
  82. .card h3,
  83. .card h3 span,
  84. .card h3.text-primary span,
  85. h4 span,
  86. h5 span,
  87. .dropdown-menu.footer-languages a,
  88. .index_page_search,
  89. .list-item-word span,
  90. .list-group-item .media .mr-1 span,
  91. .ant-pagination .ant-pagination-item-active a,
  92. .transaction-new td,
  93. .account-new .table th,
  94. .account-new .table td,
  95. .time-filter .time-style .time-hms,
  96. .ant-table-row td {
  97. color: #f8f8f2 !important;
  98. font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
  99. }
  100.  
  101. .pc-home-splash .card-body {
  102. background-color: transparent !important;
  103. }
  104.  
  105. .pc-home-splash .panel-group {
  106. background-color: #3e4348f2 !important;
  107. }
  108.  
  109. p.active-code {
  110. color: #343434!important
  111. }
  112.  
  113. .monaco-menu .action-item,
  114. .monaco-menu .action-menu-item {
  115. background-color: #616161 !important;
  116. }
  117.  
  118. .monaco-menu .action-menu-item:hover {
  119. color: #c9c9c9 !important;
  120. }
  121.  
  122. .monaco-editor .view-lines .view-line {
  123. font-family: Consolas, "Courier New", monospace !important;
  124. }
  125.  
  126. .ant-table a div {
  127. color: #c53027!important;
  128. }
  129.  
  130. .ant-table-row .address-tag span {
  131. font-size: 14px;
  132. color: #a2a2a2 !important;
  133. }
  134.  
  135. .account_main .panel div {
  136. background: #3e4348f2 !important;
  137. }
  138.  
  139. .exchange-list-tab a.cur,
  140. .dropdown-menu.footer-languages a:hover:not(.btn),
  141. .ant-pagination a {
  142. color: #c53027!important;
  143. text-decoration: none;
  144. }
  145.  
  146. .exchange-list-tab,
  147. .exchange-list-tab li {
  148. background: #343434!important;
  149. }
  150.  
  151. .exchange-list-explain .new_price span:not(.col-green) {
  152. color: #989898 !important;
  153. }
  154.  
  155. .chart-page .header-chart-panel .group .button.selected {
  156. background: #5f5f5f !important;
  157. }
  158.  
  159. .context-menu-wrapper.topmenu,
  160. .context-menu.action-separator td {
  161. background-color: #282a36 !important;
  162. background: #282a36 !important;
  163. border-color: #282a36 !important
  164. }
  165.  
  166. .context-menu-hover {
  167. background-color: #4d4f59 !important;
  168. }
  169.  
  170. .ant-pagination .ant-pagination-item:not(.ant-pagination-item-active):not(:hover) {
  171. background-color: #f8f8f2 !important;
  172. }
  173.  
  174. .breadcrumb,
  175. .btn,
  176. .dropdown-menu .dropdown-item,
  177. .nav-pills .nav-link,
  178. .nav-tabs .nav-link,
  179. .navbar .nav-link,
  180. .notice-wrap a,
  181. .pagination,
  182. .panel-group .col-tag span,
  183. .quick-links a,
  184. .sandstone {
  185. font-size: 0.65rem !important;
  186. }
  187.  
  188. .panel-group .col-tag {
  189. color: #c23631 !important;
  190. background: #3c3c3c !important;
  191. }
  192.  
  193. .notice-wrap .item:hover .title,
  194. .table_pos div,
  195. .list-item-word .mr-2 span {
  196. color: #ada997 !important;
  197. }
  198.  
  199. .list-group-item .media span {
  200. color: #c23631 !important;
  201. }
  202.  
  203. .list-group-item {
  204. background-color: #3c3c3c !important;
  205. }
  206.  
  207. .input-group.dropdown .newSearchInput {
  208. background: #dedede !important;
  209. }
  210.  
  211. .newSearchInput::placeholder,
  212. .ant-input::placeholder {
  213. color: #707070 !important;
  214. }
  215.  
  216. .TRXPrice span,
  217. input,
  218. .footerContainer .text,
  219. .table-hover span,
  220. .table-responsive th,
  221. .block-status-tag span {
  222. font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
  223. }
  224.  
  225.  
  226. /** Root **/
  227. body {
  228. background-color: #282a36 !important;
  229. color: #f8f8f2 !important;
  230. }
  231.  
  232.  
  233. /** Popup **/
  234. .question-mark i {
  235. color: #f8f8f2 !important;
  236. }
  237.  
  238. .question-mark {
  239. background: #6b6b6b !important
  240. }
  241.  
  242. .ant-tooltip-inner,
  243. .ant-tooltip-arrow:before {
  244. background: #3c3c3c !important;
  245. background-color: #3c3c3c !important;
  246. }
  247.  
  248. .tooltip .tooltip-inner {
  249. background: #6b6b6b !important;
  250. background-color: #6b6b6b !important;
  251. }
  252.  
  253. .bs-tooltip-bottom .arrow:before {
  254. border-bottom-color: #6b6b6b !important
  255. }
  256.  
  257. .bs-tooltip-top .arrow:before {
  258. border-top-color: #6b6b6b !important
  259. }
  260.  
  261. .bs-tooltip-right .arrow:before {
  262. border-right-color: #6b6b6b !important
  263. }
  264.  
  265. .bs-tooltip-left .arrow:before {
  266. border-left-color: #6b6b6b !important
  267. }
  268.  
  269. .modal-content,
  270. .sweet-alert {
  271. background: #151515 !important;
  272. }
  273.  
  274. .header-overlap._transactionViewer div div:first-of-type {
  275. background: rgba(0, 0, 0, 0.4) !important;
  276. }
  277.  
  278. .modal-backdrop {
  279. background: black !important;
  280. }
  281.  
  282.  
  283. /** Logo **/
  284. .logo {
  285. display: block;
  286. -moz-box-sizing: border-box;
  287. box-sizing: border-box;
  288. background: url(https://i.imgur.com/iJqKZZW.png) no-repeat;
  289. width: 125px;
  290. height: 30px;
  291. padding-left: 125px;
  292. }
  293.  
  294. .card-header {
  295. background-color: #3c3c3c !important;
  296. }
  297.  
  298. .card-header h5 span {
  299. padding: 10px;
  300. }
  301.  
  302. .card-header .fa.color-grey-100,
  303. .card-header span,
  304. .TRXPrice span {
  305. color: #f8f8f2 !important;
  306. }
  307.  
  308. .greenPrice span {
  309. color: #11dea6 !important;
  310. }
  311.  
  312. .redPrice span {
  313. color: #c53228 !important;
  314. }
  315.  
  316.  
  317. /** Navigation **/
  318. nav {
  319. background-color: #6a737d33 !important;
  320. }
  321.  
  322. .nav-item span.nav-link span,
  323. a.nav-link span {
  324. color: #f8f8f2 !important;
  325. }
  326.  
  327. .nav-item:hover span.nav-link span,
  328. .nav-link.active span,
  329. a.nav-link:hover span,
  330. .nav-login-wallet .dropdown-item:hover span {
  331. color: #c23631!important;
  332. cursor: pointer;
  333. }
  334.  
  335. .dropdown-item,
  336. .dropdown-menu li,
  337. div.dropdown-menu {
  338. background-color: #3e4348f2 !important;
  339. }
  340.  
  341. .dropdown-item:focus {
  342. background-color: #4d4d4d !important;
  343. }
  344.  
  345. .dropdown-header,
  346. .dropdown-menu .text-muted {
  347. color: #ada997 !important;
  348. }
  349.  
  350. .more-menu-line {
  351. z-index: 500;
  352. }
  353.  
  354. .nav-testnet-dropdown-menu {
  355. background-color: #f8f8f2 !important;
  356. padding-right: 5px !important;
  357. margin-right: 20px !important;
  358. }
  359.  
  360.  
  361. /** Highcharts **/
  362. rect.highcharts-background,
  363. rect.highcharts-legend-box {
  364. fill: #6a737d33 !important;
  365. }
  366.  
  367. .highcharts-legend-item text {
  368. fill: #ada997 !important;
  369. color: #ada997 !important;
  370. }
  371.  
  372. rect.highcharts-button-box {
  373. fill: #ada997 !important;
  374. }
  375.  
  376. tspan.highcharts-text-outline {
  377. stroke: none !important;
  378. }
  379.  
  380. .highcharts-label text {
  381. fill: white !important;
  382. }
  383.  
  384. path.highcharts-label-box.highcharts-tooltip-box {
  385. fill: #a8a8a8 !important;
  386. }
  387.  
  388. .transferBlockSec rect.highcharts-background {
  389. fill: transparent !important;
  390. }
  391.  
  392. .highcharts-menu {
  393. background: #4a4a4abf !important;
  394. }
  395.  
  396.  
  397. /** Statistics **/
  398. .data-items,
  399. .data-items h2,
  400. .ant-table-tbody td {
  401. background: #3e4348f2 !important;
  402. }
  403.  
  404. .top-data .data-account .ant-table-row.ant-table-row-level-0:last-child td {
  405. background: #2e2e2e !important;
  406. }
  407.  
  408.  
  409. /* Calendar dropdown picker **/
  410. .ant-calendar-picker-container {
  411. background-color: #353535 !important;
  412. }
  413.  
  414. .ant-calendar-selected-day .ant-calendar-date {
  415. background-color: #c23631 !important;
  416. }
  417.  
  418. .ant-calendar-today .ant-calendar-date {
  419. border-color: #c64844 !important;
  420. }
  421.  
  422. .ant-calendar-range .ant-calendar-in-range-cell:before {
  423. background: #a12d29;
  424. }
  425.  
  426. /** Transaction Detail **/
  427. .ant-table thead th {
  428. background-color: #6a737d33 !important;
  429. color: #f8f8f2 !important;
  430. }
  431.  
  432. .ant-table .ant-table-tbody > tr:hover > td {
  433. background-color: #444444bd !important;
  434. }
  435.  
  436. .ant-pagination .ant-select-dropdown {
  437. background-color: #4d4d4d !important;
  438. }
  439.  
  440. .ant-pagination .ant-select-dropdown-menu-item-selected,
  441. .ant-pagination .ant-select-dropdown-menu-item-selected:hover,
  442. .ant-pagination .ant-select-dropdown-menu-item:hover {
  443. background-color: #8a8a8a;
  444. }
  445.  
  446. .card.table_pos {
  447. margin-top: 10px !important;
  448. }
  449.  
  450. .transaction-new .card.list-style-header,
  451. .transaction-new .card.list-style-body,
  452. .table-hover tbody tr:hover,
  453. .list-style-header tbody tr:hover,
  454. .table-responsive th,
  455. .table-responsive td {
  456. background-color: #3e4348f2 !important;
  457. }
  458.  
  459. .table-hover span,
  460. .table-hover tr:hover span,
  461. .table-responsive th,
  462. .table-responsive td {
  463. color: #f8f8f2 !important;
  464. }
  465.  
  466. .item-belong {
  467. background: url(https://i.imgur.com/liCnaRz.png) 4px 4px / 9px 9px no-repeat !important;
  468. background-position: 4px 4px !important;
  469. }
  470.  
  471. .badge-success {
  472. background: #169410;
  473. color: #2eac28;
  474. }
  475.  
  476.  
  477. /** Token Detail */
  478. .tokenDetail {
  479. background-color: transparent !important;
  480. }
  481.  
  482. .tokenDetail th,
  483. .tokenDetail td {
  484. color: #f8f8f2 !important;
  485. }
  486.  
  487.  
  488.  
  489. /** Token Tracker **/
  490. .token-list-wrap .create-token-btn {
  491. color: #c23631 !important;
  492. }
  493.  
  494. .token-num-wrap div {
  495. background-color: #3e4348f2 !important;
  496. }
  497.  
  498. .token-list-wrap .token-num-wrap > div > div:last-child > div:first-child {
  499. color: #c23631 !important;
  500. }
  501.  
  502.  
  503. /** Token Record **/
  504. .tokencreated .steps-item.is-wait {
  505. background-image: url(https://i.imgur.com/sf445VT.png) !important;
  506. background-size: 100% 100% !important;
  507. color: #333 !important;
  508. }
  509.  
  510. .tokencreated .steps-item.is-process {
  511. background-image: url(https://i.imgur.com/uLx0ldm.png) !important;
  512. background-size: 100% 100% !important;
  513. color: #333 !important;
  514. }
  515.  
  516. .tokencreated .steps-item:first-child.is-process {
  517. background-image: url(https://i.imgur.com/6dTG6rp.png) !important;
  518. background-size: 100% 100% !important;
  519. }
  520.  
  521. .list-style-header,
  522. .card-body,
  523. main row,
  524. ._nodemap .col-md-6 .card {
  525. background-color: #3e4348f2 !important;
  526. }
  527.  
  528. .row.mt-3 .card-body._node {
  529. background-color: #888 !important;
  530. }
  531.  
  532. .row.mt-3 ._node._node span {
  533. color: #1e1e1e !important;
  534. }
  535.  
  536. .select-trc-item.false div h1,
  537. .select-trc-item.false span {
  538. color: #8e8e8e !important;
  539. }
  540.  
  541. .tokencreated .select-trc-item {
  542. background-image: url(https://i.imgur.com/yILNRXH.png) !important;
  543. background-size: 100% 100% !important;
  544. }
  545.  
  546. .tokencreated .select-trc-item.is-active {
  547. background-image: url(https://i.imgur.com/jk74v7a.png) !important;
  548. }
  549.  
  550. .text-muted {
  551. color: #c2c2c2!important;
  552. }
  553.  
  554. .token-list-wrap .token-list-action .token-disabled-exchange.btn span {
  555. color: #636363 !important;
  556. }
  557.  
  558.  
  559. /** Contract Deployment **/
  560. .compile-button {
  561. background: #676767 !important;
  562. }
  563.  
  564. .compile-button.active {
  565. background: #c23631 !important;
  566. }
  567.  
  568. .tokencreated .card-body.no-select-contract {
  569. background: #646464 !important;
  570. }
  571.  
  572. .ant-form-item-label span {
  573. color: #f8f8f2 !important;
  574. }
  575.  
  576. .ant-form-item-label div,
  577. .ant-form-item-label a span {
  578. color: #c23631 !important;
  579. }
  580.  
  581. .ant-select-dropdown-menu li {
  582. background-color: #313131;
  583. }
  584.  
  585. .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  586. background-color: #676767 !important;
  587. color: #121212;
  588. }
  589.  
  590.  
  591. /** Representatives **/
  592. .represent__table th,
  593. .represent__table td {
  594. background: #3c3c3c !important
  595. }
  596.  
  597. .represent__table table.sr {
  598. background-image: none;
  599. }
  600.  
  601. .represent__table__content {
  602. color: #f8f8f2 !important
  603. }
  604.  
  605. .represent__table__content .text-success,
  606. .represent__table__content:hover .text-success {
  607. color: #93c54b!important;
  608. }
  609.  
  610. .represent__table__content a div {
  611. color: #c23631!important;
  612. }
  613.  
  614.  
  615. /** Votes **/
  616. ._voteOverview .card-body div span {
  617. color: #ff1c85;
  618. font-weight: 600;
  619. }
  620.  
  621. ._voteOverview .bg-white {
  622. background-color: #676767 !important;
  623. }
  624.  
  625. .vote-table tr td.up .text,
  626. .vote-table tr td.up .text span {
  627. color: #69c265 !important;
  628. }
  629.  
  630. ._voteOverview a.font-weight-bold div,
  631. .vote-table tr td.down .text span {
  632. color: #c23631 !important;
  633. }
  634. }

QingJ © 2025

镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址