ts_aimz/static/style/common.wxss

64 lines
2.1 KiB
Plaintext
Raw Normal View History

page {
/* 底部tabbar */
--tabbar-normal-color: #515151;
--tabbar-select-color: #FE9944;
/* 我的页面账户信息背景 */
--mine-page-upbox-color: #FFDBB4;
--mine-page-upbox-color-light: #FFEDD2;
--mine-page-downbox-color: #FFF0DE;
--mine-page-downbox-color-light: #FEEBD0;
/* 主题色 */
--primary-color: #FFA900;
--primary-color-active: #ffaa008e;
--primary-color-light: #FFFAF1;
/* 页面背景色 */
--bg-top-color: #F0F0F0;
--bg-bottom-color: #FFFFFF;
/* 文字颜色 */
--text-color: #333333;
--text-brown-color: #42210B;
--text-gray-hint-color: #9A9A9A;
--text-gray-desc-color: #5c5c5c;
2025-05-06 14:04:00 +08:00
--text-blue-color: #3270FF;
/* 背景棕色 */
--bg-brown-color: #42210B;
--bg-gray-color: #FAFAFA;
--bg-primary-deep-color: #FFA900;
--bg-primary-shallow-color: #ffaa0017;
--bg-red-color: #F7312A6B;
2025-05-06 17:55:29 +08:00
--bg-green-color: #78e2846b;
--bg-green-deep-color: #39C7C1;
--bg-gray-deep-color: #CCCCCC;
2025-05-09 14:27:59 +08:00
--bg-gray-status-light-color: #D5D5D5;
2025-05-06 17:55:29 +08:00
--bg-green-status-deep-color: #4EAF79;
2025-05-09 14:27:59 +08:00
--bg-green-status-light-color: #AFE5C7;
2025-05-06 17:55:29 +08:00
--bg-red-deep-color: #F7312A;
2025-05-09 14:27:59 +08:00
--bg-gray-shade-color: #00000025;
2025-05-13 15:06:17 +08:00
--bg-gray-input-color: #F9FAFB;
/* 按钮颜色 */
--btn-cyan-color: #39C7C1;
--btn-cyan-active: #39c7c08f;
--btn-primary-color: #FFE5BC;
--btn-primary-color-active: #FFE5BC79;
--btn-green-color: #4EAF79;
--btn-green-color-active: #4EAF7979;
--btn-blue-color: #3270FF;
--btn-blue-color-active: #3270FF79;
--btn-red-color: #F7312A;
--btn-red-color-active: #F7312A6B;
--red-color: #FF0000;
--red-color-light: #FF000079;
--white-color: #FFFFFF;
--black-color: #000000;
--blue-color: #3270FF;
--gray-color: #9c9c9c;
--gray-bg-color: #efefef79;
--green-color: #4EAF79;
--green-color-light: #4EAF7979;
--gray-color-light: #eeeeee;
--divider-color: #F0F0F0;
2025-05-06 14:04:00 +08:00
--page-padding: 30rpx;
background: linear-gradient(to bottom, var(--bg-top-color), var(--bg-bottom-color));
background-size: 100% 100vh;
background-repeat: no-repeat;
}