web-backset.cn/packages/ui/src/var.css
2023-02-25 23:43:44 +08:00

35 lines
1.2 KiB
CSS

/* 修改主题色 document.documentElement.style.setProperty(`--c`, '22,22,22'); */
:root {
--c: 36, 41, 47;
--c-dark: 21, 24, 27;
--primary: rgb(var(--c));
--bs-primary-color: rgb(var(--c));
--bs-primary-border-color: rgba(var(--c), 1);
--bs-primary-color-light-1: rgba(var(--c), 0.8);
--bs-primary-color-light-2: rgba(var(--c), 0.6);
--bs-primary-color-light-3: rgba(var(--c), 0.4);
--bs-primary-color-light-4: rgba(var(--c), 0.2);
--bs-primary-color-light-5: rgba(var(--c), 0);
--bs-primary-color-dark-1: rgb(var(--c-dark));
--bs-font-color: rgb(255, 255, 255);
--bs-font-color-1: rgb(215, 215, 215);
--bs-radius: 3px;
--bs-ani-duration: 0.25s;
--bs-transition: all var(--bs-ani-duration) cubic-bezier(0.645, 0.045, 0.355, 1);
/* dropdown */
--bs-dropdown-icon-active: rgb(63, 70, 86);
/* --bs-dropdpwn-list-bgc: rgb(28, 33, 46); */
--bs-dropdpwn-list-bgc: var(--bs-primary-color-dark-1);
--bs-dropdpwn-list-text-color: rgba(255, 255, 255, 0.2);
--bs-dropdpwn-list-text-hover-color: rgba(255, 255, 255, 0.5);
/* tooltip */
--bs-tooltip-font-size: 1rem;
--bs-tooltip-offset: 10px;
/* button */
--bs-button-primary: var(--bs-primary-color);
--bs-button-bg-hover: var(--bs-primary-color-light-1);
}