wolai吉卜力风格主题色 by huadu

/* ==UserStyle==
@name          wolai吉卜力风格
@namespace      github.com/openstyles/stylus
@version        1.0.6
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document domain("wolai.com") {
	/*白色主题变量*/
	:root,
	:root.dingtalkpersonal {
		--wolai-sidebar-border-r: 6px;
		/*按钮输入框菜单项圆角半径4px 50em*/
		/**********************************颜色************************************/
		/*主题色数值*/
		--color: rgb(207, 86, 89), rgb(76, 128, 92), rgb(66, 182, 109), rgb(62, 106, 221), rgb(255, 98, 0), rgb(33, 205, 4), rgb(134, 44, 213);
		/*选色模板,将三个数值替换下面的三个数字即可改变主题色*/
		/*****************************************关键颜色**********************************/
		--theme: 107, 142, 80;
		/*主题色*/
		--wolai-sidebar-selected-bgcolor: rgba(107, 142, 80, 0.9);
		/*左边栏当前页面标题背景色 rgba(255, 71, 71, .15)*/
		--icon-color: rgb(61, 84, 44);
		/*图标颜色*/
		/*--icon-color: rgba(var(--theme),0.9);var(--color-basic-800)*/
		--wolai-sidebar-selected-hover-bgcolor: var(--wolai-sidebar-selected-bgcolor);
		/*左边栏当前页面标题背景色*/
		/*****************************************关键颜色**********************************/
		--theme-color: rgb(var(--theme), 1);
		/*主题色*/
		--wolai-sidebar-bg: rgb(240, 230, 192);
		/*左边栏背景颜色 rgb(245, 245, 245)*/
		--wolai-sidebar-hoverbg: rgba(107, 142, 80, .49);
		/*左边栏标题的hover背景色rgb(239, 239, 237)*/
		--wolai-menulist-hover-bg: rgba(107, 142, 80, .29);
		/*菜单列表的hover背景色rgb(243, 243, 243)*/
		--wolai-selected-bgcolor: rgba(var(--theme), 0.06);
		/*块被选中的背景色*/
		--wolai-code-selected-bgcolor: rgba(var(--theme), 0.3);
		/*代码块被选中时颜色*/
		--wolai-modal-bg: rgb(248, 245, 230);
		/*窗口弹窗菜单背景色*/
		--wolai-modal-hover-bg: var(--wolai-menulist-hover-bg);
		/*窗口弹窗菜单hover背景色*/
		--wolai-bg: rgb(248, 245, 230);
		/*主界面背景色 一般为白色*/
		--wolai-editor-bg: var(--wolai-bg);
		--wolai-quote-inline-bg: rgba(107, 142, 80, .24);
		/*行内引用背景色*/
		--wolai-quote-inline-hover-bg: rgba(107, 142, 80, .64);
		/*行内引用hover背景色*/
		--zero-frame-border: 4px solid rgb(107, 142, 80);
		/*边框颜色*/
		--zero-frame-radius: 16px;
		/*边框半径*/
		--wolai-tooltip-bgcolor: rgb(107, 142, 80);
		/*帮助提示背景色*/
		/*****************************************模板按钮颜色**********************************/
		--wolai-template-button-font-color1: var(--color-basic-700);
		--wolai-template-button-color1: rgb(245, 245, 245);
		/*按钮模板默认颜色*/
		--wolai-template-button-font-color2: var(--color-basic-700);
		--wolai-template-button-color2: rgb(249, 229, 218);
		/*按钮模板第二个颜色*/
		--wolai-template-button-font-color3: var(--color-basic-700);
		--wolai-template-button-color3: rgb(233, 244, 238);
		/*按钮模板第三个颜色*/
		/*****************************************模板按钮颜色**********************************/
		--wolai-empty-text-node-color: rgb(var(--theme), 0.8);
		;
		/*空行颜色*/
		--wolai-delete-color: red;
		/*删除图标和文字颜色*/
		/*****************************************颜色**********************************/
		--wolai-input-bg: rgb(225, 232, 220)/*rgba(107, 142, 80, .19);*/
		;
		--wolai-input-hover-bg: var(--wolai-menulist-hover-bg);
		--wolai-input-hover-shadow: rgba(var(--theme), 0.7) 0px 0px 0px 2px, rgba(15, 15, 15, 0.1) 0px 1px 4px;
		;


		--wolai-sidebar-page-title-font-color: var(--color-basic-900);
		/*左边栏目录标题文字颜色*/
		--wolai-sidebar-icon-color: var(--icon-color);
		/*左边栏图标颜色*/
		--wolai-sidebar-arrow-color: var(--color-basic-500);
		/*左边栏箭头颜色*/
		--wolai-table-hover-border-color: rgba(var(--theme), 0.7);
		/*主题色*/
		--wolai-tooltip-font-color: var(--color-basic-100);
		/*帮助提示文字颜色*/
		--wolai-main-button-bgcolor: rgb(240, 230, 192);
		/*主要按钮背景色*/
		--wolai-main-button-hover-bgcolor: rgba(107, 142, 80);
		/*主要按钮背景hover颜色*/
		--wolai-main-button-font-color: var(--color-basic-800);
		/*主要按钮文字颜色*/
		--wolai-main-button-hover-font-color: var(--color-basic-100);
		/*主要按钮hover文字颜色*/
		--wolai-main-button-border: 1px solid rgba(71, 71, 71, .1);
		--wolai-main-button-hover-border: 1px solid rgba(0, 0, 0, 0.1);
		--wolai-main-button-boxshadow: rgba(21, 103, 35, .1) 0px 0px 0px 1px, rgba(107, 142, 80, .9) 2px 2px 4px;
		--wolai-main-button-hover-boxshadow: rgba(21, 103, 35, .4) 0px 0px 0px 1px, rgba(107, 142, 80, .9) 2px 2px 4px;



		/********************主要按钮hover文字颜色***************************/
		--wolai-button-color: var(--color-basic-800);
		/*按钮文字颜色*/
		--wolai-quote-inline-font-color: var(--color-basic-800);
		/*行内引用文字颜色*/
		--input-border: 1px solid var(--color-basic-transparent-12);
		--input-hover-border: var(--wolai-main-button-hover-border);
		--color-basic-transparent-12: rgba(0, 0, 0, 0.12);
		--wolai-border-color: var(--color-basic-transparent-12);


		--wolai-modal-icon-selected-color: var(--theme-color);
		--wolai-ai-color: rgb(var(--theme), 0.8);
		--wolai-button-hover-bg: var(--color-basic-200);

		--wolai-float-menu-hover-bg: var(--wolai-menulist-hover-bg);
		--sub-page-title-font-weight: 400;
		--wll-color: var(--theme-color);
		--breadcrumb-splitter: var(--color-basic-700);
		/*加载色*/
		--color-basic-50: #fff;
		--color-basic-50-a: rgba(255, 255, 255, 0);
		--color-basic-75: #fafafa;
		--color-basic-100: rgb(247, 247, 247);
		--color-basic-150: rgb(240, 240, 240);
		--color-basic-200: #eaeaea;
		--color-basic-300: #e1e1e1;
		--color-basic-400: #cacaca;
		--color-basic-500: #b3b3b3;
		--color-basic-600: #8e8e8e;
		--color-basic-700: #6e6e6e;
		--color-basic-800: #4b4b4b;
		--color-basic-900: #2c2c2c;
		--color-basic-1000: #161616;
		--color-basic-900-reverse: #fff;
		--wolai-placeholder-color: rgba(0, 0, 0, 0.3);

		--wolai-datebase-image-card-boxshadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.05) 0px 2px 4px;
		--wolai-datebase-image-card-hover-boxshadow: rgba(15, 15, 15, 0.1) 0px 0px 0px 1px, rgba(15, 15, 15, 0.08) 0px 3px 6px;

		--wolai-ai-shadow: rgba(var(--theme), 0.5) 0px 0px 0px 2px, rgba(15, 15, 15, 0.1) 0px 2px 6px;
		;

		--wolai-comment-content-stress: var(--wolai-selected-bgcolor);
		--wolai-comment-content-stress-1: rgba(var(--theme), 0.6);
		--wolai-comment-content-stress-2: var(--theme-color);
		--wolai-comment-content-border: var(--theme-color);

		/*客服对话框*/
		--kf-chat-panel-bgcolor: var(--color-basic-50);

		--add-button-color: #eee;
		/*数据表格右上角添加新记录按钮文字颜色*/
		--theme-color-L1: rgb(var(--theme), 0.4);
		--theme-color-L2: rgb(var(--theme), 0.3);
		--theme-color-L3: rgb(var(--theme), 0.7);
		--theme-color-L4: rgb(var(--theme), 0.1);
		--theme-color-L5: rgb(var(--theme), 0.03);
		/*思维导图*/
		/*--minder-color-bg:#fff;*/
		--wolai-table-header-bg: var(--wolai-sidebar-bg);
	}
}
@-moz-document domain("wolai.com") {
	/*吉卜力补丁*/
	/*************************/
	._3CA9p .D94p7 ._14a94 ._2YuBm ._2Eva8 ._2bhfE {
		background-color: var(--wolai-bg);
		border: none;
	}
	[type=button]._3hJYu {
		background-color: var(--wolai-bg)!important;
	}
	._1WA80 ._2t7mk {
		background-color: rgba(240, 230, 192, .67);
		border: none!important;
		box-shadow: none;
		border-radius: 6px;
	}
	._3nHUG {
		border-radius: 6px;
		padding: 6px;
	}
	._2jmeT,
	._TDnI {
		background-color: rgba(240, 230, 192, .67);
	}
	._2jmeT:hover,
	._TDnI:hover {
		background-color: rgba(240, 230, 192, .97);
	}
	._3dPWV ._1oxyY ._2ILGo ._2-MGe {
		background-color: var(--wolai-sidebar-bg);
		border: none!important;
	}
	._1Ww0E {
		background-color: var(--wolai-input-bg);
	}
	._3dPWV ._1oxyY ._2ILGo .D70qq span {
		color: var(--color-basic-800) !important
	}
	._3dPWV ._1oxyY ._2ILGo ._2-MGe:hover {
		background-color: var(--wolai-input-hover-bg);
		box-shadow: var(--wolai-input-hover-shadow)
	}
	._3v53b ._1qg76 a {
		color: var(--color-basic-800) !important
	}
	._3v53b ._1qg76 a:hover {
		background-color: var(--wolai-input-hover-bg);
	}
	._3v53b ._1qg76:hover {
		box-shadow: var(--wolai-input-hover-shadow)
	}
	.option-menu-container {
		border: var(--zero-frame-border);
		border-radius: var(--zero-frame-radius) !important;
	}

	.css-vxkajr/*,.css-y6gchw*/
	{
		border-radius: var(--zero-frame-radius);
		border: var(--zero-frame-border);
		overflow-x: hidden
	}
	.css-12xdovc {
		border-radius: var(--zero-frame-radius);
	}
	.css-12xdovc:has(._1P4O4),
	.css-12xdovc:has(._2BXCl),
	.css-12xdovc:has(._3e14H),
	.css-2dgeqr:has(.css-1kk5rra),
	.css-12xdovc:has(._3gFMB),
	.css-12xdovc:has(.css-azbqu9),
	.css-12xdovc:has(._0Cwt),
	.css-12xdovc:has(._3Ok0U),
	.css-1vjpwew:has(._3gsZK),
	.css-12xdovc:has(._1sm8N),
	._20Fru,
	.css-1olklbe:has(._3gsZK),
	._1Ohfu,
	.css-12xdovc:has(._3Zu3E),
	.css-12xdovc:has(._2uc8S),
	.css-12xdovc:has(._1eseX),
	.css-y6gchw:has(._2loMk),
	.css-y6gchw:has(._2gnbv),
	.css-y6gchw:has(._1k3-h),
	.css-y6gchw:has(._3aw0-),
	.css-y6gchw:has(._360EP),

.css-y6gchw:has(.smallText),
	.css-12xdovc:has(._2pHUi),
	.css-12plnpy,
	.css-fggsqo,
	.css-12xdovc:has(.PAvPs),
	#math-equation-container,
	div[role="tooltip"]:has(._3xN7C),
	.css-12xdovc:has(._2Xph6),
	.importDialog,
	.css-12xdovc:has(._1qlHi),
	.css-12xdovc:has(._3jQvb),
	.css-12xdovc:has(.AX_nI),
	.css-12xdovc:has(._2mfbS),
	.css-12xdovc:has(._2NQwW),
	.css-12xdovc:has(._2-5NI),
	.PVCKq,
	.X0z9t,
	#network-container {
		border: var(--zero-frame-border);
		border-radius: var(--zero-frame-radius) !important;
	}
	._3H7Nr {
		border-radius: 12px !important;
	}
	[type=button]._3hJYu:hover {
		background-color: var(--theme-color) !important;
	}
	._3ufuR {
		border-radius: 12px 12px 0 0 !important;
	}

	._2Xph6 ._2OxQN ._1ufG-,
	._2tu2Z ._1SPUE ._1OA14 ._2iKqT ._2uaRu ._22sR8 {
		background-color: var(--wolai-input-bg);
		border-radius: 6px
	}
	._2EAQX {
		margin: 0 6px 9px 0;
	}
	#emoji-container ._34gzH {
		width: 52px;
		height: 52px;
	}
	._38w6r {
		padding: 10px 0 10px 10px;
	}
	.X0z9t {
		overflow: hidden !important;
	}
	._335mV {
		width: 38px;
	}
	._1LuFX ._2VTdz ._1bZW9 {

		width: 99px;
	}
	._1CLEt {
		border-radius: 12px !important;
		background-color: var(--wolai-bg)
	}
	._20Fru ._2XUl9,
	._2LGaJ .ibgRK,
	._30elg ._3jSns,
	._1OXHV ._2UFba,
	._2u9oI ._2ZhVi,
	._3FvK9,
	._2wM-1,
	._1eseX ._2KSmB {
		background-color: transparent;
	}
	._2Muqc ._2vnsY {
		margin-left: 0;
	}
	._1eMq5 {
		margin-left: -6px !important;
		margin-top: -6px;
	}
	._1n9J8,
	._14B_s...