From 338779c5f3b3a10202e9fc232bc6e5e6d4d03885 Mon Sep 17 00:00:00 2001 From: Christoph Dyllick-Brenzinger Date: Thu, 11 Jun 2026 08:36:10 +0200 Subject: [PATCH] add more custom css --- docs/assets/javascripts/extra.js | 790 ++++++++++++++++++++- docs/customization/css-templates/6_0_x.css | 379 ++++++++++ docs/customization/css-templates/6_1_x.css | 399 +++++++++++ docs/customization/main-color.md | 41 +- 4 files changed, 1579 insertions(+), 30 deletions(-) create mode 100644 docs/customization/css-templates/6_0_x.css create mode 100644 docs/customization/css-templates/6_1_x.css diff --git a/docs/assets/javascripts/extra.js b/docs/assets/javascripts/extra.js index b1d2815f2..ec8e57d99 100644 --- a/docs/assets/javascripts/extra.js +++ b/docs/assets/javascripts/extra.js @@ -426,8 +426,791 @@ function update_custom_color(version) { var divElement = document.getElementById("cc_output_" + version); var codeElement = divElement.querySelector("code"); - if (version === "v5.3") { - var css_input = `#lang-context-selector li:hover { background-color: ##maincolor##;} + if (version === "v6.1") { + var css_input = `/* custom-css for v6.1 generated on https://admin.seatable.com/customization/main-color/ */ +#lang-context-selector li:hover { background-color: ##maincolor##;} +#quota-bar .usage { display: inline-block; height: 100%; vertical-align: top; background: ##maincolor##;} +.a-simulate { color: ##maincolor## !important; text-decoration: none; font-weight: normal; cursor: pointer;} +.access-control-qr-code-wrapper .qrcode-copy-btn:active,.access-control-qr-code-wrapper .qrcode-copy-btn:hover{background-color:##maincolor##!important;color:#fff} +.access-control-qr-code-wrapper .qrcode-copy-btn{background-color:#fff;border-color:##maincolor##;color:##maincolor##} +.account-dialog .op-target{word-wrap:break-word;color:##maincolor##} +.activity-department-item .department-avatar-container{background:##maincolor##;border-radius:50%;height:18px;padding:2px 2px 3px;width:18px} +.add-module-dialog .app-select-module-item.selected .app-select-module-item-image-container,.add-module-dialog .app-select-module-item.selected .app-select-module-item-image-container:hover{border-color:##maincolor##} +.add-module-dialog .app-select-module-item.selected .app-select-module-item-name{color:##maincolor##} +.add-page-dialog .app-select-page-item.selected .app-select-page-item-image-container,.add-page-dialog .app-select-page-item.selected .app-select-page-item-image-container:hover{border-color:##maincolor##} +.add-page-dialog .app-select-page-item.selected .app-select-page-item-name{color:##maincolor##} +.add-page-dialog .steps-header .step-nav.active{border-bottom:2px solid ##maincolor##;color:##maincolor##} +.add-user-select-all-container .select-all,.department-dialog-member-head .select-all{color:##maincolor##;cursor:pointer;font-size:.8125rem} +.add-workflow-task-dialog .add-workflow-task-body .submit-workflow.focus{background-color:##maincolor##;border-color:##maincolor##;color:#fff} +.ai-chat-input-container.focus{box-shadow:0 0 0 1px ##maincolor##} +.ai-chat-input-operations-container .icon-send-wrapper svg{color:##maincolor##;font-size:16px} +.ai-page-generator-chat-empty-tips .ai-new-chat-tip-icon{color:##maincolor##;height:44px;width:44px} +.ai-page-generator-chat-message-code-content.active{border-color:##maincolor##} +.ai-page-generator-chat-user-message .ai-page-generator-chat-message-content{background-color:##maincolor##26;border-radius:6px 0 6px 6px;padding:10px} +.app-comment-footer .comment-input-footer.focused,.app-comment-footer .comment-input.focused{border-color:##maincolor##} +.app-comment-footer .submit-comment .seatable-icon-send{fill:##maincolor##} +.app-file-item:hover .file-add-box .file-add-button i,.file-editor-container .file-wrapper:hover .file-add-button i{color:##maincolor##} +.app-form-settings .app-form-settings-header-tab.active{border-bottom:2px solid ##maincolor##;color:##maincolor##} +.app-form-settings .table-setting .add-all{color:##maincolor##;cursor:pointer} +.app-group-container .load-more-apps .load-more-apps-tip{color:##maincolor##;cursor:pointer;margin:0 16px} +.app-icon-settings-popover-nav .nav .nav-item .nav-link.active{border-bottom:.125rem solid ##maincolor##;color:##maincolor##;text-decoration:none} +.app-init_app-init-btns__nGbPX .btn-primary:not(:disabled):not(.disabled):active{background-color:##maincolor##} +.app-init_app-init-btns__nGbPX .btn-primary:not(:disabled):not(.disabled):focus,.app-init_app-init-btns__nGbPX .btn-primary:not(:disabled):not(.disabled):focus-visible{background-color:##maincolor##;border:1px solid ##maincolor##;box-shadow:none;outline:none} +.app-init_app-init-btns__nGbPX .btn-secondary:not(:disabled):not(.disabled):active{background-color:#e6e6e6;border:1px solid ##maincolor##;color:##maincolor##} +.app-init_app-init-btns__nGbPX .btn-secondary:not(:disabled):not(.disabled):focus,.app-init_app-init-btns__nGbPX .btn-secondary:not(:disabled):not(.disabled):focus-visible{background-color:#fff;border:1px solid ##maincolor##;box-shadow:none;color:##maincolor##;outline:none} +.app-init_app-init-btns__nGbPX button:first-child:hover{border:1px solid ##maincolor##;color:##maincolor##} +.app-init_app-init-btns__nGbPX button:first-child{color:##maincolor##} +.app-init_app-init-btns__nGbPX button{border:1px solid ##maincolor##;border-radius:3px;flex:0 0 auto;font-size:13px;font-weight:400} +.app-select-module-item-popover .popover .app-select-module-item-popover-image-container{border:2px solid ##maincolor##;border-radius:3px;overflow:hidden} +.app-select-page-item-popover .popover .app-select-page-item-popover-image-container{border:2px solid ##maincolor##;border-radius:3px;overflow:hidden} +.app-settings-access-control .app-qr-code-share-btn.btn.btn-secondary:active,.app-settings-access-control .app-qr-code-share-btn:hover{background-color:##maincolor##;box-shadow:none;color:#fff} +.app-settings-access-control .app-qr-code-share-btn{border-bottom-left-radius:3px!important;border-color:##maincolor##;border-top-left-radius:3px!important;color:##maincolor##;padding:6px} +.archive-dialog .nav .nav-item .nav-link.active{color:##maincolor##;text-decoration:none} +.archive-dialog .op-target{word-wrap:break-word;color:##maincolor##} +.attachments-management-widget .dirent-table-content .dirent-item-name{color:##maincolor##} +.attachments-management-widget .path-container .path-link{color:##maincolor##} +.attachments-management-widget .tree-node-inner.tree-node-hight-light .tree-node-right-icon .dtable-dirent-dropdown{background-color:##maincolor##} +.attachments-management-widget .tree-view .tree-node-inner.tree-node-hight-light{background-color:##maincolor##!important;border-radius:4px;color:#fff} +.automation-rules-nav-tree-node-main .active-indicator{background-color:##maincolor##;border-radius:3px;height:calc(100% - 4px);left:-8px;position:absolute;top:2px;width:4px} +.base-status-dialog .nav .nav-item .nav-link.active{color:##maincolor##;text-decoration:none} +.base-status-dialog .nav-pills .nav-item .nav-link.active{background-color:##maincolor##;border:none;color:#fff} +.batch-popover .batch-popover-footer .replace-search-item{background:##maincolor##;border:1px solid #e4e4e4;color:#fff} +.big-data-import-process .am-progress-bar{background-color:##maincolor##;border:none;border-radius:5px;height:10px!important} +.big-screen-menu .menu-item.active{background:#ffefe0;color:##maincolor##} +.btn-check:checked+.btn,.btn-outline-primary:active,.btn-outline-primary:hover,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{background-color:##maincolor##;border-color:##maincolor##;color:#fff} +.btn-outline-primary:hover,.btn-primary:hover{background-color:##maincolor##;border-color:##maincolor##} +.btn-outline-primary{--bs-btn-color:##maincolor##;--bs-btn-border-color:##maincolor##;--bs-btn-hover-color:#000;--bs-btn-hover-bg:##maincolor##;--bs-btn-hover-border-color:##maincolor##;--bs-btn-focus-shadow-rgb:237,113,9;--bs-btn-active-color:#000;--bs-btn-active-bg:##maincolor##;--bs-btn-active-border-color:##maincolor##;--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,.125);--bs-btn-disabled-color:##maincolor##;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:##maincolor##;--bs-gradient:none} +.btn-outline-universal-01.disabled,.btn-outline-universal-01:disabled{background-color:initial;color:##maincolor##} +.btn-outline-universal-01.focus,.btn-outline-universal-01:focus{box-shadow:0 0 0 2px ##maincolor##80} +.btn-outline-universal-01:hover{background-color:##maincolor##;border-color:##maincolor##;color:#fff} +.btn-outline-universal-01:not(:disabled):not(.disabled).active,.btn-outline-universal-01:not(:disabled):not(.disabled):active,.show>.btn-outline-universal-01.dropdown-toggle{background-color:##maincolor##;border-color:##maincolor##;color:#fff} +.btn-outline-universal-01:not(:disabled):not(.disabled).active:focus,.btn-outline-universal-01:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-universal-01.dropdown-toggle:focus{box-shadow:0 0 0 2px ##maincolor##80} +.btn-outline-universal-01{background-color:initial;background-image:none;border-color:##maincolor##;color:##maincolor##} +.btn-primary{--bs-btn-color:#000;--bs-btn-bg:##maincolor##;--bs-btn-border-color:##maincolor##;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#f0862e;--bs-btn-hover-border-color:#ef7f22;--bs-btn-focus-shadow-rgb:201,96,8;--bs-btn-active-color:#000;--bs-btn-active-bg:#f18d3a;--bs-btn-active-border-color:#ef7f22;--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:##maincolor##;--bs-btn-disabled-border-color:##maincolor##} +.btn-universal-01.disabled,.btn-universal-01:disabled{background-color:##maincolor##;border-color:##maincolor##;color:#fff} +.btn-universal-01.focus,.btn-universal-01:focus{box-shadow:0 0 0 2px ##maincolor##80} +.btn-universal-01:hover{background-color:##maincolor##;border-color:##maincolor##;color:#fff} +.btn-universal-01:not(:disabled):not(.disabled).active,.btn-universal-01:not(:disabled):not(.disabled):active,.show>.btn-universal-01.dropdown-toggle{background-color:##maincolor##;border-color:##maincolor##;color:#fff} +.btn-universal-01:not(:disabled):not(.disabled).active:focus,.btn-universal-01:not(:disabled):not(.disabled):active:focus,.show>.btn-universal-01.dropdown-toggle:focus{box-shadow:0 0 0 2px ##maincolor##80} +.btn-universal-01{background-color:##maincolor##;border-color:##maincolor##;color:#fff} +.calendar-plugin-container .view-item .view-item-content:hover{border-color:##maincolor##;color:#212529;cursor:pointer} +.calendar-plugin-container .view-item .view-item-content:hover{border-color:##maincolor##;color:#444;cursor:pointer} +.calendar-plugin-container .view-item.active .view-item-content{border-color:##maincolor##;color:#212529;cursor:default} +.calendar-plugin-container .view-item.active .view-item-content{border-color:##maincolor##;color:#444;cursor:default} +.canvas-groups-rows .group-item-drag-overlay{background-color:#3d91ff14;border:2px solid ##maincolor##;border-radius:5px;bottom:0;box-shadow:0 0 10px #3d91ff33;box-sizing:border-box;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1001} +.chat-message:after{border-bottom:6px solid transparent;border-left:6px solid ##maincolor##;border-top:6px solid transparent;content:"";position:absolute;right:-5px;top:7px} +.chat-message{background-color:##maincolor##;border-radius:3px;color:#fff;display:inline-block;font-size:.875rem;line-height:1.4;margin:0 .5rem 0 2.5rem;padding:.375rem .5rem;position:relative;text-align:left;white-space:normal} +.color-setting-dialog .rule-color-container .color-setting-add-color{color:##maincolor##;cursor:pointer} +.colorinput-input:focus~.colorinput-color{border-color:##maincolor##;box-shadow:0 0 0 2px rgba(237,113,9,.25)} +.column-select-all{color:##maincolor##} +.comment-footer-container .comment-collaborator-tip:hover,.comment-footer-container .comment-image-tip:hover{color:##maincolor##} +.comment-header .comment-header-tool .comment-item-active{border-bottom:2px solid ##maincolor##;color:#212529} +.copy-dtable-dialog .custom-switch-input:checked~.custom-switch-indicator{background:##maincolor##} +.custom-range::-moz-range-progress{background:##maincolor##;border:0;height:2px;margin-top:0} +.custom-range::-ms-fill-lower{background:##maincolor##;border-radius:0} +.custom-range::-webkit-slider-runnable-track{background:##maincolor##;content:"";height:2px;pointer-events:none} +.custom-range:focus::-moz-range-thumb{background-color:##maincolor##;border-color:##maincolor##} +.custom-range:focus::-ms-thumb{background-color:##maincolor##;border-color:##maincolor##} +.custom-range:focus::-webkit-slider-thumb{background-color:##maincolor##;border-color:##maincolor##} +.custom-switch-input:checked~.custom-switch-indicator{background:##maincolor##} +.custom-switch-input:focus~.custom-switch-indicator{border-color:##maincolor##;box-shadow:0 0 0 2px rgba(237,113,9,.25)} +.delete-record-description-view .restore{color:##maincolor##;display:inline-block;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:20%} +.department-dialog-content .department-dialog-group .group-item.tr-highlight:hover,.department-dialog-content .department-dialog-group .tr-highlight{background-color:##maincolor##;color:#fff} +.department-dialog-member-head .select-all{color:##maincolor##;cursor:pointer;font-size:.8125rem} +.department-single-select-formatter .department-avatar-container { background: ##maincolor##; border-radius: 50%; height: 18px; padding: 2px 2px 3px; width: 18px} +.department-single-select-formatter .department-avatar-container, .selected-departments .department-avatar-container, .selected-option-show .department-avatar-container { background: ##maincolor##; border-radius: 50%; height: 18px; padding: 2px 2px 3px; width: 18px} +.department-single-select-formatter .department-avatar-container, .selected-departments.dtable-ui .department-avatar-container, .selected-option-show .department-avatar-container { background: ##maincolor##; border-radius: 50%; height: 18px; padding: 2px 2px 3px; width: 18px} +.department-single-select-formatter .department-avatar-container,.selected-departments .department-avatar-container,.selected-option-show .department-avatar-container{background:##maincolor##;border-radius:50%;height:18px;padding:2px 2px 3px;width:18px} +.department-single-select-formatter .department-avatar-container,.selected-departments.dtable-ui .department-avatar-container,.selected-option-show .department-avatar-container{background:##maincolor##;border-radius:50%;height:18px;padding:2px 2px 3px;width:18px} +.department-single-select-formatter .department-avatar-container{background:##maincolor##;border-radius:50%;height:18px;padding:2px 2px 3px;width:18px} +.departments-tree-panel .departments-v2-hight-light{background-color:##maincolor##!important;border-radius:4px;color:#fff} +.dialog-side-nav .nav-link.active::before,.tree-node-item-active::before { background-color: ##maincolor##; border-radius: 2px; content: ""; display: block; left: -8px; position: absolute; top: 4px; bottom: 4px; width: 4px; z-index: 0;} +.dialog-side-nav .nav-pills .nav-item .nav-link.active:before{background-color:##maincolor##;border-radius:2px;bottom:4px;content:"";display:block;left:-8px;position:absolute;top:4px;width:4px;z-index:0} +.digital-sign-view-panel-operations .mobile-btn-clear{color:##maincolor##} +.download-file-dialog .download-files-header .select-columns{color:##maincolor##;cursor:pointer} +.download-file-dialog .download-files-item .downloading-file-cancel{color:##maincolor##;opacity:.8} +.download-files-dialog .download-files-header .select-columns{color:##maincolor##;cursor:pointer} +.dropdown-item:focus,.dropdown-item:hover{background-color:##maincolor##;color:#fff} +.dropdown-menu-dark{--bs-dropdown-color:#dee2e6;--bs-dropdown-bg:#343a40;--bs-dropdown-border-color:rgba(0,40,100,.12);--bs-dropdown-box-shadow: ;--bs-dropdown-link-color:#dee2e6;--bs-dropdown-link-hover-color:#fff;--bs-dropdown-divider-bg:rgba(0,40,100,.12);--bs-dropdown-link-hover-bg:hsla(0,0%,100%,.15);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:##maincolor##;--bs-dropdown-link-disabled-color:#adb5bd;--bs-dropdown-header-color:#adb5bd} +.dropdown-menu{--bs-dropdown-zindex:1000;--bs-dropdown-min-width:10rem;--bs-dropdown-padding-x:0;--bs-dropdown-padding-y:0.5rem;--bs-dropdown-spacer:0.125rem;--bs-dropdown-font-size:0.875rem;--bs-dropdown-color:#212529;--bs-dropdown-bg:#fff;--bs-dropdown-border-color:rgba(0,40,100,.12);--bs-dropdown-border-radius:3px;--bs-dropdown-border-width:1px;--bs-dropdown-inner-border-radius:2px;--bs-dropdown-divider-bg:rgba(0,40,100,.12);--bs-dropdown-divider-margin-y:0.5rem;--bs-dropdown-box-shadow:0 1px 2px 0 rgba(0,0,0,.05);--bs-dropdown-link-color:#212529;--bs-dropdown-link-hover-color:#1e2125;--bs-dropdown-link-hover-bg:#e9ecef;--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:##maincolor##;--bs-dropdown-link-disabled-color:#adb5bd;--bs-dropdown-item-padding-x:1rem;--bs-dropdown-item-padding-y:0.25rem;--bs-dropdown-header-color:#868e96;--bs-dropdown-header-padding-x:1rem;--bs-dropdown-header-padding-y:0.5rem;background-clip:padding-box;background-color:var(--bs-dropdown-bg);border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius);color:var(--bs-dropdown-color);display:none;font-size:var(--bs-dropdown-font-size);list-style:none;margin:0;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);position:absolute;text-align:left;z-index:var(--bs-dropdown-zindex)} +.dtable-app-qr-code-wrapper .qrcode-copy-btn:active,.dtable-app-qr-code-wrapper .qrcode-copy-btn:hover{background-color:##maincolor##!important;color:#fff} +.dtable-app-qr-code-wrapper .qrcode-copy-btn{background-color:#fff;border-color:##maincolor##;color:##maincolor##} +.dtable-automation-rules .automation-card-content .automation-card-main-content.active{border-color:##maincolor##} +.dtable-automation-rules .automation-card-content .automation-card-main-content.automation-card-is-over{border:2px dashed ##maincolor##} +.dtable-automation-rules .automation-card-content-unselected .automation-card-item .add-option:hover{border:2px dashed ##maincolor##;border-radius:4px} +.dtable-automation-rules .automation-card-content-unselected .automation-card-item .add-option{align-items:center;border:2px dashed #ddd;border-radius:4px;color:##maincolor##;display:flex;justify-content:center} +.dtable-automation-rules-header-left .dtable-icon-automation-rules{align-items:center;background-color:##maincolor##;border-radius:3px;color:#fff;display:flex;height:20px;justify-content:center;line-height:20px;width:20px} +.dtable-comment-footer .comment-input.focused{border-color:##maincolor##} +.dtable-comment-footer .submit-comment .seatable-icon-send{fill:##maincolor##} +.dtable-dropdown-menu .view-description-img{border:2px solid ##maincolor##;border-radius:5px;flex-shrink:0;min-height:70px;width:100px} +.dtable-edit-form .form-header-title .dtable-icon-form{color:##maincolor##;font-size:24px} +.dtable-excel-preview-dialog .dtable-excel-preview-dialog-nav{background-color:##maincolor##;margin:0;padding:10px 10px 0} +.dtable-external-links-content .external-link-item a{color:##maincolor##} +.dtable-file-addition-container .dtable-file-addition-left .selected-dtable-addition-item{background-color:##maincolor##;color:#fff} +.dtable-file-addition-right .dtable-file-upload-container .dtable-file-add-span .dtable-file-add-span-btn{color:##maincolor##;cursor:pointer;position:relative} +.dtable-file-addition-right .dtable-file-upload-container .file-drop-active .dtable-font{color:##maincolor##} +.dtable-file-addition-right .dtable-file-upload-container:hover .dtable-icon-add-files{color:##maincolor##} +.dtable-file-addition-right .dtable-file-wrapper .dtable-file-wrapper-drop-active i{color:##maincolor##} +.dtable-file-addition-right .dtable-file-wrapper:hover .dtable-file-add-button i{color:##maincolor##} +.dtable-file-previewer-header .files-operation-content{color:##maincolor##} +.dtable-image-addition-container .dtable-image-addition-left .selected-dtable-addition-item{background-color:##maincolor##;color:#fff} +.dtable-path-container .dtable-path-link{color:##maincolor##} +.dtable-plugin-setting-item .select-group .select-item.active{background-color:#fff2e4;box-shadow:0 0 0 1px ##maincolor##;color:##maincolor##} +.dtable-plugin-setting-item.order-setting .widget-zIndex-content .widget-zIndex-item:hover:not(.disabled){background-color:#fff2e4;box-shadow:0 0 0 1px ##maincolor##;cursor:pointer;z-index:0} +.dtable-radio .dtable-radio-selected-indicator { background-color: ##maincolor##; border: initial !important} +.dtable-radio .dtable-radio-selected-indicator.dtable-radio-indicator-disable { background-color: ##maincolor##} +.dtable-radio .dtable-radio-selected-indicator.dtable-radio-indicator-disable{background-color:##maincolor##} +.dtable-radio .dtable-radio-selected-indicator{background-color:##maincolor##;border:initial!important} +.dtable-refresh{color:##maincolor##!important;cursor:pointer} +.dtable-scripts-module .dtable-scripts-export:hover{background-color:##maincolor##;border-color:##maincolor##;color:#fff} +.dtable-scripts-module .dtable-scripts-export{background-color:#fff;color:##maincolor##;width:130px} +.dtable-select .option.option-active{background-color:##maincolor##;color:#fff;cursor:pointer} +.dtable-ui-file-editor-previewer .dtable-ui-file-editor-previewer-header .dtable-ui-file-editor-operation-content{color:##maincolor##} +.dtable-ui-geolocation-submit-map-editor{background-color:#fff;border:1px solid #0000;border-radius:3px;box-shadow:0 0 12px #0000004d;color:##maincolor##;cursor:pointer;display:inline-block;font-size:.875rem;height:38px;line-height:1.8461538462;margin-left:16px;padding:.375rem .75rem;text-align:center;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap} +.dtable-ui-image-addition-container .dtable-ui-image-addition-left .dtable-ui-addition-item-selected{background-color:##maincolor##;color:#fff} +.editor-column-popover-inner .submitSelect{box-shadow:0 0 0 2px ##maincolor##80} +.field-setting .field-setting-banner .show-all-button{color:##maincolor##;cursor:pointer;font-size:12px} +.file-addition-right .file-upload-container .file-add-span .file-add-span-btn{color:##maincolor##;cursor:pointer;position:relative} +.file-addition-right .file-upload-container .file-drop-active .dtable-font,.file-addition-right .file-upload-container:hover .dtable-icon-add-files,.file-addition-right .file-wrapper .file-wrapper-drop-active i,.file-addition-right .file-wrapper:hover .file-add-button i{color:##maincolor##} +.file-chooser-content-container .file-chooser-left .select-file-chooser-nav-item{background-color:##maincolor##!important;color:#fff} +.file-editor-container .file-upload-container .file-add-span .file-add-span-btn{color:##maincolor##;cursor:pointer;position:relative} +.file-editor-container .file-upload-container .file-drop-active .dtable-font{color:##maincolor##} +.file-editor-container .file-upload-container:hover .dtable-icon-add-files{color:##maincolor##} +.file-editor-container .file-wrapper .file-wrapper-drop-active i{color:##maincolor##} +.file-editor-container .file-wrapper:hover .file-add-button i,.share-form-item-file:hover .file-add-box .file-add-button i{color:##maincolor##} +.file-management-toolbar .select-file-management-item{color:##maincolor##} +.file-upload-item .upload-operation .error-uploaded{color:##maincolor##;cursor:pointer} +.form-check-input:checked{background-color:##maincolor##;border-color:##maincolor##} +.form-check-input[type=checkbox]:indeterminate{background-color:##maincolor##;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3E%3C/svg%3E");border-color:##maincolor##} +.form-help:hover,.form-help[aria-describedby]{background:##maincolor##;color:#fff} +.form-items-container .dragging-add-field{border:1px dashed ##maincolor##;color:##maincolor##} +.form-items-container .drop-placeholder{border:2px dashed ##maincolor##;border-radius:3px;height:100px;opacity:.75;width:100%} +.form-qr-code-wrapper .qrcode-copy-btn:active,.form-qr-code-wrapper .qrcode-copy-btn:hover{background-color:##maincolor##!important;color:#fff} +.form-qr-code-wrapper .qrcode-copy-btn{background-color:#fff;border-color:##maincolor##;color:##maincolor##} +.form-range::-moz-range-thumb{appearance:none;background-color:##maincolor##;border:0;border-radius:1rem;height:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:1rem} +.form-range::-webkit-slider-thumb{appearance:none;background-color:##maincolor##;border:0;border-radius:1rem;height:1rem;margin-top:-.25rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:1rem} +.form-remark-background-setting .no-active-option .select-group-item:hover{background-color:#fff2e4;box-shadow:0 0 0 1px ##maincolor##;cursor:pointer} +.form-remark-background-setting .select-group-container .select-group-item.active{background-color:#fff2e4;box-shadow:0 0 0 1px ##maincolor##;color:##maincolor##} +.formula-format-editor-popover .btn-re-detect{align-items:center;border-color:##maincolor##;display:flex;font-weight:400;height:30px;justify-content:center;margin:0 0 0 15px;padding-bottom:0;padding-top:0} +.formula-format-editor-popover .btn-secondary:not(:disabled):not(.disabled):active{background-color:initial;border-color:##maincolor##;color:##maincolor##} +.formula-result-type-detector .btn-re-detect{align-items:center;color:##maincolor##;display:flex;font-weight:400;justify-content:center} +.gallery-view-mobile-settings .column-select-all{color:##maincolor##} +.grid-pane-divider .tooltip-pane-divider .freeze-columns-length{color:##maincolor##;font-weight:500;padding:0 4px} +.group-manage-trash-dialog .trash-dtables .trash-table-restore{color:##maincolor##;cursor:pointer} +.group-selector .option.option-active{background-color:##maincolor##;color:#fff;cursor:pointer} +.groupby-popover .groupbys-tools .groupbys-tool-item.active{color:##maincolor##} +.header-dropdown .dropdown-item:hover { background-color: ##maincolor##; color: #fff; cursor: pointer} +.header-dropdown .dropdown-item:hover{background-color:##maincolor##;color:#fff;cursor:pointer} +.image-editor-container .image-upload-container .image-add-span .image-add-span-btn{color:##maincolor##;cursor:pointer;position:relative} +.image-editor-container .image-upload-container .image-drop-active .dtable-font{color:##maincolor##} +.image-editor-container .image-upload-container:hover .dtable-icon-add-files{color:##maincolor##} +.image-editor-container .image-wrapper .image-wrapper-drop-active i{color:##maincolor##} +.image-editor-container .image-wrapper:hover .image-add-button i,.share-form-item-image:hover .image-add-box .image-add-button i{color:##maincolor##} +.image-view i{animation:rotate 1.5s ease infinite;color:##maincolor##;font-size:30px;height:100%;line-height:150px;text-align:center;width:100%} +.imagecheck-figure:before{background:##maincolor## url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") no-repeat 50%/50% 50%;border-radius:3px;color:#fff;content:"";display:block;height:1rem;left:.25rem;opacity:0;pointer-events:none;position:absolute;top:.25rem;transition:opacity .3s;user-select:none;width:1rem;z-index:1} +.imagecheck-input:focus~.imagecheck-figure{border-color:##maincolor##;box-shadow:0 0 0 2px rgba(237,113,9,.25)} +.info-bar-info span:first-child{color:##maincolor##} +.introduction-video .video-js .vjs-control-bar{background-color:##maincolor##cc} +.introduction-video-mobile .introduction-video-btn{background-color:##maincolor##;border-radius:26px;margin-top:5rem} +.kanban-view-mobile .column-select-all{color:##maincolor##} +.link-primary{color:##maincolor##!important} +.link-records-editor .create-link-records .new-record:hover{background:#fff;border-color:##maincolor##} +.link-records-editor .create-link-records .new-record{align-items:center;border:1px dashed #ccc;border-radius:4px;color:##maincolor##;display:inline-flex;justify-content:center;padding:0 10px;width:100%} +.list-group{--bs-list-group-color:#212529;--bs-list-group-bg:#fff;--bs-list-group-border-color:rgba(0,40,100,.12);--bs-list-group-border-width:1px;--bs-list-group-border-radius:3px;--bs-list-group-item-padding-x:1rem;--bs-list-group-item-padding-y:0.5rem;--bs-list-group-action-color:#495057;--bs-list-group-action-hover-color:#495057;--bs-list-group-action-hover-bg:#f8f9fa;--bs-list-group-action-active-color:#212529;--bs-list-group-action-active-bg:#e9ecef;--bs-list-group-disabled-color:#868e96;--bs-list-group-disabled-bg:#fff;--bs-list-group-active-color:##maincolor##;--bs-list-group-active-bg:#fef9f5;--bs-list-group-active-border-color:rgba(0,40,100,.12);border-radius:var(--bs-list-group-border-radius);display:flex;flex-direction:column;margin-bottom:0;padding-left:0} +.login-panel .login-panel-register-type:hover { border-color: ##maincolor##;} +.mobile-custom-camera .custom-camera-line{animation:pulse 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,##maincolor##4d 20%,##maincolor## 50%,##maincolor##4d 80%,#0000);border:none;border-radius:1px;box-shadow:0 0 6px ##maincolor##80,0 0 12px ##maincolor##4d,0 0 18px ##maincolor##26;height:2px;left:10%;position:absolute;top:0;transform:translateZ(0);width:80%;will-change:top,opacity,transform;z-index:10} +.mobile-float-icon{background-color:##maincolor##;border:none;border-radius:50%;bottom:42px;box-shadow:0 3px 5px -1px #ffa25233,0 6px 10px 0 #ffa25224,0 1px 18px 0 #ffa2521f;color:#999;cursor:pointer;display:flex;font-size:16px;height:50px;position:fixed;right:10px;-webkit-user-select:none;user-select:none;width:50px} +.mobile-main-panel .selected-tab-item{color:##maincolor##;font-size:22px} +.mobile-notification-modal .mobile-notification-tool .notification-type-tabs .tab-item.active{border-bottom:.125rem solid ##maincolor##;color:##maincolor##} +.mobile-row-comment-view .app-comment-footer .submit-comment-mobile .seatable-icon-send{fill:##maincolor##} +.mobile-share-table .mobile-share-title-name{color:##maincolor##;margin-left:5px} +.mobile-share-view .mobile-share-title-name{color:##maincolor##;margin-left:5px} +.mobile_dtable-map-plugin-header-btn-highlight__Fl5zJ{color:##maincolor##} +.mobile_mobile-select-all__iyknZ{color:##maincolor##} +.module-book-start-time-selector-time.selected button,.module-book-start-time-selector-time.selected button:hover{border-color:##maincolor##} +.multicolor-icon-add-record .st1{fill:##maincolor##} +.multicolor-icon-ai .st1{fill:##maincolor##} +.multicolor-icon-workflow .st1{fill:##maincolor##} +.mutiple-tables-tree-view .dtable-tree-insert-row{align-items:center;background-color:##maincolor##;border:none;border-radius:50%;bottom:15px!important;box-shadow:0 2px 8px 0 #a55e0a4d;color:#fff;cursor:pointer;display:flex;font-size:20px;height:50px;justify-content:center;position:fixed;right:15px!important;-webkit-user-select:none;user-select:none;width:50px;z-index:5} +.nav .nav-item .nav-link.active { color: ##maincolor##; text-decoration: none; border-bottom: 0.125rem solid ##maincolor##;} +.nav-pills .nav-item .nav-link.active { background-color: ##maincolor##; color: #fff; border: none;} +.nav-pills{--bs-nav-pills-border-radius:3px;--bs-nav-pills-link-active-color:#fff;--bs-nav-pills-link-active-bg:##maincolor##} +.nav-tabs .nav-submenu .nav-item.active{color:##maincolor##} +.new-narrow-panel .hd { color: #fff; font-size: 16px; padding: 5px 20px; background: ##maincolor##; border-bottom: 1px solid #d5d5d5;} +.new-narrow-panel .hd{color:#fff;font-size:16px;padding:5px 20px;background:##maincolor##;border-bottom:1px solid #d5d5d5} +.no-active-option .select-group-item:hover{background-color:#fff2e4;box-shadow:0 0 0 1px ##maincolor##;cursor:pointer} +.notification-container .notification-body .nav .nav-item .nav-link.active{color:##maincolor##!important} +.op-target { color: ##maincolor##; word-wrap: break-word;} +.operaiton-log-list-toolbar-container .log-date-dropdown .dropdown-item:hover{background-color:##maincolor##;color:#fff} +.operation-table{color:##maincolor##;flex:1 1;max-width:100px} +.operations-log-dialog .operation-tags-container .nav-link.active{border-bottom:.125rem solid ##maincolor##;color:##maincolor##;text-decoration:none} +.option-editor-footer .item-text{color:##maincolor##;cursor:pointer} +.option-group .option.option-active{background-color:##maincolor##;color:#fff;cursor:pointer} +.option.option-active { background-color: ##maincolor##; color: #fff; cursor: pointer} +.option.option-active{background-color:##maincolor##;color:#fff;cursor:pointer} +.order-item .order-price{color:##maincolor##;font-size:26px;font-weight:500} +.org-admin .main-panel .nav .nav-item .nav-link.active,.sys-admin .main-panel .nav .nav-item .nav-link.active{border-bottom:2px solid ##maincolor##;color:##maincolor##;text-decoration:none} +.org-info-content .am-progress-bar{background-color:##maincolor##;border:none;border-radius:5px;height:6px!important} +.outline-h2:hover{color:##maincolor##} +.outline-h3:hover{color:##maincolor##} +.page-designer-add-elements-btn-add-all{color:##maincolor##;cursor:pointer} +.page-designer-box-editor .page-designer-sub-block-element-wrapper[drag-over]{border-color:##maincolor##!important} +.page-designer-drag-beside-element-tips{background-color:##maincolor##;height:calc(100% + 12px);position:absolute;top:-6px;width:2px;z-index:1} +.page-designer-drag-closing-section-tips{background-color:##maincolor##;height:1px;left:0;position:absolute;width:100%;z-index:1} +.page-designer-drag-into-section-tips{background-color:initial!important;border:1px dashed ##maincolor##;height:100%;position:absolute;top:0;z-index:1} +.page-designer-editor .dragging-element-valid-position-tip{background-color:initial!important;border:1px dashed ##maincolor##;z-index:1} +.page-designer-editor .page-designer-element-container .drag-handler{background-color:##maincolor##;border-radius:3px} +.page-designer-editor .page-designer-element-container .right-size-regulator-handler{background:#0000;border-bottom:5px solid ##maincolor##;border-radius:0 0 8px 0;border-right:5px solid ##maincolor##;bottom:-4px;content:"";cursor:se-resize;height:12px;right:-4px;width:12px} +.page-designer-editor .page-designer-section .page-designer-element-container.editing-element{border-color:##maincolor##} +.page-designer-editor .page-designer-section .page-designer-section-container.editing-section{border:2px solid ##maincolor##} +.page-designer-element-setting-type.selected{border-bottom:2px solid ##maincolor##;color:##maincolor##} +.page-designer-horizontal-mark-line{background-color:##maincolor##;height:2px;position:fixed;z-index:9999} +.page-designer-settings-body .radio-group-options .radio-group-button.active{background-color:##maincolor##} +.pagination{--bs-pagination-padding-x:0.75rem;--bs-pagination-padding-y:0.375rem;--bs-pagination-font-size:0.875rem;--bs-pagination-color:#212529;--bs-pagination-bg:#fff;--bs-pagination-border-width:1px;--bs-pagination-border-color:#dee2e6;--bs-pagination-border-radius:3px;--bs-pagination-hover-color:var(--bs-link-hover-color);--bs-pagination-hover-bg:#e9ecef;--bs-pagination-hover-border-color:#dee2e6;--bs-pagination-focus-color:var(--bs-link-hover-color);--bs-pagination-focus-bg:#e9ecef;--bs-pagination-focus-box-shadow:0 0 0 2px rgba(237,113,9,.25);--bs-pagination-active-color:#fff;--bs-pagination-active-bg:##maincolor##;--bs-pagination-active-border-color:##maincolor##;--bs-pagination-disabled-color:#ced4da;--bs-pagination-disabled-bg:#fff;--bs-pagination-disabled-border-color:#dee2e6;display:flex;list-style:none;padding-left:0} +.participants .add-participants i{background-color:#fff;border:2px solid #fff;border-radius:50%;color:##maincolor##;font-size:16px} +.password-reset-panel .password-reset-panel-bottom-container a,.login-panel .login-panel-bottom-container a { color: ##maincolor##; white-space: nowrap;} +.path-link { color: ##maincolor## !important; text-decoration: none;} +.path-toolbar .toolbar-item a:hover{color:##maincolor##;text-decoration:none} +.plan-description-item .plan-description{color:##maincolor##;font-size:20px;font-weight:500} +.plan-description-item.plan-selected{background-color:#fff5eb;border-color:##maincolor##;border-width:2px} +.price-version-container-header .price-version-plan-name{border-bottom:1px solid ##maincolor##;font-size:1.5rem;padding:1rem 0} +.progress{--bs-progress-height:1rem;--bs-progress-font-size:0.65625rem;--bs-progress-bg:#e9ecef;--bs-progress-border-radius:3px;--bs-progress-box-shadow:inset 0 1px 2px rgba(0,0,0,.075);--bs-progress-bar-color:#fff;--bs-progress-bar-bg:##maincolor##;--bs-progress-bar-transition:width 0.6s ease;background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius);font-size:var(--bs-progress-font-size);height:var(--bs-progress-height)} +.rbc-btn-group .rbc-tool-btn.today-btn-disabled,.rbc-btn-group .rbc-tool-btn:hover{background-color:##maincolor##;border:1px solid ##maincolor##;color:#fff} +.rbc-btn-group .rbc-tool-icon:hover{background-color:##maincolor##;color:#fff} +.rbc-btn-group .view-type-list .rbc-view-type.rbc-active{background:##maincolor##;color:#fff} +.rbc-calendar .dtable-calendar-insert-row{align-items:center;background-color:##maincolor##;border:none;border-radius:50%;bottom:15px!important;box-shadow:0 2px 8px 0 #a55e0a4d;color:#fff;cursor:pointer;display:flex;font-size:20px;height:50px;justify-content:center;position:absolute;right:15px!important;-webkit-user-select:none;user-select:none;width:50px;z-index:5} +.rbc-calendar .seatable-plugin-calendar-insert-row{align-items:center;background-color:##maincolor##;border:none;border-radius:50%;bottom:10px;box-shadow:0 2px 8px 0 #a55e0a4d;color:#fff;cursor:pointer;display:flex;font-size:20px;height:50px;justify-content:center;position:absolute;right:5px;-webkit-user-select:none;user-select:none;width:50px;z-index:4} +.rbc-current-time-indicator-label{border-left:0!important;bottom:-10px;color:##maincolor##;font-size:14px;font-weight:400;padding:0 5px;position:absolute} +.rbc-current-time-indicator{background-color:##maincolor##;border-color:##maincolor##;height:1px;pointer-events:none;position:absolute;right:0;z-index:3} +.rbc-now .rbc-date-context{background-color:##maincolor##;color:#fff} +.rbc-year-view .day-events{background-color:##maincolor##;border-radius:50%;height:4px;left:16px;position:absolute;top:22px;width:4px} +.rbc-year-view .rbc-current{background-color:##maincolor##;border-radius:2px;color:#fff} +.rbc-year-view .rbc-year-month-header{color:##maincolor##;padding-left:10px} +.rc-slider-handle-click-focused:focus{border-color:##maincolor##;box-shadow:none} +.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging{border-color:##maincolor##;box-shadow:0 0 0 5px ##maincolor##} +.rc-slider-handle:active{border-color:##maincolor##;box-shadow:0 0 5px ##maincolor##;cursor:grabbing} +.rc-slider-handle:hover{border-color:##maincolor##} +.rc-slider-handle{background-color:#fff;border:2px solid ##maincolor##;border-radius:50%;cursor:pointer;cursor:-webkit-grab;cursor:grab;height:14px;margin-top:-5px;position:absolute;touch-action:pan-x;width:14px} +.rc-slider-track{background-color:##maincolor##;left:0} +.react-contextmenu-item.react-contextmenu-item--active,.react-contextmenu-item.react-contextmenu-item--selected,.react-contextmenu-item:hover{background-color:##maincolor##;border-color:##maincolor##;color:#fff;text-decoration:none} +.restore-base-button{color:##maincolor##;min-width:35px;padding-left:5px;text-align:right} +.row-color-duplicate-value-select .option.option-active{background-color:##maincolor##;color:#fff;cursor:pointer} +.row-detail-from-page{color:##maincolor##;cursor:pointer;font-size:18px;text-decoration:underline} +.row-expand-comments .row-comment-header .row-comment,.row-expand-comments .row-comment-header .row-operation{border-bottom:2px solid ##maincolor##;color:#212529} +.sdoc-file-select-dialog .highlight-bg-color { background-color: ##maincolor##; border-color: ##maincolor##} +.sdoc-file-select-dialog .highlight-bg-color{background-color:##maincolor##;border-color:##maincolor##} +.sdoc-outline-item.active { color: ##maincolor##} +.sdoc-outline-item.active{color:##maincolor##} +.sdoc-popover-menu__item:hover { background-color: ##maincolor##; color: #fff} +.sdoc-popover-menu__item:hover{background-color:##maincolor##;color:#fff} +.sea-ai-assistant-auto-add-members-dialog .ai-assistant-settings-container .sea-ai-assistant-task-table-cell-content{align-items:center;color:##maincolor##;cursor:pointer;display:flex;justify-content:flex-start} +.sea-ai-assistant-chat-file-input-container .sea-ai-assistant-chat-file-upload-icon{background-color:##maincolor##!important;border-radius:8px;height:32px;width:32px} +.sea-ai-assistant-chat-input-container.focus{box-shadow:0 0 0 1px ##maincolor##} +.sea-ai-assistant-message-content .sea-ai-assistant-use-tip-order-item:hover{background-color:##maincolor##;color:#fff;cursor:pointer;transition:all .1s} +.sea-ai-assistant-settings-dialog .ai-assistant-settings-sidebar .ai-assistant-settings-sidebar-item.active-item{background-color:##maincolor##!important;color:#fff} +.sea-ai-assistant-settings-dialog .settings-container-header-right{align-items:center;color:##maincolor##;cursor:pointer;display:flex;-webkit-user-select:none;user-select:none} +.sea-ai-outline-btn:not(.disabled):hover{background-color:##maincolor##;color:#fff;cursor:pointer} +.sea-ai-outline-btn{background-color:#fff;border:1px solid ##maincolor##;border-radius:3px;color:##maincolor##;font-size:13px;font-weight:500;line-height:1;max-width:100%;min-width:24px;padding:6px 12px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content} +.sea-chart-settings .rc-slider-handle { background-color: #fff; border: 2px solid ##maincolor##; border-radius: 50%; cursor: pointer; cursor: -webkit-grab; cursor: grab; height: 14px; margin-top: -5px; position: absolute; touch-action: pan-x; width: 14px} +.sea-chart-settings .rc-slider-handle-click-focused:focus { border-color: ##maincolor##; box-shadow: none} +.sea-chart-settings .rc-slider-handle-click-focused:focus{border-color:##maincolor##;box-shadow:none} +.sea-chart-settings .rc-slider-handle-dragging { border-color: ##maincolor##; box-shadow: 0 0 0 5px ##maincolor##} +.sea-chart-settings .rc-slider-handle-dragging{border-color:##maincolor##;box-shadow:0 0 0 5px ##maincolor##} +.sea-chart-settings .rc-slider-handle:active { border-color: ##maincolor##; box-shadow: 0 0 5px ##maincolor##; cursor: grabbing} +.sea-chart-settings .rc-slider-handle:active{border-color:##maincolor##;box-shadow:0 0 5px ##maincolor##;cursor:grabbing} +.sea-chart-settings .rc-slider-handle:hover { border-color: ##maincolor##} +.sea-chart-settings .rc-slider-handle:hover{border-color:##maincolor##} +.sea-chart-settings .rc-slider-handle{background-color:#fff;border:2px solid ##maincolor##;border-radius:50%;cursor:pointer;cursor:-webkit-grab;cursor:grab;height:14px;margin-top:-5px;position:absolute;touch-action:pan-x;width:14px} +.sea-chart-settings .rc-slider-track { background-color: ##maincolor##; border-radius: 6px; height: 4px; left: 0; position: absolute} +.sea-chart-settings .rc-slider-track{background-color:##maincolor##;border-radius:6px;height:4px;left:0;position:absolute} +.sea-chart-settings .sea-chart-settings-type .sea-chart-settings-type-item.selected { border-bottom: 2px solid ##maincolor##; color: ##maincolor##} +.sea-chart-settings .sea-chart-settings-type .sea-chart-settings-type-item.selected{border-bottom:2px solid ##maincolor##;color:##maincolor##} +.sea-chart-types-dialog .sea-chart-chart-categories-nav .sea-chart-chart-cat-nav-item-container.sea-chart-icon-highlight .chart-icon { color: ##maincolor##} +.sea-chart-types-dialog .sea-chart-chart-categories-nav .sea-chart-chart-cat-nav-item-container.sea-chart-icon-highlight .chart-icon{color:##maincolor##} +.sea-chart-types-dialog .sea-chart-type-item.selected { border-color: ##maincolor##} +.sea-chart-types-dialog .sea-chart-type-item.selected{border-color:##maincolor##} +.search-result-container .search-result-item:hover{background-color:#eee;border-left:2px solid ##maincolor##} +.search-result-list .item-content .item-name{color:##maincolor##!important} +.search-settings-container .fields-setting-header .setting-choose-all{color:##maincolor##;cursor:pointer;font-size:12px} +.seatable-app-form-settings .seatable-app-form-content .dragging-add-field{border:1px dashed ##maincolor##;color:##maincolor##} +.seatable-app-form-settings .seatable-app-form-content .seatable-app-form-drop-placeholder{border:2px dashed ##maincolor##;border-radius:3px;height:100px;opacity:.75;width:100%} +.seatable-app-page .dtable-plugin-column-setting-item-title .setting-choose-all{color:##maincolor##;cursor:pointer;font-size:12px;font-weight:450} +.seatable-app-table.context-dropdown-menu .context-menu-item:focus{background-color:##maincolor##;color:#fff} +.seatable-app-table.context-dropdown-menu .context-menu-item:hover{background-color:##maincolor##;border-color:##maincolor##;color:#fff;text-decoration:none} +.seatable-app-universal-left-bar .btn-left-bar-add:hover{background:##maincolor##} +.seatable-app-universal-left-bar .btn-left-bar-add{align-items:center;background:##maincolor##;border-radius:50%;box-shadow:0 2px 8px #a55e0a4d;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:relative;width:32px} +.seatable-bg-orange{background-color:##maincolor##!important} +.seatable-border-color-orange{border:##maincolor##!important} +.seatable-form-app-settings-panel .add-all{color:##maincolor##;cursor:pointer} +.seatable-icon-orange{color:##maincolor##!important;fill:##maincolor##!important} +.seatable-share-form .form-content .submit-form.focus{background-color:##maincolor##;border-color:##maincolor##;color:#fff} +.seatable-text-orange{color:##maincolor##!important} +.select-button-action-popover .select-button-action-list .select-button-action-item.active{background:##maincolor##;border-radius:4px;color:#fff} +.select-columns-dialog .column-option:hover{background-color:##maincolor##;color:#fff;cursor:pointer} +.select-columns-dialog .select-columns{color:##maincolor##;cursor:pointer;font-size:13px;font-weight:500} +.select-group-container .select-group-item.active{background-color:#fff2e4;box-shadow:0 0 0 1px ##maincolor##;color:##maincolor##} +.select-page-icons .select-page-icon-active,.select-page-icons .select-page-icon-active:hover{background-color:##maincolor##} +.select-user-modal .modal-select-user-header .select-user-close-btn{color:##maincolor##;font-size:14px;font-weight:400;position:absolute;right:15px} +.select-user-modal .modal-select-user-header .select-user-close-btn{color:##maincolor##;font-weight:400;position:absolute;right:15px} +.selectgroup-input:checked+.selectgroup-button{background:#fdf1e6;border-color:##maincolor##;color:##maincolor##;z-index:1} +.selectgroup-input:focus+.selectgroup-button{border-color:##maincolor##;box-shadow:0 0 0 2px rgba(237,113,9,.25);color:##maincolor##;z-index:2} +.setting-btn.active{background-color:##maincolor##;color:#fff} +.sf-context-menu .sf-dropdown-menu-item:hover{background-color:##maincolor##;color:#fff} +.share-add-btn-container .share-add-btn{background:#fff;background-image:none;border-color:##maincolor##;color:##maincolor##;margin-top:10px;outline:none;width:90%} +.share-dialog .op-target{word-wrap:break-word;color:##maincolor##} +.share-dialog-with-qr-code .dtable-qr-code-share-btn.btn.btn-secondary:active,.share-dialog-with-qr-code .dtable-qr-code-share-btn:hover{background-color:##maincolor##;box-shadow:none;color:#fff} +.share-dialog-with-qr-code .dtable-qr-code-share-btn{border-color:##maincolor##;color:##maincolor##;float:right;margin-left:.5rem;padding:5px} +.share-dialog-with-qr-code .share-qrcode .qrcode-copy-btn:active{background-color:##maincolor##;color:#fff} +.share-dialog-with-qr-code .share-qrcode .qrcode-copy-btn{background-color:#fff;border-color:##maincolor##;color:##maincolor##} +.share-link-dialog .share-link-info .share-link-content{color:##maincolor##;cursor:pointer;display:inline-block;width:100%} +.share-table-side .share-nav-item-active{border-bottom:2px solid ##maincolor##;color:#212529} +.share-view-side .share-nav-item-active{border-bottom:2px solid ##maincolor##;color:#212529} +.side-nav-footer .join-us-icon{color:##maincolor##;font-size:20px;margin-right:10px} +.side-panel .nav-link.active{color:##maincolor##} +.single-record-page-record-qrcode-container .qrcode-copy-btn:active{background-color:##maincolor##!important;color:#fff} +.single-record-page-record-qrcode-container .qrcode-copy-btn{background-color:#fff;border-color:##maincolor##;color:##maincolor##} +.single-record-page-setting-element-types-add-all{color:##maincolor##;cursor:pointer} +.statistic-chart-addition-dialog .selected-statistic-type-item{background-color:##maincolor##;color:#fff} +.statistic-chart-preview .dtable-dropdown-menu .dropdown-item:hover{background-color:##maincolor##;color:#fff} +.statistic-dropdown-menu .dropdown-item:hover{background-color:##maincolor##;color:var(--font-hover-color)} +.submit-map-editor{background-color:#fff;border:1px solid #0000;border-radius:3px;box-shadow:0 0 12px #0000004d;color:##maincolor##;cursor:pointer;display:inline-block;font-size:.875rem;height:38px;line-height:1.8461538462;margin-left:16px;padding:.375rem .75rem;text-align:center;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap} +.subscription-container .text-orange{color:##maincolor##!important} +.subscription-submit{background-color:##maincolor##;border-radius:5px;color:#fff;font-size:16px;height:44px;margin-bottom:10px;width:100%} +.switch-refresh-active{background-color:##maincolor##} +.table-calendar-link:before{background:##maincolor##;border-radius:50px;content:"";height:4px;left:.25rem;position:absolute;top:.25rem;width:4px} +.table-calendar-link:hover{background:##maincolor##;color:#fff;text-decoration:none;transition:background .3s} +.table-setting.form-setting-all-required{color:##maincolor##;cursor:pointer} +.tables-tabs-content .tabs-nav-scroll-after{background:linear-gradient(90deg,##maincolor##33,##maincolor##99,##maincolor##);right:10px;top:0;width:20px} +.tables-tabs-content .tabs-nav-scroll-before{background:linear-gradient(270deg,##maincolor##33,##maincolor##99,##maincolor##);left:0;top:0;width:25px;z-index:5} +.tag-primary{background-color:##maincolor##;color:#fff} +.template-categories .template-category-item.active{color:##maincolor##;text-decoration:underline} +.template-categories .template-category-item:hover{color:##maincolor##} +.template-list-container .template-container:hover{background:#fffbf8;border-color:##maincolor##;cursor:pointer} +.template-list-dialog .modal-header .modal-header-template{color:##maincolor##;font-size:24px;line-height:1;margin-right:10px} +.text-editor-container .text-editor-dropdown-item:hover{background-color:##maincolor##;color:#fff} +.timeline-toolbar .btn-switch-icon:hover{background-color:##maincolor##;color:#fff} +.timeline-toolbar .btn-today.btn-today-disabled{background:##maincolor##;border-color:##maincolor##;color:#fff;cursor:default;opacity:40%} +.timeline-toolbar .btn-today:hover{background-color:##maincolor##;border:1px solid ##maincolor##;color:#fff} +.timeline-view-mobile .column-select-all{color:##maincolor##} +.timeline-view-mobile .record-end-type-item.selected{background-color:#fff2e4;color:##maincolor##} +.tool-popover .tool-item:hover,.tool-popover .tool-item:hover dd,.tool-popover .tool-item:hover dt,.tool-popover .tool-item:hover span{background-color:##maincolor##;color:#fff} +.trash-items-main .trash-items-main-body .trash-item .trash-item-restore{color:##maincolor##} +.trash-table .trash-table-base-detail .trash-table-restore-mobile{color:##maincolor##;cursor:pointer} +.tree-node-hight-light{background-color:##maincolor##!important;border-radius:4px;color:#fff} +.tree-view-trash-tab.active,.tree-view-trash-tab.active .dtable-font,.tree-view-trash-tab.active svg{background-color:##maincolor##;border-radius:4px;color:#fff} +.trigger-condition1 .st3{fill:##maincolor##} +.trigger-condition2 .st2{fill:##maincolor##} +.trigger-condition3 .st2{fill:##maincolor##} +.trigger-condition4 .st1{fill:##maincolor##} +.upload-html-page-file-area:not(.--uploading).--dragging-over,.upload-html-page-file-area:not(.--uploading):hover{border-color:##maincolor##;cursor:pointer} +.user-input-chat .sea-ai-assistant-message-content{background-color:##maincolor##;border-radius:6px 0 6px 6px;color:#fafafa} +.user-setting-nav .nav-item .nav-link:hover{color:##maincolor##} +.user-setting-nav .nav-item.active .nav-link{border-left-color:##maincolor##;color:##maincolor##} +.view-edit-popover-header .remove-icon-button{color:##maincolor##} +.workflow-app-container .participants-type-container .selected-participants-type-item{background-color:#e5a1521a;box-shadow:0 0 0 1px ##maincolor##;color:##maincolor##} +.workflow-app-settings-container .fields-setting-header .setting-choose-all{color:##maincolor##;cursor:pointer;font-size:12px} +.workflow-group-container .load-more-workflows .load-more-workflows-tip{color:##maincolor##;cursor:pointer;margin:0 16px} +.workflow-list-view .list-view-sidebar li{border-bottom:2px solid ##maincolor##;color:##maincolor##} +.workflow-list-view .share-item-view-sidebar .sidebar-item-active,.workflow-list-view .specific-list-view-sidebar .sidebar-item-active{border-bottom:2px solid ##maincolor##;color:##maincolor##} +.workflow-list-view .view-header .dtable-icon-workflow{color:##maincolor##} +.workflow-node-dropdown .dropdown-item:hover,.workflow-node-dropdown .selected-dropdown-item{background-color:##maincolor##;color:#fff} +.workflow-task-dialog .workflow-task-nodes-logs .workflow-task-node-log-selector.selected{border-bottom:2px solid ##maincolor##;color:#212529} +.workflow-task-list-modal .workflow-task-list-modal-header-left .dtable-icon-workflow{color:##maincolor##;font-size:20px;font-weight:500} +.workflow-task-list-toolbar-container .task-date-dropdown .dropdown-item:hover{background-color:##maincolor##;color:#fff} +.workflow-task-logs .workflow-task-log .workflow-task-log-icon{color:##maincolor##;margin-right:5px} +.workflow-task-nodes-popover .workflow-task-nodes .workflow-task-node-item:hover{background-color:##maincolor##;color:#fff} +.workflow-task-pending-dialog .workflow-task-flow-header .flow-chart,.workflow-task-pending-dialog .workflow-task-flow-header .task-logs{border-bottom:2px solid ##maincolor##;color:#212529} +.workspace .dropdown-item:not(.disabled):focus .dtable-font,.workspace .dropdown-item:not(.disabled):hover .dtable-font{background-color:##maincolor##!important;color:#fff!important} +50%{box-shadow:0 0 8px ##maincolor##b3,0 0 16px ##maincolor##66,0 0 24px ##maincolor##33} +:root{--bs-blue:#467fcf;--bs-azure:#45aaf2;--bs-indigo:#6574cd;--bs-purple:#a55eea;--bs-pink:#f66d9b;--bs-red:#cd201f;--bs-orange:#fd9644;--bs-yellow:#f1c40f;--bs-lime:#7bd235;--bs-green:#5eba00;--bs-teal:#2bcbba;--bs-cyan:#17a2b8;--bs-white:#fff;--bs-gray:#868e96;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#868e96;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:##maincolor##;--bs-secondary:#666;--bs-success:#5eba00;--bs-info:#45aaf2;--bs-warning:#f1c40f;--bs-danger:#cd201f;--bs-light:#f8f9fa;--bs-dark:#343a40;--bs-primary-rgb:237,113,9;--bs-secondary-rgb:102,102,102;--bs-success-rgb:94,186,0;--bs-info-rgb:69,170,242;--bs-warning-rgb:241,196,15;--bs-danger-rgb:205,32,31;--bs-light-rgb:248,249,250;--bs-dark-rgb:52,58,64;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-body-color-rgb:33,37,41;--bs-body-bg-rgb:255,255,255;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,0));--bs-body-font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;--bs-body-font-size:0.875rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-bg:#fff;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:rgba(0,40,100,.12);--bs-border-color-translucent:rgba(0,0,0,.175);--bs-border-radius:3px;--bs-border-radius-sm:3px;--bs-border-radius-lg:3px;--bs-border-radius-xl:1rem;--bs-border-radius-2xl:2rem;--bs-border-radius-pill:50rem;--bs-link-color:##maincolor##;--bs-link-hover-color:#be5a07;--bs-code-color:inherit;--bs-highlight-bg:#fcf3cf} +@keyframes pulse{0%,to{box-shadow:0 0 6px ##maincolor##80,0 0 12px ##maincolor##4d,0 0 18px ##maincolor##26 +a { color: ##maincolor##;} +a,a:hover{color:##maincolor##} +a:focus,a:hover { color: ##maincolor##;}`; + } else if (version === "v6.0") { + var css_input = `/* custom-css for v6.0 generated on https://admin.seatable.com/customization/main-color/ */ +#lang-context-selector li:hover { background-color: ##maincolor##;} +#quota-bar .usage { display: inline-block; height: 100%; vertical-align: top; background: ##maincolor##;} +.a-simulate { color: ##maincolor## !important; text-decoration: none; font-weight: normal; cursor: pointer;} +.access-control-qr-code-wrapper .qrcode-copy-btn:active,.access-control-qr-code-wrapper .qrcode-copy-btn:hover{background-color:##maincolor##!important;color:#fff} +.access-control-qr-code-wrapper .qrcode-copy-btn{background-color:#fff;border-color:##maincolor##;color:##maincolor##} +.account-dialog .nav .nav-item .nav-link.active{border-bottom:.125rem solid ##maincolor##;color:##maincolor##;text-decoration:none} +.account-dialog .nav-pills .nav-item .nav-link.active{background-color:##maincolor##;border:none;color:#fff} +.account-dialog .op-target{word-wrap:break-word;color:##maincolor##} +.activity-department-item .department-avatar-container{background:##maincolor##;border-radius:50%;height:18px;padding:2px 2px 3px;width:18px} +.add-module-dialog .app-select-module-item.selected .app-select-module-item-image-container,.add-module-dialog .app-select-module-item.selected .app-select-module-item-image-container:hover{border-color:##maincolor##} +.add-module-dialog .app-select-module-item.selected .app-select-module-item-name{color:##maincolor##} +.add-page-dialog .app-select-page-item.selected .app-select-page-item-image-container,.add-page-dialog .app-select-page-item.selected .app-select-page-item-image-container:hover{border-color:##maincolor##} +.add-page-dialog .app-select-page-item.selected .app-select-page-item-name{color:##maincolor##} +.add-page-dialog .steps-header .step-nav.active{border-bottom:2px solid ##maincolor##;color:##maincolor##} +.add-user-select-all-container .select-all,.department-dialog-member-head .select-all{color:##maincolor##;cursor:pointer;font-size:.8125rem} +.add-workflow-task-dialog .add-workflow-task-body .submit-workflow.focus{background-color:##maincolor##;border-color:##maincolor##;color:#fff} +.app-comment-footer .comment-input-footer.focused,.app-comment-footer .comment-input.focused{border-color:##maincolor##} +.app-comment-footer .submit-comment .seatable-icon-send{fill:##maincolor##} +.app-folder-tree .app-folder-tree-item.active-item{background-color:##maincolor##;border-radius:4px;color:#fff} +.app-form-settings .app-form-settings-header-tab.active{border-bottom:2px solid ##maincolor##;color:##maincolor##} +.app-form-settings .table-setting .add-all{color:##maincolor##;cursor:pointer;font-size:14px} +.app-group-container .load-more-apps .load-more-apps-tip{color:##maincolor##;cursor:pointer;margin:0 16px} +.app-icon-settings-popover-nav .nav .nav-item .nav-link.active{border-bottom:.125rem solid ##maincolor##;color:##maincolor##;text-decoration:none} +.app-init_app-init-btns__nGbPX .btn-primary:not(:disabled):not(.disabled):active{background-color:##maincolor##} +.app-init_app-init-btns__nGbPX .btn-primary:not(:disabled):not(.disabled):focus,.app-init_app-init-btns__nGbPX .btn-primary:not(:disabled):not(.disabled):focus-visible{background-color:##maincolor##;border:1px solid ##maincolor##;box-shadow:none;outline:none} +.app-init_app-init-btns__nGbPX .btn-secondary:not(:disabled):not(.disabled):active{background-color:#e6e6e6;border:1px solid ##maincolor##;color:##maincolor##} +.app-init_app-init-btns__nGbPX .btn-secondary:not(:disabled):not(.disabled):focus,.app-init_app-init-btns__nGbPX .btn-secondary:not(:disabled):not(.disabled):focus-visible{background-color:#fff;border:1px solid ##maincolor##;box-shadow:none;color:##maincolor##;outline:none} +.app-init_app-init-btns__nGbPX button:first-child:hover{border:1px solid ##maincolor##;color:##maincolor##} +.app-init_app-init-btns__nGbPX button:first-child{color:##maincolor##} +.app-init_app-init-btns__nGbPX button{border:1px solid ##maincolor##;border-radius:3px;flex:0 0 auto;font-size:13px;font-weight:400} +.app-select-module-item-popover .popover .app-select-module-item-popover-image-container{border:2px solid ##maincolor##;border-radius:3px;overflow:hidden} +.app-select-page-item-popover .popover .app-select-page-item-popover-image-container{border:2px solid ##maincolor##;border-radius:3px;overflow:hidden} +.app-settings-access-control .app-qr-code-share-btn.btn.btn-secondary:active,.app-settings-access-control .app-qr-code-share-btn:hover{background-color:##maincolor##;box-shadow:none;color:#fff} +.app-settings-access-control .app-qr-code-share-btn{border-bottom-left-radius:3px!important;border-color:##maincolor##;border-top-left-radius:3px!important;color:##maincolor##;padding:6px} +.app-settings-dialog .nav .nav-item .nav-link.active{border-bottom:.125rem solid ##maincolor##;color:##maincolor##;text-decoration:none} +.app-settings-dialog .nav-pills .nav-item .nav-link.active{background-color:##maincolor##;color:#fff} +.archive-dialog .nav .nav-item .nav-link.active{border-bottom:.125rem solid ##maincolor##;color:##maincolor##;text-decoration:none} +.archive-dialog .nav-pills .nav-item .nav-link.active{background-color:##maincolor##;border:none;color:#fff} +.archive-dialog .op-target{word-wrap:break-word;color:##maincolor##} +.attachments-management-widget .dirent-table-content .dirent-item-name{color:##maincolor##} +.attachments-management-widget .path-container .path-link{color:##maincolor##} +.attachments-management-widget .tree-node-inner.tree-node-hight-light .tree-node-right-icon .dtable-dirent-dropdown{background-color:##maincolor##} +.attachments-management-widget .tree-view .tree-node-inner.tree-node-hight-light{background-color:##maincolor##!important;border-radius:4px;color:#fff} +.automation-rules-nav-tree-node-main .active-indicator{background-color:##maincolor##;border-radius:3px;height:calc(100% - 4px);left:-8px;position:absolute;top:2px;width:4px} +.base-status-dialog .nav .nav-item .nav-link.active{color:##maincolor##;text-decoration:none} +.base-status-dialog .nav-pills .nav-item .nav-link.active{background-color:##maincolor##;border:none;color:#fff} +.batch-popover .batch-popover-footer .replace-search-item{background:##maincolor##;border:1px solid #e4e4e4;color:#fff} +.big-data-import-process .am-progress-bar{background-color:##maincolor##;border:none;border-radius:5px;height:10px!important} +.big-screen-menu .menu-item.active{background:#ffefe0;color:##maincolor##} +.btn-check:checked+.btn,.btn-outline-primary:active,.btn-outline-primary:hover,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{background-color:##maincolor##;border-color:##maincolor##;color:#fff} +.btn-outline-primary:hover,.btn-primary:hover{background-color:##maincolor##;border-color:##maincolor##} +.btn-outline-primary{--bs-btn-color:##maincolor##;--bs-btn-border-color:##maincolor##;--bs-btn-hover-color:#000;--bs-btn-hover-bg:##maincolor##;--bs-btn-hover-border-color:##maincolor##;--bs-btn-focus-shadow-rgb:237,113,9;--bs-btn-active-color:#000;--bs-btn-active-bg:##maincolor##;--bs-btn-active-border-color:##maincolor##;--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,.125);--bs-btn-disabled-color:##maincolor##;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:##maincolor##;--bs-gradient:none} +.btn-outline-universal-01.disabled,.btn-outline-universal-01:disabled{background-color:initial;color:##maincolor##} +.btn-outline-universal-01.focus,.btn-outline-universal-01:focus{box-shadow:0 0 0 2px ##maincolor##80} +.btn-outline-universal-01:hover{background-color:##maincolor##;border-color:##maincolor##;color:#fff} +.btn-outline-universal-01:not(:disabled):not(.disabled).active,.btn-outline-universal-01:not(:disabled):not(.disabled):active,.show>.btn-outline-universal-01.dropdown-toggle{background-color:##maincolor##;border-color:##maincolor##;color:#fff} +.btn-outline-universal-01:not(:disabled):not(.disabled).active:focus,.btn-outline-universal-01:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-universal-01.dropdown-toggle:focus{box-shadow:0 0 0 2px ##maincolor##80} +.btn-outline-universal-01{background-color:initial;background-image:none;border-color:##maincolor##;color:##maincolor##} +.btn-primary{--bs-btn-color:#000;--bs-btn-bg:##maincolor##;--bs-btn-border-color:##maincolor##;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#f0862e;--bs-btn-hover-border-color:#ef7f22;--bs-btn-focus-shadow-rgb:201,96,8;--bs-btn-active-color:#000;--bs-btn-active-bg:#f18d3a;--bs-btn-active-border-color:#ef7f22;--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:##maincolor##;--bs-btn-disabled-border-color:##maincolor##} +.btn-universal-01.disabled,.btn-universal-01:disabled{background-color:##maincolor##;border-color:##maincolor##;color:#fff} +.btn-universal-01.focus,.btn-universal-01:focus{box-shadow:0 0 0 2px ##maincolor##80} +.btn-universal-01:hover{background-color:##maincolor##;border-color:##maincolor##;color:#fff} +.btn-universal-01:not(:disabled):not(.disabled).active,.btn-universal-01:not(:disabled):not(.disabled):active,.show>.btn-universal-01.dropdown-toggle{background-color:##maincolor##;border-color:##maincolor##;color:#fff} +.btn-universal-01:not(:disabled):not(.disabled).active:focus,.btn-universal-01:not(:disabled):not(.disabled):active:focus,.show>.btn-universal-01.dropdown-toggle:focus{box-shadow:0 0 0 2px ##maincolor##80} +.btn-universal-01{background-color:##maincolor##;border-color:##maincolor##;color:#fff} +.calendar-plugin-container .view-item .view-item-content:hover{border-color:##maincolor##;color:#212529;cursor:pointer} +.calendar-plugin-container .view-item .view-item-content:hover{border-color:##maincolor##;color:#444;cursor:pointer} +.calendar-plugin-container .view-item.active .view-item-content{border-color:##maincolor##;color:#212529;cursor:default} +.calendar-plugin-container .view-item.active .view-item-content{border-color:##maincolor##;color:#444;cursor:default} +.chat-message:after{border-bottom:6px solid transparent;border-left:6px solid ##maincolor##;border-top:6px solid transparent;content:"";position:absolute;right:-5px;top:7px} +.chat-message{background-color:##maincolor##;border-radius:3px;color:#fff;display:inline-block;font-size:.875rem;line-height:1.4;margin:0 .5rem 0 2.5rem;padding:.375rem .5rem;position:relative;text-align:left;white-space:normal} +.color-setting-dialog .rule-color-container .color-setting-add-color{color:##maincolor##;cursor:pointer} +.colorinput-input:focus~.colorinput-color{border-color:##maincolor##;box-shadow:0 0 0 2px rgba(237,113,9,.25)} +.column-select-all{color:##maincolor##} +.comment-footer-container .comment-collaborator-tip:hover,.comment-footer-container .comment-image-tip:hover{color:##maincolor##} +.comment-header .comment-header-tool .comment-item-active{border-bottom:2px solid ##maincolor##;color:#212529} +.copy-dtable-dialog .custom-switch-input:checked~.custom-switch-indicator{background:##maincolor##} +.custom-range::-moz-range-progress{background:##maincolor##;border:0;height:2px;margin-top:0} +.custom-range::-ms-fill-lower{background:##maincolor##;border-radius:0} +.custom-range::-webkit-slider-runnable-track{background:##maincolor##;content:"";height:2px;pointer-events:none} +.custom-range:focus::-moz-range-thumb{background-color:##maincolor##;border-color:##maincolor##} +.custom-range:focus::-ms-thumb{background-color:##maincolor##;border-color:##maincolor##} +.custom-range:focus::-webkit-slider-thumb{background-color:##maincolor##;border-color:##maincolor##} +.custom-switch-input:checked~.custom-switch-indicator{background:##maincolor##} +.custom-switch-input:focus~.custom-switch-indicator{border-color:##maincolor##;box-shadow:0 0 0 2px rgba(237,113,9,.25)} +.delete-record-description-view .restore{color:##maincolor##;display:inline-block;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:20%} +.department-dialog-content .department-dialog-group .group-item.tr-highlight:hover,.department-dialog-content .department-dialog-group .tr-highlight{background-color:##maincolor##;color:#fff} +.department-dialog-member-head .select-all{color:##maincolor##;cursor:pointer;font-size:.8125rem} +.department-single-select-formatter .department-avatar-container { background: ##maincolor##; border-radius: 50%; height: 18px; padding: 2px 2px 3px; width: 18px} +.department-single-select-formatter .department-avatar-container, .selected-departments .department-avatar-container, .selected-option-show .department-avatar-container { background: ##maincolor##; border-radius: 50%; height: 18px; padding: 2px 2px 3px; width: 18px} +.department-single-select-formatter .department-avatar-container, .selected-departments.dtable-ui .department-avatar-container, .selected-option-show .department-avatar-container { background: ##maincolor##; border-radius: 50%; height: 18px; padding: 2px 2px 3px; width: 18px} +.department-single-select-formatter .department-avatar-container,.selected-departments .department-avatar-container,.selected-option-show .department-avatar-container{background:##maincolor##;border-radius:50%;height:18px;padding:2px 2px 3px;width:18px} +.department-single-select-formatter .department-avatar-container,.selected-departments.dtable-ui .department-avatar-container,.selected-option-show .department-avatar-container{background:##maincolor##;border-radius:50%;height:18px;padding:2px 2px 3px;width:18px} +.department-single-select-formatter .department-avatar-container{background:##maincolor##;border-radius:50%;height:18px;padding:2px 2px 3px;width:18px} +.departments-tree-panel .departments-v2-hight-light{background-color:##maincolor##!important;border-radius:4px;color:#fff} +.digital-sign-view-panel-operations .mobile-btn-clear{color:##maincolor##} +.download-file-dialog .download-files-header .select-columns{color:##maincolor##;cursor:pointer} +.download-file-dialog .download-files-item .downloading-file-cancel{color:##maincolor##;opacity:.8} +.download-files-dialog .download-files-header .select-columns{color:##maincolor##;cursor:pointer} +.dropdown-item:focus,.dropdown-item:hover{background-color:##maincolor##;color:#fff} +.dropdown-menu-dark{--bs-dropdown-color:#dee2e6;--bs-dropdown-bg:#343a40;--bs-dropdown-border-color:rgba(0,40,100,.12);--bs-dropdown-box-shadow: ;--bs-dropdown-link-color:#dee2e6;--bs-dropdown-link-hover-color:#fff;--bs-dropdown-divider-bg:rgba(0,40,100,.12);--bs-dropdown-link-hover-bg:hsla(0,0%,100%,.15);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:##maincolor##;--bs-dropdown-link-disabled-color:#adb5bd;--bs-dropdown-header-color:#adb5bd} +.dropdown-menu{--bs-dropdown-zindex:1000;--bs-dropdown-min-width:10rem;--bs-dropdown-padding-x:0;--bs-dropdown-padding-y:0.5rem;--bs-dropdown-spacer:0.125rem;--bs-dropdown-font-size:0.875rem;--bs-dropdown-color:#212529;--bs-dropdown-bg:#fff;--bs-dropdown-border-color:rgba(0,40,100,.12);--bs-dropdown-border-radius:3px;--bs-dropdown-border-width:1px;--bs-dropdown-inner-border-radius:2px;--bs-dropdown-divider-bg:rgba(0,40,100,.12);--bs-dropdown-divider-margin-y:0.5rem;--bs-dropdown-box-shadow:0 1px 2px 0 rgba(0,0,0,.05);--bs-dropdown-link-color:#212529;--bs-dropdown-link-hover-color:#1e2125;--bs-dropdown-link-hover-bg:#e9ecef;--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:##maincolor##;--bs-dropdown-link-disabled-color:#adb5bd;--bs-dropdown-item-padding-x:1rem;--bs-dropdown-item-padding-y:0.25rem;--bs-dropdown-header-color:#868e96;--bs-dropdown-header-padding-x:1rem;--bs-dropdown-header-padding-y:0.5rem;background-clip:padding-box;background-color:var(--bs-dropdown-bg);border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius);color:var(--bs-dropdown-color);display:none;font-size:var(--bs-dropdown-font-size);list-style:none;margin:0;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);position:absolute;text-align:left;z-index:var(--bs-dropdown-zindex)} +.dtable-app-qr-code-wrapper .qrcode-copy-btn:active,.dtable-app-qr-code-wrapper .qrcode-copy-btn:hover{background-color:##maincolor##!important;color:#fff} +.dtable-app-qr-code-wrapper .qrcode-copy-btn{background-color:#fff;border-color:##maincolor##;color:##maincolor##} +.dtable-automation-rules .automation-card-content .automation-card-main-content.active{border-color:##maincolor##} +.dtable-automation-rules .automation-card-content .automation-card-main-content.automation-card-is-over{border:2px dashed ##maincolor##} +.dtable-automation-rules .automation-card-content-unselected .automation-card-item .add-option:hover{border:2px dashed ##maincolor##;border-radius:4px} +.dtable-automation-rules .automation-card-content-unselected .automation-card-item .add-option{align-items:center;border:2px dashed #ddd;border-radius:4px;color:##maincolor##;display:flex;justify-content:center} +.dtable-automation-rules-header-left .dtable-icon-automation-rules{align-items:center;background-color:##maincolor##;border-radius:3px;color:#fff;display:flex;height:20px;justify-content:center;line-height:20px;width:20px} +.dtable-comment-footer .comment-input.focused{border-color:##maincolor##} +.dtable-comment-footer .submit-comment .seatable-icon-send{fill:##maincolor##} +.dtable-dropdown-menu .view-description-img{border:2px solid ##maincolor##;border-radius:5px;flex-shrink:0;min-height:70px;width:100px} +.dtable-edit-form .form-header-title .dtable-icon-form{color:##maincolor##;font-size:24px} +.dtable-excel-preview-dialog .dtable-excel-preview-dialog-nav{background-color:##maincolor##;margin:0;padding:10px 10px 0} +.dtable-external-links-content .external-link-item a{color:##maincolor##} +.dtable-file-addition-container .dtable-file-addition-left .selected-dtable-addition-item{background-color:##maincolor##;color:#fff} +.dtable-file-previewer-header .files-operation-content{color:##maincolor##} +.dtable-image-addition-container .dtable-image-addition-left .selected-dtable-addition-item{background-color:##maincolor##;color:#fff} +.dtable-path-container .dtable-path-link{color:##maincolor##} +.dtable-plugin-setting-item .select-group .select-item.active{background-color:#fff2e4;box-shadow:0 0 0 1px ##maincolor##;color:##maincolor##} +.dtable-plugin-setting-item.order-setting .widget-zIndex-content .widget-zIndex-item:hover:not(.disabled){background-color:#fff2e4;box-shadow:0 0 0 1px ##maincolor##;cursor:pointer;z-index:0} +.dtable-radio .dtable-radio-selected-indicator { background-color: ##maincolor##; border: initial !important} +.dtable-radio .dtable-radio-selected-indicator.dtable-radio-indicator-disable { background-color: ##maincolor##} +.dtable-radio .dtable-radio-selected-indicator.dtable-radio-indicator-disable{background-color:##maincolor##} +.dtable-radio .dtable-radio-selected-indicator{background-color:##maincolor##;border:initial!important} +.dtable-refresh{color:##maincolor##!important;cursor:pointer} +.dtable-scripts-module .dtable-scripts-export:hover{background-color:##maincolor##;border-color:##maincolor##;color:#fff} +.dtable-scripts-module .dtable-scripts-export{background-color:#fff;color:##maincolor##;width:130px} +.dtable-select .option.option-active{background-color:##maincolor##;color:#fff;cursor:pointer} +.dtable-ui-file-editor-previewer .dtable-ui-file-editor-previewer-header .dtable-ui-file-editor-operation-content{color:##maincolor##} +.dtable-ui-geolocation-submit-map-editor{background-color:#fff;border:1px solid #0000;border-radius:3px;box-shadow:0 0 12px #0000004d;color:##maincolor##;cursor:pointer;display:inline-block;font-size:.875rem;height:38px;line-height:1.8461538462;margin-left:16px;padding:.375rem .75rem;text-align:center;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap} +.dtable-ui-image-addition-container .dtable-ui-image-addition-left .dtable-ui-addition-item-selected{background-color:##maincolor##;color:#fff} +.editor-column-popover-inner .submitSelect{box-shadow:0 0 0 2px ##maincolor##80} +.field-setting .field-setting-banner .show-all-button{color:##maincolor##;cursor:pointer;font-size:12px} +.file-chooser-content-container .file-chooser-left .select-file-chooser-nav-item{background-color:##maincolor##!important;color:#fff} +.file-management-toolbar .select-file-management-item{color:##maincolor##} +.file-upload-item .upload-operation .error-uploaded{color:##maincolor##;cursor:pointer} +.folder-tree .folder-item.folder-item-selected{background-color:##maincolor##!important;color:#fff} +.form-check-input:checked{background-color:##maincolor##;border-color:##maincolor##} +.form-check-input[type=checkbox]:indeterminate{background-color:##maincolor##;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3E%3C/svg%3E");border-color:##maincolor##} +.form-help:hover,.form-help[aria-describedby]{background:##maincolor##;color:#fff} +.form-items-container .dragging-add-field{border:1px dashed ##maincolor##;color:##maincolor##} +.form-items-container .drop-placeholder{border:2px dashed ##maincolor##;border-radius:3px;height:100px;opacity:.75;width:100%} +.form-qr-code-wrapper .qrcode-copy-btn:active,.form-qr-code-wrapper .qrcode-copy-btn:hover{background-color:##maincolor##!important;color:#fff} +.form-qr-code-wrapper .qrcode-copy-btn{background-color:#fff;border-color:##maincolor##;color:##maincolor##} +.form-range::-moz-range-thumb{appearance:none;background-color:##maincolor##;border:0;border-radius:1rem;height:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:1rem} +.form-range::-webkit-slider-thumb{appearance:none;background-color:##maincolor##;border:0;border-radius:1rem;height:1rem;margin-top:-.25rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:1rem} +.form-remark-background-setting .no-active-option .select-group-item:hover{background-color:#fff2e4;box-shadow:0 0 0 1px ##maincolor##;cursor:pointer} +.form-remark-background-setting .select-group-container .select-group-item.active{background-color:#fff2e4;box-shadow:0 0 0 1px ##maincolor##;color:##maincolor##} +.formula-format-editor-popover .btn-re-detect{align-items:center;border-color:##maincolor##;display:flex;font-weight:400;height:30px;justify-content:center;margin:0 0 0 15px;padding-bottom:0;padding-top:0} +.formula-format-editor-popover .btn-secondary:not(:disabled):not(.disabled):active{background-color:initial;border-color:##maincolor##;color:##maincolor##} +.formula-result-type-detector .btn-re-detect{align-items:center;color:##maincolor##;display:flex;font-weight:400;justify-content:center} +.gallery-view-mobile-settings .column-select-all{color:##maincolor##} +.grid-pane-divider .tooltip-pane-divider .freeze-columns-length{color:##maincolor##;font-weight:500;padding:0 4px} +.group-manage-trash-dialog .trash-dtables .trash-table-restore{color:##maincolor##;cursor:pointer} +.group-selector .option.option-active{background-color:##maincolor##;color:#fff;cursor:pointer} +.groupby-popover .groupbys-tools .groupbys-tool-item.active{color:##maincolor##} +.header-dropdown .dropdown-item:hover { background-color: ##maincolor##; color: #fff; cursor: pointer} +.header-dropdown .dropdown-item:hover{background-color:##maincolor##;color:#fff;cursor:pointer} +.image-view i{animation:rotate 1.5s ease infinite;color:##maincolor##;font-size:30px;height:100%;line-height:150px;text-align:center;width:100%} +.imagecheck-figure:before{background:##maincolor## url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") no-repeat 50%/50% 50%;border-radius:3px;color:#fff;content:"";display:block;height:1rem;left:.25rem;opacity:0;pointer-events:none;position:absolute;top:.25rem;transition:opacity .3s;user-select:none;width:1rem;z-index:1} +.imagecheck-input:focus~.imagecheck-figure{border-color:##maincolor##;box-shadow:0 0 0 2px rgba(237,113,9,.25)} +.info-bar-info span:first-child{color:##maincolor##} +.introduction-video .video-js .vjs-control-bar{background-color:##maincolor##cc} +.introduction-video-mobile .introduction-video-btn{background-color:##maincolor##;border-radius:26px;margin-top:5rem} +.kanban-view-mobile .column-select-all{color:##maincolor##} +.link-primary{color:##maincolor##!important} +.link-records-editor .create-link-records .new-record:hover{background:#fff;border-color:##maincolor##} +.link-records-editor .create-link-records .new-record{align-items:center;border:1px dashed #ccc;border-radius:4px;color:##maincolor##;display:inline-flex;justify-content:center;padding:0 10px;width:100%} +.list-group{--bs-list-group-color:#212529;--bs-list-group-bg:#fff;--bs-list-group-border-color:rgba(0,40,100,.12);--bs-list-group-border-width:1px;--bs-list-group-border-radius:3px;--bs-list-group-item-padding-x:1rem;--bs-list-group-item-padding-y:0.5rem;--bs-list-group-action-color:#495057;--bs-list-group-action-hover-color:#495057;--bs-list-group-action-hover-bg:#f8f9fa;--bs-list-group-action-active-color:#212529;--bs-list-group-action-active-bg:#e9ecef;--bs-list-group-disabled-color:#868e96;--bs-list-group-disabled-bg:#fff;--bs-list-group-active-color:##maincolor##;--bs-list-group-active-bg:#fef9f5;--bs-list-group-active-border-color:rgba(0,40,100,.12);border-radius:var(--bs-list-group-border-radius);display:flex;flex-direction:column;margin-bottom:0;padding-left:0} +.login-panel .login-panel-register-type:hover { border-color: ##maincolor##;} +.mobile-custom-camera .custom-camera-line{animation:pulse 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,##maincolor##4d 20%,##maincolor## 50%,##maincolor##4d 80%,#0000);border:none;border-radius:1px;box-shadow:0 0 6px ##maincolor##80,0 0 12px ##maincolor##4d,0 0 18px ##maincolor##26;height:2px;left:10%;position:absolute;top:0;transform:translateZ(0);width:80%;will-change:top,opacity,transform;z-index:10} +.mobile-float-icon{background-color:##maincolor##;border:none;border-radius:50%;bottom:42px;box-shadow:0 3px 5px -1px #ffa25233,0 6px 10px 0 #ffa25224,0 1px 18px 0 #ffa2521f;color:#999;cursor:pointer;display:flex;font-size:16px;height:50px;position:fixed;right:10px;-webkit-user-select:none;user-select:none;width:50px} +.mobile-main-panel .selected-tab-item{color:##maincolor##;font-size:22px} +.mobile-notification-modal .mobile-notification-tool .notification-type-tabs .tab-item.active{border-bottom:.125rem solid ##maincolor##;color:##maincolor##} +.mobile-row-comment-view .app-comment-footer .submit-comment-mobile .seatable-icon-send{fill:##maincolor##} +.mobile-share-table .mobile-share-title-name{color:##maincolor##;margin-left:5px} +.mobile-share-view .mobile-share-title-name{color:##maincolor##;margin-left:5px} +.mobile_dtable-map-plugin-header-btn-highlight__dYdDa{color:##maincolor##} +.mobile_mobile-select-all__9qLb-{color:##maincolor##} +.module-book-start-time-selector-time.selected button,.module-book-start-time-selector-time.selected button:hover{border-color:##maincolor##} +.module-booking-management-page-side .nav .nav-item .nav-link.active{border:none;color:##maincolor##;text-decoration:none} +.module-booking-management-page-side .nav-pills .nav-item .nav-link.active{background-color:##maincolor##;color:#fff} +.module-my-bookings-table-operation-cell .module-my-bookings-operation-text{color:##maincolor##} +.multicolor-icon-add-record .st1{fill:##maincolor##} +.multicolor-icon-ai .st1{fill:##maincolor##} +.multicolor-icon-workflow .st1{fill:##maincolor##} +.nav .nav-item .nav-link.active { color: ##maincolor##; text-decoration: none; border-bottom: 0.125rem solid ##maincolor##;} +.nav-pills .nav-item .nav-link.active { background-color: ##maincolor##; color: #fff; border: none;} +.nav-pills{--bs-nav-pills-border-radius:3px;--bs-nav-pills-link-active-color:#fff;--bs-nav-pills-link-active-bg:##maincolor##} +.nav-tabs .nav-submenu .nav-item.active{color:##maincolor##} +.new-narrow-panel .hd { color: #fff; font-size: 16px; padding: 5px 20px; background: ##maincolor##; border-bottom: 1px solid #d5d5d5;} +.new-narrow-panel .hd{color:#fff;font-size:16px;padding:5px 20px;background:##maincolor##;border-bottom:1px solid #d5d5d5} +.no-active-option .select-group-item:hover{background-color:#fff2e4;box-shadow:0 0 0 1px ##maincolor##;cursor:pointer} +.notification-container .notification-body .nav .nav-item .nav-link.active{color:##maincolor##!important} +.op-target { color: ##maincolor##; word-wrap: break-word;} +.operation-table{color:##maincolor##;flex:1 1;max-width:100px} +.operations-log-dialog .operation-tags-container .nav-link.active{border-bottom:.125rem solid ##maincolor##;color:##maincolor##;text-decoration:none} +.option-editor-footer .item-text{color:##maincolor##;cursor:pointer} +.option-group .option.option-active{background-color:##maincolor##;color:#fff;cursor:pointer} +.option.option-active { background-color: ##maincolor##; color: #fff; cursor: pointer} +.option.option-active{background-color:##maincolor##;color:#fff;cursor:pointer} +.order-item .order-price{color:##maincolor##;font-size:26px;font-weight:500} +.org-admin .main-panel .nav .nav-item .nav-link.active,.sys-admin .main-panel .nav .nav-item .nav-link.active{border-bottom:2px solid ##maincolor##;color:##maincolor##;text-decoration:none} +.org-info-content .am-progress-bar{background-color:##maincolor##;border-radius:5px;height:6px!important} +.outline-h2:hover{color:##maincolor##} +.outline-h3:hover{color:##maincolor##} +.page-designer-add-elements-btn-add-all{color:##maincolor##;cursor:pointer;font-size:14px} +.page-designer-box-editor .page-designer-sub-block-element-wrapper[drag-over]{border-color:##maincolor##!important} +.page-designer-drag-beside-element-tips{background-color:##maincolor##;height:calc(100% + 12px);position:absolute;top:-6px;width:2px;z-index:1} +.page-designer-drag-closing-section-tips{background-color:##maincolor##;height:1px;left:0;position:absolute;width:100%;z-index:1} +.page-designer-drag-into-section-tips{background-color:initial!important;border:1px dashed ##maincolor##;height:100%;position:absolute;top:0;z-index:1} +.page-designer-editor .dragging-element-valid-position-tip{background-color:initial!important;border:1px dashed ##maincolor##;z-index:1} +.page-designer-editor .page-designer-element-container .drag-handler{background-color:##maincolor##;border-radius:3px} +.page-designer-editor .page-designer-element-container .right-size-regulator-handler{background:#0000;border-bottom:5px solid ##maincolor##;border-radius:0 0 8px 0;border-right:5px solid ##maincolor##;bottom:-4px;content:"";cursor:se-resize;height:12px;right:-4px;width:12px} +.page-designer-editor .page-designer-section .page-designer-element-container.editing-element{border-color:##maincolor##} +.page-designer-editor .page-designer-section .page-designer-section-container.editing-section{border:2px solid ##maincolor##} +.page-designer-element-setting-type.selected{border-bottom:2px solid ##maincolor##;color:##maincolor##} +.page-designer-horizontal-mark-line{background-color:##maincolor##;height:2px;position:fixed;z-index:9999} +.page-designer-settings-body .radio-group-options .radio-group-button.active{background-color:##maincolor##} +.pagination{--bs-pagination-padding-x:0.75rem;--bs-pagination-padding-y:0.375rem;--bs-pagination-font-size:0.875rem;--bs-pagination-color:#212529;--bs-pagination-bg:#fff;--bs-pagination-border-width:1px;--bs-pagination-border-color:#dee2e6;--bs-pagination-border-radius:3px;--bs-pagination-hover-color:var(--bs-link-hover-color);--bs-pagination-hover-bg:#e9ecef;--bs-pagination-hover-border-color:#dee2e6;--bs-pagination-focus-color:var(--bs-link-hover-color);--bs-pagination-focus-bg:#e9ecef;--bs-pagination-focus-box-shadow:0 0 0 2px rgba(237,113,9,.25);--bs-pagination-active-color:#fff;--bs-pagination-active-bg:##maincolor##;--bs-pagination-active-border-color:##maincolor##;--bs-pagination-disabled-color:#ced4da;--bs-pagination-disabled-bg:#fff;--bs-pagination-disabled-border-color:#dee2e6;display:flex;list-style:none;padding-left:0} +.participants .add-participants i{background-color:#fff;border:2px solid #fff;border-radius:50%;color:##maincolor##;font-size:16px} +.password-reset-panel .password-reset-panel-bottom-container a,.login-panel .login-panel-bottom-container a { color: ##maincolor##; white-space: nowrap;} +.path-link { color: ##maincolor## !important; text-decoration: none;} +.path-toolbar .toolbar-item a:hover{color:##maincolor##;text-decoration:none} +.plan-description-item .plan-description{color:##maincolor##;font-size:20px;font-weight:500} +.plan-description-item.plan-selected{background-color:#fff5eb;border-color:##maincolor##;border-width:2px} +.price-version-container-header .price-version-plan-name{border-bottom:1px solid ##maincolor##;font-size:1.5rem;padding:1rem 0} +.progress{--bs-progress-height:1rem;--bs-progress-font-size:0.65625rem;--bs-progress-bg:#e9ecef;--bs-progress-border-radius:3px;--bs-progress-box-shadow:inset 0 1px 2px rgba(0,0,0,.075);--bs-progress-bar-color:#fff;--bs-progress-bar-bg:##maincolor##;--bs-progress-bar-transition:width 0.6s ease;background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius);font-size:var(--bs-progress-font-size);height:var(--bs-progress-height)} +.rbc-btn-group .rbc-tool-btn.today-btn-disabled,.rbc-btn-group .rbc-tool-btn:hover{background-color:##maincolor##;border:1px solid ##maincolor##;color:#fff} +.rbc-btn-group .rbc-tool-icon:hover{background-color:##maincolor##;color:#fff} +.rbc-btn-group .view-type-list .rbc-view-type.rbc-active{background:##maincolor##;color:#fff} +.rbc-calendar .dtable-calendar-insert-row{align-items:center;background-color:##maincolor##;border:none;border-radius:50%;bottom:15px!important;box-shadow:0 2px 8px 0 #a55e0a4d;color:#fff;cursor:pointer;display:flex;font-size:20px;height:50px;justify-content:center;position:absolute;right:15px!important;-webkit-user-select:none;user-select:none;width:50px;z-index:5} +.rbc-calendar .seatable-plugin-calendar-insert-row{align-items:center;background-color:##maincolor##;border:none;border-radius:50%;bottom:10px;box-shadow:0 2px 8px 0 #a55e0a4d;color:#fff;cursor:pointer;display:flex;font-size:20px;height:50px;justify-content:center;position:absolute;right:5px;-webkit-user-select:none;user-select:none;width:50px;z-index:4} +.rbc-current-time-indicator-label{border-left:0!important;bottom:-10px;color:##maincolor##;font-size:14px;font-weight:400;padding:0 5px;position:absolute} +.rbc-current-time-indicator{background-color:##maincolor##;border-color:##maincolor##;height:1px;pointer-events:none;position:absolute;right:0;z-index:3} +.rbc-now .rbc-date-context{background-color:##maincolor##;color:#fff} +.rbc-year-view .day-events{background-color:##maincolor##;border-radius:50%;height:4px;left:16px;position:absolute;top:22px;width:4px} +.rbc-year-view .rbc-current{background-color:##maincolor##;border-radius:2px;color:#fff} +.rbc-year-view .rbc-year-month-header{color:##maincolor##;padding-left:10px} +.rc-slider-handle-click-focused:focus{border-color:##maincolor##;box-shadow:none} +.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging{border-color:##maincolor##;box-shadow:0 0 0 5px ##maincolor##} +.rc-slider-handle:active{border-color:##maincolor##;box-shadow:0 0 5px ##maincolor##;cursor:grabbing} +.rc-slider-handle:hover{border-color:##maincolor##} +.rc-slider-handle{background-color:#fff;border:2px solid ##maincolor##;border-radius:50%;cursor:pointer;cursor:-webkit-grab;cursor:grab;height:14px;margin-top:-5px;position:absolute;touch-action:pan-x;width:14px} +.rc-slider-track{background-color:##maincolor##;left:0} +.react-contextmenu-item.react-contextmenu-item--active,.react-contextmenu-item.react-contextmenu-item--selected,.react-contextmenu-item:hover{background-color:##maincolor##;border-color:##maincolor##;color:#fff;text-decoration:none} +.restore-base-button{color:##maincolor##;min-width:35px;padding-left:5px;text-align:right} +.row-color-duplicate-value-select .option.option-active{background-color:##maincolor##;color:#fff;cursor:pointer} +.row-expand-comments .row-comment-header .row-comment,.row-expand-comments .row-comment-header .row-operation{border-bottom:2px solid ##maincolor##;color:#212529} +.sdoc-file-select-dialog .highlight-bg-color { background-color: ##maincolor##; border-color: ##maincolor##} +.sdoc-file-select-dialog .highlight-bg-color{background-color:##maincolor##;border-color:##maincolor##} +.sdoc-outline-item.active { color: ##maincolor##} +.sdoc-outline-item.active{color:##maincolor##} +.sdoc-popover-menu__item:hover { background-color: ##maincolor##; color: #fff} +.sdoc-popover-menu__item:hover{background-color:##maincolor##;color:#fff} +.sea-ai-assistant-auto-add-members-dialog .ai-assistant-settings-container .sea-ai-assistant-task-table-cell-content{align-items:center;color:##maincolor##;cursor:pointer;display:flex;justify-content:flex-start} +.sea-ai-assistant-chat-file-input-container .sea-ai-assistant-chat-file-upload-icon{background-color:##maincolor##!important;border-radius:8px;height:32px;width:32px} +.sea-ai-assistant-chat-input-container.focus{box-shadow:0 0 0 1px ##maincolor##} +.sea-ai-assistant-message-content .sea-ai-assistant-use-tip-order-item:hover{background-color:##maincolor##;color:#fff;cursor:pointer;transition:all .1s} +.sea-ai-assistant-settings-dialog .ai-assistant-settings-sidebar .ai-assistant-settings-sidebar-item.active-item{background-color:##maincolor##!important;color:#fff} +.sea-ai-assistant-settings-dialog .settings-container-header-right{align-items:center;color:##maincolor##;cursor:pointer;display:flex;-webkit-user-select:none;user-select:none} +.sea-ai-outline-btn:not(.disabled):hover{background-color:##maincolor##;color:#fff;cursor:pointer} +.sea-ai-outline-btn{background-color:#fff;border:1px solid ##maincolor##;border-radius:3px;color:##maincolor##;font-size:13px;font-weight:500;line-height:1;max-width:100%;min-width:24px;padding:6px 12px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content} +.sea-chart-settings .rc-slider-handle { background-color: #fff; border: 2px solid ##maincolor##; border-radius: 50%; cursor: pointer; cursor: -webkit-grab; cursor: grab; height: 14px; margin-top: -5px; position: absolute; touch-action: pan-x; width: 14px} +.sea-chart-settings .rc-slider-handle-click-focused:focus { border-color: ##maincolor##; box-shadow: none} +.sea-chart-settings .rc-slider-handle-click-focused:focus{border-color:##maincolor##;box-shadow:none} +.sea-chart-settings .rc-slider-handle-dragging { border-color: ##maincolor##; box-shadow: 0 0 0 5px ##maincolor##} +.sea-chart-settings .rc-slider-handle-dragging{border-color:##maincolor##;box-shadow:0 0 0 5px ##maincolor##} +.sea-chart-settings .rc-slider-handle:active { border-color: ##maincolor##; box-shadow: 0 0 5px ##maincolor##; cursor: grabbing} +.sea-chart-settings .rc-slider-handle:active{border-color:##maincolor##;box-shadow:0 0 5px ##maincolor##;cursor:grabbing} +.sea-chart-settings .rc-slider-handle:hover { border-color: ##maincolor##} +.sea-chart-settings .rc-slider-handle:hover{border-color:##maincolor##} +.sea-chart-settings .rc-slider-handle{background-color:#fff;border:2px solid ##maincolor##;border-radius:50%;cursor:pointer;cursor:-webkit-grab;cursor:grab;height:14px;margin-top:-5px;position:absolute;touch-action:pan-x;width:14px} +.sea-chart-settings .rc-slider-track { background-color: ##maincolor##; border-radius: 6px; height: 4px; left: 0; position: absolute} +.sea-chart-settings .rc-slider-track{background-color:##maincolor##;border-radius:6px;height:4px;left:0;position:absolute} +.sea-chart-settings .sea-chart-settings-type .sea-chart-settings-type-item.selected { border-bottom: 2px solid ##maincolor##; color: ##maincolor##} +.sea-chart-settings .sea-chart-settings-type .sea-chart-settings-type-item.selected{border-bottom:2px solid ##maincolor##;color:##maincolor##} +.sea-chart-types-dialog .sea-chart-chart-categories-nav .sea-chart-chart-cat-nav-item-container.sea-chart-icon-highlight .chart-icon { color: ##maincolor##} +.sea-chart-types-dialog .sea-chart-chart-categories-nav .sea-chart-chart-cat-nav-item-container.sea-chart-icon-highlight .chart-icon{color:##maincolor##} +.sea-chart-types-dialog .sea-chart-type-item.selected { border-color: ##maincolor##} +.sea-chart-types-dialog .sea-chart-type-item.selected{border-color:##maincolor##} +.search-result-container .search-result-item:hover{background-color:#eee;border-left:2px solid ##maincolor##} +.search-result-list .item-content .item-name{color:##maincolor##!important} +.search-settings-container .fields-setting-header .setting-choose-all{color:##maincolor##;cursor:pointer;font-size:12px} +.seatable-app-form-settings .seatable-app-form-content .dragging-add-field{border:1px dashed ##maincolor##;color:##maincolor##} +.seatable-app-form-settings .seatable-app-form-content .seatable-app-form-drop-placeholder{border:2px dashed ##maincolor##;border-radius:3px;height:100px;opacity:.75;width:100%} +.seatable-app-page .dtable-plugin-column-setting-item-title .setting-choose-all{color:##maincolor##;cursor:pointer;font-size:12px;font-weight:450} +.seatable-app-table.context-dropdown-menu .context-menu-item:focus{background-color:##maincolor##;color:#fff} +.seatable-app-table.context-dropdown-menu .context-menu-item:hover{background-color:##maincolor##;border-color:##maincolor##;color:#fff;text-decoration:none} +.seatable-app-universal-left-bar .btn-left-bar-add:hover{background:##maincolor##} +.seatable-app-universal-left-bar .btn-left-bar-add{align-items:center;background:##maincolor##;border-radius:50%;box-shadow:0 2px 8px #a55e0a4d;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:relative;width:32px} +.seatable-bg-orange{background-color:##maincolor##!important} +.seatable-border-color-orange{border:##maincolor##!important} +.seatable-form-app-settings-panel .add-all{color:##maincolor##;cursor:pointer;font-size:14px} +.seatable-icon-orange{color:##maincolor##!important;fill:##maincolor##!important} +.seatable-share-form .form-content .submit-form.focus{background-color:##maincolor##;border-color:##maincolor##;color:#fff} +.seatable-text-orange{color:##maincolor##!important} +.select-button-action-popover .select-button-action-list .select-button-action-item.active{background:##maincolor##;border-radius:4px;color:#fff} +.select-columns-dialog .column-option:hover{background-color:##maincolor##;color:#fff;cursor:pointer} +.select-columns-dialog .select-columns{color:##maincolor##;cursor:pointer;font-size:13px;font-weight:500} +.select-group-container .select-group-item.active{background-color:#fff2e4;box-shadow:0 0 0 1px ##maincolor##;color:##maincolor##} +.select-page-icons .select-page-icon-active,.select-page-icons .select-page-icon-active:hover{background-color:##maincolor##} +.select-user-modal .modal-select-user-header .select-user-close-btn{color:##maincolor##;font-size:14px;font-weight:400;position:absolute;right:15px} +.selectgroup-input:checked+.selectgroup-button{background:#fdf1e6;border-color:##maincolor##;color:##maincolor##;z-index:1} +.selectgroup-input:focus+.selectgroup-button{border-color:##maincolor##;box-shadow:0 0 0 2px rgba(237,113,9,.25);color:##maincolor##;z-index:2} +.setting-btn.active{background-color:##maincolor##;color:#fff} +.sf-context-menu .sf-dropdown-menu-item:hover{background-color:##maincolor##;color:#fff} +.share-add-btn-container .share-add-btn{background:#fff;background-image:none;border-color:##maincolor##;color:##maincolor##;margin-top:10px;outline:none;width:90%} +.share-dialog .nav .nav-item .nav-link.active{border-bottom:2px solid ##maincolor##;color:##maincolor##;text-decoration:none} +.share-dialog .nav-pills .nav-item .nav-link.active{background-color:##maincolor##;border:none;color:#fff} +.share-dialog .op-target{word-wrap:break-word;color:##maincolor##} +.share-dialog-with-qr-code .dtable-qr-code-share-btn.btn.btn-secondary:active,.share-dialog-with-qr-code .dtable-qr-code-share-btn:hover{background-color:##maincolor##;box-shadow:none;color:#fff} +.share-dialog-with-qr-code .dtable-qr-code-share-btn{border-color:##maincolor##;color:##maincolor##;float:right;margin-left:.5rem;padding:5px} +.share-dialog-with-qr-code .share-qrcode .qrcode-copy-btn:active{background-color:##maincolor##;color:#fff} +.share-dialog-with-qr-code .share-qrcode .qrcode-copy-btn{background-color:#fff;border-color:##maincolor##;color:##maincolor##} +.share-link-dialog .share-link-info .share-link-content{color:##maincolor##;cursor:pointer;display:inline-block;width:100%} +.share-table-side .share-nav-item-active{border-bottom:2px solid ##maincolor##;color:#212529} +.share-view-side .share-nav-item-active{border-bottom:2px solid ##maincolor##;color:#212529} +.side-nav-footer .join-us-icon{color:##maincolor##;font-size:20px;margin-right:10px} +.side-panel .nav-link.active{color:##maincolor##} +.single-record-page-record-qrcode-container .qrcode-copy-btn:active{background-color:##maincolor##!important;color:#fff} +.single-record-page-record-qrcode-container .qrcode-copy-btn{background-color:#fff;border-color:##maincolor##;color:##maincolor##} +.single-record-page-setting-element-types-add-all{color:##maincolor##;cursor:pointer;font-size:14px} +.snapshot-item .snapshot-dropdown-menu .dropdown-item:hover{background-color:##maincolor##;color:#fff} +.statistic-chart-addition-dialog .selected-statistic-type-item{background-color:##maincolor##;color:#fff} +.statistic-chart-preview .dtable-dropdown-menu .dropdown-item:hover{background-color:##maincolor##;color:#fff} +.statistic-dropdown-menu .dropdown-item:hover{background-color:##maincolor##;color:var(--font-hover-color)} +.submit-map-editor{background-color:#fff;border:1px solid #0000;border-radius:3px;box-shadow:0 0 12px #0000004d;color:##maincolor##;cursor:pointer;display:inline-block;font-size:.875rem;height:38px;line-height:1.8461538462;margin-left:16px;padding:.375rem .75rem;text-align:center;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap} +.subscription-container .text-orange{color:##maincolor##!important} +.subscription-submit{background-color:##maincolor##;border-radius:5px;color:#fff;font-size:16px;height:44px;margin-bottom:10px;width:100%} +.switch-refresh-active{background-color:##maincolor##} +.table-calendar-link:before{background:##maincolor##;border-radius:50px;content:"";height:4px;left:.25rem;position:absolute;top:.25rem;width:4px} +.table-calendar-link:hover{background:##maincolor##;color:#fff;text-decoration:none;transition:background .3s} +.table-item-more-operation .advanced-menu.show>.btn-secondary.dropdown-toggle{background-color:##maincolor##;color:#fff} +.table-item-more-operation .advanced-menu>.dropdown-item.btn.btn-secondary:hover{background-color:##maincolor##;color:#fff} +.table-setting.form-setting-all-required{color:##maincolor##;cursor:pointer;font-size:14px} +.tables-tabs-content .tabs-nav-scroll-after{background:linear-gradient(90deg,##maincolor##33,##maincolor##99,##maincolor##);right:10px;top:0;width:20px} +.tables-tabs-content .tabs-nav-scroll-before{background:linear-gradient(270deg,##maincolor##33,##maincolor##99,##maincolor##);left:0;top:0;width:25px;z-index:5} +.tag-primary{background-color:##maincolor##;color:#fff} +.template-categories .template-category-item.active{color:##maincolor##;text-decoration:underline} +.template-categories .template-category-item:hover{color:##maincolor##} +.template-list-container .template-container:hover{background:#fffbf8;border-color:##maincolor##;cursor:pointer} +.template-list-dialog .modal-header .modal-header-template{color:##maincolor##;font-size:24px;line-height:1;margin-right:10px} +.text-editor-container .text-editor-dropdown-item:hover{background-color:##maincolor##;color:#fff} +.tool-popover .tool-item:hover,.tool-popover .tool-item:hover dd,.tool-popover .tool-item:hover dt,.tool-popover .tool-item:hover span{background-color:##maincolor##;color:#fff} +.trash-items-main .trash-items-main-body .trash-item .trash-item-restore{color:##maincolor##} +.trash-table .trash-table-base-detail .trash-table-restore-mobile{color:##maincolor##;cursor:pointer} +.tree-node-hight-light{background-color:##maincolor##!important;border-radius:4px;color:#fff} +.tree-view-trash-tab.active,.tree-view-trash-tab.active .dtable-font,.tree-view-trash-tab.active svg{background-color:##maincolor##;border-radius:4px;color:#fff} +.trigger-condition1 .st3{fill:##maincolor##} +.trigger-condition2 .st2{fill:##maincolor##} +.trigger-condition3 .st2{fill:##maincolor##} +.trigger-condition4 .st1{fill:##maincolor##} +.user-input-chat .sea-ai-assistant-message-content{background-color:##maincolor##;border-radius:6px 0 6px 6px;color:#fafafa} +.user-setting-nav .nav-item .nav-link:hover{color:##maincolor##} +.user-setting-nav .nav-item.active .nav-link{border-left-color:##maincolor##;color:##maincolor##} +.view-edit-popover-header .remove-icon-button{color:##maincolor##} +.workflow-app-container .participants-type-container .selected-participants-type-item{background-color:#e5a1521a;box-shadow:0 0 0 1px ##maincolor##;color:##maincolor##} +.workflow-app-settings-container .fields-setting-header .setting-choose-all{color:##maincolor##;cursor:pointer;font-size:12px} +.workflow-folder-tree .workflow-folder-tree-item.active-item{background-color:##maincolor##;border-radius:4px;color:#fff} +.workflow-group-container .load-more-workflows .load-more-workflows-tip{color:##maincolor##;cursor:pointer;margin:0 16px} +.workflow-list-view .list-view-sidebar li{border-bottom:2px solid ##maincolor##;color:##maincolor##} +.workflow-list-view .share-item-view-sidebar .sidebar-item-active,.workflow-list-view .specific-list-view-sidebar .sidebar-item-active{border-bottom:2px solid ##maincolor##;color:##maincolor##} +.workflow-list-view .view-header .dtable-icon-workflow{color:##maincolor##} +.workflow-node-dropdown .dropdown-item:hover,.workflow-node-dropdown .selected-dropdown-item{background-color:##maincolor##;color:#fff} +.workflow-task-dialog .workflow-task-nodes-logs .workflow-task-node-log-selector.selected{border-bottom:2px solid ##maincolor##;color:#212529} +.workflow-task-list-modal .workflow-task-list-modal-header-left .dtable-icon-workflow{color:##maincolor##;font-size:20px;font-weight:500} +.workflow-task-list-toolbar-container .task-date-dropdown .dropdown-item:hover{background-color:##maincolor##;color:#fff} +.workflow-task-logs .workflow-task-log .workflow-task-log-icon{color:##maincolor##;margin-right:5px} +.workflow-task-nodes-popover .workflow-task-nodes .workflow-task-node-item:hover{background-color:##maincolor##;color:#fff} +.workflow-task-pending-dialog .workflow-task-flow-header .flow-chart,.workflow-task-pending-dialog .workflow-task-flow-header .task-logs{border-bottom:2px solid ##maincolor##;color:#212529} +.workspace .dropdown-item:not(.disabled):focus .dtable-font,.workspace .dropdown-item:not(.disabled):hover .dtable-font{background-color:##maincolor##!important;color:#fff!important} +50%{box-shadow:0 0 8px ##maincolor##b3,0 0 16px ##maincolor##66,0 0 24px ##maincolor##33} +:root{--bs-blue:#467fcf;--bs-azure:#45aaf2;--bs-indigo:#6574cd;--bs-purple:#a55eea;--bs-pink:#f66d9b;--bs-red:#cd201f;--bs-orange:#fd9644;--bs-yellow:#f1c40f;--bs-lime:#7bd235;--bs-green:#5eba00;--bs-teal:#2bcbba;--bs-cyan:#17a2b8;--bs-white:#fff;--bs-gray:#868e96;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#868e96;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:##maincolor##;--bs-secondary:#666;--bs-success:#5eba00;--bs-info:#45aaf2;--bs-warning:#f1c40f;--bs-danger:#cd201f;--bs-light:#f8f9fa;--bs-dark:#343a40;--bs-primary-rgb:237,113,9;--bs-secondary-rgb:102,102,102;--bs-success-rgb:94,186,0;--bs-info-rgb:69,170,242;--bs-warning-rgb:241,196,15;--bs-danger-rgb:205,32,31;--bs-light-rgb:248,249,250;--bs-dark-rgb:52,58,64;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-body-color-rgb:33,37,41;--bs-body-bg-rgb:255,255,255;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,0));--bs-body-font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;--bs-body-font-size:0.875rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-bg:#fff;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:rgba(0,40,100,.12);--bs-border-color-translucent:rgba(0,0,0,.175);--bs-border-radius:3px;--bs-border-radius-sm:3px;--bs-border-radius-lg:3px;--bs-border-radius-xl:1rem;--bs-border-radius-2xl:2rem;--bs-border-radius-pill:50rem;--bs-link-color:##maincolor##;--bs-link-hover-color:#be5a07;--bs-code-color:inherit;--bs-highlight-bg:#fcf3cf} +@keyframes pulse{0%,to{box-shadow:0 0 6px ##maincolor##80,0 0 12px ##maincolor##4d,0 0 18px ##maincolor##26 +a { color: ##maincolor##;} +a,a:hover{color:##maincolor##} +a:focus,a:hover { color: ##maincolor##;}`; + } else if (version === "v5.3") { + var css_input = `/* custom-css for v5.3 generated on https://admin.seatable.com/customization/main-color/ */ +#lang-context-selector li:hover { background-color: ##maincolor##;} #quota-bar .usage { display: inline-block; height: 100%; vertical-align: top; background: ##maincolor##;} .a-simulate { color: ##maincolor## !important; text-decoration: none; font-weight: normal; cursor: pointer;} .access-control-qr-code-wrapper .qrcode-copy-btn:active,.access-control-qr-code-wrapper .qrcode-copy-btn:hover{background-color:##maincolor##!important;color:#fff} @@ -797,7 +1580,8 @@ a:focus,a:hover { color: ##maincolor##;} a:hover{color:##maincolor##} a{color:##maincolor##;text-decoration:none;background-color:transparent}`; } else if (version === "v5.2") { - var css_input = `#lang-context-selector li:hover { background-color: ##maincolor##;} + var css_input = `/* custom-css for v5.2 generated on https://admin.seatable.com/customization/main-color/ */ +#lang-context-selector li:hover { background-color: ##maincolor##;} #quota-bar .usage { display: inline-block; height: 100%; vertical-align: top; background: ##maincolor##;} .a-simulate { color: ##maincolor## !important; text-decoration: none; font-weight: normal; cursor: pointer;} .access-control-qr-code-wrapper .qrcode-copy-btn:active,.access-control-qr-code-wrapper .qrcode-copy-btn:hover{background-color:##maincolor##!important;color:#fff} diff --git a/docs/customization/css-templates/6_0_x.css b/docs/customization/css-templates/6_0_x.css new file mode 100644 index 000000000..1e8701e2b --- /dev/null +++ b/docs/customization/css-templates/6_0_x.css @@ -0,0 +1,379 @@ +#lang-context-selector li:hover { background-color: ##maincolor##;} +#quota-bar .usage { display: inline-block; height: 100%; vertical-align: top; background: ##maincolor##;} +.a-simulate { color: ##maincolor## !important; text-decoration: none; font-weight: normal; cursor: pointer;} +.access-control-qr-code-wrapper .qrcode-copy-btn:active,.access-control-qr-code-wrapper .qrcode-copy-btn:hover{background-color:##maincolor##!important;color:#fff} +.access-control-qr-code-wrapper .qrcode-copy-btn{background-color:#fff;border-color:##maincolor##;color:##maincolor##} +.account-dialog .nav .nav-item .nav-link.active{border-bottom:.125rem solid ##maincolor##;color:##maincolor##;text-decoration:none} +.account-dialog .nav-pills .nav-item .nav-link.active{background-color:##maincolor##;border:none;color:#fff} +.account-dialog .op-target{word-wrap:break-word;color:##maincolor##} +.activity-department-item .department-avatar-container{background:##maincolor##;border-radius:50%;height:18px;padding:2px 2px 3px;width:18px} +.add-module-dialog .app-select-module-item.selected .app-select-module-item-image-container,.add-module-dialog .app-select-module-item.selected .app-select-module-item-image-container:hover{border-color:##maincolor##} +.add-module-dialog .app-select-module-item.selected .app-select-module-item-name{color:##maincolor##} +.add-page-dialog .app-select-page-item.selected .app-select-page-item-image-container,.add-page-dialog .app-select-page-item.selected .app-select-page-item-image-container:hover{border-color:##maincolor##} +.add-page-dialog .app-select-page-item.selected .app-select-page-item-name{color:##maincolor##} +.add-page-dialog .steps-header .step-nav.active{border-bottom:2px solid ##maincolor##;color:##maincolor##} +.add-user-select-all-container .select-all,.department-dialog-member-head .select-all{color:##maincolor##;cursor:pointer;font-size:.8125rem} +.add-workflow-task-dialog .add-workflow-task-body .submit-workflow.focus{background-color:##maincolor##;border-color:##maincolor##;color:#fff} +.app-comment-footer .comment-input-footer.focused,.app-comment-footer .comment-input.focused{border-color:##maincolor##} +.app-comment-footer .submit-comment .seatable-icon-send{fill:##maincolor##} +.app-folder-tree .app-folder-tree-item.active-item{background-color:##maincolor##;border-radius:4px;color:#fff} +.app-form-settings .app-form-settings-header-tab.active{border-bottom:2px solid ##maincolor##;color:##maincolor##} +.app-form-settings .table-setting .add-all{color:##maincolor##;cursor:pointer;font-size:14px} +.app-group-container .load-more-apps .load-more-apps-tip{color:##maincolor##;cursor:pointer;margin:0 16px} +.app-icon-settings-popover-nav .nav .nav-item .nav-link.active{border-bottom:.125rem solid ##maincolor##;color:##maincolor##;text-decoration:none} +.app-init_app-init-btns__nGbPX .btn-primary:not(:disabled):not(.disabled):active{background-color:##maincolor##} +.app-init_app-init-btns__nGbPX .btn-primary:not(:disabled):not(.disabled):focus,.app-init_app-init-btns__nGbPX .btn-primary:not(:disabled):not(.disabled):focus-visible{background-color:##maincolor##;border:1px solid ##maincolor##;box-shadow:none;outline:none} +.app-init_app-init-btns__nGbPX .btn-secondary:not(:disabled):not(.disabled):active{background-color:#e6e6e6;border:1px solid ##maincolor##;color:##maincolor##} +.app-init_app-init-btns__nGbPX .btn-secondary:not(:disabled):not(.disabled):focus,.app-init_app-init-btns__nGbPX .btn-secondary:not(:disabled):not(.disabled):focus-visible{background-color:#fff;border:1px solid ##maincolor##;box-shadow:none;color:##maincolor##;outline:none} +.app-init_app-init-btns__nGbPX button:first-child:hover{border:1px solid ##maincolor##;color:##maincolor##} +.app-init_app-init-btns__nGbPX button:first-child{color:##maincolor##} +.app-init_app-init-btns__nGbPX button{border:1px solid ##maincolor##;border-radius:3px;flex:0 0 auto;font-size:13px;font-weight:400} +.app-select-module-item-popover .popover .app-select-module-item-popover-image-container{border:2px solid ##maincolor##;border-radius:3px;overflow:hidden} +.app-select-page-item-popover .popover .app-select-page-item-popover-image-container{border:2px solid ##maincolor##;border-radius:3px;overflow:hidden} +.app-settings-access-control .app-qr-code-share-btn.btn.btn-secondary:active,.app-settings-access-control .app-qr-code-share-btn:hover{background-color:##maincolor##;box-shadow:none;color:#fff} +.app-settings-access-control .app-qr-code-share-btn{border-bottom-left-radius:3px!important;border-color:##maincolor##;border-top-left-radius:3px!important;color:##maincolor##;padding:6px} +.app-settings-dialog .nav .nav-item .nav-link.active{border-bottom:.125rem solid ##maincolor##;color:##maincolor##;text-decoration:none} +.app-settings-dialog .nav-pills .nav-item .nav-link.active{background-color:##maincolor##;color:#fff} +.archive-dialog .nav .nav-item .nav-link.active{border-bottom:.125rem solid ##maincolor##;color:##maincolor##;text-decoration:none} +.archive-dialog .nav-pills .nav-item .nav-link.active{background-color:##maincolor##;border:none;color:#fff} +.archive-dialog .op-target{word-wrap:break-word;color:##maincolor##} +.attachments-management-widget .dirent-table-content .dirent-item-name{color:##maincolor##} +.attachments-management-widget .path-container .path-link{color:##maincolor##} +.attachments-management-widget .tree-node-inner.tree-node-hight-light .tree-node-right-icon .dtable-dirent-dropdown{background-color:##maincolor##} +.attachments-management-widget .tree-view .tree-node-inner.tree-node-hight-light{background-color:##maincolor##!important;border-radius:4px;color:#fff} +.automation-rules-nav-tree-node-main .active-indicator{background-color:##maincolor##;border-radius:3px;height:calc(100% - 4px);left:-8px;position:absolute;top:2px;width:4px} +.base-status-dialog .nav .nav-item .nav-link.active{color:##maincolor##;text-decoration:none} +.base-status-dialog .nav-pills .nav-item .nav-link.active{background-color:##maincolor##;border:none;color:#fff} +.batch-popover .batch-popover-footer .replace-search-item{background:##maincolor##;border:1px solid #e4e4e4;color:#fff} +.big-data-import-process .am-progress-bar{background-color:##maincolor##;border:none;border-radius:5px;height:10px!important} +.big-screen-menu .menu-item.active{background:#ffefe0;color:##maincolor##} +.btn-check:checked+.btn,.btn-outline-primary:active,.btn-outline-primary:hover,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{background-color:##maincolor##;border-color:##maincolor##;color:#fff} +.btn-outline-primary:hover,.btn-primary:hover{background-color:##maincolor##;border-color:##maincolor##} +.btn-outline-primary{--bs-btn-color:##maincolor##;--bs-btn-border-color:##maincolor##;--bs-btn-hover-color:#000;--bs-btn-hover-bg:##maincolor##;--bs-btn-hover-border-color:##maincolor##;--bs-btn-focus-shadow-rgb:237,113,9;--bs-btn-active-color:#000;--bs-btn-active-bg:##maincolor##;--bs-btn-active-border-color:##maincolor##;--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,.125);--bs-btn-disabled-color:##maincolor##;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:##maincolor##;--bs-gradient:none} +.btn-outline-universal-01.disabled,.btn-outline-universal-01:disabled{background-color:initial;color:##maincolor##} +.btn-outline-universal-01.focus,.btn-outline-universal-01:focus{box-shadow:0 0 0 2px ##maincolor##80} +.btn-outline-universal-01:hover{background-color:##maincolor##;border-color:##maincolor##;color:#fff} +.btn-outline-universal-01:not(:disabled):not(.disabled).active,.btn-outline-universal-01:not(:disabled):not(.disabled):active,.show>.btn-outline-universal-01.dropdown-toggle{background-color:##maincolor##;border-color:##maincolor##;color:#fff} +.btn-outline-universal-01:not(:disabled):not(.disabled).active:focus,.btn-outline-universal-01:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-universal-01.dropdown-toggle:focus{box-shadow:0 0 0 2px ##maincolor##80} +.btn-outline-universal-01{background-color:initial;background-image:none;border-color:##maincolor##;color:##maincolor##} +.btn-primary{--bs-btn-color:#000;--bs-btn-bg:##maincolor##;--bs-btn-border-color:##maincolor##;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#f0862e;--bs-btn-hover-border-color:#ef7f22;--bs-btn-focus-shadow-rgb:201,96,8;--bs-btn-active-color:#000;--bs-btn-active-bg:#f18d3a;--bs-btn-active-border-color:#ef7f22;--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:##maincolor##;--bs-btn-disabled-border-color:##maincolor##} +.btn-universal-01.disabled,.btn-universal-01:disabled{background-color:##maincolor##;border-color:##maincolor##;color:#fff} +.btn-universal-01.focus,.btn-universal-01:focus{box-shadow:0 0 0 2px ##maincolor##80} +.btn-universal-01:hover{background-color:##maincolor##;border-color:##maincolor##;color:#fff} +.btn-universal-01:not(:disabled):not(.disabled).active,.btn-universal-01:not(:disabled):not(.disabled):active,.show>.btn-universal-01.dropdown-toggle{background-color:##maincolor##;border-color:##maincolor##;color:#fff} +.btn-universal-01:not(:disabled):not(.disabled).active:focus,.btn-universal-01:not(:disabled):not(.disabled):active:focus,.show>.btn-universal-01.dropdown-toggle:focus{box-shadow:0 0 0 2px ##maincolor##80} +.btn-universal-01{background-color:##maincolor##;border-color:##maincolor##;color:#fff} +.calendar-plugin-container .view-item .view-item-content:hover{border-color:##maincolor##;color:#212529;cursor:pointer} +.calendar-plugin-container .view-item .view-item-content:hover{border-color:##maincolor##;color:#444;cursor:pointer} +.calendar-plugin-container .view-item.active .view-item-content{border-color:##maincolor##;color:#212529;cursor:default} +.calendar-plugin-container .view-item.active .view-item-content{border-color:##maincolor##;color:#444;cursor:default} +.chat-message:after{border-bottom:6px solid transparent;border-left:6px solid ##maincolor##;border-top:6px solid transparent;content:"";position:absolute;right:-5px;top:7px} +.chat-message{background-color:##maincolor##;border-radius:3px;color:#fff;display:inline-block;font-size:.875rem;line-height:1.4;margin:0 .5rem 0 2.5rem;padding:.375rem .5rem;position:relative;text-align:left;white-space:normal} +.color-setting-dialog .rule-color-container .color-setting-add-color{color:##maincolor##;cursor:pointer} +.colorinput-input:focus~.colorinput-color{border-color:##maincolor##;box-shadow:0 0 0 2px rgba(237,113,9,.25)} +.column-select-all{color:##maincolor##} +.comment-footer-container .comment-collaborator-tip:hover,.comment-footer-container .comment-image-tip:hover{color:##maincolor##} +.comment-header .comment-header-tool .comment-item-active{border-bottom:2px solid ##maincolor##;color:#212529} +.copy-dtable-dialog .custom-switch-input:checked~.custom-switch-indicator{background:##maincolor##} +.custom-range::-moz-range-progress{background:##maincolor##;border:0;height:2px;margin-top:0} +.custom-range::-ms-fill-lower{background:##maincolor##;border-radius:0} +.custom-range::-webkit-slider-runnable-track{background:##maincolor##;content:"";height:2px;pointer-events:none} +.custom-range:focus::-moz-range-thumb{background-color:##maincolor##;border-color:##maincolor##} +.custom-range:focus::-ms-thumb{background-color:##maincolor##;border-color:##maincolor##} +.custom-range:focus::-webkit-slider-thumb{background-color:##maincolor##;border-color:##maincolor##} +.custom-switch-input:checked~.custom-switch-indicator{background:##maincolor##} +.custom-switch-input:focus~.custom-switch-indicator{border-color:##maincolor##;box-shadow:0 0 0 2px rgba(237,113,9,.25)} +.delete-record-description-view .restore{color:##maincolor##;display:inline-block;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:20%} +.department-dialog-content .department-dialog-group .group-item.tr-highlight:hover,.department-dialog-content .department-dialog-group .tr-highlight{background-color:##maincolor##;color:#fff} +.department-dialog-member-head .select-all{color:##maincolor##;cursor:pointer;font-size:.8125rem} +.department-single-select-formatter .department-avatar-container { background: ##maincolor##; border-radius: 50%; height: 18px; padding: 2px 2px 3px; width: 18px} +.department-single-select-formatter .department-avatar-container, .selected-departments .department-avatar-container, .selected-option-show .department-avatar-container { background: ##maincolor##; border-radius: 50%; height: 18px; padding: 2px 2px 3px; width: 18px} +.department-single-select-formatter .department-avatar-container, .selected-departments.dtable-ui .department-avatar-container, .selected-option-show .department-avatar-container { background: ##maincolor##; border-radius: 50%; height: 18px; padding: 2px 2px 3px; width: 18px} +.department-single-select-formatter .department-avatar-container,.selected-departments .department-avatar-container,.selected-option-show .department-avatar-container{background:##maincolor##;border-radius:50%;height:18px;padding:2px 2px 3px;width:18px} +.department-single-select-formatter .department-avatar-container,.selected-departments.dtable-ui .department-avatar-container,.selected-option-show .department-avatar-container{background:##maincolor##;border-radius:50%;height:18px;padding:2px 2px 3px;width:18px} +.department-single-select-formatter .department-avatar-container{background:##maincolor##;border-radius:50%;height:18px;padding:2px 2px 3px;width:18px} +.departments-tree-panel .departments-v2-hight-light{background-color:##maincolor##!important;border-radius:4px;color:#fff} +.digital-sign-view-panel-operations .mobile-btn-clear{color:##maincolor##} +.download-file-dialog .download-files-header .select-columns{color:##maincolor##;cursor:pointer} +.download-file-dialog .download-files-item .downloading-file-cancel{color:##maincolor##;opacity:.8} +.download-files-dialog .download-files-header .select-columns{color:##maincolor##;cursor:pointer} +.dropdown-item:focus,.dropdown-item:hover{background-color:##maincolor##;color:#fff} +.dropdown-menu-dark{--bs-dropdown-color:#dee2e6;--bs-dropdown-bg:#343a40;--bs-dropdown-border-color:rgba(0,40,100,.12);--bs-dropdown-box-shadow: ;--bs-dropdown-link-color:#dee2e6;--bs-dropdown-link-hover-color:#fff;--bs-dropdown-divider-bg:rgba(0,40,100,.12);--bs-dropdown-link-hover-bg:hsla(0,0%,100%,.15);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:##maincolor##;--bs-dropdown-link-disabled-color:#adb5bd;--bs-dropdown-header-color:#adb5bd} +.dropdown-menu{--bs-dropdown-zindex:1000;--bs-dropdown-min-width:10rem;--bs-dropdown-padding-x:0;--bs-dropdown-padding-y:0.5rem;--bs-dropdown-spacer:0.125rem;--bs-dropdown-font-size:0.875rem;--bs-dropdown-color:#212529;--bs-dropdown-bg:#fff;--bs-dropdown-border-color:rgba(0,40,100,.12);--bs-dropdown-border-radius:3px;--bs-dropdown-border-width:1px;--bs-dropdown-inner-border-radius:2px;--bs-dropdown-divider-bg:rgba(0,40,100,.12);--bs-dropdown-divider-margin-y:0.5rem;--bs-dropdown-box-shadow:0 1px 2px 0 rgba(0,0,0,.05);--bs-dropdown-link-color:#212529;--bs-dropdown-link-hover-color:#1e2125;--bs-dropdown-link-hover-bg:#e9ecef;--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:##maincolor##;--bs-dropdown-link-disabled-color:#adb5bd;--bs-dropdown-item-padding-x:1rem;--bs-dropdown-item-padding-y:0.25rem;--bs-dropdown-header-color:#868e96;--bs-dropdown-header-padding-x:1rem;--bs-dropdown-header-padding-y:0.5rem;background-clip:padding-box;background-color:var(--bs-dropdown-bg);border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius);color:var(--bs-dropdown-color);display:none;font-size:var(--bs-dropdown-font-size);list-style:none;margin:0;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);position:absolute;text-align:left;z-index:var(--bs-dropdown-zindex)} +.dtable-app-qr-code-wrapper .qrcode-copy-btn:active,.dtable-app-qr-code-wrapper .qrcode-copy-btn:hover{background-color:##maincolor##!important;color:#fff} +.dtable-app-qr-code-wrapper .qrcode-copy-btn{background-color:#fff;border-color:##maincolor##;color:##maincolor##} +.dtable-automation-rules .automation-card-content .automation-card-main-content.active{border-color:##maincolor##} +.dtable-automation-rules .automation-card-content .automation-card-main-content.automation-card-is-over{border:2px dashed ##maincolor##} +.dtable-automation-rules .automation-card-content-unselected .automation-card-item .add-option:hover{border:2px dashed ##maincolor##;border-radius:4px} +.dtable-automation-rules .automation-card-content-unselected .automation-card-item .add-option{align-items:center;border:2px dashed #ddd;border-radius:4px;color:##maincolor##;display:flex;justify-content:center} +.dtable-automation-rules-header-left .dtable-icon-automation-rules{align-items:center;background-color:##maincolor##;border-radius:3px;color:#fff;display:flex;height:20px;justify-content:center;line-height:20px;width:20px} +.dtable-comment-footer .comment-input.focused{border-color:##maincolor##} +.dtable-comment-footer .submit-comment .seatable-icon-send{fill:##maincolor##} +.dtable-dropdown-menu .view-description-img{border:2px solid ##maincolor##;border-radius:5px;flex-shrink:0;min-height:70px;width:100px} +.dtable-edit-form .form-header-title .dtable-icon-form{color:##maincolor##;font-size:24px} +.dtable-excel-preview-dialog .dtable-excel-preview-dialog-nav{background-color:##maincolor##;margin:0;padding:10px 10px 0} +.dtable-external-links-content .external-link-item a{color:##maincolor##} +.dtable-file-addition-container .dtable-file-addition-left .selected-dtable-addition-item{background-color:##maincolor##;color:#fff} +.dtable-file-previewer-header .files-operation-content{color:##maincolor##} +.dtable-image-addition-container .dtable-image-addition-left .selected-dtable-addition-item{background-color:##maincolor##;color:#fff} +.dtable-path-container .dtable-path-link{color:##maincolor##} +.dtable-plugin-setting-item .select-group .select-item.active{background-color:#fff2e4;box-shadow:0 0 0 1px ##maincolor##;color:##maincolor##} +.dtable-plugin-setting-item.order-setting .widget-zIndex-content .widget-zIndex-item:hover:not(.disabled){background-color:#fff2e4;box-shadow:0 0 0 1px ##maincolor##;cursor:pointer;z-index:0} +.dtable-radio .dtable-radio-selected-indicator { background-color: ##maincolor##; border: initial !important} +.dtable-radio .dtable-radio-selected-indicator.dtable-radio-indicator-disable { background-color: ##maincolor##} +.dtable-radio .dtable-radio-selected-indicator.dtable-radio-indicator-disable{background-color:##maincolor##} +.dtable-radio .dtable-radio-selected-indicator{background-color:##maincolor##;border:initial!important} +.dtable-refresh{color:##maincolor##!important;cursor:pointer} +.dtable-scripts-module .dtable-scripts-export:hover{background-color:##maincolor##;border-color:##maincolor##;color:#fff} +.dtable-scripts-module .dtable-scripts-export{background-color:#fff;color:##maincolor##;width:130px} +.dtable-select .option.option-active{background-color:##maincolor##;color:#fff;cursor:pointer} +.dtable-ui-file-editor-previewer .dtable-ui-file-editor-previewer-header .dtable-ui-file-editor-operation-content{color:##maincolor##} +.dtable-ui-geolocation-submit-map-editor{background-color:#fff;border:1px solid #0000;border-radius:3px;box-shadow:0 0 12px #0000004d;color:##maincolor##;cursor:pointer;display:inline-block;font-size:.875rem;height:38px;line-height:1.8461538462;margin-left:16px;padding:.375rem .75rem;text-align:center;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap} +.dtable-ui-image-addition-container .dtable-ui-image-addition-left .dtable-ui-addition-item-selected{background-color:##maincolor##;color:#fff} +.editor-column-popover-inner .submitSelect{box-shadow:0 0 0 2px ##maincolor##80} +.field-setting .field-setting-banner .show-all-button{color:##maincolor##;cursor:pointer;font-size:12px} +.file-chooser-content-container .file-chooser-left .select-file-chooser-nav-item{background-color:##maincolor##!important;color:#fff} +.file-management-toolbar .select-file-management-item{color:##maincolor##} +.file-upload-item .upload-operation .error-uploaded{color:##maincolor##;cursor:pointer} +.folder-tree .folder-item.folder-item-selected{background-color:##maincolor##!important;color:#fff} +.form-check-input:checked{background-color:##maincolor##;border-color:##maincolor##} +.form-check-input[type=checkbox]:indeterminate{background-color:##maincolor##;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3E%3C/svg%3E");border-color:##maincolor##} +.form-help:hover,.form-help[aria-describedby]{background:##maincolor##;color:#fff} +.form-items-container .dragging-add-field{border:1px dashed ##maincolor##;color:##maincolor##} +.form-items-container .drop-placeholder{border:2px dashed ##maincolor##;border-radius:3px;height:100px;opacity:.75;width:100%} +.form-qr-code-wrapper .qrcode-copy-btn:active,.form-qr-code-wrapper .qrcode-copy-btn:hover{background-color:##maincolor##!important;color:#fff} +.form-qr-code-wrapper .qrcode-copy-btn{background-color:#fff;border-color:##maincolor##;color:##maincolor##} +.form-range::-moz-range-thumb{appearance:none;background-color:##maincolor##;border:0;border-radius:1rem;height:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:1rem} +.form-range::-webkit-slider-thumb{appearance:none;background-color:##maincolor##;border:0;border-radius:1rem;height:1rem;margin-top:-.25rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:1rem} +.form-remark-background-setting .no-active-option .select-group-item:hover{background-color:#fff2e4;box-shadow:0 0 0 1px ##maincolor##;cursor:pointer} +.form-remark-background-setting .select-group-container .select-group-item.active{background-color:#fff2e4;box-shadow:0 0 0 1px ##maincolor##;color:##maincolor##} +.formula-format-editor-popover .btn-re-detect{align-items:center;border-color:##maincolor##;display:flex;font-weight:400;height:30px;justify-content:center;margin:0 0 0 15px;padding-bottom:0;padding-top:0} +.formula-format-editor-popover .btn-secondary:not(:disabled):not(.disabled):active{background-color:initial;border-color:##maincolor##;color:##maincolor##} +.formula-result-type-detector .btn-re-detect{align-items:center;color:##maincolor##;display:flex;font-weight:400;justify-content:center} +.gallery-view-mobile-settings .column-select-all{color:##maincolor##} +.grid-pane-divider .tooltip-pane-divider .freeze-columns-length{color:##maincolor##;font-weight:500;padding:0 4px} +.group-manage-trash-dialog .trash-dtables .trash-table-restore{color:##maincolor##;cursor:pointer} +.group-selector .option.option-active{background-color:##maincolor##;color:#fff;cursor:pointer} +.groupby-popover .groupbys-tools .groupbys-tool-item.active{color:##maincolor##} +.header-dropdown .dropdown-item:hover { background-color: ##maincolor##; color: #fff; cursor: pointer} +.header-dropdown .dropdown-item:hover{background-color:##maincolor##;color:#fff;cursor:pointer} +.image-view i{animation:rotate 1.5s ease infinite;color:##maincolor##;font-size:30px;height:100%;line-height:150px;text-align:center;width:100%} +.imagecheck-figure:before{background:##maincolor## url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") no-repeat 50%/50% 50%;border-radius:3px;color:#fff;content:"";display:block;height:1rem;left:.25rem;opacity:0;pointer-events:none;position:absolute;top:.25rem;transition:opacity .3s;user-select:none;width:1rem;z-index:1} +.imagecheck-input:focus~.imagecheck-figure{border-color:##maincolor##;box-shadow:0 0 0 2px rgba(237,113,9,.25)} +.info-bar-info span:first-child{color:##maincolor##} +.introduction-video .video-js .vjs-control-bar{background-color:##maincolor##cc} +.introduction-video-mobile .introduction-video-btn{background-color:##maincolor##;border-radius:26px;margin-top:5rem} +.kanban-view-mobile .column-select-all{color:##maincolor##} +.link-primary{color:##maincolor##!important} +.link-records-editor .create-link-records .new-record:hover{background:#fff;border-color:##maincolor##} +.link-records-editor .create-link-records .new-record{align-items:center;border:1px dashed #ccc;border-radius:4px;color:##maincolor##;display:inline-flex;justify-content:center;padding:0 10px;width:100%} +.list-group{--bs-list-group-color:#212529;--bs-list-group-bg:#fff;--bs-list-group-border-color:rgba(0,40,100,.12);--bs-list-group-border-width:1px;--bs-list-group-border-radius:3px;--bs-list-group-item-padding-x:1rem;--bs-list-group-item-padding-y:0.5rem;--bs-list-group-action-color:#495057;--bs-list-group-action-hover-color:#495057;--bs-list-group-action-hover-bg:#f8f9fa;--bs-list-group-action-active-color:#212529;--bs-list-group-action-active-bg:#e9ecef;--bs-list-group-disabled-color:#868e96;--bs-list-group-disabled-bg:#fff;--bs-list-group-active-color:##maincolor##;--bs-list-group-active-bg:#fef9f5;--bs-list-group-active-border-color:rgba(0,40,100,.12);border-radius:var(--bs-list-group-border-radius);display:flex;flex-direction:column;margin-bottom:0;padding-left:0} +.login-panel .login-panel-register-type:hover { border-color: ##maincolor##;} +.mobile-custom-camera .custom-camera-line{animation:pulse 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,##maincolor##4d 20%,##maincolor## 50%,##maincolor##4d 80%,#0000);border:none;border-radius:1px;box-shadow:0 0 6px ##maincolor##80,0 0 12px ##maincolor##4d,0 0 18px ##maincolor##26;height:2px;left:10%;position:absolute;top:0;transform:translateZ(0);width:80%;will-change:top,opacity,transform;z-index:10} +.mobile-float-icon{background-color:##maincolor##;border:none;border-radius:50%;bottom:42px;box-shadow:0 3px 5px -1px #ffa25233,0 6px 10px 0 #ffa25224,0 1px 18px 0 #ffa2521f;color:#999;cursor:pointer;display:flex;font-size:16px;height:50px;position:fixed;right:10px;-webkit-user-select:none;user-select:none;width:50px} +.mobile-main-panel .selected-tab-item{color:##maincolor##;font-size:22px} +.mobile-notification-modal .mobile-notification-tool .notification-type-tabs .tab-item.active{border-bottom:.125rem solid ##maincolor##;color:##maincolor##} +.mobile-row-comment-view .app-comment-footer .submit-comment-mobile .seatable-icon-send{fill:##maincolor##} +.mobile-share-table .mobile-share-title-name{color:##maincolor##;margin-left:5px} +.mobile-share-view .mobile-share-title-name{color:##maincolor##;margin-left:5px} +.mobile_dtable-map-plugin-header-btn-highlight__dYdDa{color:##maincolor##} +.mobile_mobile-select-all__9qLb-{color:##maincolor##} +.module-book-start-time-selector-time.selected button,.module-book-start-time-selector-time.selected button:hover{border-color:##maincolor##} +.module-booking-management-page-side .nav .nav-item .nav-link.active{border:none;color:##maincolor##;text-decoration:none} +.module-booking-management-page-side .nav-pills .nav-item .nav-link.active{background-color:##maincolor##;color:#fff} +.module-my-bookings-table-operation-cell .module-my-bookings-operation-text{color:##maincolor##} +.multicolor-icon-add-record .st1{fill:##maincolor##} +.multicolor-icon-ai .st1{fill:##maincolor##} +.multicolor-icon-workflow .st1{fill:##maincolor##} +.nav .nav-item .nav-link.active { color: ##maincolor##; text-decoration: none; border-bottom: 0.125rem solid ##maincolor##;} +.nav-pills .nav-item .nav-link.active { background-color: ##maincolor##; color: #fff; border: none;} +.nav-pills{--bs-nav-pills-border-radius:3px;--bs-nav-pills-link-active-color:#fff;--bs-nav-pills-link-active-bg:##maincolor##} +.nav-tabs .nav-submenu .nav-item.active{color:##maincolor##} +.new-narrow-panel .hd { color: #fff; font-size: 16px; padding: 5px 20px; background: ##maincolor##; border-bottom: 1px solid #d5d5d5;} +.new-narrow-panel .hd{color:#fff;font-size:16px;padding:5px 20px;background:##maincolor##;border-bottom:1px solid #d5d5d5} +.no-active-option .select-group-item:hover{background-color:#fff2e4;box-shadow:0 0 0 1px ##maincolor##;cursor:pointer} +.notification-container .notification-body .nav .nav-item .nav-link.active{color:##maincolor##!important} +.op-target { color: ##maincolor##; word-wrap: break-word;} +.operation-table{color:##maincolor##;flex:1 1;max-width:100px} +.operations-log-dialog .operation-tags-container .nav-link.active{border-bottom:.125rem solid ##maincolor##;color:##maincolor##;text-decoration:none} +.option-editor-footer .item-text{color:##maincolor##;cursor:pointer} +.option-group .option.option-active{background-color:##maincolor##;color:#fff;cursor:pointer} +.option.option-active { background-color: ##maincolor##; color: #fff; cursor: pointer} +.option.option-active{background-color:##maincolor##;color:#fff;cursor:pointer} +.order-item .order-price{color:##maincolor##;font-size:26px;font-weight:500} +.org-admin .main-panel .nav .nav-item .nav-link.active,.sys-admin .main-panel .nav .nav-item .nav-link.active{border-bottom:2px solid ##maincolor##;color:##maincolor##;text-decoration:none} +.org-info-content .am-progress-bar{background-color:##maincolor##;border-radius:5px;height:6px!important} +.outline-h2:hover{color:##maincolor##} +.outline-h3:hover{color:##maincolor##} +.page-designer-add-elements-btn-add-all{color:##maincolor##;cursor:pointer;font-size:14px} +.page-designer-box-editor .page-designer-sub-block-element-wrapper[drag-over]{border-color:##maincolor##!important} +.page-designer-drag-beside-element-tips{background-color:##maincolor##;height:calc(100% + 12px);position:absolute;top:-6px;width:2px;z-index:1} +.page-designer-drag-closing-section-tips{background-color:##maincolor##;height:1px;left:0;position:absolute;width:100%;z-index:1} +.page-designer-drag-into-section-tips{background-color:initial!important;border:1px dashed ##maincolor##;height:100%;position:absolute;top:0;z-index:1} +.page-designer-editor .dragging-element-valid-position-tip{background-color:initial!important;border:1px dashed ##maincolor##;z-index:1} +.page-designer-editor .page-designer-element-container .drag-handler{background-color:##maincolor##;border-radius:3px} +.page-designer-editor .page-designer-element-container .right-size-regulator-handler{background:#0000;border-bottom:5px solid ##maincolor##;border-radius:0 0 8px 0;border-right:5px solid ##maincolor##;bottom:-4px;content:"";cursor:se-resize;height:12px;right:-4px;width:12px} +.page-designer-editor .page-designer-section .page-designer-element-container.editing-element{border-color:##maincolor##} +.page-designer-editor .page-designer-section .page-designer-section-container.editing-section{border:2px solid ##maincolor##} +.page-designer-element-setting-type.selected{border-bottom:2px solid ##maincolor##;color:##maincolor##} +.page-designer-horizontal-mark-line{background-color:##maincolor##;height:2px;position:fixed;z-index:9999} +.page-designer-settings-body .radio-group-options .radio-group-button.active{background-color:##maincolor##} +.pagination{--bs-pagination-padding-x:0.75rem;--bs-pagination-padding-y:0.375rem;--bs-pagination-font-size:0.875rem;--bs-pagination-color:#212529;--bs-pagination-bg:#fff;--bs-pagination-border-width:1px;--bs-pagination-border-color:#dee2e6;--bs-pagination-border-radius:3px;--bs-pagination-hover-color:var(--bs-link-hover-color);--bs-pagination-hover-bg:#e9ecef;--bs-pagination-hover-border-color:#dee2e6;--bs-pagination-focus-color:var(--bs-link-hover-color);--bs-pagination-focus-bg:#e9ecef;--bs-pagination-focus-box-shadow:0 0 0 2px rgba(237,113,9,.25);--bs-pagination-active-color:#fff;--bs-pagination-active-bg:##maincolor##;--bs-pagination-active-border-color:##maincolor##;--bs-pagination-disabled-color:#ced4da;--bs-pagination-disabled-bg:#fff;--bs-pagination-disabled-border-color:#dee2e6;display:flex;list-style:none;padding-left:0} +.participants .add-participants i{background-color:#fff;border:2px solid #fff;border-radius:50%;color:##maincolor##;font-size:16px} +.password-reset-panel .password-reset-panel-bottom-container a,.login-panel .login-panel-bottom-container a { color: ##maincolor##; white-space: nowrap;} +.path-link { color: ##maincolor## !important; text-decoration: none;} +.path-toolbar .toolbar-item a:hover{color:##maincolor##;text-decoration:none} +.plan-description-item .plan-description{color:##maincolor##;font-size:20px;font-weight:500} +.plan-description-item.plan-selected{background-color:#fff5eb;border-color:##maincolor##;border-width:2px} +.price-version-container-header .price-version-plan-name{border-bottom:1px solid ##maincolor##;font-size:1.5rem;padding:1rem 0} +.progress{--bs-progress-height:1rem;--bs-progress-font-size:0.65625rem;--bs-progress-bg:#e9ecef;--bs-progress-border-radius:3px;--bs-progress-box-shadow:inset 0 1px 2px rgba(0,0,0,.075);--bs-progress-bar-color:#fff;--bs-progress-bar-bg:##maincolor##;--bs-progress-bar-transition:width 0.6s ease;background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius);font-size:var(--bs-progress-font-size);height:var(--bs-progress-height)} +.rbc-btn-group .rbc-tool-btn.today-btn-disabled,.rbc-btn-group .rbc-tool-btn:hover{background-color:##maincolor##;border:1px solid ##maincolor##;color:#fff} +.rbc-btn-group .rbc-tool-icon:hover{background-color:##maincolor##;color:#fff} +.rbc-btn-group .view-type-list .rbc-view-type.rbc-active{background:##maincolor##;color:#fff} +.rbc-calendar .dtable-calendar-insert-row{align-items:center;background-color:##maincolor##;border:none;border-radius:50%;bottom:15px!important;box-shadow:0 2px 8px 0 #a55e0a4d;color:#fff;cursor:pointer;display:flex;font-size:20px;height:50px;justify-content:center;position:absolute;right:15px!important;-webkit-user-select:none;user-select:none;width:50px;z-index:5} +.rbc-calendar .seatable-plugin-calendar-insert-row{align-items:center;background-color:##maincolor##;border:none;border-radius:50%;bottom:10px;box-shadow:0 2px 8px 0 #a55e0a4d;color:#fff;cursor:pointer;display:flex;font-size:20px;height:50px;justify-content:center;position:absolute;right:5px;-webkit-user-select:none;user-select:none;width:50px;z-index:4} +.rbc-current-time-indicator-label{border-left:0!important;bottom:-10px;color:##maincolor##;font-size:14px;font-weight:400;padding:0 5px;position:absolute} +.rbc-current-time-indicator{background-color:##maincolor##;border-color:##maincolor##;height:1px;pointer-events:none;position:absolute;right:0;z-index:3} +.rbc-now .rbc-date-context{background-color:##maincolor##;color:#fff} +.rbc-year-view .day-events{background-color:##maincolor##;border-radius:50%;height:4px;left:16px;position:absolute;top:22px;width:4px} +.rbc-year-view .rbc-current{background-color:##maincolor##;border-radius:2px;color:#fff} +.rbc-year-view .rbc-year-month-header{color:##maincolor##;padding-left:10px} +.rc-slider-handle-click-focused:focus{border-color:##maincolor##;box-shadow:none} +.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging{border-color:##maincolor##;box-shadow:0 0 0 5px ##maincolor##} +.rc-slider-handle:active{border-color:##maincolor##;box-shadow:0 0 5px ##maincolor##;cursor:grabbing} +.rc-slider-handle:hover{border-color:##maincolor##} +.rc-slider-handle{background-color:#fff;border:2px solid ##maincolor##;border-radius:50%;cursor:pointer;cursor:-webkit-grab;cursor:grab;height:14px;margin-top:-5px;position:absolute;touch-action:pan-x;width:14px} +.rc-slider-track{background-color:##maincolor##;left:0} +.react-contextmenu-item.react-contextmenu-item--active,.react-contextmenu-item.react-contextmenu-item--selected,.react-contextmenu-item:hover{background-color:##maincolor##;border-color:##maincolor##;color:#fff;text-decoration:none} +.restore-base-button{color:##maincolor##;min-width:35px;padding-left:5px;text-align:right} +.row-color-duplicate-value-select .option.option-active{background-color:##maincolor##;color:#fff;cursor:pointer} +.row-expand-comments .row-comment-header .row-comment,.row-expand-comments .row-comment-header .row-operation{border-bottom:2px solid ##maincolor##;color:#212529} +.sdoc-file-select-dialog .highlight-bg-color { background-color: ##maincolor##; border-color: ##maincolor##} +.sdoc-file-select-dialog .highlight-bg-color{background-color:##maincolor##;border-color:##maincolor##} +.sdoc-outline-item.active { color: ##maincolor##} +.sdoc-outline-item.active{color:##maincolor##} +.sdoc-popover-menu__item:hover { background-color: ##maincolor##; color: #fff} +.sdoc-popover-menu__item:hover{background-color:##maincolor##;color:#fff} +.sea-ai-assistant-auto-add-members-dialog .ai-assistant-settings-container .sea-ai-assistant-task-table-cell-content{align-items:center;color:##maincolor##;cursor:pointer;display:flex;justify-content:flex-start} +.sea-ai-assistant-chat-file-input-container .sea-ai-assistant-chat-file-upload-icon{background-color:##maincolor##!important;border-radius:8px;height:32px;width:32px} +.sea-ai-assistant-chat-input-container.focus{box-shadow:0 0 0 1px ##maincolor##} +.sea-ai-assistant-message-content .sea-ai-assistant-use-tip-order-item:hover{background-color:##maincolor##;color:#fff;cursor:pointer;transition:all .1s} +.sea-ai-assistant-settings-dialog .ai-assistant-settings-sidebar .ai-assistant-settings-sidebar-item.active-item{background-color:##maincolor##!important;color:#fff} +.sea-ai-assistant-settings-dialog .settings-container-header-right{align-items:center;color:##maincolor##;cursor:pointer;display:flex;-webkit-user-select:none;user-select:none} +.sea-ai-outline-btn:not(.disabled):hover{background-color:##maincolor##;color:#fff;cursor:pointer} +.sea-ai-outline-btn{background-color:#fff;border:1px solid ##maincolor##;border-radius:3px;color:##maincolor##;font-size:13px;font-weight:500;line-height:1;max-width:100%;min-width:24px;padding:6px 12px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content} +.sea-chart-settings .rc-slider-handle { background-color: #fff; border: 2px solid ##maincolor##; border-radius: 50%; cursor: pointer; cursor: -webkit-grab; cursor: grab; height: 14px; margin-top: -5px; position: absolute; touch-action: pan-x; width: 14px} +.sea-chart-settings .rc-slider-handle-click-focused:focus { border-color: ##maincolor##; box-shadow: none} +.sea-chart-settings .rc-slider-handle-click-focused:focus{border-color:##maincolor##;box-shadow:none} +.sea-chart-settings .rc-slider-handle-dragging { border-color: ##maincolor##; box-shadow: 0 0 0 5px ##maincolor##} +.sea-chart-settings .rc-slider-handle-dragging{border-color:##maincolor##;box-shadow:0 0 0 5px ##maincolor##} +.sea-chart-settings .rc-slider-handle:active { border-color: ##maincolor##; box-shadow: 0 0 5px ##maincolor##; cursor: grabbing} +.sea-chart-settings .rc-slider-handle:active{border-color:##maincolor##;box-shadow:0 0 5px ##maincolor##;cursor:grabbing} +.sea-chart-settings .rc-slider-handle:hover { border-color: ##maincolor##} +.sea-chart-settings .rc-slider-handle:hover{border-color:##maincolor##} +.sea-chart-settings .rc-slider-handle{background-color:#fff;border:2px solid ##maincolor##;border-radius:50%;cursor:pointer;cursor:-webkit-grab;cursor:grab;height:14px;margin-top:-5px;position:absolute;touch-action:pan-x;width:14px} +.sea-chart-settings .rc-slider-track { background-color: ##maincolor##; border-radius: 6px; height: 4px; left: 0; position: absolute} +.sea-chart-settings .rc-slider-track{background-color:##maincolor##;border-radius:6px;height:4px;left:0;position:absolute} +.sea-chart-settings .sea-chart-settings-type .sea-chart-settings-type-item.selected { border-bottom: 2px solid ##maincolor##; color: ##maincolor##} +.sea-chart-settings .sea-chart-settings-type .sea-chart-settings-type-item.selected{border-bottom:2px solid ##maincolor##;color:##maincolor##} +.sea-chart-types-dialog .sea-chart-chart-categories-nav .sea-chart-chart-cat-nav-item-container.sea-chart-icon-highlight .chart-icon { color: ##maincolor##} +.sea-chart-types-dialog .sea-chart-chart-categories-nav .sea-chart-chart-cat-nav-item-container.sea-chart-icon-highlight .chart-icon{color:##maincolor##} +.sea-chart-types-dialog .sea-chart-type-item.selected { border-color: ##maincolor##} +.sea-chart-types-dialog .sea-chart-type-item.selected{border-color:##maincolor##} +.search-result-container .search-result-item:hover{background-color:#eee;border-left:2px solid ##maincolor##} +.search-result-list .item-content .item-name{color:##maincolor##!important} +.search-settings-container .fields-setting-header .setting-choose-all{color:##maincolor##;cursor:pointer;font-size:12px} +.seatable-app-form-settings .seatable-app-form-content .dragging-add-field{border:1px dashed ##maincolor##;color:##maincolor##} +.seatable-app-form-settings .seatable-app-form-content .seatable-app-form-drop-placeholder{border:2px dashed ##maincolor##;border-radius:3px;height:100px;opacity:.75;width:100%} +.seatable-app-page .dtable-plugin-column-setting-item-title .setting-choose-all{color:##maincolor##;cursor:pointer;font-size:12px;font-weight:450} +.seatable-app-table.context-dropdown-menu .context-menu-item:focus{background-color:##maincolor##;color:#fff} +.seatable-app-table.context-dropdown-menu .context-menu-item:hover{background-color:##maincolor##;border-color:##maincolor##;color:#fff;text-decoration:none} +.seatable-app-universal-left-bar .btn-left-bar-add:hover{background:##maincolor##} +.seatable-app-universal-left-bar .btn-left-bar-add{align-items:center;background:##maincolor##;border-radius:50%;box-shadow:0 2px 8px #a55e0a4d;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:relative;width:32px} +.seatable-bg-orange{background-color:##maincolor##!important} +.seatable-border-color-orange{border:##maincolor##!important} +.seatable-form-app-settings-panel .add-all{color:##maincolor##;cursor:pointer;font-size:14px} +.seatable-icon-orange{color:##maincolor##!important;fill:##maincolor##!important} +.seatable-share-form .form-content .submit-form.focus{background-color:##maincolor##;border-color:##maincolor##;color:#fff} +.seatable-text-orange{color:##maincolor##!important} +.select-button-action-popover .select-button-action-list .select-button-action-item.active{background:##maincolor##;border-radius:4px;color:#fff} +.select-columns-dialog .column-option:hover{background-color:##maincolor##;color:#fff;cursor:pointer} +.select-columns-dialog .select-columns{color:##maincolor##;cursor:pointer;font-size:13px;font-weight:500} +.select-group-container .select-group-item.active{background-color:#fff2e4;box-shadow:0 0 0 1px ##maincolor##;color:##maincolor##} +.select-page-icons .select-page-icon-active,.select-page-icons .select-page-icon-active:hover{background-color:##maincolor##} +.select-user-modal .modal-select-user-header .select-user-close-btn{color:##maincolor##;font-size:14px;font-weight:400;position:absolute;right:15px} +.selectgroup-input:checked+.selectgroup-button{background:#fdf1e6;border-color:##maincolor##;color:##maincolor##;z-index:1} +.selectgroup-input:focus+.selectgroup-button{border-color:##maincolor##;box-shadow:0 0 0 2px rgba(237,113,9,.25);color:##maincolor##;z-index:2} +.setting-btn.active{background-color:##maincolor##;color:#fff} +.sf-context-menu .sf-dropdown-menu-item:hover{background-color:##maincolor##;color:#fff} +.share-add-btn-container .share-add-btn{background:#fff;background-image:none;border-color:##maincolor##;color:##maincolor##;margin-top:10px;outline:none;width:90%} +.share-dialog .nav .nav-item .nav-link.active{border-bottom:2px solid ##maincolor##;color:##maincolor##;text-decoration:none} +.share-dialog .nav-pills .nav-item .nav-link.active{background-color:##maincolor##;border:none;color:#fff} +.share-dialog .op-target{word-wrap:break-word;color:##maincolor##} +.share-dialog-with-qr-code .dtable-qr-code-share-btn.btn.btn-secondary:active,.share-dialog-with-qr-code .dtable-qr-code-share-btn:hover{background-color:##maincolor##;box-shadow:none;color:#fff} +.share-dialog-with-qr-code .dtable-qr-code-share-btn{border-color:##maincolor##;color:##maincolor##;float:right;margin-left:.5rem;padding:5px} +.share-dialog-with-qr-code .share-qrcode .qrcode-copy-btn:active{background-color:##maincolor##;color:#fff} +.share-dialog-with-qr-code .share-qrcode .qrcode-copy-btn{background-color:#fff;border-color:##maincolor##;color:##maincolor##} +.share-link-dialog .share-link-info .share-link-content{color:##maincolor##;cursor:pointer;display:inline-block;width:100%} +.share-table-side .share-nav-item-active{border-bottom:2px solid ##maincolor##;color:#212529} +.share-view-side .share-nav-item-active{border-bottom:2px solid ##maincolor##;color:#212529} +.side-nav-footer .join-us-icon{color:##maincolor##;font-size:20px;margin-right:10px} +.side-panel .nav-link.active{color:##maincolor##} +.single-record-page-record-qrcode-container .qrcode-copy-btn:active{background-color:##maincolor##!important;color:#fff} +.single-record-page-record-qrcode-container .qrcode-copy-btn{background-color:#fff;border-color:##maincolor##;color:##maincolor##} +.single-record-page-setting-element-types-add-all{color:##maincolor##;cursor:pointer;font-size:14px} +.snapshot-item .snapshot-dropdown-menu .dropdown-item:hover{background-color:##maincolor##;color:#fff} +.statistic-chart-addition-dialog .selected-statistic-type-item{background-color:##maincolor##;color:#fff} +.statistic-chart-preview .dtable-dropdown-menu .dropdown-item:hover{background-color:##maincolor##;color:#fff} +.statistic-dropdown-menu .dropdown-item:hover{background-color:##maincolor##;color:var(--font-hover-color)} +.submit-map-editor{background-color:#fff;border:1px solid #0000;border-radius:3px;box-shadow:0 0 12px #0000004d;color:##maincolor##;cursor:pointer;display:inline-block;font-size:.875rem;height:38px;line-height:1.8461538462;margin-left:16px;padding:.375rem .75rem;text-align:center;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap} +.subscription-container .text-orange{color:##maincolor##!important} +.subscription-submit{background-color:##maincolor##;border-radius:5px;color:#fff;font-size:16px;height:44px;margin-bottom:10px;width:100%} +.switch-refresh-active{background-color:##maincolor##} +.table-calendar-link:before{background:##maincolor##;border-radius:50px;content:"";height:4px;left:.25rem;position:absolute;top:.25rem;width:4px} +.table-calendar-link:hover{background:##maincolor##;color:#fff;text-decoration:none;transition:background .3s} +.table-item-more-operation .advanced-menu.show>.btn-secondary.dropdown-toggle{background-color:##maincolor##;color:#fff} +.table-item-more-operation .advanced-menu>.dropdown-item.btn.btn-secondary:hover{background-color:##maincolor##;color:#fff} +.table-setting.form-setting-all-required{color:##maincolor##;cursor:pointer;font-size:14px} +.tables-tabs-content .tabs-nav-scroll-after{background:linear-gradient(90deg,##maincolor##33,##maincolor##99,##maincolor##);right:10px;top:0;width:20px} +.tables-tabs-content .tabs-nav-scroll-before{background:linear-gradient(270deg,##maincolor##33,##maincolor##99,##maincolor##);left:0;top:0;width:25px;z-index:5} +.tag-primary{background-color:##maincolor##;color:#fff} +.template-categories .template-category-item.active{color:##maincolor##;text-decoration:underline} +.template-categories .template-category-item:hover{color:##maincolor##} +.template-list-container .template-container:hover{background:#fffbf8;border-color:##maincolor##;cursor:pointer} +.template-list-dialog .modal-header .modal-header-template{color:##maincolor##;font-size:24px;line-height:1;margin-right:10px} +.text-editor-container .text-editor-dropdown-item:hover{background-color:##maincolor##;color:#fff} +.tool-popover .tool-item:hover,.tool-popover .tool-item:hover dd,.tool-popover .tool-item:hover dt,.tool-popover .tool-item:hover span{background-color:##maincolor##;color:#fff} +.trash-items-main .trash-items-main-body .trash-item .trash-item-restore{color:##maincolor##} +.trash-table .trash-table-base-detail .trash-table-restore-mobile{color:##maincolor##;cursor:pointer} +.tree-node-hight-light{background-color:##maincolor##!important;border-radius:4px;color:#fff} +.tree-view-trash-tab.active,.tree-view-trash-tab.active .dtable-font,.tree-view-trash-tab.active svg{background-color:##maincolor##;border-radius:4px;color:#fff} +.trigger-condition1 .st3{fill:##maincolor##} +.trigger-condition2 .st2{fill:##maincolor##} +.trigger-condition3 .st2{fill:##maincolor##} +.trigger-condition4 .st1{fill:##maincolor##} +.user-input-chat .sea-ai-assistant-message-content{background-color:##maincolor##;border-radius:6px 0 6px 6px;color:#fafafa} +.user-setting-nav .nav-item .nav-link:hover{color:##maincolor##} +.user-setting-nav .nav-item.active .nav-link{border-left-color:##maincolor##;color:##maincolor##} +.view-edit-popover-header .remove-icon-button{color:##maincolor##} +.workflow-app-container .participants-type-container .selected-participants-type-item{background-color:#e5a1521a;box-shadow:0 0 0 1px ##maincolor##;color:##maincolor##} +.workflow-app-settings-container .fields-setting-header .setting-choose-all{color:##maincolor##;cursor:pointer;font-size:12px} +.workflow-folder-tree .workflow-folder-tree-item.active-item{background-color:##maincolor##;border-radius:4px;color:#fff} +.workflow-group-container .load-more-workflows .load-more-workflows-tip{color:##maincolor##;cursor:pointer;margin:0 16px} +.workflow-list-view .list-view-sidebar li{border-bottom:2px solid ##maincolor##;color:##maincolor##} +.workflow-list-view .share-item-view-sidebar .sidebar-item-active,.workflow-list-view .specific-list-view-sidebar .sidebar-item-active{border-bottom:2px solid ##maincolor##;color:##maincolor##} +.workflow-list-view .view-header .dtable-icon-workflow{color:##maincolor##} +.workflow-node-dropdown .dropdown-item:hover,.workflow-node-dropdown .selected-dropdown-item{background-color:##maincolor##;color:#fff} +.workflow-task-dialog .workflow-task-nodes-logs .workflow-task-node-log-selector.selected{border-bottom:2px solid ##maincolor##;color:#212529} +.workflow-task-list-modal .workflow-task-list-modal-header-left .dtable-icon-workflow{color:##maincolor##;font-size:20px;font-weight:500} +.workflow-task-list-toolbar-container .task-date-dropdown .dropdown-item:hover{background-color:##maincolor##;color:#fff} +.workflow-task-logs .workflow-task-log .workflow-task-log-icon{color:##maincolor##;margin-right:5px} +.workflow-task-nodes-popover .workflow-task-nodes .workflow-task-node-item:hover{background-color:##maincolor##;color:#fff} +.workflow-task-pending-dialog .workflow-task-flow-header .flow-chart,.workflow-task-pending-dialog .workflow-task-flow-header .task-logs{border-bottom:2px solid ##maincolor##;color:#212529} +.workspace .dropdown-item:not(.disabled):focus .dtable-font,.workspace .dropdown-item:not(.disabled):hover .dtable-font{background-color:##maincolor##!important;color:#fff!important} +50%{box-shadow:0 0 8px ##maincolor##b3,0 0 16px ##maincolor##66,0 0 24px ##maincolor##33} +@charset "UTF-8";/*! * Bootstrap v5.2.3 (https://getbootstrap.com/) * Copyright 2011-2022 The Bootstrap Authors * Copyright 2011-2022 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */:root{--bs-blue:#467fcf;--bs-azure:#45aaf2;--bs-indigo:#6574cd;--bs-purple:#a55eea;--bs-pink:#f66d9b;--bs-red:#cd201f;--bs-orange:#fd9644;--bs-yellow:#f1c40f;--bs-lime:#7bd235;--bs-green:#5eba00;--bs-teal:#2bcbba;--bs-cyan:#17a2b8;--bs-white:#fff;--bs-gray:#868e96;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#868e96;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:##maincolor##;--bs-secondary:#666;--bs-success:#5eba00;--bs-info:#45aaf2;--bs-warning:#f1c40f;--bs-danger:#cd201f;--bs-light:#f8f9fa;--bs-dark:#343a40;--bs-primary-rgb:237,113,9;--bs-secondary-rgb:102,102,102;--bs-success-rgb:94,186,0;--bs-info-rgb:69,170,242;--bs-warning-rgb:241,196,15;--bs-danger-rgb:205,32,31;--bs-light-rgb:248,249,250;--bs-dark-rgb:52,58,64;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-body-color-rgb:33,37,41;--bs-body-bg-rgb:255,255,255;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,0));--bs-body-font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;--bs-body-font-size:0.875rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-bg:#fff;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:rgba(0,40,100,.12);--bs-border-color-translucent:rgba(0,0,0,.175);--bs-border-radius:3px;--bs-border-radius-sm:3px;--bs-border-radius-lg:3px;--bs-border-radius-xl:1rem;--bs-border-radius-2xl:2rem;--bs-border-radius-pill:50rem;--bs-link-color:##maincolor##;--bs-link-hover-color:#be5a07;--bs-code-color:inherit;--bs-highlight-bg:#fcf3cf} +@keyframes pulse{0%,to{box-shadow:0 0 6px ##maincolor##80,0 0 12px ##maincolor##4d,0 0 18px ##maincolor##26 +a { color: ##maincolor##;} +a,a:hover{color:##maincolor##} +a:focus,a:hover { color: ##maincolor##;} diff --git a/docs/customization/css-templates/6_1_x.css b/docs/customization/css-templates/6_1_x.css new file mode 100644 index 000000000..55071a5d2 --- /dev/null +++ b/docs/customization/css-templates/6_1_x.css @@ -0,0 +1,399 @@ +#lang-context-selector li:hover { background-color: ##maincolor##;} +#quota-bar .usage { display: inline-block; height: 100%; vertical-align: top; background: ##maincolor##;} +.a-simulate { color: ##maincolor## !important; text-decoration: none; font-weight: normal; cursor: pointer;} +.access-control-qr-code-wrapper .qrcode-copy-btn:active,.access-control-qr-code-wrapper .qrcode-copy-btn:hover{background-color:##maincolor##!important;color:#fff} +.access-control-qr-code-wrapper .qrcode-copy-btn{background-color:#fff;border-color:##maincolor##;color:##maincolor##} +.account-dialog .op-target{word-wrap:break-word;color:##maincolor##} +.activity-department-item .department-avatar-container{background:##maincolor##;border-radius:50%;height:18px;padding:2px 2px 3px;width:18px} +.add-module-dialog .app-select-module-item.selected .app-select-module-item-image-container,.add-module-dialog .app-select-module-item.selected .app-select-module-item-image-container:hover{border-color:##maincolor##} +.add-module-dialog .app-select-module-item.selected .app-select-module-item-name{color:##maincolor##} +.add-page-dialog .app-select-page-item.selected .app-select-page-item-image-container,.add-page-dialog .app-select-page-item.selected .app-select-page-item-image-container:hover{border-color:##maincolor##} +.add-page-dialog .app-select-page-item.selected .app-select-page-item-name{color:##maincolor##} +.add-page-dialog .steps-header .step-nav.active{border-bottom:2px solid ##maincolor##;color:##maincolor##} +.add-user-select-all-container .select-all,.department-dialog-member-head .select-all{color:##maincolor##;cursor:pointer;font-size:.8125rem} +.add-workflow-task-dialog .add-workflow-task-body .submit-workflow.focus{background-color:##maincolor##;border-color:##maincolor##;color:#fff} +.ai-chat-input-container.focus{box-shadow:0 0 0 1px ##maincolor##} +.ai-chat-input-operations-container .icon-send-wrapper svg{color:##maincolor##;font-size:16px} +.ai-page-generator-chat-empty-tips .ai-new-chat-tip-icon{color:##maincolor##;height:44px;width:44px} +.ai-page-generator-chat-message-code-content.active{border-color:##maincolor##} +.ai-page-generator-chat-user-message .ai-page-generator-chat-message-content{background-color:##maincolor##26;border-radius:6px 0 6px 6px;padding:10px} +.app-comment-footer .comment-input-footer.focused,.app-comment-footer .comment-input.focused{border-color:##maincolor##} +.app-comment-footer .submit-comment .seatable-icon-send{fill:##maincolor##} +.app-file-item:hover .file-add-box .file-add-button i,.file-editor-container .file-wrapper:hover .file-add-button i{color:##maincolor##} +.app-form-settings .app-form-settings-header-tab.active{border-bottom:2px solid ##maincolor##;color:##maincolor##} +.app-form-settings .table-setting .add-all{color:##maincolor##;cursor:pointer} +.app-group-container .load-more-apps .load-more-apps-tip{color:##maincolor##;cursor:pointer;margin:0 16px} +.app-icon-settings-popover-nav .nav .nav-item .nav-link.active{border-bottom:.125rem solid ##maincolor##;color:##maincolor##;text-decoration:none} +.app-init_app-init-btns__nGbPX .btn-primary:not(:disabled):not(.disabled):active{background-color:##maincolor##} +.app-init_app-init-btns__nGbPX .btn-primary:not(:disabled):not(.disabled):focus,.app-init_app-init-btns__nGbPX .btn-primary:not(:disabled):not(.disabled):focus-visible{background-color:##maincolor##;border:1px solid ##maincolor##;box-shadow:none;outline:none} +.app-init_app-init-btns__nGbPX .btn-secondary:not(:disabled):not(.disabled):active{background-color:#e6e6e6;border:1px solid ##maincolor##;color:##maincolor##} +.app-init_app-init-btns__nGbPX .btn-secondary:not(:disabled):not(.disabled):focus,.app-init_app-init-btns__nGbPX .btn-secondary:not(:disabled):not(.disabled):focus-visible{background-color:#fff;border:1px solid ##maincolor##;box-shadow:none;color:##maincolor##;outline:none} +.app-init_app-init-btns__nGbPX button:first-child:hover{border:1px solid ##maincolor##;color:##maincolor##} +.app-init_app-init-btns__nGbPX button:first-child{color:##maincolor##} +.app-init_app-init-btns__nGbPX button{border:1px solid ##maincolor##;border-radius:3px;flex:0 0 auto;font-size:13px;font-weight:400} +.app-select-module-item-popover .popover .app-select-module-item-popover-image-container{border:2px solid ##maincolor##;border-radius:3px;overflow:hidden} +.app-select-page-item-popover .popover .app-select-page-item-popover-image-container{border:2px solid ##maincolor##;border-radius:3px;overflow:hidden} +.app-settings-access-control .app-qr-code-share-btn.btn.btn-secondary:active,.app-settings-access-control .app-qr-code-share-btn:hover{background-color:##maincolor##;box-shadow:none;color:#fff} +.app-settings-access-control .app-qr-code-share-btn{border-bottom-left-radius:3px!important;border-color:##maincolor##;border-top-left-radius:3px!important;color:##maincolor##;padding:6px} +.archive-dialog .nav .nav-item .nav-link.active{color:##maincolor##;text-decoration:none} +.archive-dialog .op-target{word-wrap:break-word;color:##maincolor##} +.attachments-management-widget .dirent-table-content .dirent-item-name{color:##maincolor##} +.attachments-management-widget .path-container .path-link{color:##maincolor##} +.attachments-management-widget .tree-node-inner.tree-node-hight-light .tree-node-right-icon .dtable-dirent-dropdown{background-color:##maincolor##} +.attachments-management-widget .tree-view .tree-node-inner.tree-node-hight-light{background-color:##maincolor##!important;border-radius:4px;color:#fff} +.automation-rules-nav-tree-node-main .active-indicator{background-color:##maincolor##;border-radius:3px;height:calc(100% - 4px);left:-8px;position:absolute;top:2px;width:4px} +.base-status-dialog .nav .nav-item .nav-link.active{color:##maincolor##;text-decoration:none} +.base-status-dialog .nav-pills .nav-item .nav-link.active{background-color:##maincolor##;border:none;color:#fff} +.batch-popover .batch-popover-footer .replace-search-item{background:##maincolor##;border:1px solid #e4e4e4;color:#fff} +.big-data-import-process .am-progress-bar{background-color:##maincolor##;border:none;border-radius:5px;height:10px!important} +.big-screen-menu .menu-item.active{background:#ffefe0;color:##maincolor##} +.btn-check:checked+.btn,.btn-outline-primary:active,.btn-outline-primary:hover,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{background-color:##maincolor##;border-color:##maincolor##;color:#fff} +.btn-outline-primary:hover,.btn-primary:hover{background-color:##maincolor##;border-color:##maincolor##} +.btn-outline-primary{--bs-btn-color:##maincolor##;--bs-btn-border-color:##maincolor##;--bs-btn-hover-color:#000;--bs-btn-hover-bg:##maincolor##;--bs-btn-hover-border-color:##maincolor##;--bs-btn-focus-shadow-rgb:237,113,9;--bs-btn-active-color:#000;--bs-btn-active-bg:##maincolor##;--bs-btn-active-border-color:##maincolor##;--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,.125);--bs-btn-disabled-color:##maincolor##;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:##maincolor##;--bs-gradient:none} +.btn-outline-universal-01.disabled,.btn-outline-universal-01:disabled{background-color:initial;color:##maincolor##} +.btn-outline-universal-01.focus,.btn-outline-universal-01:focus{box-shadow:0 0 0 2px ##maincolor##80} +.btn-outline-universal-01:hover{background-color:##maincolor##;border-color:##maincolor##;color:#fff} +.btn-outline-universal-01:not(:disabled):not(.disabled).active,.btn-outline-universal-01:not(:disabled):not(.disabled):active,.show>.btn-outline-universal-01.dropdown-toggle{background-color:##maincolor##;border-color:##maincolor##;color:#fff} +.btn-outline-universal-01:not(:disabled):not(.disabled).active:focus,.btn-outline-universal-01:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-universal-01.dropdown-toggle:focus{box-shadow:0 0 0 2px ##maincolor##80} +.btn-outline-universal-01{background-color:initial;background-image:none;border-color:##maincolor##;color:##maincolor##} +.btn-primary{--bs-btn-color:#000;--bs-btn-bg:##maincolor##;--bs-btn-border-color:##maincolor##;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#f0862e;--bs-btn-hover-border-color:#ef7f22;--bs-btn-focus-shadow-rgb:201,96,8;--bs-btn-active-color:#000;--bs-btn-active-bg:#f18d3a;--bs-btn-active-border-color:#ef7f22;--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:##maincolor##;--bs-btn-disabled-border-color:##maincolor##} +.btn-universal-01.disabled,.btn-universal-01:disabled{background-color:##maincolor##;border-color:##maincolor##;color:#fff} +.btn-universal-01.focus,.btn-universal-01:focus{box-shadow:0 0 0 2px ##maincolor##80} +.btn-universal-01:hover{background-color:##maincolor##;border-color:##maincolor##;color:#fff} +.btn-universal-01:not(:disabled):not(.disabled).active,.btn-universal-01:not(:disabled):not(.disabled):active,.show>.btn-universal-01.dropdown-toggle{background-color:##maincolor##;border-color:##maincolor##;color:#fff} +.btn-universal-01:not(:disabled):not(.disabled).active:focus,.btn-universal-01:not(:disabled):not(.disabled):active:focus,.show>.btn-universal-01.dropdown-toggle:focus{box-shadow:0 0 0 2px ##maincolor##80} +.btn-universal-01{background-color:##maincolor##;border-color:##maincolor##;color:#fff} +.calendar-plugin-container .view-item .view-item-content:hover{border-color:##maincolor##;color:#212529;cursor:pointer} +.calendar-plugin-container .view-item .view-item-content:hover{border-color:##maincolor##;color:#444;cursor:pointer} +.calendar-plugin-container .view-item.active .view-item-content{border-color:##maincolor##;color:#212529;cursor:default} +.calendar-plugin-container .view-item.active .view-item-content{border-color:##maincolor##;color:#444;cursor:default} +.canvas-groups-rows .group-item-drag-overlay{background-color:#3d91ff14;border:2px solid ##maincolor##;border-radius:5px;bottom:0;box-shadow:0 0 10px #3d91ff33;box-sizing:border-box;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1001} +.chat-message:after{border-bottom:6px solid transparent;border-left:6px solid ##maincolor##;border-top:6px solid transparent;content:"";position:absolute;right:-5px;top:7px} +.chat-message{background-color:##maincolor##;border-radius:3px;color:#fff;display:inline-block;font-size:.875rem;line-height:1.4;margin:0 .5rem 0 2.5rem;padding:.375rem .5rem;position:relative;text-align:left;white-space:normal} +.color-setting-dialog .rule-color-container .color-setting-add-color{color:##maincolor##;cursor:pointer} +.colorinput-input:focus~.colorinput-color{border-color:##maincolor##;box-shadow:0 0 0 2px rgba(237,113,9,.25)} +.column-select-all{color:##maincolor##} +.comment-footer-container .comment-collaborator-tip:hover,.comment-footer-container .comment-image-tip:hover{color:##maincolor##} +.comment-header .comment-header-tool .comment-item-active{border-bottom:2px solid ##maincolor##;color:#212529} +.copy-dtable-dialog .custom-switch-input:checked~.custom-switch-indicator{background:##maincolor##} +.custom-range::-moz-range-progress{background:##maincolor##;border:0;height:2px;margin-top:0} +.custom-range::-ms-fill-lower{background:##maincolor##;border-radius:0} +.custom-range::-webkit-slider-runnable-track{background:##maincolor##;content:"";height:2px;pointer-events:none} +.custom-range:focus::-moz-range-thumb{background-color:##maincolor##;border-color:##maincolor##} +.custom-range:focus::-ms-thumb{background-color:##maincolor##;border-color:##maincolor##} +.custom-range:focus::-webkit-slider-thumb{background-color:##maincolor##;border-color:##maincolor##} +.custom-switch-input:checked~.custom-switch-indicator{background:##maincolor##} +.custom-switch-input:focus~.custom-switch-indicator{border-color:##maincolor##;box-shadow:0 0 0 2px rgba(237,113,9,.25)} +.delete-record-description-view .restore{color:##maincolor##;display:inline-block;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:20%} +.department-dialog-content .department-dialog-group .group-item.tr-highlight:hover,.department-dialog-content .department-dialog-group .tr-highlight{background-color:##maincolor##;color:#fff} +.department-dialog-member-head .select-all{color:##maincolor##;cursor:pointer;font-size:.8125rem} +.department-single-select-formatter .department-avatar-container { background: ##maincolor##; border-radius: 50%; height: 18px; padding: 2px 2px 3px; width: 18px} +.department-single-select-formatter .department-avatar-container, .selected-departments .department-avatar-container, .selected-option-show .department-avatar-container { background: ##maincolor##; border-radius: 50%; height: 18px; padding: 2px 2px 3px; width: 18px} +.department-single-select-formatter .department-avatar-container, .selected-departments.dtable-ui .department-avatar-container, .selected-option-show .department-avatar-container { background: ##maincolor##; border-radius: 50%; height: 18px; padding: 2px 2px 3px; width: 18px} +.department-single-select-formatter .department-avatar-container,.selected-departments .department-avatar-container,.selected-option-show .department-avatar-container{background:##maincolor##;border-radius:50%;height:18px;padding:2px 2px 3px;width:18px} +.department-single-select-formatter .department-avatar-container,.selected-departments.dtable-ui .department-avatar-container,.selected-option-show .department-avatar-container{background:##maincolor##;border-radius:50%;height:18px;padding:2px 2px 3px;width:18px} +.department-single-select-formatter .department-avatar-container{background:##maincolor##;border-radius:50%;height:18px;padding:2px 2px 3px;width:18px} +.departments-tree-panel .departments-v2-hight-light{background-color:##maincolor##!important;border-radius:4px;color:#fff} +.dialog-side-nav .nav-link.active::before,.tree-node-item-active::before { background-color: ##maincolor##; border-radius: 2px; content: ""; display: block; left: -8px; position: absolute; top: 4px; bottom: 4px; width: 4px; z-index: 0;} +.dialog-side-nav .nav-pills .nav-item .nav-link.active:before{background-color:##maincolor##;border-radius:2px;bottom:4px;content:"";display:block;left:-8px;position:absolute;top:4px;width:4px;z-index:0} +.digital-sign-view-panel-operations .mobile-btn-clear{color:##maincolor##} +.download-file-dialog .download-files-header .select-columns{color:##maincolor##;cursor:pointer} +.download-file-dialog .download-files-item .downloading-file-cancel{color:##maincolor##;opacity:.8} +.download-files-dialog .download-files-header .select-columns{color:##maincolor##;cursor:pointer} +.dropdown-item:focus,.dropdown-item:hover{background-color:##maincolor##;color:#fff} +.dropdown-menu-dark{--bs-dropdown-color:#dee2e6;--bs-dropdown-bg:#343a40;--bs-dropdown-border-color:rgba(0,40,100,.12);--bs-dropdown-box-shadow: ;--bs-dropdown-link-color:#dee2e6;--bs-dropdown-link-hover-color:#fff;--bs-dropdown-divider-bg:rgba(0,40,100,.12);--bs-dropdown-link-hover-bg:hsla(0,0%,100%,.15);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:##maincolor##;--bs-dropdown-link-disabled-color:#adb5bd;--bs-dropdown-header-color:#adb5bd} +.dropdown-menu{--bs-dropdown-zindex:1000;--bs-dropdown-min-width:10rem;--bs-dropdown-padding-x:0;--bs-dropdown-padding-y:0.5rem;--bs-dropdown-spacer:0.125rem;--bs-dropdown-font-size:0.875rem;--bs-dropdown-color:#212529;--bs-dropdown-bg:#fff;--bs-dropdown-border-color:rgba(0,40,100,.12);--bs-dropdown-border-radius:3px;--bs-dropdown-border-width:1px;--bs-dropdown-inner-border-radius:2px;--bs-dropdown-divider-bg:rgba(0,40,100,.12);--bs-dropdown-divider-margin-y:0.5rem;--bs-dropdown-box-shadow:0 1px 2px 0 rgba(0,0,0,.05);--bs-dropdown-link-color:#212529;--bs-dropdown-link-hover-color:#1e2125;--bs-dropdown-link-hover-bg:#e9ecef;--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:##maincolor##;--bs-dropdown-link-disabled-color:#adb5bd;--bs-dropdown-item-padding-x:1rem;--bs-dropdown-item-padding-y:0.25rem;--bs-dropdown-header-color:#868e96;--bs-dropdown-header-padding-x:1rem;--bs-dropdown-header-padding-y:0.5rem;background-clip:padding-box;background-color:var(--bs-dropdown-bg);border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius);color:var(--bs-dropdown-color);display:none;font-size:var(--bs-dropdown-font-size);list-style:none;margin:0;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);position:absolute;text-align:left;z-index:var(--bs-dropdown-zindex)} +.dtable-app-qr-code-wrapper .qrcode-copy-btn:active,.dtable-app-qr-code-wrapper .qrcode-copy-btn:hover{background-color:##maincolor##!important;color:#fff} +.dtable-app-qr-code-wrapper .qrcode-copy-btn{background-color:#fff;border-color:##maincolor##;color:##maincolor##} +.dtable-automation-rules .automation-card-content .automation-card-main-content.active{border-color:##maincolor##} +.dtable-automation-rules .automation-card-content .automation-card-main-content.automation-card-is-over{border:2px dashed ##maincolor##} +.dtable-automation-rules .automation-card-content-unselected .automation-card-item .add-option:hover{border:2px dashed ##maincolor##;border-radius:4px} +.dtable-automation-rules .automation-card-content-unselected .automation-card-item .add-option{align-items:center;border:2px dashed #ddd;border-radius:4px;color:##maincolor##;display:flex;justify-content:center} +.dtable-automation-rules-header-left .dtable-icon-automation-rules{align-items:center;background-color:##maincolor##;border-radius:3px;color:#fff;display:flex;height:20px;justify-content:center;line-height:20px;width:20px} +.dtable-comment-footer .comment-input.focused{border-color:##maincolor##} +.dtable-comment-footer .submit-comment .seatable-icon-send{fill:##maincolor##} +.dtable-dropdown-menu .view-description-img{border:2px solid ##maincolor##;border-radius:5px;flex-shrink:0;min-height:70px;width:100px} +.dtable-edit-form .form-header-title .dtable-icon-form{color:##maincolor##;font-size:24px} +.dtable-excel-preview-dialog .dtable-excel-preview-dialog-nav{background-color:##maincolor##;margin:0;padding:10px 10px 0} +.dtable-external-links-content .external-link-item a{color:##maincolor##} +.dtable-file-addition-container .dtable-file-addition-left .selected-dtable-addition-item{background-color:##maincolor##;color:#fff} +.dtable-file-addition-right .dtable-file-upload-container .dtable-file-add-span .dtable-file-add-span-btn{color:##maincolor##;cursor:pointer;position:relative} +.dtable-file-addition-right .dtable-file-upload-container .file-drop-active .dtable-font{color:##maincolor##} +.dtable-file-addition-right .dtable-file-upload-container:hover .dtable-icon-add-files{color:##maincolor##} +.dtable-file-addition-right .dtable-file-wrapper .dtable-file-wrapper-drop-active i{color:##maincolor##} +.dtable-file-addition-right .dtable-file-wrapper:hover .dtable-file-add-button i{color:##maincolor##} +.dtable-file-previewer-header .files-operation-content{color:##maincolor##} +.dtable-image-addition-container .dtable-image-addition-left .selected-dtable-addition-item{background-color:##maincolor##;color:#fff} +.dtable-path-container .dtable-path-link{color:##maincolor##} +.dtable-plugin-setting-item .select-group .select-item.active{background-color:#fff2e4;box-shadow:0 0 0 1px ##maincolor##;color:##maincolor##} +.dtable-plugin-setting-item.order-setting .widget-zIndex-content .widget-zIndex-item:hover:not(.disabled){background-color:#fff2e4;box-shadow:0 0 0 1px ##maincolor##;cursor:pointer;z-index:0} +.dtable-radio .dtable-radio-selected-indicator { background-color: ##maincolor##; border: initial !important} +.dtable-radio .dtable-radio-selected-indicator.dtable-radio-indicator-disable { background-color: ##maincolor##} +.dtable-radio .dtable-radio-selected-indicator.dtable-radio-indicator-disable{background-color:##maincolor##} +.dtable-radio .dtable-radio-selected-indicator{background-color:##maincolor##;border:initial!important} +.dtable-refresh{color:##maincolor##!important;cursor:pointer} +.dtable-scripts-module .dtable-scripts-export:hover{background-color:##maincolor##;border-color:##maincolor##;color:#fff} +.dtable-scripts-module .dtable-scripts-export{background-color:#fff;color:##maincolor##;width:130px} +.dtable-select .option.option-active{background-color:##maincolor##;color:#fff;cursor:pointer} +.dtable-ui-file-editor-previewer .dtable-ui-file-editor-previewer-header .dtable-ui-file-editor-operation-content{color:##maincolor##} +.dtable-ui-geolocation-submit-map-editor{background-color:#fff;border:1px solid #0000;border-radius:3px;box-shadow:0 0 12px #0000004d;color:##maincolor##;cursor:pointer;display:inline-block;font-size:.875rem;height:38px;line-height:1.8461538462;margin-left:16px;padding:.375rem .75rem;text-align:center;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap} +.dtable-ui-image-addition-container .dtable-ui-image-addition-left .dtable-ui-addition-item-selected{background-color:##maincolor##;color:#fff} +.editor-column-popover-inner .submitSelect{box-shadow:0 0 0 2px ##maincolor##80} +.field-setting .field-setting-banner .show-all-button{color:##maincolor##;cursor:pointer;font-size:12px} +.file-addition-right .file-upload-container .file-add-span .file-add-span-btn{color:##maincolor##;cursor:pointer;position:relative} +.file-addition-right .file-upload-container .file-drop-active .dtable-font,.file-addition-right .file-upload-container:hover .dtable-icon-add-files,.file-addition-right .file-wrapper .file-wrapper-drop-active i,.file-addition-right .file-wrapper:hover .file-add-button i{color:##maincolor##} +.file-chooser-content-container .file-chooser-left .select-file-chooser-nav-item{background-color:##maincolor##!important;color:#fff} +.file-editor-container .file-upload-container .file-add-span .file-add-span-btn{color:##maincolor##;cursor:pointer;position:relative} +.file-editor-container .file-upload-container .file-drop-active .dtable-font{color:##maincolor##} +.file-editor-container .file-upload-container:hover .dtable-icon-add-files{color:##maincolor##} +.file-editor-container .file-wrapper .file-wrapper-drop-active i{color:##maincolor##} +.file-editor-container .file-wrapper:hover .file-add-button i,.share-form-item-file:hover .file-add-box .file-add-button i{color:##maincolor##} +.file-management-toolbar .select-file-management-item{color:##maincolor##} +.file-upload-item .upload-operation .error-uploaded{color:##maincolor##;cursor:pointer} +.form-check-input:checked{background-color:##maincolor##;border-color:##maincolor##} +.form-check-input[type=checkbox]:indeterminate{background-color:##maincolor##;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3E%3C/svg%3E");border-color:##maincolor##} +.form-help:hover,.form-help[aria-describedby]{background:##maincolor##;color:#fff} +.form-items-container .dragging-add-field{border:1px dashed ##maincolor##;color:##maincolor##} +.form-items-container .drop-placeholder{border:2px dashed ##maincolor##;border-radius:3px;height:100px;opacity:.75;width:100%} +.form-qr-code-wrapper .qrcode-copy-btn:active,.form-qr-code-wrapper .qrcode-copy-btn:hover{background-color:##maincolor##!important;color:#fff} +.form-qr-code-wrapper .qrcode-copy-btn{background-color:#fff;border-color:##maincolor##;color:##maincolor##} +.form-range::-moz-range-thumb{appearance:none;background-color:##maincolor##;border:0;border-radius:1rem;height:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:1rem} +.form-range::-webkit-slider-thumb{appearance:none;background-color:##maincolor##;border:0;border-radius:1rem;height:1rem;margin-top:-.25rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:1rem} +.form-remark-background-setting .no-active-option .select-group-item:hover{background-color:#fff2e4;box-shadow:0 0 0 1px ##maincolor##;cursor:pointer} +.form-remark-background-setting .select-group-container .select-group-item.active{background-color:#fff2e4;box-shadow:0 0 0 1px ##maincolor##;color:##maincolor##} +.formula-format-editor-popover .btn-re-detect{align-items:center;border-color:##maincolor##;display:flex;font-weight:400;height:30px;justify-content:center;margin:0 0 0 15px;padding-bottom:0;padding-top:0} +.formula-format-editor-popover .btn-secondary:not(:disabled):not(.disabled):active{background-color:initial;border-color:##maincolor##;color:##maincolor##} +.formula-result-type-detector .btn-re-detect{align-items:center;color:##maincolor##;display:flex;font-weight:400;justify-content:center} +.gallery-view-mobile-settings .column-select-all{color:##maincolor##} +.grid-pane-divider .tooltip-pane-divider .freeze-columns-length{color:##maincolor##;font-weight:500;padding:0 4px} +.group-manage-trash-dialog .trash-dtables .trash-table-restore{color:##maincolor##;cursor:pointer} +.group-selector .option.option-active{background-color:##maincolor##;color:#fff;cursor:pointer} +.groupby-popover .groupbys-tools .groupbys-tool-item.active{color:##maincolor##} +.header-dropdown .dropdown-item:hover { background-color: ##maincolor##; color: #fff; cursor: pointer} +.header-dropdown .dropdown-item:hover{background-color:##maincolor##;color:#fff;cursor:pointer} +.image-editor-container .image-upload-container .image-add-span .image-add-span-btn{color:##maincolor##;cursor:pointer;position:relative} +.image-editor-container .image-upload-container .image-drop-active .dtable-font{color:##maincolor##} +.image-editor-container .image-upload-container:hover .dtable-icon-add-files{color:##maincolor##} +.image-editor-container .image-wrapper .image-wrapper-drop-active i{color:##maincolor##} +.image-editor-container .image-wrapper:hover .image-add-button i,.share-form-item-image:hover .image-add-box .image-add-button i{color:##maincolor##} +.image-view i{animation:rotate 1.5s ease infinite;color:##maincolor##;font-size:30px;height:100%;line-height:150px;text-align:center;width:100%} +.imagecheck-figure:before{background:##maincolor## url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") no-repeat 50%/50% 50%;border-radius:3px;color:#fff;content:"";display:block;height:1rem;left:.25rem;opacity:0;pointer-events:none;position:absolute;top:.25rem;transition:opacity .3s;user-select:none;width:1rem;z-index:1} +.imagecheck-input:focus~.imagecheck-figure{border-color:##maincolor##;box-shadow:0 0 0 2px rgba(237,113,9,.25)} +.info-bar-info span:first-child{color:##maincolor##} +.introduction-video .video-js .vjs-control-bar{background-color:##maincolor##cc} +.introduction-video-mobile .introduction-video-btn{background-color:##maincolor##;border-radius:26px;margin-top:5rem} +.kanban-view-mobile .column-select-all{color:##maincolor##} +.link-primary{color:##maincolor##!important} +.link-records-editor .create-link-records .new-record:hover{background:#fff;border-color:##maincolor##} +.link-records-editor .create-link-records .new-record{align-items:center;border:1px dashed #ccc;border-radius:4px;color:##maincolor##;display:inline-flex;justify-content:center;padding:0 10px;width:100%} +.list-group{--bs-list-group-color:#212529;--bs-list-group-bg:#fff;--bs-list-group-border-color:rgba(0,40,100,.12);--bs-list-group-border-width:1px;--bs-list-group-border-radius:3px;--bs-list-group-item-padding-x:1rem;--bs-list-group-item-padding-y:0.5rem;--bs-list-group-action-color:#495057;--bs-list-group-action-hover-color:#495057;--bs-list-group-action-hover-bg:#f8f9fa;--bs-list-group-action-active-color:#212529;--bs-list-group-action-active-bg:#e9ecef;--bs-list-group-disabled-color:#868e96;--bs-list-group-disabled-bg:#fff;--bs-list-group-active-color:##maincolor##;--bs-list-group-active-bg:#fef9f5;--bs-list-group-active-border-color:rgba(0,40,100,.12);border-radius:var(--bs-list-group-border-radius);display:flex;flex-direction:column;margin-bottom:0;padding-left:0} +.login-panel .login-panel-register-type:hover { border-color: ##maincolor##;} +.mobile-custom-camera .custom-camera-line{animation:pulse 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,##maincolor##4d 20%,##maincolor## 50%,##maincolor##4d 80%,#0000);border:none;border-radius:1px;box-shadow:0 0 6px ##maincolor##80,0 0 12px ##maincolor##4d,0 0 18px ##maincolor##26;height:2px;left:10%;position:absolute;top:0;transform:translateZ(0);width:80%;will-change:top,opacity,transform;z-index:10} +.mobile-float-icon{background-color:##maincolor##;border:none;border-radius:50%;bottom:42px;box-shadow:0 3px 5px -1px #ffa25233,0 6px 10px 0 #ffa25224,0 1px 18px 0 #ffa2521f;color:#999;cursor:pointer;display:flex;font-size:16px;height:50px;position:fixed;right:10px;-webkit-user-select:none;user-select:none;width:50px} +.mobile-main-panel .selected-tab-item{color:##maincolor##;font-size:22px} +.mobile-notification-modal .mobile-notification-tool .notification-type-tabs .tab-item.active{border-bottom:.125rem solid ##maincolor##;color:##maincolor##} +.mobile-row-comment-view .app-comment-footer .submit-comment-mobile .seatable-icon-send{fill:##maincolor##} +.mobile-share-table .mobile-share-title-name{color:##maincolor##;margin-left:5px} +.mobile-share-view .mobile-share-title-name{color:##maincolor##;margin-left:5px} +.mobile_dtable-map-plugin-header-btn-highlight__Fl5zJ{color:##maincolor##} +.mobile_mobile-select-all__iyknZ{color:##maincolor##} +.module-book-start-time-selector-time.selected button,.module-book-start-time-selector-time.selected button:hover{border-color:##maincolor##} +.multicolor-icon-add-record .st1{fill:##maincolor##} +.multicolor-icon-ai .st1{fill:##maincolor##} +.multicolor-icon-workflow .st1{fill:##maincolor##} +.mutiple-tables-tree-view .dtable-tree-insert-row{align-items:center;background-color:##maincolor##;border:none;border-radius:50%;bottom:15px!important;box-shadow:0 2px 8px 0 #a55e0a4d;color:#fff;cursor:pointer;display:flex;font-size:20px;height:50px;justify-content:center;position:fixed;right:15px!important;-webkit-user-select:none;user-select:none;width:50px;z-index:5} +.nav .nav-item .nav-link.active { color: ##maincolor##; text-decoration: none; border-bottom: 0.125rem solid ##maincolor##;} +.nav-pills .nav-item .nav-link.active { background-color: ##maincolor##; color: #fff; border: none;} +.nav-pills{--bs-nav-pills-border-radius:3px;--bs-nav-pills-link-active-color:#fff;--bs-nav-pills-link-active-bg:##maincolor##} +.nav-tabs .nav-submenu .nav-item.active{color:##maincolor##} +.new-narrow-panel .hd { color: #fff; font-size: 16px; padding: 5px 20px; background: ##maincolor##; border-bottom: 1px solid #d5d5d5;} +.new-narrow-panel .hd{color:#fff;font-size:16px;padding:5px 20px;background:##maincolor##;border-bottom:1px solid #d5d5d5} +.no-active-option .select-group-item:hover{background-color:#fff2e4;box-shadow:0 0 0 1px ##maincolor##;cursor:pointer} +.notification-container .notification-body .nav .nav-item .nav-link.active{color:##maincolor##!important} +.op-target { color: ##maincolor##; word-wrap: break-word;} +.operaiton-log-list-toolbar-container .log-date-dropdown .dropdown-item:hover{background-color:##maincolor##;color:#fff} +.operation-table{color:##maincolor##;flex:1 1;max-width:100px} +.operations-log-dialog .operation-tags-container .nav-link.active{border-bottom:.125rem solid ##maincolor##;color:##maincolor##;text-decoration:none} +.option-editor-footer .item-text{color:##maincolor##;cursor:pointer} +.option-group .option.option-active{background-color:##maincolor##;color:#fff;cursor:pointer} +.option.option-active { background-color: ##maincolor##; color: #fff; cursor: pointer} +.option.option-active{background-color:##maincolor##;color:#fff;cursor:pointer} +.order-item .order-price{color:##maincolor##;font-size:26px;font-weight:500} +.org-admin .main-panel .nav .nav-item .nav-link.active,.sys-admin .main-panel .nav .nav-item .nav-link.active{border-bottom:2px solid ##maincolor##;color:##maincolor##;text-decoration:none} +.org-info-content .am-progress-bar{background-color:##maincolor##;border:none;border-radius:5px;height:6px!important} +.outline-h2:hover{color:##maincolor##} +.outline-h3:hover{color:##maincolor##} +.page-designer-add-elements-btn-add-all{color:##maincolor##;cursor:pointer} +.page-designer-box-editor .page-designer-sub-block-element-wrapper[drag-over]{border-color:##maincolor##!important} +.page-designer-drag-beside-element-tips{background-color:##maincolor##;height:calc(100% + 12px);position:absolute;top:-6px;width:2px;z-index:1} +.page-designer-drag-closing-section-tips{background-color:##maincolor##;height:1px;left:0;position:absolute;width:100%;z-index:1} +.page-designer-drag-into-section-tips{background-color:initial!important;border:1px dashed ##maincolor##;height:100%;position:absolute;top:0;z-index:1} +.page-designer-editor .dragging-element-valid-position-tip{background-color:initial!important;border:1px dashed ##maincolor##;z-index:1} +.page-designer-editor .page-designer-element-container .drag-handler{background-color:##maincolor##;border-radius:3px} +.page-designer-editor .page-designer-element-container .right-size-regulator-handler{background:#0000;border-bottom:5px solid ##maincolor##;border-radius:0 0 8px 0;border-right:5px solid ##maincolor##;bottom:-4px;content:"";cursor:se-resize;height:12px;right:-4px;width:12px} +.page-designer-editor .page-designer-section .page-designer-element-container.editing-element{border-color:##maincolor##} +.page-designer-editor .page-designer-section .page-designer-section-container.editing-section{border:2px solid ##maincolor##} +.page-designer-element-setting-type.selected{border-bottom:2px solid ##maincolor##;color:##maincolor##} +.page-designer-horizontal-mark-line{background-color:##maincolor##;height:2px;position:fixed;z-index:9999} +.page-designer-settings-body .radio-group-options .radio-group-button.active{background-color:##maincolor##} +.pagination{--bs-pagination-padding-x:0.75rem;--bs-pagination-padding-y:0.375rem;--bs-pagination-font-size:0.875rem;--bs-pagination-color:#212529;--bs-pagination-bg:#fff;--bs-pagination-border-width:1px;--bs-pagination-border-color:#dee2e6;--bs-pagination-border-radius:3px;--bs-pagination-hover-color:var(--bs-link-hover-color);--bs-pagination-hover-bg:#e9ecef;--bs-pagination-hover-border-color:#dee2e6;--bs-pagination-focus-color:var(--bs-link-hover-color);--bs-pagination-focus-bg:#e9ecef;--bs-pagination-focus-box-shadow:0 0 0 2px rgba(237,113,9,.25);--bs-pagination-active-color:#fff;--bs-pagination-active-bg:##maincolor##;--bs-pagination-active-border-color:##maincolor##;--bs-pagination-disabled-color:#ced4da;--bs-pagination-disabled-bg:#fff;--bs-pagination-disabled-border-color:#dee2e6;display:flex;list-style:none;padding-left:0} +.participants .add-participants i{background-color:#fff;border:2px solid #fff;border-radius:50%;color:##maincolor##;font-size:16px} +.password-reset-panel .password-reset-panel-bottom-container a,.login-panel .login-panel-bottom-container a { color: ##maincolor##; white-space: nowrap;} +.path-link { color: ##maincolor## !important; text-decoration: none;} +.path-toolbar .toolbar-item a:hover{color:##maincolor##;text-decoration:none} +.plan-description-item .plan-description{color:##maincolor##;font-size:20px;font-weight:500} +.plan-description-item.plan-selected{background-color:#fff5eb;border-color:##maincolor##;border-width:2px} +.price-version-container-header .price-version-plan-name{border-bottom:1px solid ##maincolor##;font-size:1.5rem;padding:1rem 0} +.progress{--bs-progress-height:1rem;--bs-progress-font-size:0.65625rem;--bs-progress-bg:#e9ecef;--bs-progress-border-radius:3px;--bs-progress-box-shadow:inset 0 1px 2px rgba(0,0,0,.075);--bs-progress-bar-color:#fff;--bs-progress-bar-bg:##maincolor##;--bs-progress-bar-transition:width 0.6s ease;background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius);font-size:var(--bs-progress-font-size);height:var(--bs-progress-height)} +.rbc-btn-group .rbc-tool-btn.today-btn-disabled,.rbc-btn-group .rbc-tool-btn:hover{background-color:##maincolor##;border:1px solid ##maincolor##;color:#fff} +.rbc-btn-group .rbc-tool-icon:hover{background-color:##maincolor##;color:#fff} +.rbc-btn-group .view-type-list .rbc-view-type.rbc-active{background:##maincolor##;color:#fff} +.rbc-calendar .dtable-calendar-insert-row{align-items:center;background-color:##maincolor##;border:none;border-radius:50%;bottom:15px!important;box-shadow:0 2px 8px 0 #a55e0a4d;color:#fff;cursor:pointer;display:flex;font-size:20px;height:50px;justify-content:center;position:absolute;right:15px!important;-webkit-user-select:none;user-select:none;width:50px;z-index:5} +.rbc-calendar .seatable-plugin-calendar-insert-row{align-items:center;background-color:##maincolor##;border:none;border-radius:50%;bottom:10px;box-shadow:0 2px 8px 0 #a55e0a4d;color:#fff;cursor:pointer;display:flex;font-size:20px;height:50px;justify-content:center;position:absolute;right:5px;-webkit-user-select:none;user-select:none;width:50px;z-index:4} +.rbc-current-time-indicator-label{border-left:0!important;bottom:-10px;color:##maincolor##;font-size:14px;font-weight:400;padding:0 5px;position:absolute} +.rbc-current-time-indicator{background-color:##maincolor##;border-color:##maincolor##;height:1px;pointer-events:none;position:absolute;right:0;z-index:3} +.rbc-now .rbc-date-context{background-color:##maincolor##;color:#fff} +.rbc-year-view .day-events{background-color:##maincolor##;border-radius:50%;height:4px;left:16px;position:absolute;top:22px;width:4px} +.rbc-year-view .rbc-current{background-color:##maincolor##;border-radius:2px;color:#fff} +.rbc-year-view .rbc-year-month-header{color:##maincolor##;padding-left:10px} +.rc-slider-handle-click-focused:focus{border-color:##maincolor##;box-shadow:none} +.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging{border-color:##maincolor##;box-shadow:0 0 0 5px ##maincolor##} +.rc-slider-handle:active{border-color:##maincolor##;box-shadow:0 0 5px ##maincolor##;cursor:grabbing} +.rc-slider-handle:hover{border-color:##maincolor##} +.rc-slider-handle{background-color:#fff;border:2px solid ##maincolor##;border-radius:50%;cursor:pointer;cursor:-webkit-grab;cursor:grab;height:14px;margin-top:-5px;position:absolute;touch-action:pan-x;width:14px} +.rc-slider-track{background-color:##maincolor##;left:0} +.react-contextmenu-item.react-contextmenu-item--active,.react-contextmenu-item.react-contextmenu-item--selected,.react-contextmenu-item:hover{background-color:##maincolor##;border-color:##maincolor##;color:#fff;text-decoration:none} +.restore-base-button{color:##maincolor##;min-width:35px;padding-left:5px;text-align:right} +.row-color-duplicate-value-select .option.option-active{background-color:##maincolor##;color:#fff;cursor:pointer} +.row-detail-from-page{color:##maincolor##;cursor:pointer;font-size:18px;text-decoration:underline} +.row-expand-comments .row-comment-header .row-comment,.row-expand-comments .row-comment-header .row-operation{border-bottom:2px solid ##maincolor##;color:#212529} +.sdoc-file-select-dialog .highlight-bg-color { background-color: ##maincolor##; border-color: ##maincolor##} +.sdoc-file-select-dialog .highlight-bg-color{background-color:##maincolor##;border-color:##maincolor##} +.sdoc-outline-item.active { color: ##maincolor##} +.sdoc-outline-item.active{color:##maincolor##} +.sdoc-popover-menu__item:hover { background-color: ##maincolor##; color: #fff} +.sdoc-popover-menu__item:hover{background-color:##maincolor##;color:#fff} +.sea-ai-assistant-auto-add-members-dialog .ai-assistant-settings-container .sea-ai-assistant-task-table-cell-content{align-items:center;color:##maincolor##;cursor:pointer;display:flex;justify-content:flex-start} +.sea-ai-assistant-chat-file-input-container .sea-ai-assistant-chat-file-upload-icon{background-color:##maincolor##!important;border-radius:8px;height:32px;width:32px} +.sea-ai-assistant-chat-input-container.focus{box-shadow:0 0 0 1px ##maincolor##} +.sea-ai-assistant-message-content .sea-ai-assistant-use-tip-order-item:hover{background-color:##maincolor##;color:#fff;cursor:pointer;transition:all .1s} +.sea-ai-assistant-settings-dialog .ai-assistant-settings-sidebar .ai-assistant-settings-sidebar-item.active-item{background-color:##maincolor##!important;color:#fff} +.sea-ai-assistant-settings-dialog .settings-container-header-right{align-items:center;color:##maincolor##;cursor:pointer;display:flex;-webkit-user-select:none;user-select:none} +.sea-ai-outline-btn:not(.disabled):hover{background-color:##maincolor##;color:#fff;cursor:pointer} +.sea-ai-outline-btn{background-color:#fff;border:1px solid ##maincolor##;border-radius:3px;color:##maincolor##;font-size:13px;font-weight:500;line-height:1;max-width:100%;min-width:24px;padding:6px 12px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content} +.sea-chart-settings .rc-slider-handle { background-color: #fff; border: 2px solid ##maincolor##; border-radius: 50%; cursor: pointer; cursor: -webkit-grab; cursor: grab; height: 14px; margin-top: -5px; position: absolute; touch-action: pan-x; width: 14px} +.sea-chart-settings .rc-slider-handle-click-focused:focus { border-color: ##maincolor##; box-shadow: none} +.sea-chart-settings .rc-slider-handle-click-focused:focus{border-color:##maincolor##;box-shadow:none} +.sea-chart-settings .rc-slider-handle-dragging { border-color: ##maincolor##; box-shadow: 0 0 0 5px ##maincolor##} +.sea-chart-settings .rc-slider-handle-dragging{border-color:##maincolor##;box-shadow:0 0 0 5px ##maincolor##} +.sea-chart-settings .rc-slider-handle:active { border-color: ##maincolor##; box-shadow: 0 0 5px ##maincolor##; cursor: grabbing} +.sea-chart-settings .rc-slider-handle:active{border-color:##maincolor##;box-shadow:0 0 5px ##maincolor##;cursor:grabbing} +.sea-chart-settings .rc-slider-handle:hover { border-color: ##maincolor##} +.sea-chart-settings .rc-slider-handle:hover{border-color:##maincolor##} +.sea-chart-settings .rc-slider-handle{background-color:#fff;border:2px solid ##maincolor##;border-radius:50%;cursor:pointer;cursor:-webkit-grab;cursor:grab;height:14px;margin-top:-5px;position:absolute;touch-action:pan-x;width:14px} +.sea-chart-settings .rc-slider-track { background-color: ##maincolor##; border-radius: 6px; height: 4px; left: 0; position: absolute} +.sea-chart-settings .rc-slider-track{background-color:##maincolor##;border-radius:6px;height:4px;left:0;position:absolute} +.sea-chart-settings .sea-chart-settings-type .sea-chart-settings-type-item.selected { border-bottom: 2px solid ##maincolor##; color: ##maincolor##} +.sea-chart-settings .sea-chart-settings-type .sea-chart-settings-type-item.selected{border-bottom:2px solid ##maincolor##;color:##maincolor##} +.sea-chart-types-dialog .sea-chart-chart-categories-nav .sea-chart-chart-cat-nav-item-container.sea-chart-icon-highlight .chart-icon { color: ##maincolor##} +.sea-chart-types-dialog .sea-chart-chart-categories-nav .sea-chart-chart-cat-nav-item-container.sea-chart-icon-highlight .chart-icon{color:##maincolor##} +.sea-chart-types-dialog .sea-chart-type-item.selected { border-color: ##maincolor##} +.sea-chart-types-dialog .sea-chart-type-item.selected{border-color:##maincolor##} +.search-result-container .search-result-item:hover{background-color:#eee;border-left:2px solid ##maincolor##} +.search-result-list .item-content .item-name{color:##maincolor##!important} +.search-settings-container .fields-setting-header .setting-choose-all{color:##maincolor##;cursor:pointer;font-size:12px} +.seatable-app-form-settings .seatable-app-form-content .dragging-add-field{border:1px dashed ##maincolor##;color:##maincolor##} +.seatable-app-form-settings .seatable-app-form-content .seatable-app-form-drop-placeholder{border:2px dashed ##maincolor##;border-radius:3px;height:100px;opacity:.75;width:100%} +.seatable-app-page .dtable-plugin-column-setting-item-title .setting-choose-all{color:##maincolor##;cursor:pointer;font-size:12px;font-weight:450} +.seatable-app-table.context-dropdown-menu .context-menu-item:focus{background-color:##maincolor##;color:#fff} +.seatable-app-table.context-dropdown-menu .context-menu-item:hover{background-color:##maincolor##;border-color:##maincolor##;color:#fff;text-decoration:none} +.seatable-app-universal-left-bar .btn-left-bar-add:hover{background:##maincolor##} +.seatable-app-universal-left-bar .btn-left-bar-add{align-items:center;background:##maincolor##;border-radius:50%;box-shadow:0 2px 8px #a55e0a4d;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:relative;width:32px} +.seatable-bg-orange{background-color:##maincolor##!important} +.seatable-border-color-orange{border:##maincolor##!important} +.seatable-form-app-settings-panel .add-all{color:##maincolor##;cursor:pointer} +.seatable-icon-orange{color:##maincolor##!important;fill:##maincolor##!important} +.seatable-share-form .form-content .submit-form.focus{background-color:##maincolor##;border-color:##maincolor##;color:#fff} +.seatable-text-orange{color:##maincolor##!important} +.select-button-action-popover .select-button-action-list .select-button-action-item.active{background:##maincolor##;border-radius:4px;color:#fff} +.select-columns-dialog .column-option:hover{background-color:##maincolor##;color:#fff;cursor:pointer} +.select-columns-dialog .select-columns{color:##maincolor##;cursor:pointer;font-size:13px;font-weight:500} +.select-group-container .select-group-item.active{background-color:#fff2e4;box-shadow:0 0 0 1px ##maincolor##;color:##maincolor##} +.select-page-icons .select-page-icon-active,.select-page-icons .select-page-icon-active:hover{background-color:##maincolor##} +.select-user-modal .modal-select-user-header .select-user-close-btn{color:##maincolor##;font-size:14px;font-weight:400;position:absolute;right:15px} +.select-user-modal .modal-select-user-header .select-user-close-btn{color:##maincolor##;font-weight:400;position:absolute;right:15px} +.selectgroup-input:checked+.selectgroup-button{background:#fdf1e6;border-color:##maincolor##;color:##maincolor##;z-index:1} +.selectgroup-input:focus+.selectgroup-button{border-color:##maincolor##;box-shadow:0 0 0 2px rgba(237,113,9,.25);color:##maincolor##;z-index:2} +.setting-btn.active{background-color:##maincolor##;color:#fff} +.sf-context-menu .sf-dropdown-menu-item:hover{background-color:##maincolor##;color:#fff} +.share-add-btn-container .share-add-btn{background:#fff;background-image:none;border-color:##maincolor##;color:##maincolor##;margin-top:10px;outline:none;width:90%} +.share-dialog .op-target{word-wrap:break-word;color:##maincolor##} +.share-dialog-with-qr-code .dtable-qr-code-share-btn.btn.btn-secondary:active,.share-dialog-with-qr-code .dtable-qr-code-share-btn:hover{background-color:##maincolor##;box-shadow:none;color:#fff} +.share-dialog-with-qr-code .dtable-qr-code-share-btn{border-color:##maincolor##;color:##maincolor##;float:right;margin-left:.5rem;padding:5px} +.share-dialog-with-qr-code .share-qrcode .qrcode-copy-btn:active{background-color:##maincolor##;color:#fff} +.share-dialog-with-qr-code .share-qrcode .qrcode-copy-btn{background-color:#fff;border-color:##maincolor##;color:##maincolor##} +.share-link-dialog .share-link-info .share-link-content{color:##maincolor##;cursor:pointer;display:inline-block;width:100%} +.share-table-side .share-nav-item-active{border-bottom:2px solid ##maincolor##;color:#212529} +.share-view-side .share-nav-item-active{border-bottom:2px solid ##maincolor##;color:#212529} +.side-nav-footer .join-us-icon{color:##maincolor##;font-size:20px;margin-right:10px} +.side-panel .nav-link.active{color:##maincolor##} +.single-record-page-record-qrcode-container .qrcode-copy-btn:active{background-color:##maincolor##!important;color:#fff} +.single-record-page-record-qrcode-container .qrcode-copy-btn{background-color:#fff;border-color:##maincolor##;color:##maincolor##} +.single-record-page-setting-element-types-add-all{color:##maincolor##;cursor:pointer} +.statistic-chart-addition-dialog .selected-statistic-type-item{background-color:##maincolor##;color:#fff} +.statistic-chart-preview .dtable-dropdown-menu .dropdown-item:hover{background-color:##maincolor##;color:#fff} +.statistic-dropdown-menu .dropdown-item:hover{background-color:##maincolor##;color:var(--font-hover-color)} +.submit-map-editor{background-color:#fff;border:1px solid #0000;border-radius:3px;box-shadow:0 0 12px #0000004d;color:##maincolor##;cursor:pointer;display:inline-block;font-size:.875rem;height:38px;line-height:1.8461538462;margin-left:16px;padding:.375rem .75rem;text-align:center;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap} +.subscription-container .text-orange{color:##maincolor##!important} +.subscription-submit{background-color:##maincolor##;border-radius:5px;color:#fff;font-size:16px;height:44px;margin-bottom:10px;width:100%} +.switch-refresh-active{background-color:##maincolor##} +.table-calendar-link:before{background:##maincolor##;border-radius:50px;content:"";height:4px;left:.25rem;position:absolute;top:.25rem;width:4px} +.table-calendar-link:hover{background:##maincolor##;color:#fff;text-decoration:none;transition:background .3s} +.table-setting.form-setting-all-required{color:##maincolor##;cursor:pointer} +.tables-tabs-content .tabs-nav-scroll-after{background:linear-gradient(90deg,##maincolor##33,##maincolor##99,##maincolor##);right:10px;top:0;width:20px} +.tables-tabs-content .tabs-nav-scroll-before{background:linear-gradient(270deg,##maincolor##33,##maincolor##99,##maincolor##);left:0;top:0;width:25px;z-index:5} +.tag-primary{background-color:##maincolor##;color:#fff} +.template-categories .template-category-item.active{color:##maincolor##;text-decoration:underline} +.template-categories .template-category-item:hover{color:##maincolor##} +.template-list-container .template-container:hover{background:#fffbf8;border-color:##maincolor##;cursor:pointer} +.template-list-dialog .modal-header .modal-header-template{color:##maincolor##;font-size:24px;line-height:1;margin-right:10px} +.text-editor-container .text-editor-dropdown-item:hover{background-color:##maincolor##;color:#fff} +.timeline-toolbar .btn-switch-icon:hover{background-color:##maincolor##;color:#fff} +.timeline-toolbar .btn-today.btn-today-disabled{background:##maincolor##;border-color:##maincolor##;color:#fff;cursor:default;opacity:40%} +.timeline-toolbar .btn-today:hover{background-color:##maincolor##;border:1px solid ##maincolor##;color:#fff} +.timeline-view-mobile .column-select-all{color:##maincolor##} +.timeline-view-mobile .record-end-type-item.selected{background-color:#fff2e4;color:##maincolor##} +.tool-popover .tool-item:hover,.tool-popover .tool-item:hover dd,.tool-popover .tool-item:hover dt,.tool-popover .tool-item:hover span{background-color:##maincolor##;color:#fff} +.trash-items-main .trash-items-main-body .trash-item .trash-item-restore{color:##maincolor##} +.trash-table .trash-table-base-detail .trash-table-restore-mobile{color:##maincolor##;cursor:pointer} +.tree-node-hight-light{background-color:##maincolor##!important;border-radius:4px;color:#fff} +.tree-view-trash-tab.active,.tree-view-trash-tab.active .dtable-font,.tree-view-trash-tab.active svg{background-color:##maincolor##;border-radius:4px;color:#fff} +.trigger-condition1 .st3{fill:##maincolor##} +.trigger-condition2 .st2{fill:##maincolor##} +.trigger-condition3 .st2{fill:##maincolor##} +.trigger-condition4 .st1{fill:##maincolor##} +.upload-html-page-file-area:not(.--uploading).--dragging-over,.upload-html-page-file-area:not(.--uploading):hover{border-color:##maincolor##;cursor:pointer} +.user-input-chat .sea-ai-assistant-message-content{background-color:##maincolor##;border-radius:6px 0 6px 6px;color:#fafafa} +.user-setting-nav .nav-item .nav-link:hover{color:##maincolor##} +.user-setting-nav .nav-item.active .nav-link{border-left-color:##maincolor##;color:##maincolor##} +.view-edit-popover-header .remove-icon-button{color:##maincolor##} +.workflow-app-container .participants-type-container .selected-participants-type-item{background-color:#e5a1521a;box-shadow:0 0 0 1px ##maincolor##;color:##maincolor##} +.workflow-app-settings-container .fields-setting-header .setting-choose-all{color:##maincolor##;cursor:pointer;font-size:12px} +.workflow-group-container .load-more-workflows .load-more-workflows-tip{color:##maincolor##;cursor:pointer;margin:0 16px} +.workflow-list-view .list-view-sidebar li{border-bottom:2px solid ##maincolor##;color:##maincolor##} +.workflow-list-view .share-item-view-sidebar .sidebar-item-active,.workflow-list-view .specific-list-view-sidebar .sidebar-item-active{border-bottom:2px solid ##maincolor##;color:##maincolor##} +.workflow-list-view .view-header .dtable-icon-workflow{color:##maincolor##} +.workflow-node-dropdown .dropdown-item:hover,.workflow-node-dropdown .selected-dropdown-item{background-color:##maincolor##;color:#fff} +.workflow-task-dialog .workflow-task-nodes-logs .workflow-task-node-log-selector.selected{border-bottom:2px solid ##maincolor##;color:#212529} +.workflow-task-list-modal .workflow-task-list-modal-header-left .dtable-icon-workflow{color:##maincolor##;font-size:20px;font-weight:500} +.workflow-task-list-toolbar-container .task-date-dropdown .dropdown-item:hover{background-color:##maincolor##;color:#fff} +.workflow-task-logs .workflow-task-log .workflow-task-log-icon{color:##maincolor##;margin-right:5px} +.workflow-task-nodes-popover .workflow-task-nodes .workflow-task-node-item:hover{background-color:##maincolor##;color:#fff} +.workflow-task-pending-dialog .workflow-task-flow-header .flow-chart,.workflow-task-pending-dialog .workflow-task-flow-header .task-logs{border-bottom:2px solid ##maincolor##;color:#212529} +.workspace .dropdown-item:not(.disabled):focus .dtable-font,.workspace .dropdown-item:not(.disabled):hover .dtable-font{background-color:##maincolor##!important;color:#fff!important} +50%{box-shadow:0 0 8px ##maincolor##b3,0 0 16px ##maincolor##66,0 0 24px ##maincolor##33} +@charset "UTF-8";/*! * Bootstrap v5.2.3 (https://getbootstrap.com/) * Copyright 2011-2022 The Bootstrap Authors * Copyright 2011-2022 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */:root{--bs-blue:#467fcf;--bs-azure:#45aaf2;--bs-indigo:#6574cd;--bs-purple:#a55eea;--bs-pink:#f66d9b;--bs-red:#cd201f;--bs-orange:#fd9644;--bs-yellow:#f1c40f;--bs-lime:#7bd235;--bs-green:#5eba00;--bs-teal:#2bcbba;--bs-cyan:#17a2b8;--bs-white:#fff;--bs-gray:#868e96;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#868e96;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:##maincolor##;--bs-secondary:#666;--bs-success:#5eba00;--bs-info:#45aaf2;--bs-warning:#f1c40f;--bs-danger:#cd201f;--bs-light:#f8f9fa;--bs-dark:#343a40;--bs-primary-rgb:237,113,9;--bs-secondary-rgb:102,102,102;--bs-success-rgb:94,186,0;--bs-info-rgb:69,170,242;--bs-warning-rgb:241,196,15;--bs-danger-rgb:205,32,31;--bs-light-rgb:248,249,250;--bs-dark-rgb:52,58,64;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-body-color-rgb:33,37,41;--bs-body-bg-rgb:255,255,255;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,0));--bs-body-font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;--bs-body-font-size:0.875rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-bg:#fff;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:rgba(0,40,100,.12);--bs-border-color-translucent:rgba(0,0,0,.175);--bs-border-radius:3px;--bs-border-radius-sm:3px;--bs-border-radius-lg:3px;--bs-border-radius-xl:1rem;--bs-border-radius-2xl:2rem;--bs-border-radius-pill:50rem;--bs-link-color:##maincolor##;--bs-link-hover-color:#be5a07;--bs-code-color:inherit;--bs-highlight-bg:#fcf3cf} +@keyframes pulse{0%,to{box-shadow:0 0 6px ##maincolor##80,0 0 12px ##maincolor##4d,0 0 18px ##maincolor##26 +a { color: ##maincolor##;} +a,a:hover{color:##maincolor##} +a:focus,a:hover { color: ##maincolor##;} diff --git a/docs/customization/main-color.md b/docs/customization/main-color.md index 574fbb3fc..74a2a7239 100644 --- a/docs/customization/main-color.md +++ b/docs/customization/main-color.md @@ -18,12 +18,12 @@ The first step is you use the following color picker and select a new main color Please be aware that if you define a value in the webinterface, this always overrules the value in the config file. -=== "Version 5.3" +=== "Version 6.1" Select a color and you will get the correspondent css code in the following grey box. - -
+ +
```css Select a color and the css code will be created... ``` @@ -31,52 +31,39 @@ The first step is you use the following color picker and select a new main color Use the copy-and-paste icon (:material-content-copy:) on the top right of the grey box to copy the complete css code to your clipboard. -=== "Version 5.2" +=== "Version 6.0" Select a color and you will get the correspondent css code in the following grey box. - -
- ``` + +
+ ```css Select a color and the css code will be created... ```
Use the copy-and-paste icon (:material-content-copy:) on the top right of the grey box to copy the complete css code to your clipboard. -=== "Version 5.1" +=== "Version 5.3" Select a color and you will get the correspondent css code in the following grey box. - -
- ``` + +
+ ```css Select a color and the css code will be created... ```
Use the copy-and-paste icon (:material-content-copy:) on the top right of the grey box to copy the complete css code to your clipboard. -=== "Version 5.0" +=== "Version 5.2" Select a color and you will get the correspondent css code in the following grey box. - -
- ``` - Select a color and the css code will be created... + +
``` -
- - Use the copy-and-paste icon (:material-content-copy:) on the top right of the grey box to copy the complete css code to your clipboard. - -=== "Version 4.3" - - Select a color and you will get the correspondent css code in the following grey box. - - -
- ```css Select a color and the css code will be created... ```