This commit is contained in:
Ling53666
2025-08-18 09:11:51 +08:00
commit 02554225da
2516 changed files with 133155 additions and 0 deletions

View File

@ -0,0 +1,181 @@
@theme: default;
@colorPrimary: default;
@colorWathet: default;
@colorRed: default;
@colorYellow: default;
@colorGreen: default;
@colorTextPrimary: default;
@colorWhite: default;
@colorTextAssist: default;
@colorBorder: default;
@colorBackground: default;
@colorTextWeak: default;
@colorCard: default;
@colorTextSecondary: default;
@colorGreyCard: default;
@colorOrange: default;
@colorBlack: default;
@COLOR_BRAND1_DEFAULT: #1677ff;
@COLOR_BRAND1_DARK: #3086ff;
@COLOR_BRAND1: if(
iscolor(@colorPrimary),
@colorPrimary,
if((@theme=dark), @COLOR_BRAND1_DARK, @COLOR_BRAND1_DEFAULT)
);
@COLOR_WATHET_DEFAULT: #e7f1ff;
@COLOR_WATHET_DARK: #0d2543;
@COLOR_WATHET: if(
iscolor(@colorWathet),
@colorWathet,
if((@theme=dark), @COLOR_WATHET_DARK, @COLOR_WATHET_DEFAULT)
);
@COLOR_RED_DEFAULT: #ff3141;
@COLOR_RED_DARK: #ff4a58;
@COLOR_RED: if(
iscolor(@colorRed),
@colorRed,
if((@theme=dark), @COLOR_RED_DARK, @COLOR_RED_DEFAULT)
);
@COLOR_YELLOW_DEFAULT: #ff9f18;
@COLOR_YELLOW_DARK: #ffa930;
@COLOR_YELLOW: if(
iscolor(@colorYellow),
@colorYellow,
if((@theme=dark), @COLOR_YELLOW_DARK, @COLOR_YELLOW_DEFAULT)
);
@COLOR_GREEN_DEFAULT: #22b35e;
@COLOR_GREEN_DARK: #34b368;
@COLOR_GREEN: if(
isColor(@colorGreen),
@colorGreen,
if((@theme=dark), @COLOR_GREEN_DARK, @COLOR_GREEN_DEFAULT)
);
@COLOR_TEXT_PRIMARY_DEFAULT: #333333;
@COLOR_TEXT_PRIMARY_DARK: #e6e6e6;
@COLOR_TEXT_PRIMARY: if(
isColor(@colorTextPrimary),
@colorTextPrimary,
if((@theme=dark), @COLOR_TEXT_PRIMARY_DARK, @COLOR_TEXT_PRIMARY_DEFAULT)
);
@COLOR_WHITE_DEFAULT: #ffffff;
@COLOR_WHITE_DARK: #ffffff;
@COLOR_WHITE: if(
isColor(@colorWhite),
@colorWhite,
if((@theme=dark), @COLOR_WHITE_DARK, @COLOR_WHITE_DEFAULT)
);
@COLOR_TEXT_ASSIST_DEFAULT: #999999;
@COLOR_TEXT_ASSIST_DARK: #808080;
@COLOR_TEXT_ASSIST: if(
isColor(@colorTextAssist),
@colorTextAssist,
if((@theme=dark), @COLOR_TEXT_ASSIST_DARK, @COLOR_TEXT_ASSIST_DEFAULT)
);
@COLOR_BORDER_DEFAULT: #eeeeee;
@COLOR_BORDER_DARK: #2b2b2b;
@COLOR_BORDER: if(
isColor(@colorBorder),
@colorBorder,
if((@theme=dark), @COLOR_BORDER_DARK, @COLOR_BORDER_DEFAULT)
);
@COLOR_BACKGROUND_DEFAULT: #f5f5f5;
@COLOR_BACKGROUND_DARK: #0a0a0a;
@COLOR_BACKGROUND: if(
isColor(@colorBackground),
@colorBackground,
if((@theme=dark), @COLOR_BACKGROUND_DARK, @COLOR_BACKGROUND_DEFAULT)
);
@COLOR_TEXT_WEAK_DEFAULT: #cccccc;
@COLOR_TEXT_WEAK_DARK: #4d4d4d;
@COLOR_TEXT_WEAK: if(
isColor(@colorTextWeak),
@colorTextWeak,
if((@theme=dark), @COLOR_TEXT_WEAK_DARK, @COLOR_TEXT_WEAK_DEFAULT)
);
@COLOR_CARD_DEFAULT: #ffffff;
@COLOR_CARD_DARK: #1a1a1a;
@COLOR_CARD: if(
isColor(@colorCard),
@colorCard,
if((@theme=dark), @COLOR_CARD_DARK, @COLOR_CARD_DEFAULT)
);
@COLOR_TEXT_SECONDARY_DEFAULT: #666666;
@COLOR_TEXT_SECONDARY_DARK: #b3b3b3;
@COLOR_TEXT_SECONDARY: if(
isColor(@colorTextSecondary),
@colorTextSecondary,
if((@theme=dark), @COLOR_TEXT_SECONDARY_DARK, @COLOR_TEXT_SECONDARY_DEFAULT)
);
@COLOR_GREY_CARD_DEFAULT: #f5f5f5;
@COLOR_GREY_CARD_DARK: #2b2b2b;
@COLOR_GREY_CARD: if(
isColor(@colorGreyCard),
@colorGreyCard,
if((@theme=dark), @COLOR_GREY_CARD_DARK, @COLOR_GREY_CARD_DEFAULT)
);
@COLOR_ORANGE_DEFAULT: #ff6430;
@COLOR_ORANGE_DARK: #e65a2b;
@COLOR_ORANGE: if(
isColor(@colorOrange),
@colorOrange,
if((@theme=dark), @COLOR_ORANGE_DARK, @COLOR_ORANGE_DEFAULT)
);
@COLOR_BLACK_DEFAULT: #000000;
@COLOR_BLACK_DARK: #000000;
@COLOR_BLACK: if(
isColor(@colorBlack),
@colorBlack,
if((@theme=dark), @COLOR_BLACK_DARK, @COLOR_BLACK_DEFAULT)
);
@COLOR_WHITE_CHANGE_DEFAULT: @COLOR_WHITE;
@COLOR_WHITE_CHANGE_DARK: @COLOR_BLACK;
@COLOR_WHITE_CHANGE: if(
(@theme=dark),
@COLOR_WHITE_CHANGE_DARK,
@COLOR_WHITE_CHANGE_DEFAULT
);
@COLOR_BLACK_CHANGE_DEFAULT: @COLOR_BLACK;
@COLOR_BLACK_CHANGE_DARK: @COLOR_WHITE;
@COLOR_BLACK_CHANGE: if(
(@theme=dark),
@COLOR_BLACK_CHANGE_DARK,
@COLOR_BLACK_CHANGE_DEFAULT
);
// 以下是没有是颜色系统里面的
@COLOR_GOLDEN_2: #fff3d9;
@COLOR_GOLDEN_3: #fff9ed;
@COLOR_TANGERINE_1: #ff6010;
@COLOR_TANGERINE_2: #ffece3;
@COLOR_GREY_2: #e5e5e5;
@COLOR_TEXT_WARNING: #ff3b30;
@COLOR_ORANGE_1: #ff8f1f;
@COLOR_ORANGE_2: #ffefdf;
@COLOR_POMONAGREEN_1: #00b578;
@COLOR_POMONAGREEN_2: #d4fff1;
@color-ironblack-1: #454955; //铁黑
@COLOR_BACKGROUND_POPOVER: #404040; //popover默认底色

