☰

Midnight Cyan Greasyfork 1.31

changes the color theme of the page to cool dark colors.

  1. // ==UserScript==
  2. // @name         Midnight Cyan Greasyfork 1.31
  3. // @namespace    http://tampermonkey.net/
  4. // @version      1.31
  5. // @description  changes the color theme of the page to cool dark colors.
  6. // @author       Gullampis810
  7. // @license      MIT
  8. // @match        https://gf.qytechs.cn/*
  9. // @icon         https://banner2.cleanpng.com/20180702/xb/kisspng-circle-royalty-free-clip-art-5b39bbb7639994.770051931530510263408.jpg
  10. // @grant        GM_addStyle
  11. // ==/UserScript==
  12.  
  13.  
  14.  
  15.  
  16. (function() {
  17.     'use strict';
  18.  
  19.    GM_addStyle(`
  20.     body {
  21.        background: linear-gradient(44deg, #0d141d 88%, #3d2a45 56%, #764a0a 100%);
  22.        background-size: 100% 500%;
  23.     }
  24.  
  25.  #main-header {
  26.             background-color: #2A3545;
  27.     background-image: linear-gradient(1deg, #1e2a3c, #463048) !important;
  28.     box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.6) !important;
  29.     padding: .25em 0 !important;
  30.     }
  31.  
  32.     p#version-note {
  33.     color: #639eb3 !important;
  34.     background: #143b28 !important;
  35. }
  36.  
  37.  
  38. /* Общие стили для всех радио и чекбоксов */
  39. input[type="radio"],
  40. input[type="checkbox"] {
  41.     appearance: none;
  42.     -webkit-appearance: none;
  43.     width: 20px;
  44.     height: 20px;
  45.     border: 2px solid #1C2526; /* Темно-синий бордер */
  46.     border-radius: 50%; /* Круглая форма для радио */
  47.     background-color: #2E3839; /* Темно-синий фон */
  48.     margin: 5px;
  49.     cursor: pointer;
  50.     position: relative;
  51. }
  52.  
  53. /* Специфично для чекбоксов */
  54. input[type="checkbox"] {
  55.     border-radius: 4px; /* Прямоугольная форма для чекбоксов */
  56. }
  57.  
  58. /* Hover эффект */
  59. input[type="radio"]:hover,
  60. input[type="checkbox"]:hover {
  61.     border-color: #4A90E2; /* Голубо-синий при наведении */
  62. }
  63.  
  64. /* Checked состояние */
  65. input[type="radio"]:checked,
  66. input[type="checkbox"]:checked {
  67.     border-color: #4A90E2; /* Голубо-синий бордер */
  68. }
  69.  
  70. /* Радио-кнопка: внутренний круг при выборе */
  71. input[type="radio"]:checked:after {
  72.     content: '';
  73.     position: absolute;
  74.     width: 10px;
  75.     height: 10px;
  76.     background-color: #28a745;
  77.     border-radius: 50%;
  78.     top: 50%;
  79.     left: 50%;
  80.     transform: translate(-50%, -50%);
  81. }
  82.  
  83. /* Чекбокс: галочка при выборе */
  84. input[type="checkbox"]:checked:after {
  85.     content: '✔';
  86.     position: absolute;
  87.     color: #FFFFFF; /* Белая галочка */
  88.     font-size: 14px;
  89.     top: 50%;
  90.     left: 50%;
  91.     transform: translate(-50%, -50%);
  92. }
  93.  
  94. /* Active состояние при нажатии */
  95. input[type="radio"]:active,
  96. input[type="checkbox"]:active {
  97.     border-color: #357ABD; /* Более темный голубо-синий */
  98.     background-color: #357ABD;
  99. }
  100.  
  101. /* Для required элементов */
  102. input:required {
  103.        box-shadow: 0 0 2px #4A90E2;
  104.     background: #0f151f;
  105. }
  106.  
  107. /* Специфические стили для каждого ID при необходимости */
  108. #script_script_type_3,
  109. #script_adult_content_self_report,
  110. #script_version_additional_info_0_value_markup_markdown,
  111. #script_version_additional_info_0_value_markup_html {
  112.     vertical-align: middle;
  113. }
  114.  
  115.  
  116. input[type="radio"][name="comment[text_markup]"] {
  117.     appearance: none !important; /* Убираем стандартный вид радиокнопки */
  118.     width: 20px !important; /* Размер кастомной радиокнопки */
  119.     height: 20px !important;
  120.     background-color: #0f151f !important; /* Темный фон */
  121.     border: 2px solid #344b71 !important; /* Граница */
  122.     border-radius: 50% !important; /* Круглая форма */
  123.     cursor: pointer !important; /* Курсор-указатель */
  124.     position: relative !important; /* Для позиционирования псевдоэлемента */
  125.     transition: all 0.3s ease !important; /* Плавные переходы */
  126.     margin: 0 5px 0 0 !important; /* Отступы для выравнивания с label */
  127.     vertical-align: middle !important; /* Выравнивание с текстом */
  128. }
  129.  
  130. /* Псевдоэлемент для отметки выбора */
  131. input[type="radio"][name="comment[text_markup]"]:checked::after {
  132.     content: '' !important;
  133.     position: absolute !important;
  134.     top: 50% !important;
  135.     left: 50% !important;
  136.     width: 10px !important; /* Размер внутренней точки */
  137.     height: 10px !important;
  138.     background-color: #344b71 !important; /* Цвет при выборе */
  139.     border-radius: 50% !important;
  140.     transform: translate(-50%, -50%) !important; /* Центрирование */
  141. }
  142.  
  143. /* Эффект наведения */
  144. input[type="radio"][name="comment[text_markup]"]:hover:not(:checked) {
  145.     background-color: #141c2a !important; /* Легкое осветление при наведении */
  146. }
  147.  
  148. /* Состояние фокуса */
  149. input[type="radio"][name="comment[text_markup]"]:focus {
  150.     outline: none !important; /* Убираем стандартный outline */
  151.     box-shadow: 0 0 5px rgba(52, 75, 113, 0.5) !important; /* Тень при фокусе */
  152. }
  153.  
  154. /* Стили для меток (label) */
  155. input[type="radio"][name="comment[text_markup]"] + label {
  156.     color: #344b71 !important; /* Цвет текста */
  157.     font-size: 16px !important; /* Размер шрифта */
  158.     cursor: pointer !important; /* Курсор-указатель */
  159.     vertical-align: middle !important; /* Выравнивание с радиокнопкой */
  160.     transition: color 0.3s ease !important; /* Плавный переход цвета */
  161. }
  162.  
  163. /* Метка при выбранной радиокнопке */
  164. input[type="radio"][name="comment[text_markup]"]:checked + label {
  165.     color: #ffffff !important; /* Белый цвет при выборе */
  166. }
  167.  
  168. /* Эффект наведения на метку */
  169. input[type="radio"][name="comment[text_markup]"] + label:hover {
  170.     color: #ffffff !important; /* Белый цвет при наведении */
  171. }
  172.  
  173. input[type="radio"][name="comment[discussion][rating]"] {
  174.     appearance: none !important; /* Убираем стандартный вид радиокнопки */
  175.     width: 20px !important; /* Размер кастомной радиокнопки */
  176.     height: 20px !important;
  177.     background-color: #0f151f !important; /* Темный фон */
  178.     border: 2px solid #344b71 !important; /* Граница */
  179.     border-radius: 50% !important; /* Круглая форма */
  180.     cursor: pointer !important; /* Курсор-указатель */
  181.     position: relative !important; /* Для позиционирования псевдоэлемента */
  182.     transition: all 0.3s ease !important; /* Плавные переходы */
  183.     margin: 0 5px 0 0 !important; /* Отступы для выравнивания с label */
  184.     vertical-align: middle !important; /* Выравнивание с текстом */
  185. }
  186.  
  187. /* Псевдоэлемент для отметки выбора */
  188. input[type="radio"][name="comment[discussion][rating]"]:checked::after {
  189.     content: '' !important;
  190.     position: absolute !important;
  191.     top: 50% !important;
  192.     left: 50% !important;
  193.     width: 10px !important; /* Размер внутренней точки */
  194.     height: 10px !important;
  195.     background-color: #344b71 !important; /* Цвет при выборе */
  196.     border-radius: 50% !important;
  197.     transform: translate(-50%, -50%) !important; /* Центрирование */
  198. }
  199.  
  200. /* Эффект наведения */
  201. input[type="radio"][name="comment[discussion][rating]"]:hover:not(:checked) {
  202.     background-color: #141c2a !important; /* Легкое осветление при наведении */
  203. }
  204.  
  205. /* Состояние фокуса */
  206. input[type="radio"][name="comment[discussion][rating]"]:focus {
  207.     outline: none !important; /* Убираем стандартный outline */
  208.     box-shadow: 0 0 5px rgba(52, 75, 113, 0.5) !important; /* Тень при фокусе */
  209. }
  210.  
  211. /* Стили для меток (label) */
  212. input[type="radio"][name="comment[discussion][rating]"] + label {
  213.     color: #344b71 !important; /* Цвет текста */
  214.     font-size: 16px !important; /* Размер шрифта */
  215.     cursor: pointer !important; /* Курсор-указатель */
  216.     vertical-align: middle !important; /* Выравнивание с радиокнопкой */
  217.     transition: color 0.3s ease !important; /* Плавный переход цвета */
  218. }
  219.  
  220. /* Метка при выбранной радиокнопке */
  221. input[type="radio"][name="comment[discussion][rating]"]:checked + label {
  222.     color: #ffffff !important; /* Белый цвет при выборе */
  223. }
  224.  
  225. /* Эффект наведения на метку */
  226. input[type="radio"][name="comment[discussion][rating]"] + label:hover {
  227.     color: #ffffff !important; /* Белый цвет при наведении */
  228. }
  229.  
  230.  
  231.    
  232.  
  233. #comment_attachments {
  234.     background-color: #0f151f !important; /* Темный фон */
  235.     color: #344b71 !important; /* Цвет текста */
  236.     border: 2px solid #344b71 !important; /* Граница */
  237.     padding: 8px 15px !important; /* Отступы */
  238.     border-radius: 4px !important; /* Скругленные углы */
  239.     font-size: 16px !important; /* Размер шрифта */
  240.     width: 100% !important; /* Ширина */
  241.     max-width: 300px !important; /* Максимальная ширина */
  242.     cursor: pointer !important; /* Курсор-указатель */
  243.     transition: all 0.3s ease !important; /* Плавные переходы */
  244. }
  245.  
  246. /* Стили для кнопки "Choose files" внутри input */
  247. #comment_attachments::-webkit-file-upload-button {
  248.     background-color: #344b71 !important; /* Цвет кнопки */
  249.     color: #ffffff !important; /* Белый текст */
  250.     border: none !important; /* Без границы */
  251.     padding: 6px 12px !important; /* Отступы кнопки */
  252.     border-radius: 4px !important; /* Скругленные углы */
  253.     font-size: 14px !important; /* Размер шрифта кнопки */
  254.     cursor: pointer !important; /* Курсор-указатель */
  255.     transition: background-color 0.3s ease !important; /* Плавный переход */
  256. }
  257.  
  258. /* Эффект наведения на кнопку "Choose files" */
  259. #comment_attachments:hover::-webkit-file-upload-button {
  260.     background-color: #1a2230 !important; /* Чуть светлее при наведении */
  261. }
  262.  
  263. /* Стили для фокуса */
  264. #comment_attachments:focus {
  265.     outline: none !important; /* Убираем стандартный outline */
  266.     border-color: #344b71 !important; /* Усиливаем цвет границы */
  267.     box-shadow: 0 0 5px rgba(52, 75, 113, 0.5) !important; /* Тень при фокусе */
  268. }
  269.  
  270. /* Ховер для всего элемента */
  271. #comment_attachments:hover {
  272.     background-color: #141c2a !important; /* Легкое осветление фона */
  273. }
  274.  
  275.  
  276.  
  277. input[type="submit"] {
  278.         background-color: #0f151f;
  279.     color: #3f93b3 !important;
  280.     padding: 12px 24px !important;
  281.     border: none !important;
  282.     border-radius: 4px !important;
  283.     cursor: pointer !important;
  284.     font-size: 16px !important;
  285.     font-weight: bold !important;
  286.     transition: background-color 0.3s ease !important;
  287. }
  288.  
  289. input[type="submit"]:hover {
  290.     background-color: #344b71 !important; /* Более темный зеленый при наведении */
  291. }
  292.  
  293. input[type="submit"]:disabled {
  294.     background-color: #cccccc !important; /* Серый цвет для отключенной кнопки */
  295.     cursor: not-allowed !important; /* Курсор "запрещено" */
  296.     opacity: 0.7 !important; /* Полупрозрачность */
  297. }
  298.  
  299.  
  300.  
  301.  
  302. #promoted_script_id {
  303.     background-color: #0f151f !important; /* Темный фон */
  304.     color: #344b71 !important; /* Цвет текста */
  305.     border: 2px solid #344b71 !important; /* Граница среднего тона */
  306.     padding: 10px 15px !important; /* Внутренние отступы */
  307.     border-radius: 4px !important; /* Скругленные углы */
  308.     font-size: 16px !important; /* Размер шрифта */
  309.     width: 100% !important; /* Ширина на весь контейнер */
  310.     max-width: 300px !important; /* Максимальная ширина */
  311.     outline: none !important; /* Убираем стандартный outline */
  312.     transition: all 0.3s ease !important; /* Плавные переходы */
  313. }
  314.  
  315. #promoted_script_id:focus {
  316.     border-color: #344b71 !important; /* Цвет границы при фокусе */
  317.     box-shadow: 0 0 5px rgba(52, 75, 113, 0.5) !important; /* Тень при фокусе */
  318.     background-color: #1a2230 !important; /* Чуть светлее фон при фокусе */
  319. }
  320.  
  321. #promoted_script_id::placeholder {
  322.     color: #344b71 !important; /* Цвет плейсхолдера */
  323.     opacity: 0.7 !important; /* Прозрачность плейсхолдера */
  324. }
  325.  
  326. #promoted_script_id:hover:not(:focus) {
  327.     background-color: #141c2a !important; /* Легкое осветление при наведении */
  328. }
  329.  
  330.  
  331.  
  332.  
  333. #add-synced-additional-info {
  334.     background-color: #344b71 !important; /* Основной цвет фона */
  335.     color: #ffffff !important; /* Белый текст */
  336.     padding: 12px 20px !important; /* Внутренние отступы */
  337.     border: 2px solid #0f151f !important; /* Темная граница */
  338.     border-radius: 6px !important; /* Скругленные углы */
  339.     font-size: 16px !important; /* Размер шрифта */
  340.     font-weight: 500 !important; /* Средняя жирность текста */
  341.     cursor: pointer !important; /* Курсор-указатель */
  342.     transition: all 0.3s ease !important; /* Плавные переходы */
  343.     text-align: center !important; /* Центрирование текста */
  344. }
  345.  
  346. #add-synced-additional-info:hover {
  347.     background-color: #0f151f !important; /* Темный фон при наведении */
  348.     color: #344b71 !important; /* Цвет текста при наведении */
  349.     border-color: #344b71 !important; /* Цвет границы при наведении */
  350. }
  351.  
  352. #add-synced-additional-info:focus {
  353.     outline: none !important; /* Убираем стандартный outline */
  354.     box-shadow: 0 0 5px rgba(52, 75, 113, 0.7) !important; /* Тень при фокусе */
  355. }
  356.  
  357. #add-synced-additional-info:disabled {
  358.     background-color: #344b71 !important; /* Цвет фона при отключении */
  359.     opacity: 0.6 !important; /* Полупрозрачность */
  360.     cursor: not-allowed !important; /* Курсор "запрещено" */
  361. }
  362.  
  363.  
  364.  
  365.  
  366. /* Общие стили для всех input и select */
  367. input[type="url"],
  368. input[type="number"],
  369. select[name="script[locale_id]"] {
  370.     background-color: #0f151f !important; /* Темный фон */
  371.     color: #344b71 !important; /* Цвет текста */
  372.     border: 2px solid #344b71 !important; /* Граница */
  373.     padding: 10px 15px !important; /* Отступы */
  374.     border-radius: 4px !important; /* Скругленные углы */
  375.     font-size: 16px !important; /* Размер шрифта */
  376.     width: 100% !important; /* Ширина */
  377.     max-width: 300px !important; /* Максимальная ширина */
  378.     outline: none !important; /* Убираем outline */
  379.     transition: all 0.3s ease !important; /* Плавные переходы */
  380. }
  381.  
  382. /* Стили для фокуса */
  383. input[type="url"]:focus,
  384. input[type="number"]:focus,
  385. select[name="script[locale_id]"]:focus {
  386.     border-color: #344b71 !important;
  387.     box-shadow: 0 0 5px rgba(52, 75, 113, 0.5) !important;
  388.     background-color: #1a2230 !important; /* Чуть светлее при фокусе12 */
  389. }
  390.  
  391. /* Плейсхолдер */
  392. input[type="url"]::placeholder,
  393. input[type="number"]::placeholder {
  394.     color: #344b71 !important;
  395.     opacity: 0.7 !important;
  396. }
  397.  
  398. /* Ховер */
  399. input[type="url"]:hover:not(:focus),
  400. input[type="number"]:hover:not(:focus),
  401. select[name="script[locale_id]"]:hover:not(:focus) {
  402.     background-color: #141c2a !important; /* Легкое осветление */
  403. }
  404.  
  405. /* Специфичные стили для input[type="number"] */
  406. input[type="number"] {
  407.     max-width: 100px !important; /* Меньшая ширина для чисел */
  408.     -moz-appearance: textfield !important; /* Убираем стрелки в Firefox */
  409. }
  410.  
  411. input[type="number"]::-webkit-inner-spin-button,
  412. input[type="number"]::-webkit-outer-spin-button {
  413.     -webkit-appearance: none !important; /* Убираем стрелки в Chrome */
  414. }
  415.  
  416. /* Стили для select и option */
  417. select[name="script[locale_id]"] {
  418.     appearance: none !important; /* Убираем стандартный вид */
  419.     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23344b71' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E") !important;
  420.     background-repeat: no-repeat !important;
  421.     background-position: right 10px center !important;
  422.     padding-right: 30px !important; /* Отступ для стрелки */
  423. }
  424.  
  425. select[name="script[locale_id]"] option {
  426.     background-color: #0f151f !important;
  427.     color: #344b71 !important;
  428. }
  429.  
  430. select[name="script[locale_id]"] option:disabled {
  431.     color: #344b71 !important;
  432.     opacity: 0.5 !important;
  433. }
  434.  
  435. /* Стили для required полей при ошибке */
  436. input:required:invalid {
  437.     border-color: #712f34 !important; /* Красноватый оттенок для ошибки */
  438. }
  439.  
  440.  
  441.  
  442.  
  443. .preview-button {
  444.     background-color: #344b71 !important; /* Основной цвет фона */
  445.     color: #ffffff !important; /* Белый текст */
  446.     padding: 10px 20px !important; /* Внутренние отступы */
  447.     border: 2px solid #0f151f !important; /* Темная граница */
  448.     border-radius: 4px !important; /* Скругленные углы */
  449.     font-size: 16px !important; /* Размер шрифта */
  450.     font-weight: 500 !important; /* Средняя жирность текста */
  451.     cursor: pointer !important; /* Курсор-указатель */
  452.     transition: all 0.3s ease !important; /* Плавные переходы */
  453.     text-align: center !important; /* Центрирование текста */
  454. }
  455.  
  456. .preview-button:hover {
  457.     background-color: #0f151f !important; /* Темный фон при наведении */
  458.     color: #344b71 !important; /* Цвет текста при наведении */
  459.     border-color: #344b71 !important; /* Цвет границы при наведении */
  460. }
  461.  
  462. .preview-button:focus {
  463.     outline: none !important; /* Убираем стандартный outline */
  464.     box-shadow: 0 0 5px rgba(52, 75, 113, 0.7) !important; /* Тень при фокусе */
  465. }
  466.  
  467. .preview-button:disabled {
  468.     background-color: #344b71 !important; /* Цвет фона при отключении */
  469.     opacity: 0.6 !important; /* Полупрозрачность */
  470.     cursor: not-allowed !important; /* Курсор "запрещено" */
  471. }
  472.  
  473.  
  474.  
  475.  
  476.  
  477. #code-upload {
  478.     background-color: #0f151f !important; /* Темный фон */
  479.     color: #344b71 !important; /* Цвет текста */
  480.     border: 2px solid #344b71 !important; /* Граница */
  481.     padding: 8px 15px !important; /* Отступы (меньше, чем у других input) */
  482.     border-radius: 4px !important; /* Скругленные углы */
  483.     font-size: 16px !important; /* Размер шрифта */
  484.     width: 100% !important; /* Ширина */
  485.     max-width: 300px !important; /* Максимальная ширина */
  486.     cursor: pointer !important; /* Курсор-указатель */
  487.     transition: all 0.3s ease !important; /* Плавные переходы */
  488. }
  489.  
  490. /* Стили для кнопки "Choose file" внутри input */
  491. #code-upload::-webkit-file-upload-button {
  492.     background-color: #344b71 !important; /* Цвет кнопки */
  493.     color: #ffffff !important; /* Белый текст */
  494.     border: none !important; /* Без границы */
  495.     padding: 6px 12px !important; /* Отступы кнопки */
  496.     border-radius: 4px !important; /* Скругленные углы */
  497.     font-size: 14px !important; /* Размер шрифта кнопки */
  498.     cursor: pointer !important; /* Курсор-указатель */
  499.     transition: background-color 0.3s ease !important; /* Плавный переход */
  500. }
  501.  
  502. #code-upload:hover::-webkit-file-upload-button {
  503.     background-color: #1a2230 !important; /* Чуть светлее при наведении */
  504. }
  505.  
  506. /* Стили для фокуса */
  507. #code-upload:focus {
  508.     outline: none !important; /* Убираем стандартный outline */
  509.     border-color: #344b71 !important;
  510.     box-shadow: 0 0 5px rgba(52, 75, 113, 0.5) !important; /* Тень при фокусе */
  511. }
  512.  
  513. /* Ховер для всего элемента */
  514. #code-upload:hover {
  515.     background-color: #141c2a !important; /* Легкое осветление */
  516. }
  517.  
  518.  
  519.  
  520.  
  521.  
  522. #script_version_attachments {
  523.     background-color: #0f151f !important; /* Темный фон */
  524.     color: #344b71 !important; /* Цвет текста */
  525.     border: 2px solid #344b71 !important; /* Граница */
  526.     padding: 8px 15px !important; /* Отступы (меньше, чем у других input) */
  527.     border-radius: 4px !important; /* Скругленные углы */
  528.     font-size: 16px !important; /* Размер шрифта */
  529.     width: 100% !important; /* Ширина */
  530.     max-width: 300px !important; /* Максимальная ширина */
  531.     cursor: pointer !important; /* Курсор-указатель */
  532.     transition: all 0.3s ease !important; /* Плавные переходы */
  533. }
  534.  
  535. /* Стили для кнопки "Choose files" внутри input */
  536. #script_version_attachments::-webkit-file-upload-button {
  537.     background-color: #344b71 !important; /* Цвет кнопки */
  538.     color: #ffffff !important; /* Белый текст */
  539.     border: none !important; /* Без границы */
  540.     padding: 6px 12px !important; /* Отступы кнопки */
  541.     border-radius: 4px !important; /* Скругленные углы */
  542.     font-size: 14px !important; /* Размер шрифта кнопки */
  543.     cursor: pointer !important; /* Курсор-указатель */
  544.     transition: background-color 0.3s ease !important; /* Плавный переход */
  545. }
  546.  
  547. #script_version_attachments:hover::-webkit-file-upload-button {
  548.     background-color: #1a2230 !important; /* Чуть светлее при наведении */
  549. }
  550.  
  551. /* Стили для фокуса */
  552. #script_version_attachments:focus {
  553.     outline: none !important; /* Убираем стандартный outline */
  554.     border-color: #344b71 !important;
  555.     box-shadow: 0 0 5px rgba(52, 75, 113, 0.5) !important; /* Тень при фокусе */
  556. }
  557.  
  558. /* Ховер для всего элемента */
  559. #script_version_attachments:hover {
  560.     background-color: #141c2a !important; /* Легкое осветление */
  561. }
  562.  
  563.  
  564.  
  565. /* Контейнер для всех вложений */
  566. .remove-attachments {
  567.     display: flex !important; /* Гибкое расположение элементов */
  568.     flex-wrap: wrap !important; /* Перенос элементов при необходимости */
  569.     gap: 20px !important; /* Отступы между вложениями */
  570.     padding: 10px !important; /* Внутренние отступы контейнера */
  571. }
  572.  
  573. /* Отдельное вложение */
  574. .remove-attachment {
  575.     background-color: #0f151f !important; /* Темный фон */
  576.     border: 2px solid #344b71 !important; /* Граница */
  577.     border-radius: 4px !important; /* Скругленные углы */
  578.     padding: 10px !important; /* Внутренние отступы */
  579.     display: flex !important; /* Гибкое расположение внутри */
  580.     flex-direction: column !important; /* Вертикальная ориентация */
  581.     align-items: center !important; /* Центрирование по горизонтали */
  582.     width: 200px !important; /* Фиксированная ширина */
  583. }
  584.  
  585. /* Стили для изображения внутри ссылки */
  586. .remove-attachment a img {
  587.     max-width: 100% !important; /* Ограничение ширины изображения */
  588.     height: auto !important; /* Автоматическая высота */
  589.     border-radius: 4px !important; /* Скругленные углы изображения */
  590.     margin-bottom: 10px !important; /* Отступ снизу */
  591. }
  592.  
  593. /* Контейнер для чекбокса и метки */
  594. .remove-attachment-selecter {
  595.     display: flex !important; /* Гибкое расположение */
  596.     align-items: center !important; /* Центрирование по вертикали */
  597.     gap: 8px !important; /* Отступ между чекбоксом и меткой */
  598. }
  599.  
  600. /* Скрытый input (оставляем без стилей, он не виден) */
  601. .remove-attachment-selecter input[type="hidden"] {
  602.     display: none !important;
  603. }
  604.  
  605. /* Стили для чекбокса */
  606. .remove-attachment-selecter input[type="checkbox"] {
  607.     appearance: none !important; /* Убираем стандартный вид */
  608.     width: 18px !important; /* Размер чекбокса */
  609.     height: 18px !important;
  610.     background-color: #0f151f !important; /* Фон чекбокса */
  611.     border: 2px solid #344b71 !important; /* Граница */
  612.     border-radius: 4px !important; /* Скругленные углы */
  613.     cursor: pointer !important; /* Курсор-указатель */
  614.     transition: all 0.3s ease !important; /* Плавные переходы */
  615. }
  616.  
  617. .remove-attachment-selecter input[type="checkbox"]:checked {
  618.     background-color: #344b71 !important; /* Цвет при активации */
  619.     border-color: #344b71 !important;
  620.     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z'/%3E%3C/svg%3E") !important; /* Галочка */
  621.     background-size: 14px !important; /* Размер галочки */
  622.     background-position: center !important;
  623.     background-repeat: no-repeat !important;
  624. }
  625.  
  626. .remove-attachment-selecter input[type="checkbox"]:hover:not(:checked) {
  627.     background-color: #141c2a !important; /* Легкое осветление при наведении */
  628. }
  629.  
  630. /* Стили для метки */
  631. .remove-attachment-selecter .checkbox-label {
  632.     color: #344b71 !important; /* Цвет текста */
  633.     font-size: 14px !important; /* Размер шрифта */
  634.     cursor: pointer !important; /* Курсор-указатель */
  635.     transition: color 0.3s ease !important; /* Плавный переход цвета */
  636. }
  637.  
  638. .remove-attachment-selecter input[type="checkbox"]:checked + .checkbox-label {
  639.     color: #ffffff !important; /* Белый цвет при активации чекбокса */
  640. }
  641.  
  642. .remove-attachment-selecter .checkbox-label:hover {
  643.     color: #ffffff !important; /* Белый цвет при наведении */
  644. }
  645. /*accent цвет фона при выделении в редакторе */
  646.  
  647. .ace-tm .ace_marker-layer .ace_selection {
  648.     background: #29937c5c !important;
  649. }
  650.  
  651.  /* Li 123456789 */
  652.  
  653.  li.L1, li.L3, li.L5, li.L7, li.L9 {
  654.     background: #1a2535 !important;
  655. }
  656.     /* значок js */
  657.     .badge-js {
  658.     background-color: #FFC107;  /* Жёлтый цвет (можно также использовать #FFFF00 для более яркого жёлтого) */
  659.     color: #000000 !important;  /* Чёрный текст */
  660.     mix-blend-mode: inherit;
  661. }
  662. .rating-icon.rating-icon-good {
  663.     background-color: #2F4F4F !important;  /* Тёмно-зелёный цвет */
  664.     color: #FFFFFF !important;  /* Белый текст для контраста, можно изменить при необходимости */
  665. }
  666.  
  667. /* Обёртка для input */
  668. .custom-file-upload {
  669.     position: relative !important;
  670.     display: inline-block !important;
  671.     width: 100% !important;
  672.     max-width: 300px !important; /* Можно настроить */
  673. }
  674.  
  675. /* Скрываем стандартный input */
  676. .custom-file-upload input[type="file"] {
  677.     position: absolute !important;
  678.     width: 100% !important;
  679.     height: 100% !important;
  680.     opacity: 0 !important;
  681.     cursor: pointer !important;
  682.     z-index: 2 !important;
  683. }
  684.  
  685. /* Стили для кастомной кнопки */
  686. .custom-file-upload label {
  687.     /* Основные размеры и расположение */
  688.     display: block !important;
  689.     width: 100% !important;
  690.     padding: 12px 16px !important;
  691.     box-sizing: border-box !important;
  692.  
  693.     /* Цвета и фон */
  694.     background-color: #ffffff !important;
  695.     border: 2px solid #e0e0e0 !important;
  696.     border-radius: 8px !important;
  697.     color: #333333 !important;
  698.  
  699.     /* Типографика */
  700.     font-family: 'Arial', sans-serif !important;
  701.     font-size: 16px !important;
  702.     text-align: center !important;
  703.  
  704.     /* Эффекты */
  705.     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) !important;
  706.     transition: all 0.3s ease !important;
  707.     cursor: pointer !important;
  708. }
  709.  
  710. /* При наведении */
  711. .custom-file-upload label:hover {
  712.     border-color: #007bff !important;
  713.     box-shadow: 0 4px 10px rgba(0, 123, 255, 0.2) !important;
  714. }
  715.  
  716. /* При фокусе на input */
  717. .custom-file-upload input[type="file"]:focus + label {
  718.     border-color: #007bff !important;
  719.     background-color: #1e2723 !important;
  720.     color: #ffffff !important;
  721.     box-shadow: 0 4px 10px rgba(0, 123, 255, 0.2) !important;
  722. }
  723.  
  724. /* Когда файл выбран (опционально) */
  725. .custom-file-upload input[type="file"]:valid + label {
  726.     border-color: #28a745 !important;
  727. }
  728.  
  729.  
  730. /* Общий стиль для всех textarea */
  731. textarea[name="script_version[changelog]"],
  732. textarea[name="script_version[additional_info][0][attribute_value]"],
  733. #script_version_changelog,
  734. #script-version-additional-info-0 {
  735.     /* Основные размеры и расположение */
  736.     width: 100%;
  737.     min-height: 120px;
  738.     padding: 12px 16px;
  739.     box-sizing: border-box;
  740.  
  741.     /* Цвета и фон */
  742.     background-color: #1e2723;
  743.     border: 2px solid #e0e0e0;
  744.     border-radius: 8px;
  745.     color: #333333;
  746.  
  747.     /* Типографика */
  748.     font-family: 'Arial', sans-serif;
  749.     font-size: 16px;
  750.     line-height: 1.5;
  751.  
  752.     /* Эффекты */
  753.     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  754.     transition: all 0.3s ease;
  755.  
  756.     /* Убираем стандартный стиль браузера */
  757.     resize: vertical;
  758.     outline: none;
  759. }
  760.  
  761. /* При фокусе */
  762. textarea[name="script_version[changelog]"]:focus,
  763. textarea[name="script_version[additional_info][0][attribute_value]"]:focus,
  764. #script_version_changelog:focus,
  765. #script-version-additional-info-0:focus {
  766.     border-color: #007bff;
  767.     box-shadow: 0 4px 10px rgba(0, 123, 255, 0.2);
  768.     background-color: #0a0f17; /* темно синий */
  769.     color: #ffffff;
  770. }
  771.  
  772. /* При заполнении (валидное поле) */
  773. textarea[name="script_version[changelog]"]:valid,
  774. textarea[name="script_version[additional_info][0][attribute_value]"]:valid,
  775. #script_version_changelog:valid,
  776. #script-version-additional-info-0:valid {
  777.     border-color: #28a745;
  778. }
  779.  
  780. /* При ошибке */
  781. textarea[name="script_version[changelog]"]:invalid:focus,
  782. textarea[name="script_version[additional_info][0][attribute_value]"]:invalid:focus,
  783. #script_version_changelog:invalid:focus,
  784. #script-version-additional-info-0:invalid:focus {
  785.     border-color: #dc3545;
  786.     box-shadow: 0 4px 10px rgba(220, 53, 69, 0.2);
  787. }
  788.  
  789. /* Плейсхолдер */
  790. textarea[name="script_version[changelog]"]::placeholder,
  791. textarea[name="script_version[additional_info][0][attribute_value]"]::placeholder,
  792. #script_version_changelog::placeholder,
  793. #script-version-additional-info-0::placeholder {
  794.     color: #888888;
  795.     opacity: 0.8;
  796.     font-style: italic;
  797. }
  798.  
  799. /* Стили для формы */
  800. .button_to {
  801.     display: inline-block !important; /* Форма занимает только нужное место */
  802.     margin: 0 !important; /* Убираем внешние отступы */
  803.     padding: 0 !important; /* Убираем внутренние отступы */
  804. }
  805.  
  806. /* Стили для кнопки внутри формы */
  807. .button_to button[type="submit"] {
  808.     /* Основные размеры и расположение */
  809.     padding: 10px 20px !important;
  810.     border-radius: 6px !important;
  811.     border: 2px solid #e0e0e0 !important;
  812.  
  813.     /* Цвета и фон */
  814.     background-color: #1e2723 !important; /* Тёмно-зелёно-серый фон, как в прошлых примерах */
  815.     color: #ffffff !important; /* Белый текст для контраста */
  816.  
  817.     /* Типографика */
  818.     font-family: 'Arial', sans-serif !important;
  819.     font-size: 16px !important;
  820.     font-weight: 500 !important;
  821.     text-align: center !important;
  822.  
  823.     /* Эффекты */
  824.     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important;
  825.     transition: all 0.3s ease !important;
  826.     cursor: pointer !important;
  827. }
  828.  
  829. /* При наведении */
  830. .button_to button[type="submit"]:hover {
  831.     background-color: #2f4f4f !important; /* Чуть светлее тёмно-зелёный для ховер-эффекта */
  832.     border-color: #007bff !important; /* Синий акцент */
  833.     box-shadow: 0 4px 10px rgba(0, 123, 255, 0.3) !important;
  834. }
  835.  
  836. /* При фокусе */
  837. .button_to button[type="submit"]:focus {
  838.     outline: none !important;
  839.     border-color: #007bff !important;
  840.     box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.3) !important; /* Фокусное кольцо */
  841. }
  842.  
  843. /* При нажатии */
  844. .button_to button[type="submit"]:active {
  845.     transform: scale(0.98) !important; /* Лёгкое уменьшение */
  846.     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important;
  847. }
  848.  
  849. /* Скрытый input */
  850. .button_to input[type="hidden"] {
  851.     display: none !important; /* Убеждаемся, что он не виден */
  852. }
  853.  
  854. .notice {
  855.     /* Основные размеры и расположение */
  856.     padding: 12px 16px !important;
  857.     margin: 10px 0 !important;
  858.     border-radius: 6px !important;
  859.  
  860.     /* Цвета и фон */
  861.     background-color: #1e2723 !important; /* Тёмно-зелёно-серый фон, как в других элементах */
  862.     color: #ffffff !important; /* Белый текст для контраста */
  863.     border: 1px solid #2f4f4f !important; /* Чуть светлее тёмно-зелёный для границы */
  864.  
  865.     /* Типографика */
  866.     font-family: 'Arial', sans-serif !important;
  867.     font-size: 16px !important;
  868.     line-height: 1.4 !important;
  869.  
  870.     /* Эффекты */
  871.     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important;
  872.     transition: all 0.3s ease !important;
  873. }
  874.  
  875. /* При наведении (опционально) */
  876. .notice:hover {
  877.     background-color: #2f4f4f !important; /* Лёгкое осветление фона */
  878.     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3) !important;
  879. }
  880.  
  881.   /*step 2*
  882.     /* уведомление об ошибках */
  883.     .validation-errors {
  884.     background-color: #6d651e !important;
  885.     border-left: 6px solid #FFEB3B !important;
  886. }
  887.  
  888.     td {
  889.         background: #1A2535 !important;
  890.         border-radius: 20px !important;
  891.         padding: 10px !important;
  892.     }
  893.  
  894.     td.ban-text {
  895.         color: #FF5555 !important;
  896.         background-color: rgba(255, 85, 85, 0.2) !important;
  897.     }
  898.  
  899.     button.lum-next-button.lum-gallery-button,
  900.     button.lum-previous-button.lum-gallery-button {
  901.         background: #2A3545 !important;
  902.     }
  903.  
  904.     .language-selector-locale {
  905.         padding: 6px;
  906.         border-radius: 25px !important;
  907.         border: solid 2px #4AC2E5 !important;
  908.     }
  909.  
  910.     .text-content.log-table {
  911.         background: #141D2B !important;
  912.     }
  913.  
  914.     .discussion-list.discussion-list-logged-in {
  915.         background: #1E2A3C !important;
  916.         box-shadow: 4px 4px 7px 0px #0A0F1A !important;
  917.     }
  918.  
  919.     .discussion-list-container.discussion-read {
  920.         background: #253040;
  921.     }
  922.  
  923.     .list-option-button {
  924.         background: #2A3545 !important;
  925.         color: #4AC2E5 !important;
  926.         border-radius: 30px !important;
  927.     }
  928.  
  929.     a.script-link {
  930.             color: #4AC2E5 !important;
  931.             box-shadow: 0px 0px 14px 1px #4AC2E5 !important;
  932.             background: #2A3545 !important;
  933.             padding: 1px !important;
  934.             border-radius: 7px !important;
  935.             display: flex !important;
  936.             width: 375px !important;
  937.             position: relative !important;
  938.     }
  939.  
  940.     .comment-entry {
  941.     /* Основные размеры и расположение */
  942.     width: 100%;
  943.     min-height: 120px;
  944.     padding: 12px 16px;
  945.     box-sizing: border-box;
  946.  
  947.     /* Цвета и фон */
  948.     background-color: #1e2723; /* темнозеленый  фон   */
  949.     border: 2px solid #e0e0e0;
  950.     border-radius: 8px;
  951.     color: #333333;
  952.  
  953.     /* Типографика */
  954.     font-family: 'Arial', sans-serif;
  955.     font-size: 16px;
  956.     line-height: 1.5;
  957.  
  958.     /* Эффекты */
  959.     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  960.     transition: all 0.3s ease;
  961.  
  962.     /* Убираем стандартный стиль браузера */
  963.     resize: vertical;
  964.     outline: none;
  965. }
  966.  
  967. /* При фокусе */
  968. .comment-entry:focus {
  969.     border-color: #007bff; /* Синий акцент при фокусе */
  970.     box-shadow: 0 4px 10px rgba(0, 123, 255, 0.2);
  971.     background-color: #1e2723; /* Твой тёмно-зелёно-серый цвет */
  972.     color: #ffffff; /* Белый текст для читаемости на тёмном фоне */
  973. }
  974.  
  975. /* При заполнении (валидное поле) */
  976. .comment-entry:valid {
  977.     border-color: #28a745; /* Зелёный для валидного ввода */
  978. }
  979.  
  980. /* При ошибке (если required не выполнен) */
  981. .comment-entry:invalid:focus {
  982.     border-color: #dc3545; /* Красный при ошибке */
  983.     box-shadow: 0 4px 10px rgba(220, 53, 69, 0.2);
  984. }
  985.  
  986. /* Плейсхолдер */
  987. .comment-entry::placeholder {
  988.     color: #888888;
  989.     opacity: 0.8;
  990.     font-style: italic;
  991. }
  992.  
  993.     input[type="search"] {
  994.         box-shadow: inset 0px 0px 14px 1px #0A0F1A;
  995.         background: #2A3545;
  996.         padding: 8px;
  997.         border-radius: 30px;
  998.         border: 2px solid #4AC2E5;
  999.     }
  1000.  
  1001.     p#deleted-note {
  1002.         color: #FF5555 !important;
  1003.     }
  1004.  
  1005.     .pagination>*,
  1006.     .script-list+.pagination>*,
  1007.     .user-list+.pagination>* {
  1008.         background-color: #2A3545;
  1009.         border-radius: 5px;
  1010.     }
  1011.  
  1012.     .pagination>a:hover,
  1013.     .pagination>a:focus {
  1014.         background-color: #4AC2E5;
  1015.     }
  1016.  
  1017.     a.self-link,
  1018.     a.self-link:visited {
  1019.         opacity: 1.2;
  1020.         background-color: #2A3545;
  1021.         border: 2px solid #4AC2E5;
  1022.         border-radius: 5px;
  1023.     }
  1024.  
  1025.     a {
  1026.         color: #4AC2E5;
  1027.         text-decoration: none;
  1028.         transition: all 0.3s ease;
  1029.     }
  1030.  
  1031.     a:hover {
  1032.         color: #FFFFFF;
  1033.         background-color: #141D2B;
  1034.         padding: 7px 10px;
  1035.         border-radius: 5px;
  1036.         box-shadow: -1px 9px 9px 0px rgba(0, 0, 0, 0.6);
  1037.     }
  1038.  
  1039.     .sidebar a {
  1040.         display: block;
  1041.         padding: 10px;
  1042.         color: #4AC2E5;
  1043.         border-radius: 4px;
  1044.         transition: background-color 0.3s ease, color 0.3s ease;
  1045.     }
  1046.  
  1047.     .sidebar a:hover {
  1048.         background-color: #4AC2E5;
  1049.         color: #1A2535;
  1050.     }
  1051.  
  1052.     * {
  1053.         color: #E0E5EC !important;
  1054.     }
  1055.  
  1056.     body, select, input {
  1057.         background-color: #141D2B;
  1058.         border-radius: 7px;
  1059.     }
  1060.  
  1061.     code {
  1062.         background-color: #2A3545;
  1063.     }
  1064.  
  1065.     .code-container {
  1066.         background: #0F1825;
  1067.     }
  1068.  
  1069.  
  1070.     nav {
  1071.         background-color: #374337 !important;
  1072.     }
  1073.  
  1074.     .user-content {
  1075.         background: linear-gradient(to right, #2A3545, #1A2535 1em);
  1076.         border-left: 2px solid #4AC2E5;
  1077.     }
  1078.  
  1079.     .user-content > p:first-child {
  1080.         background: linear-gradient(268deg, #2A3545 0%, #1A2535 100%);
  1081.     }
  1082.  
  1083.     #additional-info .user-screenshots {
  1084.         background: linear-gradient(259deg, #2A3545 0%, #1A2535 100%);
  1085.     }
  1086.  
  1087.     .list-option.list-current {
  1088.         border-left: 7px solid #4AC2E5;
  1089.         box-shadow: 0 1px 0px 6px rgba(0, 0, 0, 0.1);
  1090.         background: linear-gradient(#1A2535, #2A3545);
  1091.     }
  1092.  
  1093.     form.new_user input[type="submit"] {
  1094.         color: #FFFFFF;
  1095.         background-color: #2A3545;
  1096.         background-image: linear-gradient(#4AC2E5, #1A2535);
  1097.     }
  1098.  
  1099.     .list-option-group a:hover,
  1100.     .list-option-group a:focus {
  1101.         background: linear-gradient(#2A3545, #4AC2E5);
  1102.         text-decoration: none;
  1103.         box-shadow: inset 0 -1px #ddd, inset 0 1px #eee;
  1104.     }
  1105.  
  1106.     #script-info {
  1107.         border: 1px solid #4AC2E5;
  1108.         border-radius: 5px;
  1109.         background-color: #1A2535;
  1110.         margin: 1em 0 0;
  1111.         box-shadow: 0px 14px 14px 1px rgba(0, 0, 0, 0.6);
  1112.     }
  1113.  
  1114.     .form-control textarea:not([rows]),#ace-editor {
  1115.         height: 20em;
  1116.         background-color: #13161a;
  1117.         color: #4AC2E5;
  1118.     }
  1119.  
  1120.     .previewable textarea {
  1121.         margin: 0;
  1122.         background-color: #1E2A3C;
  1123.     }
  1124.  
  1125.     .ace_gutter-cell {
  1126.         color: #4AC2E5;
  1127.     }
  1128.  
  1129.     .ace_folding-enabled {
  1130.         background-color: #2A3545;
  1131.     }
  1132.  
  1133.     a:visited {
  1134.         color: #87D8F0;
  1135.     }
  1136.  
  1137.     .reportable,
  1138.     .text-content:last-child,
  1139.     .script-list {
  1140.         background-color: #1E2A3C;
  1141.     }
  1142.  
  1143.     .list-option-group ul {
  1144.         background-color: #2A3545;
  1145.     }
  1146.  
  1147.     #add-additional-info,
  1148.     input[type="submit"][name="commit"] {
  1149.         background-color: #4AC2E5;
  1150.         color: #1e2a3c !important;
  1151.         padding: 10px 20px;
  1152.         border: none;
  1153.         border-radius: 5px;
  1154.         cursor: pointer;
  1155.         font-size: 16px;
  1156.         transition: background-color 0.3s;
  1157.     }
  1158.  
  1159.     input[type="submit"][name="commit"]:hover {
  1160.         background-color: #38A1C2;
  1161.     }
  1162. `);
  1163.  
  1164. // Scrollbar
  1165. GM_addStyle(`
  1166.    ::-webkit-scrollbar {
  1167.     width: 25px;
  1168.     background: linear-gradient(54deg, #1C2526 0%, #2E3839 56%, #0F1415 100%) !important; /* Темно-синий градиент */
  1169. }
  1170.  
  1171. ::-webkit-scrollbar-thumb {
  1172.     background-color: #1C2526; /* Темно-синий бордер */
  1173.     border-radius: 22px;
  1174.     border: 3px solid #4A90E2;  /* Голубо-синий акцент */
  1175.     height: 80px;
  1176. }
  1177.  
  1178. ::-webkit-scrollbar-thumb:hover {
  1179.     background-color: #1C2526; /* Более светлый голубо-синий при наведении */
  1180. }
  1181.  
  1182. ::-webkit-scrollbar-thumb:active {
  1183.     background-color: #357ABD; /* Более темный голубо-синий при нажатии */
  1184. }
  1185.  
  1186. ::-webkit-scrollbar-track {
  1187.     background: #2E3839 !important; /* Темно-синяя дорожка */
  1188.     border-radius: 0px 0px 8px 0px;
  1189. }
  1190. `);
  1191.  
  1192. })();
  1193.  

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

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

加入Q群

QingJ © 2025

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