前端初始化
This commit is contained in:
+153
@@ -0,0 +1,153 @@
|
||||
|
||||
/*
|
||||
* Licensed to the Apache Software Foundation (ASF) under one
|
||||
* or more contributor license agreements. See the NOTICE file
|
||||
* distributed with this work for additional information
|
||||
* regarding copyright ownership. The ASF licenses this file
|
||||
* to you under the Apache License, Version 2.0 (the
|
||||
* "License"); you may not use this file except in compliance
|
||||
* with the License. You may obtain a copy of the License at
|
||||
*
|
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
*
|
||||
* Unless required by applicable law or agreed to in writing,
|
||||
* software distributed under the License is distributed on an
|
||||
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
|
||||
* KIND, either express or implied. See the License for the
|
||||
* specific language governing permissions and limitations
|
||||
* under the License.
|
||||
*/
|
||||
|
||||
|
||||
/**
|
||||
* AUTO-GENERATED FILE. DO NOT MODIFY.
|
||||
*/
|
||||
|
||||
/*
|
||||
* Licensed to the Apache Software Foundation (ASF) under one
|
||||
* or more contributor license agreements. See the NOTICE file
|
||||
* distributed with this work for additional information
|
||||
* regarding copyright ownership. The ASF licenses this file
|
||||
* to you under the Apache License, Version 2.0 (the
|
||||
* "License"); you may not use this file except in compliance
|
||||
* with the License. You may obtain a copy of the License at
|
||||
*
|
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
*
|
||||
* Unless required by applicable law or agreed to in writing,
|
||||
* software distributed under the License is distributed on an
|
||||
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
|
||||
* KIND, either express or implied. See the License for the
|
||||
* specific language governing permissions and limitations
|
||||
* under the License.
|
||||
*/
|
||||
import { extend } from 'zrender/lib/core/util.js';
|
||||
import { modifyHSL } from 'zrender/lib/tool/color.js';
|
||||
var tokens = {
|
||||
color: {},
|
||||
darkColor: {},
|
||||
size: {}
|
||||
};
|
||||
var color = tokens.color = {
|
||||
theme: ['#5070dd', '#b6d634', '#505372', '#ff994d', '#0ca8df', '#ffd10a', '#fb628b', '#785db0', '#3fbe95'],
|
||||
neutral00: '#fff',
|
||||
neutral05: '#f4f7fd',
|
||||
neutral10: '#e8ebf0',
|
||||
neutral15: '#dbdee4',
|
||||
neutral20: '#cfd2d7',
|
||||
neutral25: '#c3c5cb',
|
||||
neutral30: '#b7b9be',
|
||||
neutral35: '#aaacb2',
|
||||
neutral40: '#9ea0a5',
|
||||
neutral45: '#929399',
|
||||
neutral50: '#86878c',
|
||||
neutral55: '#797b7f',
|
||||
neutral60: '#6d6e73',
|
||||
neutral65: '#616266',
|
||||
neutral70: '#54555a',
|
||||
neutral75: '#48494d',
|
||||
neutral80: '#3c3c41',
|
||||
neutral85: '#303034',
|
||||
neutral90: '#232328',
|
||||
neutral95: '#17171b',
|
||||
neutral99: '#000',
|
||||
accent05: '#eff1f9',
|
||||
accent10: '#e0e4f2',
|
||||
accent15: '#d0d6ec',
|
||||
accent20: '#c0c9e6',
|
||||
accent25: '#b1bbdf',
|
||||
accent30: '#a1aed9',
|
||||
accent35: '#91a0d3',
|
||||
accent40: '#8292cc',
|
||||
accent45: '#7285c6',
|
||||
accent50: '#6578ba',
|
||||
accent55: '#5c6da9',
|
||||
accent60: '#536298',
|
||||
accent65: '#4a5787',
|
||||
accent70: '#404c76',
|
||||
accent75: '#374165',
|
||||
accent80: '#2e3654',
|
||||
accent85: '#252b43',
|
||||
accent90: '#1b2032',
|
||||
accent95: '#121521',
|
||||
transparent: 'rgba(0,0,0,0)',
|
||||
highlight: 'rgba(255,231,130,0.8)'
|
||||
};
|
||||
extend(color, {
|
||||
primary: color.neutral80,
|
||||
secondary: color.neutral70,
|
||||
tertiary: color.neutral60,
|
||||
quaternary: color.neutral50,
|
||||
disabled: color.neutral20,
|
||||
border: color.neutral30,
|
||||
borderTint: color.neutral20,
|
||||
borderShade: color.neutral40,
|
||||
background: color.neutral05,
|
||||
backgroundTint: 'rgba(234,237,245,0.5)',
|
||||
backgroundTransparent: 'rgba(255,255,255,0)',
|
||||
backgroundShade: color.neutral10,
|
||||
shadow: 'rgba(0,0,0,0.2)',
|
||||
shadowTint: 'rgba(129,130,136,0.2)',
|
||||
axisLine: color.neutral70,
|
||||
axisLineTint: color.neutral40,
|
||||
axisTick: color.neutral70,
|
||||
axisTickMinor: color.neutral60,
|
||||
axisLabel: color.neutral70,
|
||||
axisSplitLine: color.neutral15,
|
||||
axisMinorSplitLine: color.neutral05
|
||||
});
|
||||
for (var key in color) {
|
||||
if (color.hasOwnProperty(key)) {
|
||||
var hex = color[key];
|
||||
if (key === 'theme') {
|
||||
// Don't modify theme colors.
|
||||
tokens.darkColor.theme = color.theme.slice();
|
||||
} else if (key === 'highlight') {
|
||||
tokens.darkColor.highlight = 'rgba(255,231,130,0.4)';
|
||||
} else if (key.indexOf('accent') === 0) {
|
||||
// Desaturate and lighten accent colors.
|
||||
tokens.darkColor[key] = modifyHSL(hex, null, function (s) {
|
||||
return s * 0.5;
|
||||
}, function (l) {
|
||||
return Math.min(1, 1.3 - l);
|
||||
});
|
||||
} else {
|
||||
tokens.darkColor[key] = modifyHSL(hex, null, function (s) {
|
||||
return s * 0.9;
|
||||
}, function (l) {
|
||||
return 1 - Math.pow(l, 1.5);
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
tokens.size = {
|
||||
xxs: 2,
|
||||
xs: 5,
|
||||
s: 10,
|
||||
m: 15,
|
||||
l: 20,
|
||||
xl: 30,
|
||||
xxl: 40,
|
||||
xxxl: 50
|
||||
};
|
||||
export default tokens;
|
||||
Reference in New Issue
Block a user