Widget:ColorMod

小部件文档

这个文档是内联文档。

用于生成一个对话框，供用户自由调节部分角色（星空凛、唐可可、钟岚珠、樱小路希奈子、若菜四季）的应援色。请使用{{colorMod}}调用。

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

CSS样式表：

 */
.mw-parser-output {
	--rin-color: #fee155;
	--lanzhu-color: #f8c8c4;
	--keke-color: #a0fff9;
	--kinako-color: #fff442;
	--shiki-color: #b2ffdd;
}
[style*="color:#fee155"] {
	color: var(--rin-color) !important;
}
[style*="background-color:#fee155"] {
	background-color: var(--rin-color) !important;
	color: #fff !important; /* 文字必须为白色 */
}
[style*="color:#f8c8c4"] {
	color: var(--lanzhu-color) !important;
}
[style*="background-color:#f8c8c4"] {
	background-color: var(--lanzhu-color) !important;
	color: #fff !important;
}
[style*="color:#a0fff9"] {
	color: var(--keke-color) !important;
}
[style*="background-color:#a0fff9"] {
	background-color: var(--keke-color) !important;
	color: #fff !important;
}
[style*="color:#fff442"] {
	color: var(--kinako-color) !important;
}
[style*="background-color:#fff442"] {
	background-color: var(--kinako-color) !important;
	color: #fff !important;
}
[style*="color:#b2ffdd"] {
	color: var(--shiki-color) !important;
}
[style*="background-color:#b2ffdd"] {
	background-color: var(--shiki-color) !important;
	color: #fff !important;
}
div#mw-indicator-colorMod { /* 只作用于桌面版 */
	cursor: pointer;
	vertical-align: middle;
	font-size: 22px;
}
.mw-parser-output .page-actions-menu__list-item {
	display: none;
}
.skin-vector #colorMod {
	font-size: 13px;
}
#colorMod-wrapper {
	text-align: center;
}
#colorMod-wrapper select { /* Safari和Firefox会自动添加右边框样式 */
	font-size: 16px; /* 手机版需要 */
	margin: 0 0.5em;
	min-width: calc(2ch + 2em);
}
#colorMod-wrapper span, [style*="color:#fee155"], [style*="color:#f8c8c4"], [style*="color:#a0fff9"], [style*="color:#fff442"], [style*="color:#b2ffdd"] {
	transition: all linear 0.2s;
}
.colorMod-tip {
	font-size: 0.9em;
}
.colorMod-tip a {
	display: block;
	text-align: center;
	margin-top: 0.5em;
}
/*