View File

@ -0,0 +1,77 @@
@import (reference) './color.less';
@hd: 1px;
@rpx: 0.5 * @hd;
@size-base: 8 * @rpx;
@default-line-height: 1.4;
//尺寸
@size-0: 0;
@size-1: @size-base * 1;
@size-2: @size-base * 2;
@size-3: @size-base * 3;
@size-4: @size-base * 4;
@size-5: @size-base * 5;
@size-6: @size-base * 6;
@size-7: @size-base * 7;
@size-8: @size-base * 8;
@size-9: @size-base * 9;
@size-10: @size-base * 10;
@size-11: @size-base * 11;
@size-12: @size-base * 12;
@size-13: @size-base * 13;
@size-14: @size-base * 14;
@size-15: @size-base * 15;
@size-16: @size-base * 16;
@size-17: @size-base * 17;
@size-18: @size-base * 18;
@size-19: @size-base * 19;
@size-20: @size-base * 20;
@corner-radius-md: 8 * @rpx;
@corner-radius-lg: 16 * @rpx;
@font-size-subcontent: 24 * @rpx; //次常规内容
@font-size-content: 26 * @rpx; //常规内容
@font-size-subtitle: 30 * @rpx; //小标题
@font-size-list: 34 * @rpx; //列表
@font-size-title: 36 * @rpx; //大标题
@font-size-list: 34 * @rpx; //列表
@font-size-weak: 22 * @rpx; //弱化内容和弱辅助文案
@opacity-disabled: 0.4;
@opacity-product-mask: 0.55;
@opacity-marketing-mask: 0.75;
@h-spacing-standard: 16 * @rpx; //标准
@h-spacing-large: 24 * @rpx; //大间距
@v-spacing-standard: 16 * @rpx; //标准
@h-spacing-standard: 16 * @rpx; //标准
@v-spacing-large: 24 * @rpx; //大间距
//圆角
@corner-radius-sm: 4 * @rpx; //小
@corner-radius-md: 8 * @rpx; //中
@corner-radius-md-plus: 12 * @rpx; //中加
@corner-radius-lg: 16 * @rpx; //大
@corner-radius-circle: 50vh; //圆
//行高
@line-height-base: 1; // 单行行高
@line-height-paragraph: 1.5; // 多行行高
//图标尺寸
@icon-size-xs: 36 * @rpx; //特小
@icon-size-sm: 44 * @rpx; //小
@icon-size-md: 56 * @rpx; //中
@icon-size-lg: 64 * @rpx; //大
//边框尺寸
@border-width-standard: 2 * @rpx; //标准
@border-width-thick: 4 * @rpx; //粗
@color-product-mask: fade(@COLOR_BLACK, @opacity-product-mask*100); //产品蒙层
@color-marketing-mask: fade(
@COLOR_BLACK,
@opacity-marketing-mask*100
); //营销蒙层