Wolai Arc Theme by huadu

/* ==UserStyle==
@name         wolai arc theme
@namespace      github.com/openstyles/stylus
@version       1.1.2
@description    A new userstyle
@author        花渡
==/UserStyle== */
@-moz-document domain("wolai.com"),
domain("wolai.kf5.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:207, 86, 89;
		/*主题色*/
		--wolai-sidebar-selected-bgcolor: rgba(255, 71, 71, .15);
		/*左边栏当前页面标题背景色 rgba(255, 71, 71, .15)*/
		
		--icon-color: var(--color-basic-800);
		/*图标颜色*/
		/*--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(245, 245, 245);
		/*左边栏背景颜色 rgb(245, 245, 245)*/
		--wolai-sidebar-hoverbg: rgba(239, 239, 237);
		/*左边栏标题的hover背景色rgb(239, 239, 237)*/
		--wolai-menulist-hover-bg: rgba(243, 243, 243);
		/*菜单列表的hover背景色rgb(243, 243, 243)*/
		--wolai-selected-bgcolor: rgba(var(--theme), 0.05);
		/*块被选中的背景色*/
		--wolai-code-selected-bgcolor: rgba(var(--theme), 0.3);
		/*代码块被选中时颜色*/
		--wolai-modal-bg: var(--color-basic-50);
		/*窗口弹窗菜单背景色*/
		--wolai-modal-hover-bg: var(--wolai-menulist-hover-bg);
		/*窗口弹窗菜单hover背景色*/
		--wolai-bg: rgb(255, 255, 255);
		/*主界面背景色 一般为白色*/
		--wolai-editor-bg:var(--wolai-bg);
		--wolai-quote-inline-bg: var(--color-basic-200);
		/*行内引用背景色*/
		--wolai-quote-inline-hover-bg: var(--color-basic-100);
		/*行内引用hover背景色*/
		
		--zero-frame-border: 0.8px solid var(--color-basic-300);
		/*边框颜色*/
		--zero-frame-radius: 9px;
		/*边框半径*/
		
		--wolai-tooltip-bgcolor: var(--color-basic-800);
		/*帮助提示背景色*/
		/*****************************************模板按钮颜色**********************************/
		--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: var(--theme-color);
		/*空行颜色*/
		--wolai-delete-color: red;
		/*删除图标和文字颜色*/
		/*****************************************颜色**********************************/
		--wolai-input-bg: var(--wolai-menulist-hover-bg);
		--wolai-input-hover-bg: var(--wolai-menulist-hover-bg);
		--wolai-input-hover-shadow: rgba(var(--theme), 0.5) 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: var(--wolai-selected-bgcolor);
		/*主题色*/
		--wolai-tooltip-font-color: var(--color-basic-100);
		/*帮助提示文字颜色*/
		--wolai-main-button-bgcolor: var(--color-basic-100);
		/*主要按钮背景色*/
		--wolai-main-button-hover-bgcolor: var(--color-basic-50);
		/*主要按钮背景hover颜色*/
		--wolai-main-button-font-color: var(--color-basic-800);
		/*主要按钮文字颜色*/
		--wolai-main-button-hover-font-color: var(--color-basic-800);
		/*主要按钮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(0, 0, 0, 0.1) 0px 1px 3px;
		--wolai-main-button-hover-boxshadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 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: var(--wolai-main-button-hover-boxshadow);

		--wolai-comment-content-stress: var(--wolai-selected-bgcolor);
		--wolai-comment-content-stress-1: var(--theme-color);
		--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: var(--theme-color);
    --theme-color-L2: #e2857f;
    --theme-color-L3: #e03e3e;
    --theme-color-L4: rgba(207, 86, 89, 0.3);
    --theme-color-L5: rgba(207, 86, 89, 0.15);
	}
}
@-moz-document domain("wolai.com"),
domain("wolai.kf5.com") {
	/*黑色主题变量*/
	:root[theme=dark],
	:root.dingtalkpersonal[theme=dark] {
		--wolai-sidebar-border-r: 50em;
		/*菜单项按钮输入框圆角半径*/
		/*****************************************颜色**********************************/
		--color: rgb(207, 86, 89), rgb(64, 113, 241), rgb(237, 127, 14), rgb(33, 205, 4), rgb(137, 82, 186), rgb(99, 162, 119);
		/*选色模板,将三个数值替换下面的三个数字即可改变主题色*/
		/*****************************************关键颜色**********************************/
		--theme:137, 82, 186;
		/*主题色数值*/
		--icon-color: rgb(var(--theme), 0.9);
		/*--icon-color: rgba(var(--theme),0.9);*/
		/*图标颜色*/
		--wolai-sidebar-selected-bgcolor: rgb(var(--theme), 0.4);
		/*左边栏当前页面标题背景色*/
		--wolai-sidebar-selected-hover-bgcolor: rgb(var(--theme), 0.6);
		/*左边栏当前页面标题背景色*/
		/*****************************************关键颜色**********************************/
		--theme-color: rgb(var(--theme));
		/*主题色*/
		--wolai-sidebar-bg: rgb(47, 51, 54);
		/*左边栏背景颜色*/
		--wolai-sidebar-hoverbg: rgba(67, 70, 72);
		/*左边栏标题hover*/
		--wolai-menulist-hover-bg: var(--wolai-sidebar-hoverbg);
		/*菜单列表的hover背景色*/
		--wolai-selected-bgcolor: rgba(var(--theme), 0.1);
		/*块被选中的背景色*/
		--wolai-code-selected-bgcolor: rgba(var(--theme), 0.15);
		/*代码块被选中时颜色*/
		--wolai-modal-bg: var(--wolai-sidebar-bg);
		/*窗口背景色*/
		--wolai-modal-hover-bg: var(--wolai-menulist-hover-bg);
		/*窗口菜单hover背景色*/
		--wolai-bg: var(--color-basic-50);
		/*编辑区背景色*/
		--wolai-editor-bg:var(--wolai-bg);
		--wolai-tooltip-bgcolor: var(--color-basic-1000);
		/*帮助提示背景色*/
		--wolai-quote-inline-bg: var(--color-basic-200);
		/*行内引用背景色*/
		--wolai-quote-inline-hover-bg: var(--color-basic-100);
		/*行内引用hover背景色*/
		/*****************************************模板按钮颜色**********************************/
		--wolai-template-button-font-color1: var(--color-basic-800);
		--wolai-template-button-color1: rgb(85, 83, 83, .61);
		/*按钮模板默认颜色*/
		--wolai-template-button-font-color2: var(--color-basic-800);
		--wolai-template-button-color2: rgba(69, 106, 75, .61);
		/*按钮模板第二个颜色*/
		--wolai-template-button-font-color3: var(--color-basic-800);
		--wolai-template-button-color3: rgb(56, 83, 134, .61);
		/*按钮模板第三个颜色*/
		/*****************************************模板按钮颜色**********************************/
		--zero-frame-border: 0.8px solid rgb(var(--theme), 0.4);
		/*边框颜色*/
		--zero-frame-radius: 9px;
		/*边框半径*/
		--wolai-empty-text-node-color: var(--theme-color);
		/*空行颜色*/
		--wolai-delete-color: #f16921;
		/*删除图标和文字颜色*/
		/*****************************************颜色**********************************/
		--wolai-input-bg: var(--wolai-menulist-hover-bg);
		--wolai-input-hover-bg: var(--wolai-menulist-hover-bg);
		--wolai-input-hover-shadow: rgba(var(--theme), 0.5) 0px 0px 0px 2px, rgba(15, 15, 15, 0.1) 0px 2px 6px;

		--wolai-sidebar-page-title-font-color: var(--color-basic-800);
		/*左边栏目录标题文字颜色*/
		--wolai-sidebar-icon-color: var(--icon-color);
		/*左边栏图标颜色*/
		--wolai-sidebar-arrow-color: var(--color-basic-500);
		/*左边栏箭头颜色*/
		--wolai-table-hover-border-color: var(--wolai-selected-bgcolor);

		--wolai-tooltip-font-color: var(--color-basic-100);
		/*帮助提示文字颜色*/
		/*********************************/
		--wolai-quote-inline-font-color: var(--color-basic-800);
		/*行内引用文字颜色*/
		--wolai-main-button-bgcolor: var(--wolai-input-bg);
		/*主要按钮背景色*/
		--wolai-main-button-hover-bgcolor: var(--color-basic-50);
		/*主要按钮背景hover颜色*/
		--wolai-main-button-font-color: var(--color-basic-800);
		/*主要按钮文字颜色*/
		--wolai-main-button-hover-font-color: var(--color-basic-1000);
		/*主要按钮hover文字颜色*/
		--wolai-main-button-border: 1px solid rgba(255, 255, 255, 0.10);
		/**/
		--wolai-main-button-hover-border: 1px solid rgba(255, 255, 255, 0.15);
		/**/
		--wolai-main-but...