jobsys-explore/components/theme/index.less

Enhanced component based on vant

:root:root {
	// Color Palette
	--van-black: #000;
	--van-white: #fff;
	--van-gray-1: #f7f8fa;
	--van-gray-2: #f2f3f5;
	--van-gray-3: #ebedf0;
	--van-gray-4: #dcdee0;
	--van-gray-5: #c8c9cc;
	--van-gray-6: #969799;
	--van-gray-7: #646566;
	--van-gray-8: #323233;
	--van-red: #ee0a24;
	--van-blue: #1989fa;
	--van-orange: #ff976a;
	--van-orange-dark: #ed6a0c;
	--van-orange-light: #fffbe8;
	--van-green: #07c160;
	
	--ex-green: #1ea69a;
	--ex-green-light: #f3f9f8;
	--ex-orange: #fe862f;
	--ex-blue: #7ba7ff;
	--ex-black: rgba(0, 0, 0, 0.85);
	--ex-white: #FFFFFF;
	--ex-gray-1: #f7f8fa;
	--ex-gray-2: #f2f3f5;
	--ex-gray-3: #ebedf0;
	--ex-gray-4: #dcdee0;
	--ex-gray-5: #c8c9cc;
	--ex-gray-6: #969799;
	--ex-gray-7: #6D6D6D;
	--ex-gray-8: rgba(0, 0, 0, 0.25);
	--ex-gray-9: rgba(0, 0, 0, 0.45);
	--ex-gray-10: rgba(0, 0, 0, 0.65);
	
	--ex-primary-background: #f3f9f8;
	
	// Gradient Colors
	--van-gradient-red: linear-gradient(to right, #ff6034, #ee0a24);
	--van-gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);
	
	// Component Colors
	--van-primary-color: var(--ex-green);
	--van-success-color: var(--ex-green);
	--van-danger-color: var(--van-red);
	--van-warning-color: var(--ex-orange);
	--van-info-color: var(--ex-blue);
	--van-text-color: var(--ex-black);
	--van-text-color-2: var(--van-gray-6);
	--van-text-color-3: var(--van-gray-5);
	--van-active-color: var(--van-gray-2);
	--van-active-opacity: 0.6;
	--van-disabled-opacity: 0.5;
	--van-background: var(--van-gray-1);
	--van-background-2: var(--van-white);
	
	// Padding
	--van-padding-base: 4px;
	--van-padding-xs: 8px;
	--van-padding-sm: 12px;
	--van-padding-md: 16px;
	--van-padding-lg: 24px;
	--van-padding-xl: 32px;
	
	// Font
	--van-font-size-xs: 10px;
	--van-font-size-sm: 12px;
	--van-font-size-md: 14px;
	--van-font-size-lg: 16px;
	--van-font-bold: 600;
	--van-line-height-xs: 14px;
	--van-line-height-sm: 18px;
	--van-line-height-md: 20px;
	--van-line-height-lg: 22px;
	--van-base-font: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica,
	Segoe UI, Arial, Roboto, 'PingFang SC', 'miui', 'Hiragino Sans GB', 'Microsoft Yahei',
	sans-serif;
	--van-price-font: Avenir-Heavy, PingFang SC, Helvetica Neue, Arial, sans-serif;
	
	// Animation
	--van-duration-base: 0.3s;
	--van-duration-fast: 0.2s;
	--van-ease-out: ease-out;
	--van-ease-in: ease-in;
	
	// Border
	--van-border-color: var(--van-gray-3);
	--van-border-width: 1px;
	--van-radius-sm: 2px;
	--van-radius-md: 4px;
	--van-radius-lg: 8px;
	--van-radius-max: 999px;
	
	//Search
	--van-search-content-background: var(--ex-primary-background);
	--van-search-left-icon-color: var(--van-primary-color);
	
}