☰

Greasy Fork镜像 Dark Theme(User Style)

changes greasy/sleazy fork theme to dark

  1. /* ==UserStyle==
  2. @name Greasy Fork镜像 Dark Theme(User Style)
  3. @description changes greasy/sleazy fork theme to dark
  4. @namespace -
  5. @version 1.9
  6. @license GPL-3.0-or-later
  7. @license-link https://www.gnu.org/licenses/gpl-3.0.txt
  8. ==/UserStyle== */
  9.  
  10. @-moz-document domain("gf.qytechs.cn"), domain("sleazyfork.org") {
  11. :root {
  12.  --default-main: rgb(240, 135, 0);
  13.  --defailt-main-2: rgb(210, 140, 6);
  14.  --header-color: rgb(5, 5, 5)
  15. }
  16.  
  17. .ad-entry, .adsbygoogle, .ad-content {
  18.  display: none !important
  19. }
  20.  
  21. :not(:lang(he)):not(:lang(ar)):not(:lang(ug)), body:lang(ar) #main-header, body:lang(he) #main-header, body:lang(ug) #main-header {
  22.  color: rgb(191, 191, 191);
  23. }
  24.  
  25. #main-header {
  26.  background-color: var(--default-main);
  27.  background-image: radial-gradient(var(--defailt-main-2), var(--default-main));
  28. }
  29.  
  30. #main-header h1 {
  31.  color: var(--header-color);
  32.  padding: 6px 4px;
  33. }
  34.  
  35. #main-header, #main-header a, #main-header a:active, #main-header a:visited {
  36.  color: var(--header-color);
  37. }
  38.  
  39. #main-header, #main-header a, #main-header a:active, #main-header a {
  40.  color: var(--header-color);
  41. }
  42.  
  43. #site-nav > nav a:hover {
  44.  color: rgb(255, 255, 255);
  45.  text-decoration: underline !important;
  46. }
  47.  
  48. .sign-out-link {
  49.  color: var(--header-color) !important;
  50. }
  51.  
  52. .report-link.report-link-abs::before {
  53.  content: "🚩 ";
  54. }
  55.  
  56. .report-link.report-link-abs {
  57.  box-shadow: rgba(221, 46, 68, 0.52) 0px 0px 5px;
  58.  background-color: rgba(36, 36, 36, 0.9);
  59.  border: 0.16em solid rgb(217, 29, 53);
  60.  color: rgb(230, 33, 58) !important;
  61.  padding: 1px 4px 2px 0px;
  62.  letter-spacing: 0.029em;
  63.  text-decoration: none;
  64.  border-radius: 5px;
  65.  font-weight: 600;
  66.  scale: 0.9;
  67. }
  68.  
  69. .report-link.report-link-abs:lang(ar), .report-link.report-link-abs:lang(ug), .report-link.report-link-abs:lang(he) {
  70.  direction: ltr;
  71.  margin-right: 90.46%;
  72. }
  73.  
  74. .tabs a {
  75.  transition: 300ms
  76. }
  77.  
  78. .tabs .current {
  79.  border-top: 7px solid var(--default-main) !important;
  80.  border-radius: 0px 0px 4px 4px;
  81. }
  82.  
  83. .tabs .current, .tabs > :not(.current) a:focus, .tabs > :not(.current) a:hover {
  84.  background: rgba(134, 134, 134, 0.03) none repeat scroll 0% 0%;
  85.  box-shadow: rgba(0, 0, 0, 0.38) 0px 1px;
  86.  border-radius: 0px 0px 4px 4px;
  87. }
  88.  
  89. #script-info {
  90.  border: 1px solid rgb(21, 21, 21);
  91.  background-color: rgb(19, 19, 19);
  92.  box-shadow: rgb(0, 0, 0) 0px 0px 5px;
  93. }
  94.  
  95. .code-container {
  96.  border: 1px solid rgb(21, 21, 21);
  97.  background-color: rgb(19, 19, 19);
  98.  box-shadow: rgb(0, 0, 0) 0px 0px 5px;
  99.  border-radius: 4px;
  100.  scrollbar-color: rgb(30, 30, 30) rgb(15, 15, 15) !important;
  101. }
  102.  
  103. .com {
  104.  background-color: rgb(19, 19, 19);
  105.  color: rgb(108, 108, 108) !important
  106. }
  107.  
  108. .pun, .pln {
  109.  color: rgb(191, 191, 191) !important;
  110. }
  111.  
  112. .opn {
  113.  color: rgb(202, 182, 75) !important;
  114. }
  115.  
  116. .clo {
  117.  color: rgb(52, 173, 210) !important;
  118. }
  119.  
  120. .str {
  121.  color: rgb(183, 181, 75) !important;
  122. }
  123.  
  124. .kwd {
  125.  color: rgb(69, 206, 69) !important;
  126. }
  127.  
  128. .lit {
  129.  color: rgb(196, 97, 200) !important;
  130. }
  131.  
  132. .typ {
  133.  color: rgb(100, 155, 215) !important;
  134. }
  135.  
  136. li.L1, li.L3, li.L5, li.L7, li.L9 {
  137.  background-color: rgb(19, 19, 19) !important;
  138. }
  139.  
  140. .linenums {
  141.  border: 1px solid rgb(21, 21, 21);
  142.  background-color: rgb(19, 19, 19) !important;
  143.  border-radius: 4px;
  144. }
  145.  
  146. .prettyprint.linenums.lang-js.prettyprinted {
  147.  border: none;
  148. }
  149.  
  150. #ace-editor {
  151.  border: 1px solid rgb(22, 22, 22);
  152.  background-color: rgb(19, 19, 19);
  153.  overflow: unset;
  154.  border-radius: 4px;
  155. }
  156.  
  157. .ace_gutter-cell {
  158.  background-color: rgb(11, 11, 11);
  159. }
  160.  
  161. .ace-tm .ace_gutter-active-line {
  162.  background-color: rgb(21, 21, 21);
  163. }
  164.  
  165. .ace_scroller {
  166.  background: rgb(21, 21, 21) !important;
  167. }
  168.  
  169. .ace_scrollbar-inner {
  170.  scrollbar-color: rgb(30, 30, 30) rgb(15, 15, 15) !important;
  171. }
  172.  
  173. .ace-tm .ace_comment {
  174.  color: rgb(115, 113, 106) !important;
  175. }
  176.  
  177. .ace-tm .ace_keyword.ace_operator {
  178.  color: rgb(121, 158, 202) !important;
  179. }
  180.  
  181. .ace-tm .ace_entity.ace_name.ace_function {
  182.  color: rgb(69, 200, 50) !important;
  183. }
  184.  
  185. .ace-tm .ace_support.ace_function {
  186.  color: rgb(223, 65, 65) !important;
  187. }
  188.  
  189. .ace-tm .ace_storage, .ace-tm .ace_keyword, .ace-tm .ace_support.ace_constant {
  190.  color: rgb(40, 185, 200) !important;
  191. }
  192.  
  193. .ace-tm .ace_string {
  194.  color: rgb(202, 182, 75) !important;
  195. }
  196.  
  197. .ace_identifier, .ace_paren.ace_lparen, .ace_paren.ace_rparen, .ace_punctuation.ace_operator {
  198.  color: rgb(217, 215, 215) !important;
  199. }
  200.  
  201. .ace-tm .ace_support.ace_type, .ace-tm .ace_support.ace_class {
  202.  color: rgb(174, 173, 72) !important;
  203. }
  204.  
  205. .ace-tm .ace_variable {
  206.  color: rgb(57, 177, 202) !important;
  207. }
  208.  
  209. .ace-tm .ace_constant {
  210.  color: rgb(14, 200, 52) !important;
  211. }
  212.  
  213. .ace-tm .ace_constant.ace_numeric {
  214.  color: rgb(182, 86, 196) !important;
  215. }
  216.  
  217. .diff {
  218.  max-height: none !important;
  219.  border: 2px solid rgb(15, 15, 15);
  220.  border-radius: 5px;
  221. }
  222.  
  223. .diff ul {
  224.  background: rgb(15, 15, 15) none repeat scroll 0% 0%;
  225. }
  226.  
  227. .diff li.ins {
  228.  background: rgba(66, 219, 34, 0.42) none repeat scroll 0% 0%;
  229. }
  230.  
  231. .diff ins strong {
  232.  background: rgba(29, 215, 14, 0.44) none repeat scroll 0% 0%;
  233. }
  234.  
  235. .diff li.diff-block-info {
  236.  background: rgb(19, 18, 18) none repeat scroll 0px 0px;
  237. }
  238.  
  239. .diff li:hover {
  240.  background: rgba(0, 0, 0, 0.19) none repeat scroll 0% 0%;
  241. }
  242.  
  243. .diff li.del, .diff del strong {
  244.  background: rgba(240, 0, 0, 0.29) none repeat scroll 0% 0%;
  245. }
  246.  
  247. .diff li.ins:hover, .diff ins strong:hover {
  248.  background: rgba(8, 255, 0, 0.19) none repeat scroll 0% 0%;
  249. }
  250.  
  251. .diff li.del:hover, .diff del strong:hover {
  252.  background: rgba(255, 0, 0, 0.19) none repeat scroll 0% 0% !important;
  253. }
  254.  
  255. #script-info header h2 {
  256.  color: rgb(191, 191, 191);
  257. }
  258.  
  259. .inline-script-stats dt {
  260.  color: rgb(191, 191, 191);
  261. }
  262.  
  263. .tabs .current, .tabs > :not(.current) a:focus, .tabs > :not(.current) a:hover {
  264.  color: rgb(191, 191, 191) !important;
  265. }
  266.  
  267. dd, dt {
  268.  color: rgb(191, 191, 191);
  269. }
  270.  
  271. .current {
  272.  color: rgb(191, 191, 191);
  273. }
  274.  
  275. #script-description {
  276.  color: rgb(191, 191, 191) !important;
  277. }
  278.  
  279. #script-links {
  280.  color: rgb(191, 191, 191) !important;
  281. }
  282.  
  283. #script-info header h2 {
  284.  color: rgb(191, 191, 191);
  285. }
  286.  
  287. #script-info > :last-child, .discussion-list > :last-child, .text-content > :last-child, .user-list > :last-child {
  288.  color: rgb(191, 191, 191) !important;
  289. }
  290.  
  291. #script-stats {
  292.  color: rgb(191, 191, 191) !important;
  293. }
  294.  
  295. #script-feedback-suggestion {
  296.  color: rgb(191, 191, 191) !important;
  297. }
  298.  
  299. .discussion-meta-item {
  300.  margin-left: 10%;
  301. }
  302.  
  303. #language-selector-locale {
  304.  color: rgb(191, 191, 191);
  305. }
  306.  
  307. .external-login {
  308.  color: rgb(191, 191, 191);
  309. }
  310.  
  311. .script-description.description {
  312.  color: rgb(191, 191, 191);
  313. }
  314.  
  315. .badge.badge-js {
  316.  color: rgb(17, 17, 17) !important;
  317. }
  318.  
  319. .badge.badge-js {
  320.  color: rgb(187, 187, 187) !important;
  321. }
  322.  
  323. .list-option-group .list-current {
  324.  color: rgb(191, 191, 191);
  325. }
  326.  
  327. .tabs .current {
  328.  color: rgb(191, 191, 191);
  329. }
  330.  
  331. .sidebarred-main-content {
  332.  color: rgb(191, 191, 191);
  333. }
  334.  
  335. .open-sidebar, .close-sidebar {
  336.  background-color: rgb(19, 19, 19);
  337.  border: 1px solid rgb(23, 23, 23);
  338. }
  339.  
  340. .sidebar {
  341.  background-color: rgb(19, 19, 19);
  342.  color: rgb(191, 191, 191);
  343. }
  344.  
  345. .sidebar-search input[type="search"] {
  346.  color: rgb(191, 191, 191);
  347. }
  348.  
  349. .width-constraint {
  350.  color: rgb(191, 191, 191);
  351. }
  352.  
  353. a.discussion-title {
  354.  color: rgb(191, 191, 191);
  355. }
  356.  
  357. .discussion-title:hover {
  358.  color: rgb(172, 172, 172);
  359. }
  360.  
  361. .super-title {
  362.  color: rgb(191, 191, 191);
  363. }
  364.  
  365. .rating-icon {
  366.  color: rgb(191, 191, 191);
  367. }
  368.  
  369. .bad-rating-count, .good-rating-count, .ok-rating-count {
  370.  color: rgb(191, 191, 191) !important;
  371. }
  372.  
  373. input[type=search] {
  374.  color: rgb(191, 191, 191) !important;
  375. }
  376.  
  377. figure {
  378.  background-color: rgb(19, 19, 19);
  379.  box-shadow: rgba(0, 0, 0, 0.55) 0px 3px 5px;
  380. }
  381.  
  382. body {
  383.  color: rgb(191, 191, 191);
  384. }
  385.  
  386. button {
  387.  text-rendering: optimizelegibility;
  388.  color: rgb(191, 191, 191);
  389. }
  390.  
  391. input {
  392.  color: rgb(191, 191, 191);
  393. }
  394.  
  395. select {
  396.  color: rgb(191, 191, 191);
  397. }
  398.  
  399. textarea {
  400.  background-color: rgb(19, 19, 19);
  401.  border: 1px solid rgb(21, 21, 21);
  402.  border-radius: 4px;
  403.  color: rgb(191, 191, 191);
  404. }
  405.  
  406. select {
  407.  color: rgb(191, 191, 191);
  408. }
  409.  
  410. h2 {
  411.  color: rgb(191, 191, 191);
  412. }
  413.  
  414. h3 {
  415.  color: rgb(191, 191, 191);
  416. }
  417.  
  418. h4 {
  419.  color: rgb(191, 191, 191);
  420. }
  421.  
  422. h5 {
  423.  color: rgb(191, 191, 191);
  424. }
  425.  
  426. h6 {
  427.  color: rgb(191, 191, 191);
  428. }
  429.  
  430. span {
  431.  color: rgb(191, 191, 191);
  432. }
  433.  
  434. p {
  435.  color: rgb(191, 191, 191);
  436. }
  437.  
  438. .user-content {
  439.  background: rgba(0, 0, 0, 0) linear-gradient(90deg, rgb(13, 13, 13), rgb(21, 21, 21) 1em) repeat scroll 0% 0%;
  440.  border-radius: 8px;
  441.  border: 1px solid rgb(25, 25, 25);
  442. }
  443.  
  444. #user_name, #user_password_confirmation {
  445.  background: rgb(19, 19, 19);
  446.  border: 1px solid rgb(26, 26, 26);
  447. }
  448.  
  449. #user_profile {
  450.  background-color: rgb(19, 19, 19);
  451.  border: 1px solid rgb(22, 22, 22);
  452.  border-radius: 4px;
  453. }
  454.  
  455. #user_profile:focus {
  456.  background-color: rgb(19, 19, 19);
  457.  border: 1px solid var(--default-main);
  458.  border-radius: 4px;
  459. }
  460.  
  461. .inline-form.external-login-form {
  462.  background-color: rgb(19, 19, 19);
  463.  border: 1px solid rgb(22, 22, 22);
  464. }
  465.  
  466. form.external-login-form {
  467.  user-select: none;
  468. }
  469.  
  470. .external-login-container .google_oauth2-login {
  471.  background-color: rgba(16, 151, 232, 0.19);
  472.  box-shadow: rgba(20, 89, 198, 0.1) 0px 0px 15px;
  473.  border: 1px solid rgba(19, 77, 215, 0.5);
  474.  border-radius: 4px;
  475.  cursor: pointer;
  476. }
  477.  
  478. .external-login-container .gitlab-login {
  479.  background-color: rgba(15, 15, 15, 0.93);
  480.  box-shadow: rgba(0, 0, 0, 0.32) 0px 0px 15px;
  481.  border: 1px solid rgb(0, 0, 0);
  482.  border-radius: 4px;
  483.  cursor: pointer;
  484. }
  485.  
  486. .external-login.github-login {
  487.  background-color: rgba(79, 79, 79, 0.42);
  488.  box-shadow: rgba(49, 49, 49, 0.32) 0px 0px 15px;
  489.  border: 1px solid rgb(23, 21, 22);
  490.  border-radius: 4px;
  491.  cursor: pointer;
  492. }
  493.  
  494. form.new_user {
  495.  background-color: rgb(19, 19, 19);
  496.  border: 1px solid rgb(21, 21, 21);
  497. }
  498.  
  499. form.new_user ~ a {
  500.  line-height: 170%;
  501. }
  502.  
  503. form.new_user {
  504.  background-color: rgb(19, 19, 19);
  505.  background-image: linear-gradient(rgb(21, 21, 21), rgb(19, 19, 19));
  506.  box-shadow: rgba(17, 17, 17, 0.53) 0px 0px 5px;
  507.  cursor: pointer;
  508. }
  509.  
  510. form.new_user input[type="submit"] {
  511.  background-color: var(--default-main);
  512.  background-image: radial-gradient(var(--defailt-main-2), var(--default-main));
  513. }
  514.  
  515. .actions > input {
  516.  color: rgb(227, 227, 227) !important;
  517. }
  518.  
  519. #user_email, #user_password {
  520.  color: rgb(10, 10, 10);
  521. }
  522.  
  523. #user_email {
  524.  background-color: rgb(19, 19, 19);
  525.  border: 1px solid rgb(25, 25, 25);
  526. }
  527.  
  528. #user_password {
  529.  background-color: rgb(19, 19, 19);
  530.  border: 1px solid rgb(25, 25, 25);
  531. }
  532.  
  533. #edit_user > div > #user_email {
  534.  color: rgb(191, 191, 191);
  535. }
  536.  
  537. form.new_user input[type="email"], form.new_user input[type="password"], form.new_user input[type="text"] {
  538.  border-radius: 4px;
  539. }
  540.  
  541. .modal__container {
  542.  background-color: rgb(19, 19, 19);
  543. }
  544.  
  545. .micromodal-slide[aria-hidden="false"] .modal__container {
  546.  background-color: rgb(19, 19, 19);
  547.  border: 1px solid rgb(26, 26, 26);
  548. }
  549.  
  550. .modal__title {
  551.  font-weight: 800;
  552. }
  553.  
  554. .modal__btn-primary {
  555.  background: rgba(0, 0, 0, 0) linear-gradient(rgb(32, 96, 11), rgba(0, 82, 0, 0.5)) repeat scroll 0% 0%;
  556. }
  557.  
  558. .notice {
  559.  background-color: rgb(19, 19, 19);
  560.  border: 1px solid rgb(22, 22, 22);
  561.  border-left-color: rgb(22, 22, 22);
  562.  border-left-style: solid;
  563.  border-left-width: 1px;
  564.  border-left: 5px solid #31708f;
  565.  border-radius: 0px 6px 6px 0px;
  566. }
  567.  
  568. .announcement, .announcement input {
  569.  background: rgb(21, 21, 21);
  570.  padding: 2px;
  571.  border: 1px solid rgb(24, 24, 24);
  572.  border-radius: 4px;
  573. }
  574.  
  575. #deleted-note, #reported-note, #version-note {
  576.  background-color: rgb(17, 17, 17);
  577.  border: 2px dotted var(--default-main);
  578. }
  579.  
  580. .validation-errors {
  581.  background-color: rgb(28, 28, 28);
  582. }
  583.  
  584. .change-script-set section {
  585.  border-bottom: 1px solid rgb(32, 32, 32);
  586. }
  587.  
  588. .script-list li:not(.ad-entry) {
  589.  border-bottom: 1px solid rgb(19, 19, 19);
  590. }
  591.  
  592. .install-link {
  593.  background: rgba(0, 0, 0, 0) linear-gradient(rgb(32, 96, 11), rgba(0, 82, 0, 0.5)) repeat scroll 0% 0%;
  594.  border-radius: 5px;
  595.  margin-right: 5px;
  596.  margin-left: 5px;
  597. }
  598.  
  599. .install-link:lang(ar), .install-link:lang(ug), .install-link:lang(he) {
  600.  border-radius: 5px;
  601. }
  602.  
  603. .install-help-link {
  604.  background: rgba(0, 0, 0, 0) linear-gradient(rgb(44, 128, 17), rgba(0, 111, 0, 0.5)) repeat scroll 0% 0%;
  605.  border-radius: 5px;
  606. }
  607.  
  608. .install-help-link:lang(ar), .install-help-link:lang(ug), .install-help-link:lang(ug) {
  609.  border-radius: 5px;
  610. }
  611.  
  612. .install-link:hover {
  613.  background: rgba(0, 0, 0, 0) linear-gradient(rgb(37, 111, 12), rgba(0, 82, 0, 0.5)) repeat scroll 0% 0%;
  614. }
  615.  
  616. .install-help-link:hover {
  617.  background: rgba(0, 0, 0, 0) linear-gradient(rgb(51, 142, 20), rgba(0, 117, 0, 0.5)) repeat scroll 0% 0%;
  618. }
  619.  
  620. .install-link, .install-help-link {
  621.  user-select: none;
  622. }
  623.  
  624. nav nav {
  625.  box-shadow: rgb(0, 0, 0) 0px 0px 5px;
  626.  border: 1px solid var(--default-main);
  627.  background-color: var(--defailt-main-2);
  628.  border-radius: 4px;
  629. }
  630.  
  631. #language-selector-locale {
  632.  background-color: rgb(19, 19, 19);
  633.  border: 1px solid rgb(21, 21, 21);
  634.  border-radius: 4px;
  635. }
  636.  
  637. .home-search input[type="search"] {
  638.  background-color: #0f0f0f;
  639.  border-color: #1e1e1e;
  640.  border-radius: 4px;
  641.  color: #fff9;
  642. }
  643.  
  644. .discussion-list, .script-list, .text-content, .user-list {
  645.  box-shadow: rgba(0, 0, 0, 0.76) 0px 0px 5px;
  646.  background-color: rgb(15, 15, 15);
  647.  border: 1px solid rgb(19, 19, 19);
  648. }
  649.  
  650. .list-option-group ul {
  651.  box-shadow: rgba(0, 0, 0, 0.38) 0px 0px 5px;
  652.  border: 1px solid rgba(28, 28, 28, 0.17);
  653.  border-radius: 5px;
  654.  background-color: rgb(19, 19, 19);
  655. }
  656.  
  657. .list-option-group a:focus, .list-option-group a:hover {
  658.  background: rgba(0, 0, 0, 0) linear-gradient(rgb(38, 38, 38), rgb(13, 13, 13)) repeat scroll 0% 0%;
  659.  box-shadow: rgb(26, 26, 26) 0px -1px inset, rgb(19, 19, 19) 0px 1px inset;
  660. }
  661.  
  662. .list-option-group .list-current {
  663.  background: rgba(0, 0, 0, 0) linear-gradient(rgb(28, 28, 28), rgb(17, 17, 17)) repeat scroll 0% 0%;
  664.  border-left: 7px solid var(--default-main);
  665. }
  666.  
  667. .list-option-button:focus, .list-option-button:hover {
  668.  background: rgba(0, 0, 0, 0) linear-gradient(rgb(43, 43, 43), rgb(30, 30, 30)) repeat scroll 0% 0%;
  669. }
  670.  
  671. .list-option-button {
  672.  background-color: rgb(21, 21, 21);
  673.  border-radius: 5px;
  674.  color: rgb(198, 198, 198) !important;
  675.  border: 1px solid rgb(28, 28, 28);
  676. }
  677.  
  678. .discussion-list-logged-in .discussion-read {
  679.  background-color: rgb(19, 19, 19);
  680. }
  681.  
  682. .discussion-list-item {
  683.  border-top: 1px solid rgb(19, 19, 19);
  684. }
  685.  
  686. .script-description.description {
  687.  background-color: rgb(13, 13, 13);
  688.  padding: 5px;
  689.  border: 1px solid rgb(21, 21, 21);
  690.  border-radius: 4px;
  691. }
  692.  
  693. .rating-icon-good {
  694.  border-color: rgb(77, 166, 77);
  695.  box-shadow: rgba(41, 221, 15, 0.51) 0px 0px 5px;
  696.  background-color: rgba(26, 204, 26, 0.54);
  697. }
  698.  
  699. .rating-icon-ok {
  700.  border-color: rgb(183, 152, 77);
  701.  box-shadow: rgba(238, 193, 17, 0.51) 0px 0px 5px;
  702.  background-color: rgba(234, 199, 10, 0.54);
  703. }
  704.  
  705. .rating-icon-bad {
  706.  border-color: rgb(183, 77, 77);
  707.  box-shadow: rgba(238, 17, 17, 0.51) 0px 0px 5px;
  708.  background-color: rgba(234, 10, 10, 0.54);
  709. }
  710.  
  711. .good-rating-count {
  712.  border-color: rgba(0, 255, 0, 0.3);
  713.  box-shadow: rgba(41, 221, 15, 0.22) 0px 0px 5px;
  714.  background-color: rgba(14, 225, 14, 0.26);
  715. }
  716.  
  717. .ok-rating-count {
  718.  background-color: rgba(225, 225, 0, 0.22);
  719.  border-color: rgba(234, 234, 0, 0.37);
  720.  box-shadow: rgba(221, 179, 15, 0.24) 0px 0px 5px;
  721. }
  722.  
  723. .bad-rating-count {
  724.  background-color: rgba(255, 0, 0, 0.23);
  725.  border-color: rgba(234, 0, 0, 0.33);
  726.  box-shadow: rgba(221, 15, 15, 0.41) 0px 0px 5px;
  727. }
  728.  
  729. .badge {
  730.  padding: 0.2px 0.5ex;
  731. }
  732.  
  733. .badge.badge-js {
  734.  background-color: rgba(36, 36, 36, 0.9);
  735.  box-shadow: rgba(221, 179, 15, 0.38) 0px 0px 5px;
  736.  border: 0.16em solid rgb(204, 153, 0);
  737.  border-radius: 4px;
  738.  color: rgb(204, 153, 0) !important;
  739.  font-weight: 600;
  740. }
  741.  
  742. .badge.badge-css {
  743.  background-color: rgba(36, 36, 36, 0.9);
  744.  box-shadow: rgba(15, 86, 221, 0.38) 0px 0px 5px;
  745.  border: 0.16em solid rgb(0, 99, 204);
  746.  border-radius: 4px;
  747.  color: rgb(0, 99, 204) !important;
  748.  font-weight: 600;
  749. }
  750.  
  751. .badge-author {
  752.  background-color: rgba(36, 36, 36, 0.9);
  753.  box-shadow: rgba(41, 221, 15, 0.29) 0px 0px 5px;
  754.  border: 0.12em solid rgb(34, 151, 1);
  755.  color: rgb(48, 196, 27) !important;
  756.  border-radius: 5px;
  757.  font-weight: 600;
  758. }
  759.  
  760. .badge-banned {
  761.  background-color: rgba(36, 36, 36, 0.9);
  762.  box-shadow: rgba(221, 15, 15, 0.51) 0px 0px 5px;
  763.  border: 0.12em solid rgb(193, 15, 15);
  764.  color: rgb(191, 26, 26) !important;
  765.  border-radius: 5px;
  766.  font-weight: 600;
  767. }
  768.  
  769. .badge-moderator {
  770.  background-color: rgba(36, 36, 36, 0.9);
  771.  box-shadow: rgba(19, 94, 210, 0.5) 0px 0px 5px;
  772.  border: 0.12em solid rgb(18, 93, 210);
  773.  border-radius: 5px;
  774.  color: rgb(17, 95, 217) !important;
  775.  font-weight: 600;
  776. }
  777.  
  778. .script-type {
  779.  box-shadow: rgba(221, 160, 15, 0.29) 0px 0px 5px;
  780.  background-color: rgba(36, 36, 36, 0.9);
  781.  border: 0.16em solid rgb(172, 81, 0);
  782.  color: rgb(221, 102, 15) !important;
  783.  padding: 0.8px 0.5ex 2px 2px;
  784.  font-variant: all-petite-caps;
  785.  border-radius: 4px;
  786.  position: relative;
  787.  font-weight: 800;
  788.  margin-left: 1ex;
  789.  font-size: 70%;
  790.  top: -0.2ex;
  791. }
  792.  
  793. #home-top-sites a {
  794.  color: var(--default-main);
  795.  text-decoration: none;
  796. }
  797.  
  798. #home-top-sites a:hover {
  799.  text-decoration: underline;
  800. }
  801.  
  802. #control-panel h3, #user-discussions-on-scripts-written h3, #user-discussions h3, #user-conversations h3, #user-script-sets-section h3, #user-script-list-section h3, #user-deleted-script-list-section h3, #script-content h3, .text-content h3, #user-library-list-section h3, .sidebarred-main-content h3 {
  803.  font-variant: all-petite-caps;
  804.  font-weight: 800;
  805. }
  806.  
  807. #add-additional-info {
  808.  color: rgb(221, 221, 221);
  809. }
  810.  
  811. #script-version-additional-info-0 {
  812.  background-color: rgb(19, 19, 19);
  813.  border: 1px solid rgb(11, 11, 11);
  814.  border-radius: 5px;
  815. }
  816.  
  817. .expander {
  818.  background-color: rgb(28, 28, 28);
  819.  text-decoration: underline;
  820.  border: 1px solid rgb(35, 35, 35);
  821.  margin-top: -8px !important;
  822.  padding: 1px;
  823. }
  824.  
  825. #script_version_code {
  826.  background-color: rgb(19, 19, 19);
  827.  border-radius: 5px;
  828.  border: 1px solid rgb(22, 22, 22);
  829. }
  830.  
  831. #script_version_changelog {
  832.  background-color: rgb(19, 19, 19);
  833.  border-radius: 5px;
  834.  border: 1px solid rgb(22, 22, 22);
  835. }
  836.  
  837. #discussion_comments_attributes_0_text {
  838.  background-color: rgb(19, 19, 19);
  839.  border: 1px solid rgb(23, 23, 23);
  840.  border-radius: 5px;
  841. }
  842.  
  843. #report_explanation {
  844.  background-color: rgb(19, 19, 19);
  845.  border: 1px solid rgb(23, 23, 23);
  846.  border-radius: 5px;
  847. }
  848.  
  849. #add-script {
  850.  background-color: rgb(19, 19, 19);
  851.  border: 1px solid rgb(23, 23, 23);
  852.  border-radius: 5px;
  853. }
  854.  
  855. #comment_text {
  856.  background-color: rgb(19, 19, 19);
  857.  border: 1px solid rgb(23, 23, 23);
  858.  border-radius: 5px;
  859. }
  860.  
  861. #conversation_messages_attributes_0_content {
  862.  background-color: rgb(19, 19, 19);
  863.  border: 1px solid rgb(23, 23, 23);
  864.  border-radius: 5px;
  865. }
  866.  
  867. #message_content {
  868.  background-color: rgb(19, 19, 19);
  869.  border: 1px solid rgb(23, 23, 23);
  870.  border-radius: 5px;
  871. }
  872.  
  873. .alert {
  874.  border-color: currentcolor currentcolor currentcolor var(--default-main);
  875.  background-color: rgba(40, 40, 40, 0.18);
  876.  border-radius: 0px 8px 8px 0px;
  877. }
  878.  
  879. .pagination, .script-list + .pagination, .user-list + .pagination {
  880.  margin-bottom: 10px;
  881.  padding: 2px;
  882. }
  883.  
  884. .pagination > *, .script-list + .pagination > *, .user-list + .pagination > * {
  885.  background-color: rgb(19, 19, 19);
  886.  box-shadow: rgba(0, 0, 0, 0.52) 0px 0px 5px;
  887.  cursor: pointer;
  888. }
  889.  
  890. .pagination > a:focus, .pagination > a:hover {
  891.  background-color: rgb(28, 28, 28);
  892.  cursor: pointer;
  893. }
  894.  
  895. .pagination .current {
  896.  background-color: rgb(28, 28, 28);
  897.  cursor: pointer;
  898. }
  899.  
  900. .gap {
  901.  user-select: none;
  902. }
  903.  
  904. .log-table th {
  905.  text-align: center;
  906. }
  907.  
  908. .stats-table td, .stats-table th {
  909.  border: 1px solid rgb(26, 26, 26);
  910. }
  911.  
  912. ::selection {
  913.  background: rgba(0, 0, 0, 0.5);
  914.  color: rgb(191,  191, 191);
  915.  filter: contrast(130%);
  916.  border-radius: 3px;
  917. }
  918.  
  919. mark {
  920.  background: rgba(255, 205, 54, 0.4);
  921. }
  922.  
  923. sub, sup {
  924.  font-size: 12px;
  925. }
  926.  
  927. label, #edit_user > div > label, .checkbox-label {
  928.  font-variant: all-petite-caps !important;
  929. }
  930.  
  931. li {
  932.  list-style: none;
  933. }
  934.  
  935. tr {
  936.  background-color: rgb(16, 16, 16);
  937. }
  938.  
  939. td {
  940.  background-color: rgb(11, 11, 11);
  941. }
  942.  
  943. select {
  944.  background-color: rgb(19, 19, 19);
  945.  border-radius: 4px;
  946.  border: 1px solid rgb(23, 23, 23);
  947. }
  948.  
  949. code, pre {
  950.  border: 1px solid rgb(32, 32, 32);
  951. }
  952.  
  953. code {
  954.  background-color: rgb(26, 26, 26);
  955. }
  956.  
  957. h3 {
  958.  font-variant: small-caps;
  959. }
  960.  
  961. hr {
  962.  color: rgb(87, 87, 87) !important;
  963.  border-bottom: 1px solid rgb(36, 36, 36);
  964. }
  965.  
  966. button {
  967.  background-color: rgb(19, 19, 19);
  968.  border: 1px solid rgb(23, 23, 23);
  969.  border-radius: 4px;
  970.  margin-top: 2px;
  971. }
  972.  
  973. button:hover {
  974.  background-color: rgb(22, 22, 22);
  975.  border: 1px solid rgb(25, 25, 25);
  976. }
  977.  
  978. input {
  979.  background-color: rgb(19, 19 , 19);
  980.  border: 1px solid rgb(22, 22, 22);
  981.  border-radius: 4px;
  982. }
  983.  
  984. img, video {
  985.  border-radius: 4px;
  986. }
  987.  
  988. a {
  989.  color: rgb(191, 191, 191);
  990. }
  991.  
  992. a:visited {
  993.  color: rgb(191, 191, 191);
  994. }
  995.  
  996. body {
  997.  background-color: rgb(19, 19, 19);
  998. }
  999. }

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

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