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

change default colors

This commit is contained in:
Boyuzhou 2016-12-27 13:21:22 +08:00
parent 7764b57147
commit 79dbfd1c1c
4 changed files with 68 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -1,6 +1,6 @@
{
"name": "tinper-bee-core",
"version": "0.0.15",
"version": "0.0.17",
"description": "style core and js util for tinper-bee",
"main": "lib/index.js",
"engines": {

10
scss/minxin-themeColors.scss
View File

@ -1,10 +1,12 @@
@import "minxin-colors";
$color-primary: $palette-indigo-500 !default;
$color-primary-dark: $palette-indigo-700 !default;
$color-primary-light: $palette-indigo-400 !default;
$color-primary: $palette-blue-600 !default;
$color-primary-dark: $palette-blue-800 !default;
$color-primary-light: $palette-blue-400 !default;
$color-accent: $palette-green-600 !default;
$color-accent-light: $palette-green-500 !default;
$color-accent-dark: $palette-green-800 !default;
$color-accent-light: $palette-green-400 !default;
// cyan主题

94
scss/minxin-variables.scss
View File

@ -5,6 +5,7 @@
@import "minxin-colors";
@function strip-units($number) {
@return $number / ($number * 0 + 1);
}
@ -19,9 +20,10 @@ $trim-color-classes: false !default;
@import "minxin-themeColors";
//对比色
$color-primary-contrast: $color-dark-contrast !default;
$color-accent-contrast: $color-dark-contrast !default;
//字体颜色
$color-text: $palette-grey-900 !default;
//不明所以 $primary-color: unquote("rgba(#{$palette-grey-500}, 0.20)") !default;
@ -37,7 +39,7 @@ $font-weight-thin: 300 !default;
$font-weight-normal: 400 !default;
$font-weight-semi-bold: 500 !default;
$font-weight-bold: 700 !default;
$font-color:unquote("rgb(#{$palette-u-gray-A100})") !default;
$font-color:unquote("rgb(#{$palette-u-gray-800})") !default;
$font-weight-override: false;
@ -61,6 +63,7 @@ $gray-lightest:unquote("rgb(#{$palette-grey-200})") !default;
$inverse: unquote("rgb(#{$color-white})") !default;
$border-color-base: $gray-lighter;
$line-height-base: 1.57142857;
/* 客户化 */
@if $styleguide-generate-template == true {
$color-primary: '$color-primary';
@ -113,13 +116,14 @@ $zindex-footer: 1000;
/* ========== 文本字体 ========== */
//todo
$text-color-primary: unquote("rgba(#{$color-black}, 0.87)") !default;
$text-link-color: unquote("rgb(#{$color-accent})") !default;
$target-elements-directly: true !default;
$global-selected-color: $palette-blue-100;
/* 控件 */
@ -128,15 +132,24 @@ $cursor-disabled: not-allowed;
$title-color: $gray-darkest;
//todo
$subtitle-color: $gray-darker;
$text-color: $gray-dark;
$prompt-color: $gray;
//全局不同状态颜色
$active-color-base: unquote("rgb(#{$palette-indigo-700})") !default;
$normal-color-base: unquote("rgb(#{$palette-indigo-500})") !default;
$hover-color-base: unquote("rgb(#{$palette-indigo-500})") !default;
//todo
$active-color-base: unquote("rgb(#{$palette-blue-800})") !default;
$normal-color-base: unquote("rgb(#{$palette-blue-600})") !default;
$hover-color-base: unquote("rgb(#{$palette-blue-400})") !default;
$bg-color-base: $gray-lightest;
//disable颜色
$disabled-color-base: $gray-light;
$disabled-border-color: $gray-lighter;
$disabled-bg-color: $gray-lightest;
// 全局链接颜色
$link-color: $normal-color-base;
$link-hover-color: $hover-color-base;
@ -147,50 +160,54 @@ $brand-default: $gray-lighter;
$brand-default-hover: $gray-lightest;
$brand-default-active: $gray-light;
$brand-primary : unquote("rgb(#{$palette-indigo-500})") !default;
$brand-primary-hover: unquote("rgb(#{$palette-indigo-400})") !default;
$brand-primary-active: unquote("rgb(#{$palette-indigo-600})") !default;
$brand-primary : unquote("rgb(#{$color-primary})") !default;
$brand-primary-hover: unquote("rgb(#{$color-primary-light})") !default;
$brand-primary-active: unquote("rgb(#{$color-primary-dark})") !default;
$brand-success: unquote("rgb(#{$palette-green-500})") !default;
$brand-success-hover: unquote("rgb(#{$palette-green-400})") !default;
$brand-success-active: unquote("rgb(#{$palette-green-600})") !default;
$brand-success-hover: unquote("rgb(#{$palette-green-300})") !default;
$brand-success-active: unquote("rgb(#{$palette-green-700})") !default;
$brand-info: unquote("rgb(#{$palette-cyan-500})") !default;
$brand-info-hover: unquote("rgb(#{$palette-cyan-400})") !default;
$brand-info-active: unquote("rgb(#{$palette-cyan-600})") !default;
$brand-info-hover: unquote("rgb(#{$palette-cyan-300})") !default;
$brand-info-active: unquote("rgb(#{$palette-cyan-700})") !default;
$brand-warning: unquote("rgb(#{$palette-orange-500})") !default;
$brand-warning-hover: unquote("rgb(#{$palette-orange-400})") !default;
$brand-warning-active: unquote("rgb(#{$palette-orange-600})") !default;
$brand-warning-hover: unquote("rgb(#{$palette-orange-300})") !default;
$brand-warning-active: unquote("rgb(#{$palette-orange-700})") !default;
$brand-news: unquote("rgb(#{$palette-indigo-700})") !default;
$brand-news-hover: unquote("rgb(#{$palette-indigo-600})") !default;
$brand-news-active: unquote("rgb(#{$palette-indigo-800})") !default;
$brand-news: unquote("rgb(#{$palette-blue-500})") !default;
$brand-news-hover: unquote("rgb(#{$palette-blue-300})") !default;
$brand-news-active: unquote("rgb(#{$palette-blue-700})") !default;
$brand-danger: unquote("rgb(#{$palette-red-500})") !default;
$brand-danger-hover: unquote("rgb(#{$palette-red-400})") !default;
$brand-danger-active: unquote("rgb(#{$palette-red-600})") !default;
$brand-danger-hover: unquote("rgb(#{$palette-red-300})") !default;
$brand-danger-active: unquote("rgb(#{$palette-red-700})") !default;
$brand-dark: $gray-darker;
$brand-dark-hover: $gray-dark;
$brand-dark-active:$gray-darkest;
$brand-dark-active: $gray-darkest;
$brand-light-primary : unquote("rgb(#{$palette-indigo-100})") !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;
$brand-light-warning: unquote("rgb(#{$palette-orange-100})") !default;
$brand-light-news: unquote("rgb(#{$palette-indigo-100})") !default;
$brand-light-news: unquote("rgb(#{$palette-blue-100})") !default;
$brand-light-danger: unquote("rgb(#{$palette-red-100})") !default;
/* 不同背景下对应的文字颜色 */
$color-news: unquote("rgb(#{$palette-indigo-500})") !default;
$color-news: unquote("rgb(#{$palette-blue-500})") !default;
$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;
//redius
$default-border-radius: 6px;
/* UButton */
// Default button colors.
@ -250,24 +267,24 @@ $button-icon-focus-color: $button-focus-color !default;
//Dimensions
$button-min-width: 72/16 * $unit !default;
$button-height: 36/16 * $unit !default;
$button-padding: 5/16* $unit 13/16 * $unit !default;
$button-min-width: 72/10 * $unit !default;
$button-height: 36/10 * $unit !default;
$button-padding: 5/10* $unit 13/10 * $unit !default;
$button-padding-IE8: 5px 13px !default;
$button-top-padding: 13/16 * $unit !default;
$button-left-padding: 6/16* $unit !default;
$button-top-padding: 1310 * $unit !default;
$button-left-padding: 6/10* $unit !default;
$button-line-height:1.57142857;
$button-margin: 4/16 * $unit !default;
$button-border-radius: 4/16 * $unit !default;
$button-margin: 4/10 * $unit !default;
$button-border-radius: 4/10 * $unit !default;
$button-fab-size: 38/16 * $unit !default;
$button-fab-size-mini: 30/16 * $unit !default;
$button-fab-font-size: 14/16 * $unit !default;
$button-fab-size: 38/10 * $unit !default;
$button-fab-size-mini: 30/10 * $unit !default;
$button-fab-font-size: 14/10 * $unit !default;
$button-icon-size: 32/16 * $unit !default;
$button-icon-size-mini: 13/16 * $unit !default;
$button-icon-size: 32/10 * $unit !default;
$button-icon-size-mini: 13/10 * $unit !default;
$button-raised-font-size: 14/16 * $unit !default;
$button-raised-font-size: 14/10 * $unit !default;
$button-border-color:unquote("rgb(#{$palette-grey-300})") !default;
@ -707,7 +724,7 @@ $card-title-transform-origin-y: 56px !default;
$card-title-text-transform-origin-x: 149px !default;
$card-title-text-transform-origin-y: 48px !default;
$card-supporting-text-font-size: 1rem !default;
$card-supporting-text-font-size: 1.4 * $unit !default;
$card-supporting-text-line-height: 18px !default;
$card-actions-font-size: 13px !default;
@ -1080,3 +1097,4 @@ $modal-xlg: 1200px;
$modal-lg: 900px;
$modal-sm: 300px;
$modal-default: 600px;
$modal-border-radius: 3px;

7
scss/set-global.scss
View File

@ -6,11 +6,14 @@
//主要颜色,次要颜色值与ui中保持一致
@import "minxin-themeColors";
html{
font-size: 10px;
}
body {
font-family: $preferred-font;
font-color:$font-color;
font-size: 1em;
font-size: 1.4rem;
line-height: 1.4;
}
@ -26,7 +29,7 @@ i.uf{
*/
::selection {
background: #b3d4fc;
background: $global-selected-color;
text-shadow: none;
}