$vender-prefix: amos; $top-height: 4em; $content-height: calc(100% - 4em); $background-color: transparent !default; // #203957 $font-family: 'Microsoft YaHei'; $font-family-all: -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', helvetica, arial, sans-serif; $code-family: consolas, menlo, courier, monospace; $font-size: 12px !default; $tab-width: 12em; $iconfont-css-prefix: aficon; /** Colors */ // 内置主题颜色，默认色 $main-color: var(--primary-color, #345fa6); // Background color for `` $body-background: white; // Base background color for most components $component-background: var(--component-background, white); $component-color: var(--component-color, #333); $primary-color-light: #cfeeff !default; // 添加 !default 声明，以供外部 useTheme 进行值改变 $primary-color: #345fa6 !default; $primary-color-deep: var(--primary-color-deep, #1a4fa3) !default; $primary-color-deeper: var(--primary-color-deep, #0f4aaa) !default; // $primary-color-deep: darken($primary-color, 6%) !default; // 原始：#1a4fa3 // $primary-color-deeper: darken($primary-color, 11%) !default; // 原始：#0f4aaa $info-color: $primary-color; $success-color: #4cd964 !default; $danger-color: #f94242 !default; $warning-color: #faad14 !default; $error-color: #f5222d !default; $custom-color: $primary-color; $color-grey: #ccc; $color-white: white; $color-disable: #f4f4f4; $active-hover-foucs-bg-color: rgba(222, 222, 222, 0.2); $primary-1: lighten($primary-color, 25%); $primary-2: lighten($primary-color, 20%); $primary-3: lighten($primary-color, 15%); $primary-4: lighten($primary-color, 10%); $primary-5: lighten($primary-color, 5%); $primary-6: $primary-color; $primary-7: darken($primary-color, 5%); $primary-8: darken($primary-color, 10%); $primary-9: darken($primary-color, 15%); $primary-10: darken($primary-color, 20%); $placeholder-color: #bbb; $disabled-btn-color: #9e9e9e; $disabled-border-color: #eaeaea; $disabled-bg-color: #eceff1; $minor-color: #6c6c6c; $minor-bg-color: #f8f8f8; $minor-bg-color-hover: #f1f1f1; $minor-bg-color-active: #eaeaea; $minor-border-color: #c6c6c6; $item-active-bg: $primary-1; $item-hover-bg: $primary-1; /** border */ $border-radius-base: 4px; $border-radius-sm: 2px; $border-radius-lg: 6px; // base // --- $base-height-xl: 40px !default; $base-height-lg: 36px !default; $base-height: 32px !default; $base-height-sm: 28px !default; $base-height-xs: 24px !default; $base-padding-xl: 14px !default; $base-padding-lg: 12px !default; $base-padding: 10px !default; $base-padding-sm: 8px !default; $base-padding-xs: 4px !default; $base-fontSize-xl: 18px !default; $base-fontSize-lg: 16px !default; $base-fontSize: 14px !default; $base-fontSize-sm: 14px !default; $base-fontSize-xs: 12px !default; $base-radius-xl: 6px !default; $base-radius-lg: 5px !default; $base-radius: 4px !default; $base-radius-sm: 4px !default; $base-radius-xs: 4px !default; $border-width-base: 1px; // -- z-index $zindex-nav: 1; $zindex-table-fixed: auto; $zindex-affix: 10; $zindex-back-top: 10; $zindex-badge: 10; $zindex-picker-panel: 10; $zindex-popup-close: 10; $zindex-modal: 1000; $zindex-modal-mask: 1000; $zindex-message: 1010; $zindex-notification: 1010; $zindex-popover: 1030; $zindex-dropdown: 1050; $zindex-picker: 1050; $zindex-tooltip: 1060; $zindex-drawer: 2; $zindex-drawer-overlay: 1; $zindex-ctxmenu: 9999; // context menu zindex 为最高值 $zindex-feedback: 999; // 反馈确保在 modal 等之下 /** font */ $font-size-base: $font-size; $font-size-lg: $font-size-base + 2px; $font-size-sm: 10px; $font-color: white; // Border color $border-color-base: #d8d8d8; $border-color-split: #e8e8e8; $border-color-active: #737373; $border-style-base: solid; // text color $text-color: rgba(black, 65%); $text-color-secondary: rgba(black, 45%); $heading-color-dark: rgba(white, 100%); $text-color-dark: rgba(white, 85%); $text-color-secondary-dark: rgba(white, 65%); $heading-color: rgba(black, 85%); $text-shadow-color: #badfff; // LINK $link-color: $primary-color; $link-hover-color: $primary-5; $link-active-color: $primary-7; $link-decoration: none; $link-hover-decoration: none; /** nav theme */ /** Animation */ $ease-out: cubic-bezier(0.215, 0.61, 0.355, 1); $ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19); $ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1); $ease-out-back: cubic-bezier(0.12, 0.4, 0.29, 1.46); $ease-in-back: cubic-bezier(0.71, -0.46, 0.88, 0.6); $ease-in-out-back: cubic-bezier(0.71, -0.46, 0.29, 1.46); $ease-out-circ: cubic-bezier(0.08, 0.82, 0.17, 1); $ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.34); $ease-in-out-circ: cubic-bezier(0.78, 0.14, 0.15, 0.86); $ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1); $ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06); $ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1); // media // Media queries breakpoints // Extra small screen / phone $screen-xs: 480px; $screen-xs-min: $screen-xs; // Small screen / tablet $screen-sm: 576px; $screen-sm-min: $screen-sm; // Medium screen / desktop $screen-md: 768px; $screen-md-min: $screen-md; // Large screen / wide desktop $screen-lg: 992px; $screen-lg-min: $screen-lg; // Extra large screen / full hd $screen-xl: 1200px; $screen-xl-min: $screen-xl; // Extra extra large screen / large descktop $screen-xxl: 1600px; $screen-xxl-min: $screen-xxl; // provide a maximum $screen-xs-max: ($screen-sm-min - 1px); $screen-sm-max: ($screen-md-min - 1px); $screen-md-max: ($screen-lg-min - 1px); $screen-lg-max: ($screen-xl-min - 1px); $screen-xl-max: ($screen-xxl-min - 1px); // Grid system $grid-columns: 24; $grid-gutter-width: 0; // $line-height-base: 1.5; // icon $amosicon-css-prefix: amosicon; // inner icon $aficon-css-prefix: aficon; // zindex $zindex-toast: 1010; $zindex-notice: 1010; // shawdow $shadow-color: rgba(0, 0, 0, 0.15); $shadow-color-inverse: $component-background; $shadow-1-down: 0 2px 8px $shadow-color; $box-shadow-base: $shadow-1-down; $shadow-1-up: 0 -2px 8px $shadow-color; $shadow-1-left: -2px 0 8px $shadow-color; $shadow-1-right: 2px 0 8px $shadow-color; $shadow-2: 0 4px 12px $shadow-color; $shadow-3: 0 5px 10px $shadow-color; $focus-shadow: 0 0 0 1px rgba($primary-color, 0.15); $background-color-light: hsv(0, 0, 98%); // background of header and selected item $background-color-base: hsv(0, 0, 96%); // Default grey background color // disabled $disabled-color: rgba(black, 0.25); $disabled-bg: $background-color-base; $disabled-color-dark: rgba(white, 35%); // controls $control-padding-horizontal: $base-padding-sm; $control-padding-horizontal-sm: $base-padding-xs; // transition $transition-all: all 0.3s; // scrollbar color $scrollOutColor: rgba(#dedede, 0.3); $scrollInnerColor: rgba(black, 0.1);