FogbugzDarkMode

Change most elements in FogBugz to a dark visual style

  1. /* ==UserStyle==
  2. @name FogbugzDarkMode
  3. @description Change most elements in FogBugz to a dark visual style
  4. @version 1.0
  5. @match https://*fogbugz.com/*
  6. @namespace https://gf.qytechs.cn/users/690175
  7. ==/UserStyle== */
  8.  
  9. .case-list tr.bug-grid-row.alt {
  10. background-color: #111 !important;
  11. }
  12.  
  13. .case-list tr.bug-grid-row {
  14. background-color: #222 !important;
  15. border-style: solid !important;
  16. border-color: #111 !important;
  17. }
  18.  
  19. a.case.not-visited {
  20. color: #6FAEBE !important;
  21. }
  22.  
  23. a.case.visited {
  24. color: #A280C6 !important;
  25. }
  26.  
  27. .bug-grid-header {
  28. background-color: #000 !important;
  29. }
  30.  
  31. .case-list th, .case-list .grid-column-header-drag-helper {
  32. background-color: #000 !important;
  33. border-color: #000 !important;
  34. border-style: solid !important;
  35. }
  36.  
  37. a.header-sort-toggle {
  38. color: #8EC4CF !important;
  39. padding-left: 3px !important;
  40. padding-top: 0px !important;
  41. border-top-width: 0px !important;
  42. margin-top: 0px !important;
  43. }
  44.  
  45. div.grid-column-contents {
  46. border-color: #F1F1F1 !important;
  47. border-style: none !important;
  48. color: #C4C3C3 !important;
  49. }
  50.  
  51. span.grid-title-extra {
  52. color: #9A9898 !important;
  53. }
  54.  
  55. input.grid-row-checkbox {
  56. background-color: #3F3F3F !important;
  57. }
  58.  
  59. div svg use {
  60. fill: rgb(153, 153, 153)
  61. }
  62.  
  63. div svg.svg-icon use {
  64. fill: rgb(87, 131, 136) !important !important;
  65. }
  66.  
  67. #main {
  68. background-color: #191919 !important;
  69. }
  70.  
  71. body {
  72. background-color: #000000 !important;
  73. color: #ccc !important;
  74. }
  75.  
  76. #filter-bar-title {
  77. color: #eee !important;
  78. }
  79.  
  80. #filter-bar {
  81. background-color: #000000 !important;
  82. border-style: none !important;
  83. color: #ccc !important;
  84. }
  85.  
  86. span[class$="clickable"] {
  87. color: #619DA1 !important;
  88. }
  89.  
  90. .action-bar>.action-button.disabled {
  91. background-color: #020202 !important;
  92. border-color: #020202 !important;
  93. color: #676767 !important;
  94. }
  95.  
  96. #filter-view-selector {
  97. background-color: #222 !important;
  98. border-color: #000000 !important;
  99. }
  100.  
  101. span.action-button {
  102. background-color: #030303 !important;
  103. }
  104.  
  105. .action-button:not(.disabled) {
  106. background-color: #111 !important;
  107. border-style: solid !important;
  108. border-color: #000000 !important;
  109. color: #ddd !important;
  110. }
  111.  
  112. div.gw-nav-pane {
  113. background-color: #030303 !important;
  114. }
  115.  
  116. .gw-btn {
  117. background-color: #333 !important;
  118. border-style: solid !important;
  119. border-color: #000000 !important;
  120. }
  121.  
  122. .gw-header-main {
  123. background-color: #000000 !important;
  124. }
  125.  
  126. a.gw-nav-cases {
  127. background-color: #000000 !important;
  128. border-color: #222 !important;
  129. }
  130.  
  131. form.gw-search.submit-on-enter.has-search-guide {
  132. background-color: #000000 !important;
  133. border-color: #222 !important;
  134. }
  135.  
  136. input.search-box {
  137. background-color: #000000 !important;
  138. border-style: solid !important;
  139. border-color: #222 !important;
  140. color: #FFFFFF !important;
  141. }
  142.  
  143. input.search-box:placeholder {
  144. color: #FCFCFC !important;
  145. }
  146.  
  147. .auto-complete-panel.panel {
  148. background-color: #000 !important;
  149. border-color: #222 !important;
  150. }
  151.  
  152. tbody tr th {
  153. background-color: #010101 !important;
  154. color: #ccc !important;
  155. border-color: #222 !important;
  156. }
  157.  
  158. table.mini-report {
  159. border-color: #222 !important;
  160. background-color: #000000 !important;
  161. padding-top: 0px !important;
  162. padding-bottom: 0px !important;
  163. padding-left: 0px !important;
  164. padding-right: 0px !important;
  165. border-style: solid !important;
  166. }
  167.  
  168. #case-list-mini-report tbody tr {
  169. border-color: #000000 !important;
  170. }
  171.  
  172. tbody tr td {
  173. border-color: #222 !important;
  174. color: #8C8C8C !important;
  175. }
  176.  
  177. .list-group-table::-webkit-scrollbar {
  178. display: none !important;
  179. }
  180.  
  181. a.gw-logo.gw-logo-full.nav-unless-mobile {
  182. background-color: #000000 !important;
  183. }
  184.  
  185. .gw-nav-link-icon img {
  186. border-radius:5px !important;
  187. filter: brightness(85%)
  188. }
  189.  
  190. .gw-nav-link.active {
  191. background-color: #333 !important;
  192. }
  193.  
  194. .gw-nav-submenu.active {
  195. background-color: #333 !important;
  196. color: #ddd !important;
  197. }
  198.  
  199. .notification-container {
  200. border-color: #000000 !important;
  201. }
  202.  
  203. #notification-list li {
  204. border-color: #000000 !important;
  205. }
  206.  
  207. .notifications-popup.dropdown-menu {
  208. border-style: none !important;
  209. }
  210.  
  211. #notification-list {
  212. border-color: #000000 !important;
  213. color: #ccc !important;
  214. }
  215.  
  216. .gw-wrapper h1, .gw-wrapper h2, .gw-wrapper h3 {
  217. color: #ccc !important;
  218. }
  219.  
  220. .notification-text span {
  221. color: #ccc !important;
  222. }
  223.  
  224. .notification-container.notification-unread {
  225. background-color: #000000 !important;
  226. }
  227.  
  228. .gw-nav-submenu ul:not(.item-actions)>li a {
  229. color: #619DA1 !important;
  230. }
  231.  
  232. .popup {
  233. background-color: #222 !important;
  234. color: #ddd !important;
  235. }
  236.  
  237. .popup .case-popup {
  238. background-color: #070707 !important;
  239. }
  240.  
  241. .popup .case-popup dl {
  242. background-color: #222 !important;
  243. border-color: #000000 !important;
  244. }
  245.  
  246. .popup .case-popup .comment {
  247. background-color: #333 !important;
  248. border-color: #000000 !important;
  249. }
  250.  
  251. .case-list th .grid-column-contents, .wiki-page-list th .grid-column-contents, .case-list .wiki-grid-header .grid-column-contents, .wiki-page-list .wiki-grid-header .grid-column-contents, .case-list .grid-column-header-drag-helper .grid-column-contents, .wiki-page-list .grid-column-header-drag-helper .grid-column-contents {
  252. padding-top: 4px !important;
  253. }
  254.  
  255. div a span {
  256. color: #619DA1 !important;
  257. }
  258.  
  259. .filterbar-choices-root .list-choices-item, .filterbar-refine-further-popup .list-choices-item, .filterbar-more-popup .list-choices-item, .filterbar-view-popup .list-choices-item {
  260. color: #ddd !important;
  261. }
  262.  
  263. .list-choices-item:hover {
  264. background-color: #000 !important;
  265. }
  266.  
  267. .case-list tr.bug-grid-row.selected {
  268. background-color: #2C3C3B !important;
  269. border-color: #2C3C3B !important;
  270. border-style: solid !important;
  271. }
  272.  
  273. .gw-wrapper:not(.nav-is-mobile) .gw-nav-submenu {
  274. border-color: #000000 !important;
  275. }
  276.  
  277. .bug-grid-row.selected {
  278. background-color: #E5A313 !important;
  279. border-style: none !important;
  280. }
  281.  
  282. checkbox-grid-column {
  283. border-color: #000000 !important;
  284. }
  285.  
  286. .case-list td {
  287. border-style: none !important;
  288. }
  289.  
  290. .gw-nav-submenu ul:not(.item-actions)>li:hover {
  291. background-color: #222 !important;
  292. }
  293.  
  294. #filter-bar #filter-description .filter-axis-clickable, .case-list th .header-sort-toggle, .case-list .grid-column-header-drag-helper .header-sort-toggle, a:link, a.novisited:visited, #mainArea a.novisited:visited, #filter-bar #filter-description .filter-description-sort-element .filter-sort-clickable {
  295. color: #6FAEBE !important;
  296. }
  297.  
  298. .selected {
  299. background-color: #222 !important;
  300. }
  301.  
  302. .case .top {
  303. background-color: #222 !important;
  304. }
  305.  
  306. div section article {
  307. background-color: #222 !important;
  308. border-color: #0B0B0B !important;
  309. color: #ccc !important;
  310. }
  311.  
  312. div section article h1 {
  313. color: #ddd !important;
  314. border-color: #010101 !important;
  315. }
  316.  
  317. div.top.clearfix {
  318. border-color: #030303 !important;
  319. }
  320.  
  321. label, label div {
  322. color: #ccc !important;
  323. }
  324.  
  325. a.case {
  326. color: #619DA1 !important;
  327. }
  328.  
  329. nav.clear.active {
  330. background-color: #111 !important;
  331. border-style: none !important;
  332. border-color: #FFFFFF !important;
  333. }
  334.  
  335. .case input, .case textarea {
  336. background-color: #050505 !important;
  337. color: #ddd !important;
  338. border-style: none !important;
  339. }
  340.  
  341. div.select-droplist.droplist {
  342. border-color: #111 !important;
  343. border-style: solid !important;
  344. background-color: #090909 !important;
  345. }
  346.  
  347. .droplist-popup-item {
  348. background-color: #222 !important;
  349. color: #619DA1 !important;
  350. }
  351.  
  352. .droplist-popup-item:hover {
  353. background-color: #000000 !important;
  354. }
  355.  
  356. .droplist-popup {
  357. border-color: #030303 !important;
  358. }
  359.  
  360. .chunky-droplist.droplist {
  361. background-color: #000000 !important;
  362. border-style: none !important;
  363. border-radius: 5px !important;
  364. }
  365.  
  366. .droplist-chunks {
  367. border-style: none !important;
  368. }
  369.  
  370. .changes div {
  371. color: #999 !important;
  372. }
  373.  
  374. .event.email .event-content .body {
  375. background-color: #222 !important;
  376. color: #eee !important;
  377. }
  378.  
  379. .event.email .event-content .body .body-content {
  380. background-color: #333 !important;
  381. }
  382.  
  383. .event.email .event-content .body .bodycontent {
  384. background-color: #222 !important;
  385. }
  386.  
  387. .event.email .event-content {
  388. background-color: #111 !important;
  389. }
  390.  
  391. .event-content {
  392. color: #ccc !important;
  393. }
  394.  
  395. .event .emailFields {
  396. color: #aaa !important;
  397. }
  398.  
  399. #account-info {
  400. background-color: #111 !important;
  401. border-style: none !important;
  402. border-radius: 5px !important;
  403. padding: 2px 5px !important;
  404. }
  405.  
  406. #account-info .image {
  407. border-radius: 2px !important;
  408. margin-right: 3px !important;
  409. }
  410.  
  411. #bc-payments {
  412. border-color: #151515 !important;
  413. color: #ddd !important;
  414. box-shadow: 0 1px 20px -5px black
  415. }
  416.  
  417. .m-btn {
  418. background-color: #111 !important;
  419. border-color: #050505 !important;
  420. color: #bbb !important;
  421. }
  422.  
  423. .event .buttons #btnSubmit, .event .buttons #btnSendAndClose, .event .buttons #btnResolveAndClose {
  424. background-color: #194038 !important;
  425. }
  426.  
  427. span.status {
  428. box-shadow: 0 1px 1px #000 !important;
  429. }
  430.  
  431. .case-list .bug-grid {
  432. border-style: none !important;
  433. }
  434.  
  435. .list-choices-popup a {
  436. color: #bbb !important;
  437. }
  438.  
  439. .event .buttons #btnSendAndClose:not(.hidden)+#btnSubmit, .event .buttons #btnResolveAndClose:not(.hidden)+#btnSubmit {
  440. color: #ddd !important;
  441. background-color: #444 !important;
  442. }
  443.  
  444. #sEvent:active {
  445. border-style: none !important;
  446. }
  447.  
  448. #sEvent:focus {
  449. border-style: none !important;
  450. }
  451.  
  452. .event .editor>textarea:active, .event .editor>textarea:focus, .event .editor>textarea.active {
  453. box-shadow: 0 0 0 2px #4ba2d477 !important;
  454. }
  455.  
  456. .href {
  457. color: #68B0A1 !important;
  458. border-style: none !important;
  459. border-color: #68B0A1 !important;
  460. }
  461.  
  462. span.droplist-chunk-text {
  463. color: #030E08 !important;
  464. }
  465.  
  466. .chunky-droplist .droplist-chunk .droplist-chunk-remove svg use {
  467. fill: rgba(0,0,0,0.7) !important;
  468. }
  469.  
  470. .case-lightbox-mask {
  471. background-color: rgb(0, 11, 14) !important;
  472. opacity: 0.75
  473. }
  474.  
  475. span.list-add-case.disabled {
  476. color: #E3E0E0 !important;
  477. }
  478.  
  479. .favorite-toggle.favorite svg use {
  480. fill: rgb(255, 196, 0) !important;
  481. stroke: rgb(175, 134, 0); !important;
  482. }
  483.  
  484. button.gw-nav-link {
  485. cursor: pointer !important;
  486. }
  487.  
  488. button.gw-nav-link.active {
  489. color: #bbb !important;
  490. }
  491.  
  492. .gw-overflow .gw-overflow-menu {
  493. background-color: #222 !important;
  494. padding-top: 5px !important;
  495. padding-left: 0px !important;
  496. padding-right: 0px !important;
  497. padding-bottom: 0px !important;
  498. }
  499.  
  500. .gw-overflow .gw-overflow-menu li:hover {
  501. background-color: #111 !important;
  502. }
  503.  
  504. input {
  505. background-color: #000000 !important;
  506. color: #ddd !important;
  507. }
  508.  
  509. textarea {
  510. overflow-x: hidden !important;
  511. overflow-y: scroll !important;
  512. }
  513.  
  514. section.case.case-status-active {
  515. box-shadow: 0 5px 40px -10px black !important;
  516. }
  517.  
  518. .event .body {
  519. background-color: #111 !important;
  520. }
  521.  
  522. .event .body:before {
  523. border-color: transparent #111 transparent transparent !important;
  524. }
  525.  
  526. span.package-title {
  527. color: #bbb !important;
  528. }
  529.  
  530. #bc-payments span :not(a) {
  531. color: #bbb !important;
  532. }
  533.  
  534. .event.borrowed>header {
  535. background-color: #2D2740 !important;
  536. }
  537.  
  538. span.toggle-borrowed-email.merge-toggle.enabled {
  539. background-color: #00000011 !important;
  540. color: #ccc !important;
  541. border-color: #00000099 !important;
  542. }
  543.  
  544. nav.clear.resolved {
  545. background-color: #111 !important;
  546. }
  547.  
  548. section.events-selector-option {
  549. border-style: none !important;
  550. }
  551.  
  552. .case .events-selector .events-selector-container {
  553. border-color: #000000 !important;
  554. }
  555.  
  556. #bulkEventListHeader {
  557. background-color: #000000 !important;
  558. }
  559.  
  560. #bc-payments li.highlight {
  561. background-color: #000000 !important;
  562. border-color: #E2CF15 !important;
  563. border-style: solid !important;
  564. border-width: 1px
  565. }
  566.  
  567. .bc-dropdown .bc-dropdown-items {
  568. background-color: #222 !important;
  569. border-color: #000000 !important;
  570. }
  571.  
  572. .bc-dropdown .bc-dropdown-submenu {
  573. background-color: #222 !important;
  574. border-color: #000000 !important;
  575. }
  576.  
  577. .bc-dropdown .bc-dropdown-items .bc-dropdown-item:hover, .bc-dropdown .bc-dropdown-items .bc-dropdown-submenu-link:hover {
  578. background-color: #000000 !important;
  579. }
  580.  
  581. .bc-dropdown .bc-dropdown-submenu-link.open {
  582. background-color: #111 !important;
  583. color: #68B0A1 !important;
  584. }
  585.  
  586. .bc-dropdown .bc-dropdown-submenu-link {
  587. color: #68B0A1 !important;
  588. }
  589.  
  590. .bc-dropdown.open .bc-dropdown-icon {
  591. background-color: #222 !important;
  592. border-color: #000000 !important;
  593. box-shadow: 0px 1px black !important;
  594. color: #68B0A1
  595. }
  596.  
  597. .bc-dropdown .bc-dropdown-submenu-link:before {
  598. color: #bbb !important;
  599. }
  600.  
  601. #sEvent {
  602. color: #eee !important;
  603. }
  604.  
  605. .bc-dropdown.email-switcher-dropdown {
  606. background-color: #00000000 !important;
  607. }
  608.  
  609. .bc-dropdown.email-switcher-dropdown .bc-dropdown-icon {
  610. background-color: #00000000 !important;
  611. }
  612.  
  613. #bc-payments .release-title {
  614. color: #ccc !important;
  615. }
  616.  
  617. #snippet-helper {
  618. background-color: #222 !important;
  619. box-shadow: 0 1px 10px black !important;
  620. }
  621.  
  622. select {
  623. background-color: #000000 !important;
  624. color: #eee !important;
  625. }
  626.  
  627. ::-webkit-scrollbar {
  628. background: #444 !important;
  629. }
  630.  
  631. ::-webkit-scrollbar-track {
  632. background: #444 !important;
  633. }
  634.  
  635. ::-webkit-scrollbar-thumb {
  636. background: #222 !important;
  637. border-radius: 100px !important;
  638. border: 2px solid #444
  639. }
  640.  
  641. ::-webkit-scrollbar-corner {
  642. background: #444 !important;
  643. }
  644.  
  645. ::-webkit-resizer {
  646. border: none !important;
  647. outline: none !important;
  648. color: white !important;
  649. background: #444 !important;
  650. }
  651.  
  652. li.divider {
  653. background-color: #111 !important;
  654. border-color: #000000 !important;
  655. }
  656.  
  657. #bc-payments .item.highlight {
  658. background-color: #000000 !important;
  659. border-color: #FFB7F0 !important;
  660. border-style: solid !important;
  661. border-width: 1px !important;
  662. margin: 8px 0 !important;
  663. margin-left: 3px !important;
  664. margin-right: 3px !important;
  665. }
  666.  
  667. #bc-payments li {
  668. border-color: #555 !important;
  669. }
  670.  
  671. .case nav {
  672. background-color: #111 !important;
  673. }
  674.  
  675. .case #bulkCaseSelector .bulk-case-row:hover {
  676. background-color: #000000 !important;
  677. }
  678.  
  679. span.clientID:hover {
  680. background-color: #151515 !important;
  681. }
  682.  
  683. div.droplist-popup-item.selected {
  684. background-color: #000 !important;
  685. }
  686.  
  687. .chunky-droplist .droplist-chunks.active, .chunky-droplist .droplist-chunks:focus, .chunky-droplist .droplist-chunks:active, .case input:active, .case textarea:active, .case input:focus, .case textarea:focus, .case input.active, .case textarea.active {
  688. box-shadow: 0 0 0 2px #4ba2d477
  689. }
  690.  
  691. .case input.droplist-input:active, .case input.droplist-input:focus {
  692. box-shadow: none !important;
  693. border: none !important;
  694. outline: none !important;
  695. }
  696.  
  697. .droplist-popup {
  698. background: #222 !important;
  699. box-shadow: none !important;
  700. }
  701.  
  702. div.left .field {
  703. overflow: visible !important;
  704. }
  705.  
  706. .case nav .controls .control:hover {
  707. color: #00638E !important;
  708. }
  709.  
  710. span.useragent {
  711. filter: invert(97%) !important;
  712. border: none !important;
  713. padding-top: 5px !important;
  714. }
  715.  
  716. #Customizations textarea {
  717. background-color: #111 !important;
  718. color: #eee !important;
  719. }
  720.  
  721. a:visited {
  722. color: #A280C6 !important;
  723. }
  724.  
  725. span.quantity {
  726. color: #ccc !important;
  727. }
  728.  
  729. span.merch.icon {
  730. color: #548CFF !important;
  731. }
  732.  
  733. iframe.oldbugz-frame.oldbugz-frame-active.oldbugz-frame-visible div {
  734. background-color: #000 !important;
  735. }
  736.  
  737. div.editableTablePane {
  738. background-color: #222 !important;
  739. }
  740.  
  741. iframe form>div {
  742. background-color: #000000 !important;
  743. }

QingJ © 2025

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