202 lines
6.7 KiB
SCSS
202 lines
6.7 KiB
SCSS
:root,
|
|
page,
|
|
body {
|
|
--up-main-color: var(--up-light-main-color, #303133);
|
|
--up-content-color: var(--up-light-content-color, #606266);
|
|
--up-tips-color: var(--up-light-tips-color, #909193);
|
|
--up-light-color: var(--up-light-light-color, #c0c4cc);
|
|
--up-border-color: var(--up-light-border-color, #dadbde);
|
|
--up-bg-color: var(--up-light-bg-color, #f3f4f6);
|
|
--up-hover-bg-color: #e7ebf0;
|
|
--up-page-bg-color: #f3f4f6;
|
|
--up-card-bg-color: #ffffff;
|
|
--up-navbar-bg-color: #ffffff;
|
|
--up-disabled-color: var(--up-light-disabled-color, #c8c9cc);
|
|
|
|
--up-primary: var(--up-light-primary, #3c9cff);
|
|
--up-primary-dark: var(--up-light-primary-dark, #398ade);
|
|
--up-primary-disabled: var(--up-light-primary-disabled, #9acafc);
|
|
--up-primary-light: var(--up-light-primary-light, #ecf5ff);
|
|
|
|
--up-warning: var(--up-light-warning, #f9ae3d);
|
|
--up-warning-dark: var(--up-light-warning-dark, #f1a532);
|
|
--up-warning-disabled: var(--up-light-warning-disabled, #f9d39b);
|
|
--up-warning-light: var(--up-light-warning-light, #fdf6ec);
|
|
|
|
--up-success: var(--up-light-success, #5ac725);
|
|
--up-success-dark: var(--up-light-success-dark, #53c21d);
|
|
--up-success-disabled: var(--up-light-success-disabled, #a9e08f);
|
|
--up-success-light: var(--up-light-success-light, #f5fff0);
|
|
|
|
--up-error: var(--up-light-error, #f56c6c);
|
|
--up-error-dark: var(--up-light-error-dark, #e45656);
|
|
--up-error-disabled: var(--up-light-error-disabled, #f7b2b2);
|
|
--up-error-light: var(--up-light-error-light, #fef0f0);
|
|
|
|
--up-info: var(--up-light-info, #909399);
|
|
--up-info-dark: var(--up-light-info-dark, #767a82);
|
|
--up-info-disabled: var(--up-light-info-disabled, #c4c6c9);
|
|
--up-info-light: var(--up-light-info-light, #f4f4f5);
|
|
|
|
--up-table2-header-bg-color: #f5f7fa;
|
|
--up-table2-zebra-bg-color: #fafafa;
|
|
--up-table2-highlight-bg-color: #f5f7fa;
|
|
--up-gap-bg-color: #f3f4f6;
|
|
--up-skeleton-bg-color: #f1f2f4;
|
|
--up-skeleton-shimmer-color: #e6e6e6;
|
|
--up-swipe-action-button-bg-color: #c7c6cd;
|
|
--up-index-list-indicator-bg-color: #c9c9c9;
|
|
--up-calendar-month-mark-color: rgba(231, 232, 234, 0.83);
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
:root,
|
|
page,
|
|
body {
|
|
--up-main-color: #f5f5f5;
|
|
--up-content-color: #d1d5db;
|
|
--up-tips-color: #9ca3af;
|
|
--up-light-color: #6b7280;
|
|
--up-border-color: #3a3a3c;
|
|
--up-bg-color: #1f1f1f;
|
|
--up-hover-bg-color: #343741;
|
|
--up-page-bg-color: #1f1f1f;
|
|
--up-card-bg-color: #1c1c1e;
|
|
--up-navbar-bg-color: #1c1c1e;
|
|
--up-disabled-color: #4b5563;
|
|
|
|
--up-primary: #3c9cff;
|
|
--up-primary-dark: #5aa8ff;
|
|
--up-primary-disabled: #4c6f92;
|
|
--up-primary-light: #10243a;
|
|
|
|
--up-warning: #f9ae3d;
|
|
--up-warning-dark: #ffbf66;
|
|
--up-warning-disabled: #8a6a3a;
|
|
--up-warning-light: #3d2f1b;
|
|
|
|
--up-success: #5ac725;
|
|
--up-success-dark: #7ad94b;
|
|
--up-success-disabled: #5f7f4f;
|
|
--up-success-light: #1f3316;
|
|
|
|
--up-error: #f56c6c;
|
|
--up-error-dark: #ff8a8a;
|
|
--up-error-disabled: #8d5858;
|
|
--up-error-light: #3a2222;
|
|
|
|
--up-info: #909399;
|
|
--up-info-dark: #b0b3b8;
|
|
--up-info-disabled: #5f6368;
|
|
--up-info-light: #2f3238;
|
|
|
|
--up-table2-header-bg-color: #2a2d33;
|
|
--up-table2-zebra-bg-color: #23262b;
|
|
--up-table2-highlight-bg-color: #2f3440;
|
|
--up-gap-bg-color: #111111;
|
|
--up-skeleton-bg-color: #2f3135;
|
|
--up-skeleton-shimmer-color: rgba(255, 255, 255, 0.12);
|
|
--up-swipe-action-button-bg-color: #4b5563;
|
|
--up-index-list-indicator-bg-color: #4b5563;
|
|
--up-calendar-month-mark-color: rgba(255, 255, 255, 0.04);
|
|
}
|
|
}
|
|
|
|
[data-up-theme='light'] {
|
|
--up-main-color: var(--up-light-main-color, #303133);
|
|
--up-content-color: var(--up-light-content-color, #606266);
|
|
--up-tips-color: var(--up-light-tips-color, #909193);
|
|
--up-light-color: var(--up-light-light-color, #c0c4cc);
|
|
--up-border-color: var(--up-light-border-color, #dadbde);
|
|
--up-bg-color: var(--up-light-bg-color, #f3f4f6);
|
|
--up-hover-bg-color: #e7ebf0;
|
|
--up-page-bg-color: #f3f4f6;
|
|
--up-card-bg-color: #ffffff;
|
|
--up-navbar-bg-color: #ffffff;
|
|
--up-disabled-color: var(--up-light-disabled-color, #c8c9cc);
|
|
|
|
--up-primary: var(--up-light-primary, #3c9cff);
|
|
--up-primary-dark: var(--up-light-primary-dark, #398ade);
|
|
--up-primary-disabled: var(--up-light-primary-disabled, #9acafc);
|
|
--up-primary-light: var(--up-light-primary-light, #ecf5ff);
|
|
|
|
--up-warning: var(--up-light-warning, #f9ae3d);
|
|
--up-warning-dark: var(--up-light-warning-dark, #f1a532);
|
|
--up-warning-disabled: var(--up-light-warning-disabled, #f9d39b);
|
|
--up-warning-light: var(--up-light-warning-light, #fdf6ec);
|
|
|
|
--up-success: var(--up-light-success, #5ac725);
|
|
--up-success-dark: var(--up-light-success-dark, #53c21d);
|
|
--up-success-disabled: var(--up-light-success-disabled, #a9e08f);
|
|
--up-success-light: var(--up-light-success-light, #f5fff0);
|
|
|
|
--up-error: var(--up-light-error, #f56c6c);
|
|
--up-error-dark: var(--up-light-error-dark, #e45656);
|
|
--up-error-disabled: var(--up-light-error-disabled, #f7b2b2);
|
|
--up-error-light: var(--up-light-error-light, #fef0f0);
|
|
|
|
--up-info: var(--up-light-info, #909399);
|
|
--up-info-dark: var(--up-light-info-dark, #767a82);
|
|
--up-info-disabled: var(--up-light-info-disabled, #c4c6c9);
|
|
--up-info-light: var(--up-light-info-light, #f4f4f5);
|
|
|
|
--up-table2-header-bg-color: #f5f7fa;
|
|
--up-table2-zebra-bg-color: #fafafa;
|
|
--up-table2-highlight-bg-color: #f5f7fa;
|
|
--up-gap-bg-color: #f3f4f6;
|
|
--up-skeleton-bg-color: #f1f2f4;
|
|
--up-skeleton-shimmer-color: #e6e6e6;
|
|
--up-swipe-action-button-bg-color: #c7c6cd;
|
|
--up-index-list-indicator-bg-color: #c9c9c9;
|
|
--up-calendar-month-mark-color: rgba(231, 232, 234, 0.83);
|
|
}
|
|
|
|
[data-up-theme='dark'] {
|
|
--up-main-color: #f5f5f5;
|
|
--up-content-color: #d1d5db;
|
|
--up-tips-color: #9ca3af;
|
|
--up-light-color: #6b7280;
|
|
--up-border-color: #3a3a3c;
|
|
--up-bg-color: #1f1f1f;
|
|
--up-hover-bg-color: #343741;
|
|
--up-page-bg-color: #1f1f1f;
|
|
--up-card-bg-color: #1c1c1e;
|
|
--up-navbar-bg-color: #1c1c1e;
|
|
--up-disabled-color: #4b5563;
|
|
|
|
--up-primary: #3c9cff;
|
|
--up-primary-dark: #5aa8ff;
|
|
--up-primary-disabled: #4c6f92;
|
|
--up-primary-light: #10243a;
|
|
|
|
--up-warning: #f9ae3d;
|
|
--up-warning-dark: #ffbf66;
|
|
--up-warning-disabled: #8a6a3a;
|
|
--up-warning-light: #3d2f1b;
|
|
|
|
--up-success: #5ac725;
|
|
--up-success-dark: #7ad94b;
|
|
--up-success-disabled: #5f7f4f;
|
|
--up-success-light: #1f3316;
|
|
|
|
--up-error: #f56c6c;
|
|
--up-error-dark: #ff8a8a;
|
|
--up-error-disabled: #8d5858;
|
|
--up-error-light: #3a2222;
|
|
|
|
--up-info: #909399;
|
|
--up-info-dark: #b0b3b8;
|
|
--up-info-disabled: #5f6368;
|
|
--up-info-light: #2f3238;
|
|
|
|
--up-table2-header-bg-color: #2a2d33;
|
|
--up-table2-zebra-bg-color: #23262b;
|
|
--up-table2-highlight-bg-color: #2f3440;
|
|
--up-gap-bg-color: #111111;
|
|
--up-skeleton-bg-color: #2f3135;
|
|
--up-skeleton-shimmer-color: rgba(255, 255, 255, 0.12);
|
|
--up-swipe-action-button-bg-color: #4b5563;
|
|
--up-index-list-indicator-bg-color: #4b5563;
|
|
--up-calendar-month-mark-color: rgba(255, 255, 255, 0.04);
|
|
}
|