less-var-to-css-var
Version:
Convert Less Var To CSS Var
126 lines (122 loc) • 4.31 kB
text/less
/*
⚠️ PLEASE DO NOT MODIFY THIS FILE!
All code is automatically generated by plugin `less-var-to-css-var`.
*/
@import './variables.less';
:root {
--safe-area-inset-top: env(safe-area-inset-top);
--safe-area-inset-bottom: env(safe-area-inset-bottom);
--safe-area-inset-left: env(safe-area-inset-left);
--safe-area-inset-right: env(safe-area-inset-right);
--THEME--DARK: ~'theme-dark';
--THEME--TEST: ~'theme-test';
--container-ext-width: 280px;
--page-body-bg-color: #fff;
--page-border-radius: 5px;
--page-header-logo-left: 20px;
--page-padding-x: 20px;
--back-button-padding-x: 10px;
--navbar-min-height: 32px;
--navbar-padding-x: 16px;
--layout-main-bg-color: #f6fbfe;
--layout-sidebar-bg-color: #fff;
--layout-sidebar-width--pc: 240px;
--layout-sidebar-width--mb: 100%;
--tab-bar-bg-color: #f4f4f5;
--comment-bar-bg-color: #eee;
--pane-drawer-border-radius: 18px;
--pane-drawer-bg-color: #eee;
--pane-drawer-cancel-button-color: #e2e1e4;
--comment-count-color: #fd0000;
--charging-count-color: #fca810;
--favorite-count-color: #fd0000;
--login-tips-color: #a1b2c5;
--font-chinese: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '\5FAE\8F6F\96C5\9ED1';
--font-family: -apple-system, BlinkMacSystemFont, @font-chinese, 'Helvetica Neue', Helvetica, Ubuntu, Roboto, Noto, 'Segoe UI', Arial, sans-serif;
--font-family--android: system, sans-serif;
--style-ui-family: -apple-system, BlinkMacSystemFont, @font-chinese, 'helvetica neue', helvetica, ubuntu, roboto, noto, 'segoe ui', Arial, sans-serif;
--number-family: 'Avenir Next', 'Avenir', 'Segoe UI', Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
--price-family: 'Avenir Next', 'Avenir', 'Segoe UI', Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
--code-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace;
--prime-family: 'CindieMono-D', sans-serif;
--palette-GR01: #d71a1b;
--palette-GW01: #fff;
--palette-GB01: #000000;
--palette-GB02: #141414;
--palette-GB03: #1f1f1f;
--palette-GB04: #262626;
--palette-GB05: #333333;
--palette-GB06: #595959;
--palette-GB07: #8c8c8c;
--palette-GB08: #bfbfbf;
--palette-GB09: #d9d9d9;
--palette-GB10: #f0f0f0;
--palette-GB11: #f5f5f5;
--palette-GB12: #fafafa;
--palette-GB13: #ffffff;
--border-radius-base: 5px;
--border-radius-sm: 2px;
--switch-height: 30px;
--switch-sm-height: 16px;
--switch-min-width: 50px;
--switch-sm-min-width: 28px;
--text-color: #333;
--sub-text-color: lighten(@text-color, 50%);
--primary-bg-color: #f2f2f2;
--primary-color: #d71a1b;
--prime-bg-color: #20232c;
--prime-tab-text-color: #63646b;
--prime-tab-bg-color: #0e0e11;
--prime-button-bg-color: #2a2c35;
--prime-update-notice-color: #aaa;
--prime-update-notice-bg-color: #2a2c35;
--prime-gold-text-color: #eebe8e;
--prime-input-bg-color: #999;
--secondary-color: #1f8a85;
--info-color: #1890ff;
--success-color: #52c41a;
--processing-color: #1890ff;
--error-color: #f5222d;
--highlight-color: #f5222d;
--warning-color: #faad14;
--normal-color: #d9d9d9;
--screen-xs: 480px;
--screen-sm: 576px;
--screen-md: 768px;
--screen-lg: 992px;
--screen-xl: 12000px;
--screen-xxl: 16000px;
--font-size-base: 14px;
--iconfont-css-prefix: anticon;
--line-height-base: 1.5715;
--android-app-safe-area-bottom: 12px;
}
.comp-wrapper--alwaysDarkMode,
:global(.@{THEME--DARK}) .comp-wrapper {
--tab-bar-bg-color: #18191a;
--comment-bar-bg-color: #181818;
--pane-drawer-bg-color: #181818;
--pane-drawer-cancel-button-color: #222;
--login-tips-color: #a1b2c5;
--palette-GR01: #fc0d0e;
--palette-GW01: #000;
--palette-GB01: #ffffff;
--palette-GB02: #fafafa;
--palette-GB03: #f5f5f5;
--palette-GB04: #f0f0f0;
--palette-GB05: #d9d9d9;
--palette-GB06: #bfbfbf;
--palette-GB07: #8c8c8c;
--palette-GB08: #595959;
--palette-GB09: #333333;
--palette-GB10: #262626;
--palette-GB11: #1f1f1f;
--palette-GB12: #141414;
--palette-GB13: #000000;
--text-color: #eee;
--sub-text-color: lighten(@text-color, 50%);
--primary-bg-color: #000;
--primary-color: #fc0d0e;
--prime-gold-text-color: #eebe8e;
--prime-input-bg-color: #0d0e11;
}