wwbsr/assets/scss/theme.scss

// -------不可修改↓--------
$black: #000 !default;
$white: #fff !default;
$gray-1: #f7f8fa !default;
$gray-2: #f2f3f5 !default;
$gray-3: #ebedf0 !default;
$gray-4: #dcdee0 !default;
$gray-5: #c8c9cc !default;
$gray-6: #888894 !default;
$gray-7: var(--gray-7, #646566) !default;
$gray-8: #323233 !default;
$gray-9: #202635 !default;
$red: #ee0a24 !default;
$blue: #1989fa !default;
$orange: #ff976a !default;
$yellow: #f8b936 !default;
$orange-dark: #ed6a0c !default;
$orange-light: #fffbe8 !default;
$green: #79d47c !default;
// 采用字体样式
$base-font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue",
  Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "Hiragino Sans GB",
  "Microsoft Yahei", sans-serif;
$price-integer-font-family: Avenir-Heavy, PingFang SC, Helvetica Neue, Arial,
  sans-serif;
// --------------------
// ------随便你改↓-------
$plain: var(--plain, #fff);

$theme-1: #f7427b !default;
// $theme-1: #bf5fc1 !default;
// $buy: #79d47c !default;
$buy: #1ec692 !default;
// $sell: #ea3131 !default;
$sell: #df3f73 !default;
$panel-1: var(--panel-1, #2a2a38) !default;
$panel-2: var(--panel-2, #343445) !default;
$panel-3: var(--panel-3, #393948) !default;
$panel-4: var(--panel-4, #484859) !default;
$panel-5: #202635 !default;
$panel-6: #646566 !default;
$form-panel-3: var(--form-panel-3, #393948) !default;
$form-panel-4: var(--form-panel-4, #484859) !default;
$text-color: var(--text-color, #9fa6b5) !default;
$active-color: $gray-2 !default;
$active-opacity: 0.7 !default;
$disabled-opacity: 0.5 !default;
$text-link-color: #576b95 !default;
$light: var(--light, #333);

$bg-top: var(--bg-top, #383847);
$bg-bottom: var(--bg-bottom, #242230);
$bg: linear-gradient(to bottom, $bg-top, $bg-bottom);
$tab-nav: var(--tab-nav, #31313f);

// 边框

$border-color: var(--border-color, #49495f) !default;

// 阴影
$shadow: var(--shadow, 0px 0px 33px 0px rgba(34, 34, 44, 0.25));

// 渐变
$gradient-blue: linear-gradient(94deg, #42cbff 0%, #015afe 100%);
$gradient-green: linear-gradient(328deg, #07c087 0%, #07c087 100%);
$gradient-red: linear-gradient(135deg, #ff7c6e 0%, #f7427b 100%);

// 底部阴影
$tab-nav-shadow: var(
  --tab-nav-shadow,
  0px -7px 20px 0px rgba(37, 37, 48, 0.83)
);