LLWiki正在建设中，欢迎加入我们！

微件:ColorMod

来自LLWiki
跳转到导航 跳转到搜索
    • Template-info.png 小部件文档
    [编辑]
    这个文档是内联文档。

    用于生成一个对话框，供用户自由调节部分角色（绚濑绘里、南小鸟、星空凛、津岛善子、唐可可、钟岚珠、樱小路希奈子、若菜四季、皇柚叶、晴风小夜香、5yncri5e!）的应援色。请使用{{colorMod}}调用。

    JavaScript脚本：User:Bhsd/widget/colorMod.js

    CSS样式表：

    1. .mw-parser-output {
    2. 	--eli-color: #7aeeff;
    3.     --kotori-color: #cebfbf;
    4.     --rin-color: #fff832;
    5.     --yoshiko-color: #c1cad4;
    6. 	--lanzhu-color: #f8c8c4;
    7. 	--keke-color: #a0fff9;
    8. 	--kinako-color: #fff442;
    9. 	--shiki-color: #b2ffdd;
    10.     --yuzuha-color: #efefef;
    11.     --harukazesayaka-color: #ffec50;
    12.     --ginko-color: #a2d7dd;
    13.     --kosuzu-color: #fad764;
    14.     --5yncri5e-color: #ffe840;
    15. }
    16. [style*="color:#7aeeff"] {
    17. 	color: var(--eli-color) !important;
    18. }
    19. [style*="background-color:#7aeeff"] {
    20. 	background-color: var(--eli-color) !important;
    21. 	color: #fff !important; /* 文字必须为白色 */
    22. }
    23. [style*="color:#cebfbf"] {
    24. 	color: var(--kotori-color) !important;
    25. }
    26. [style*="background-color:#cebfbf"] {
    27. 	background-color: var(--kotori-color) !important;
    28. 	color: #fff !important;
    29. }
    30. [style*="color:#fff832"] {
    31. 	color: var(--rin-color) !important;
    32. }
    33. [style*="background-color:#fff832"] {
    34. 	background-color: var(--rin-color) !important;
    35. 	color: #fff !important;
    36. }
    37. [style*="color:#c1cad4"] {
    38. 	color: var(--yoshiko-color) !important;
    39. }
    40. [style*="background-color:#c1cad4"] {
    41. 	background-color: var(--yoshiko-color) !important;
    42. 	color: #fff !important;
    43. }
    44. [style*="color:#f8c8c4"] {
    45. 	color: var(--lanzhu-color) !important;
    46. }
    47. [style*="background-color:#f8c8c4"] {
    48. 	background-color: var(--lanzhu-color) !important;
    49. 	color: #fff !important;
    50. }
    51. [style*="color:#a0fff9"] {
    52. 	color: var(--keke-color) !important;
    53. }
    54. [style*="background-color:#a0fff9"] {
    55. 	background-color: var(--keke-color) !important;
    56. 	color: #fff !important;
    57. }
    58. [style*="color:#fff442"] {
    59. 	color: var(--kinako-color) !important;
    60. }
    61. [style*="background-color:#fff442"] {
    62. 	background-color: var(--kinako-color) !important;
    63. 	color: #fff !important;
    64. }
    65. [style*="color:#b2ffdd"] {
    66. 	color: var(--shiki-color) !important;
    67. }
    68. [style*="background-color:#b2ffdd"] {
    69. 	background-color: var(--shiki-color) !important;
    70. 	color: #fff !important;
    71. }
    72. [style*="color:#efefef"] {
    73. 	color: var(--yuzuha-color) !important;
    74. }
    75. [style*="background-color:#efefef"] {
    76. 	background-color: var(--yuzuha-color) !important;
    77. 	color: #fff !important;
    78. }
    79. [style*="color:#ffec50"] {
    80. 	color: var(--harukazesayaka-color) !important;
    81. }
    82. [style*="background-color:#ffec50"] {
    83. 	background-color: var(--harukazesayaka-color) !important;
    84. 	color: #fff !important;
    85. }
    86. [style*="color:#a2d7dd"] {
    87. 	color: var(--ginko-color) !important;
    88. }
    89. [style*="background-color:#a2d7dd"] {
    90. 	background-color: var(--ginko-color) !important;
    91. 	color: #fff !important;
    92. }
    93. [style*="color:#fad764"] {
    94. 	color: var(--kosuzu-color) !important;
    95. }
    96. [style*="background-color:#fad764"] {
    97. 	background-color: var(--kosuzu-color) !important;
    98. 	color: #fff !important;
    99. }
    100. [style*="color:#ffe840"] {
    101. 	color: var(--5yncri5e-color) !important;
    102. }
    103. [style*="background-color:#ffe840"] {
    104. 	background-color: var(--5yncri5e-color) !important;
    105. 	color: #fff !important;
    106. }
    107. div#mw-indicator-colorMod { /* 只作用于桌面版 */
    108. 	cursor: pointer;
    109. 	vertical-align: middle;
    110. 	font-size: 22px;
    111. }
    112. .mw-parser-output .page-actions-menu__list-item {
    113. 	display: none;
    114. }
    115. .skin-vector #colorMod {
    116. 	font-size: 13px;
    117. }
    118. #colorMod-wrapper {
    119. 	text-align: center;
    120. }
    121. #colorMod-wrapper select { /* Safari和Firefox会自动添加右边框样式 */
    122. 	font-size: 16px; /* 手机版需要 */
    123. 	margin: 0 0.5em;
    124. 	min-width: calc(2ch + 2em);
    125. }
    126. #colorMod-wrapper span, [style*="color:#7aeeff"], [style*="color:#cebfbf"], [style*="color:#fff832"], [style*="color:#c1cad4"], [style*="color:#f8c8c4"], [style*="color:#a0fff9"], [style*="color:#fff442"], [style*="color:#b2ffdd"], [style*="color:#efefef"], [style*="color:#ffec50"], [style*="color:#a2d7dd"], [style*="color:#fad764"], [style*="color:#ffe840"] {
    127. 	transition: all linear 0.2s;
    128. }
    129. .colorMod-tip {
    130. 	font-size: 0.9em;
    131. }
    132. .colorMod-tip a {
    133. 	display: block;
    134. 	text-align: center;
    135. 	margin-top: 0.5em;
    136. }
    取自“https://llwiki.org/mediawiki/index.php?title=Widget:ColorMod&oldid=69253”