forgetest1
/
tinper-bee-core
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

dark、light按钮

This commit is contained in:
yangchch6 2019-01-22 11:48:39 +08:00
parent 9dba290d62
commit ba88cf2990
2 changed files with 13 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
scss/minxin-themeColors.scss
View File

@ -15,7 +15,7 @@ $color-primary: $palette-blue-600 !default;
$color-primary-dark: $palette-blue-800 !default;
$color-primary-light: $palette-blue-400 !default;
// 次按钮
// 次按钮背景色
$secondary-color: $palette-grey-300 !default;
$secondary-color-dark: $palette-grey-400 !default;
$secondary-color-light: $palette-grey-200 !default;
@ -26,6 +26,7 @@ $font-family-primary: "Open Sans", "Helvetica Neue", Arial, "Hiragino Sans GB",
$font-size-base: 14px !default;
// 主文本色
$text-color-base: $color-dark-contrast !default;
// 边框色
$border-color: $palette-grey-400 !default;
// 条目hover背景色，包括：select、dropdown、table、datepicker、tree、menu等
@ -34,11 +35,9 @@ $item-hover-bg-color-base: $palette-blue-50 !default;
$item-selected-bg-color-base: "247,247,247" !default;
// Button 细化样式变量:
// 1.次按钮背景色
// $button-secondary-bg-color: $color-dark-contrast !default;
// 2.次按钮边框色
// $button-secondary-border-color: $palette-u-gray-700 !default;
// 3.次按钮文本色
// 主按钮文本色
// $button-primary-text-color: $color-dark-contrast !default;
// 次按钮文本色
$button-secondary-text-color: $color-light-contrast !default;
// 辅色

8
scss/minxin-variables.scss
View File

@ -186,6 +186,10 @@ $brand-dark: $gray-darker;
$brand-dark-hover: $gray-dark;
$brand-dark-active: $gray-darkest;
$brand-light : unquote("rgb(#{$color-dark-contrast})") !default;
$brand-light-hover: unquote("rgb(#{$palette-grey-200})") !default;
$brand-light-active: unquote("rgb(#{$palette-grey-400})") !default;
$brand-light-primary : unquote("rgb(#{$palette-blue-100})") !default;
$brand-light-success: unquote("rgb(#{$palette-green-100})") !default;
$brand-light-info: unquote("rgb(#{$palette-cyan-100})") !default;
@ -200,6 +204,7 @@ $color-success: unquote("rgb(#{$palette-green-500})") !default;
$color-info: unquote("rgb(#{$palette-cyan-500})") !default;
$color-warning: unquote("rgb(#{$palette-orange-500})") !default;
$color-danger: unquote("rgb(#{$palette-red-500})") !default;
$color-light: $gray-darker !default;
//redius
@ -247,6 +252,9 @@ $button-danger-hover-color: $brand-danger-hover;
$button-dark-color: $brand-dark;
$button-dark-active-color: $brand-dark-active;
$button-dark-hover-color: $brand-dark-hover;
$button-light-color: $brand-light;
$button-light-active-color: $brand-light-active;
$button-light-hover-color: $brand-light-hover;
// Button 文字颜色.
// 主按钮(colors:'primary')