Skip to content

wolai思维导图主题色diy by huadu

Screenshot of wolai思维导图主题色diy

Details

Authorhuadu

LicenseNo License

Categorywww.wolai.com

Created

Updated

Size24 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

自定义wolai笔记思维导图主题色亮色6种,暗色6种。

Notes

自定义wolai笔记思维导图主题色亮色6种,暗色6种。

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name         wolai思维导图主题色diy
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document domain("wolai.com") {
	/*修改主题颜色*/
	:root {
		/********************亮色主题*********************/
		--mind-red-color: rgb(207, 86, 89);
		--mind-blue-color: rgb(57, 101, 234);
		--mind-green-color: rgb(80, 200, 120);
		--mind-fen-color: rgb(250, 100, 126);
		--mind-zi-color: rgb(155, 26, 206);
		--mind-huang-color: rgb(242, 170, 30);

		/********************暗色主题*********************/
		--mind-dark-red-color: rgb(152, 69, 71);
		--mind-dark-blue-color: rgb(84, 100, 130);
		--mind-dark-green-color: rgb(77, 123, 93);
		--mind-dark-fen-color: rgb(131, 86, 81);
		--mind-dark-zi-color: rgb(108, 92, 132);
		--mind-dark-huang-color: rgb(166, 110, 5);
	}
	._1ZpiM .MCsRJ ._3VumX[style="background: rgb(var(--minder-color-red));"] {
		background: var(--mind-red-color)!important
	}
	._1ZpiM .MCsRJ ._3VumX[style="background: rgb(var(--minder-color-blue));"] {
		background: var(--mind-blue-color)!important
	}
	._1ZpiM .MCsRJ ._3VumX[style="background: rgb(var(--minder-color-green));"] {
		background: var(--mind-green-color)!important
	}
	._1ZpiM .MCsRJ ._3VumX[style="background: rgb(var(--minder-color-purple));"] {
		background: var(--mind-zi-color)!important
	}
	._1ZpiM .MCsRJ ._3VumX[style="background: rgb(var(--minder-color-pink));"] {
		background: var(--mind-fen-color)!important
	}
	._1ZpiM .MCsRJ ._3VumX[style="background: rgb(var(--minder-color-orange));"] {
		background: var(--mind-huang-color)!important
	}

	/*********************************亮色主题****************************/
	/*******************修改红色主题*/
	#minder-screen-modal div[stroke="rgb(239,83,78)"].sc-bBXqnf,
	.minder-root div[stroke="rgb(239,83,78)"].sc-bBXqnf {
		border-right: 2px solid var(--mind-red-color);
		border-top: 2px solid var(--mind-red-color);
		border-bottom: 2px solid var(--mind-red-color);
	}
	#minder-screen-modal div[stroke="rgb(239,83,78)"].sc-iwyYcG,
	.minder-root div[stroke="rgb(239,83,78)"].sc-iwyYcG {
		background-color: var(--mind-red-color);
	}
	#minder-screen-modal div[style*="background-color: rgb(239, 83, 78)"],
	.minder-root div[style*="background-color: rgb(239, 83, 78)"] {
		background-color: var(--mind-red-color) !important;
	}
	#minder-screen-modal path[fill="rgb(239,83,78)"],
	.minder-root path[fill="rgb(239,83,78)"] {
		fill: var(--mind-red-color) !important;
	}
	#minder-screen-modal path[stroke="rgb(239,83,78)"],
	.minder-root path[stroke="rgb(239,83,78)"] {
		stroke: var(--mind-red-color) !important;
	}
	#minder-screen-modal rect[fill="rgb(239,83,78)"],
	.minder-root rect[fill="rgb(239,83,78)"] {
		fill: var(--mind-red-color) !important;
	}
	#minder-screen-modal rect[fill="rgba(239,83,78,0.12)"],
	.minder-root rect[fill="rgba(239,83,78,0.12)"] {
		fill: var(--mind-red-color20) !important;
	}
	#minder-screen-modal rect[stroke="rgb(239,83,78)"],
	.minder-root rect[stroke="rgb(239,83,78)"] {
		stroke: var(--mind-red-color);
	}

	#minder-screen-modal div[color="rgb(239,83,78)"],
	.minder-root div[color="rgb(239,83,78)"] {
		color: var(--mind-red-color) !important;
	}



	/****************************蓝色主题*/
	#minder-screen-modal div[style*="background-color: rgb(66, 165, 245)"].bFWNWs,
	.minder-root div[style*="background-color: rgb(66, 165, 245)"].bFWNWs {
		background-color: var(--mind-blue-color) !important;
	}
	#minder-screen-modal div[stroke="rgb(66,165,245)"].sc-bBXqnf,
	.minder-root div[stroke="rgb(66,165,245)"].sc-bBXqnf {
		border-right: 2px solid var(--mind-blue-color);
		border-top: 2px solid var(--mind-blue-color);
		border-bottom: 2px solid var(--mind-blue-color);
	}
	#minder-screen-modal div[stroke="rgb(66,165,245)"].sc-iwyYcG,
	.minder-root div[stroke="rgb(66,165,245)"].sc-iwyYcG {
		background-color: var(--mind-blue-color);
	}
	#minder-screen-modal path[fill="rgb(66,165,245)"],
	.minder-root path[fill="rgb(66,165,245)"] {
		fill: var(--mind-blue-color) !important;
	}
	#minder-screen-modal path[stroke="rgb(66,165,245)"],
	.minder-root path[stroke="rgb(66,165,245)"] {
		stroke: var(--mind-blue-color) !important;
	}
	#minder-screen-modal rect[fill="rgb(66,165,245)"],
	.minder-root rect[fill="rgb(66,165,245)"] {
		fill: var(--mind-blue-color) !important;
	}
	#minder-screen-modal rect[fill="rgba(66,165,245,0.12)"],
	.minder-root rect[fill="rgba(66,165,245,0.12)"] {
		fill: var(--mind-blue-color20) !important;
	}
	#minder-screen-modal rect[stroke="rgb(66,165,245)"],
	.minder-root rect[stroke="rgb(66,165,245)"] {
		stroke: var(--mind-blue-color);
	}
	#minder-screen-modal div[style*="background-color: rgb(66,165,245)"],
	.minder-root div[style*="background-color: rgb(66,165,245)"] {
		background-color: var(--mind-blue-color) !important;
	}
	#minder-screen-modal div[color="rgb(66,165,245)"],
	.minder-root div[color="rgb(66,165,245)"] {
		color: var(--mind-blue-color) !important;
	}
	/*****************************绿色主题*/
	#minder-screen-modal div[style*="background-color: rgb(102, 187, 106)"].bFWNWs,
	.minder-root div[style*="background-color: rgb(102, 187, 106)"].bFWNWs {
		background-color: var(--mind-green-color) !important;
	}


	#minder-screen-modal div[stroke="rgb(102,187,106)"].sc-bBXqnf,
	.minder-root div[stroke="rgb(102,187,106)"].sc-bBXqnf {
		border-right: 2px solid var(--mind-green-color);
		border-top: 2px solid var(--mind-green-color);
		border-bottom: 2px solid var(--mind-green-color);
	}
	#minder-screen-modal div[stroke="rgb(102,187,106)"].sc-iwyYcG,
	.minder-root div[stroke="rgb(102,187,106)"].sc-iwyYcG {
		background-color: var(--mind-green-color);
	}
	#minder-screen-modal path[fill="rgb(102,187,106)"],
	.minder-root path[fill="rgb(102,187,106)"] {
		fill: var(--mind-green-color) !important;
	}
	#minder-screen-modal path[stroke="rgb(102,187,106)"],
	.minder-root rect[fill="rgb(102,187,106)"] {
		stroke: var(--mind-green-color);
	}
	#minder-screen-modal rect[fill="rgb(102,187,106)"],
	.minder-root rect[fill="rgb(102,187,106)"] {
		fill: var(--mind-green-color) !important;
	}
	#minder-screen-modal rect[fill="rgba(102,187,106,0.12)"],
	.minder-root rect[fill="rgba(102,187,106,0.12)"] {
		fill: var(--mind-green-color20) !important;
	}
	#minder-screen-modal rect[stroke="rgb(102,187,106)"],
	.minder-root rect[stroke="rgb(102,187,106)"] {
		stroke: var(--mind-green-color) !important;
	}
	#minder-screen-modal div[style*="background-color: rgb(102,187,106)"],
	.minder-root div[style*="background-color: rgb(102,187,106)"] {
		background-color: var(--mind-green-color) !important;
	}
	#minder-screen-modal div[color="rgb(102,187,106)"],
	.minder-root div[color="rgb(102,187,106)"] {
		color: var(--mind-green-color) !important;
	}
	/*粉色主题*/
	#minder-screen-modal .bFWNWs[style*="background-color: rgb(236, 64, 122)"],
	.minder-root .bFWNWs[style*="background-color: rgb(236, 64, 122)"] {
		background-color: var(--mind-fen-color) !important;
	}
	#minder-screen-modal div[stroke="rgb(236,64,122)"].sc-bBXqnf,
	.minder-root div[stroke="rgb(236,64,122)"].sc-bBXqnf {
		border-right: 2px solid var(--mind-fen-color);
		border-top: 2px solid var(--mind-fen-color);
		border-bottom: 2px solid var(--mind-fen-color);
	}
	#minder-screen-modal div[stroke="rgb(236,64,122)"].sc-iwyYcG,
	.minder-root div[stroke="rgb(236,64,122)"].sc-iwyYcG {
		background-color: var(--mind-fen-color);
	}
	#minder-screen-modal path[fill="rgb(236,64,122)"],
	.minder-root path[fill="rgb(236,64,122)"] {
		fill: var(--mind-fen-color) !important;
	}
	#minder-screen-modal path[stroke="rgb(236,64,122)"],
	.minder-root path[stroke="rgb(236,64,122)"] {
		stroke: var(--mind-fen-color) !important;
	}
	#minder-screen-modal rect[fill="rgb(236,64,122)"],
	.minder-root rect[fill="rgb(236,64,122)"] {
		fill: var(--mind-fen-color) !important;
	}
	#minder-screen-modal rect[fill="rgba(236,64,122,0.12)"],
	.minder-root rect[fill="rgba(236,64,122,0.12)"] {
		fill: var(--mind-fen-color20) !important;
	}
	#minder-screen-modal rect[stroke="rgb(236,64,122)"],
	.minder-root rect[stroke="rgb(236,64,122)"] {
		stroke: var(--mind-fen-color);
	}
	#minder-screen-modal div[style*="background-color: rgb(236,64,122)"],
	.minder-root div[style*="background-color: rgb(236,64,122)"] {
		background-color: var(--mind-fen-color) !important;
	}
	#minder-screen-modal div[color="rgb(236,64,122)"],
	.minder-root div[color="rgb(236,64,122)"] {
		color: var(--mind-fen-color) !important;
	}
	/*****************************紫色主题*/
	#minder-screen-modal .bFWNWs[style*="background-color: rgb(171, 71, 188)"],
	.minder-root .bFWNWs[style*="background-color: rgb(171, 71, 188)"] {
		background-color: var(--mind-zi-color) !important;
	}
	#minder-screen-modal div[stroke="rgb(171,71,188)"].sc-bBXqnf,
	.minder-root div[stroke="rgb(171,71,188)"].sc-bBXqnf {
		border-right: 2px solid var(--mind-zi-color);
		border-top: 2px solid var(--mind-zi-color);
		border-bottom: 2px solid var(--mind-zi-color);
	}
	#minder-screen-modal div[stroke="rgb(171,71,188)"].sc-iwyYcG,
	.minder-root div[stroke="rgb(171,71,188)"].sc-iwyYcG {
		background-color: var(--mind-zi-color);
	}
	#minder-screen-modal path[fill="rgb(171,71,188)"],
	.minder-root path[fill="rgb(171,71,188)"] {
		fill: var(--mind-zi-color) !important;
	}
	#minder-screen-modal path[stroke="rgb(171,71,188)"],
	.minder-root path[stroke="rgb(171,71,188)"] {
		stroke: var(--mind-zi-color) !important;
	}
	#minder-screen-modal rect[fill="rgb(171,71,188)"],
	.minder-root rect[fill="rgb(171,71,188)"] {
		fill: var(--mind-zi-color) !important;
	}
	#minder-screen-modal rect[fill="rgba(171,71,188,0.12)"],
	.minder-root rect[fill="rgba(171,71,188,0.12)"] {
		fill: var(--mind-zi-color20) !important;
	}
	#minder-screen-modal rect[stroke="rgb(171,71,188)"],
	.minder-root rect[stroke="rgb(171,71,188)"] {
		stroke: var(--mind-zi-color) !important;
	}
	#minder-screen-modal div[style*="background-color: rgb(171,71,188)"],
	.minder-root div[style*="background-color: rgb(171,71,188)"] {
		background-color: ...

Reviews

No reviews yet.