1 | "use strict";
|
2 |
|
3 | exports.__esModule = true;
|
4 | exports.dark = void 0;
|
5 |
|
6 | var _polished = require("polished");
|
7 |
|
8 | var _styledComponents = require("styled-components");
|
9 |
|
10 | var _utils = require("../utils");
|
11 |
|
12 | var controlColor = '#FFCA58';
|
13 | var accentColors = ['#FD6FFF', '#60EB9F', '#60EBE1', '#FFCA58'];
|
14 | var neutralColors = ['#EB6060', '#01C781', '#6095EB', '#FFB200'];
|
15 | var statusColors = {
|
16 | critical: '#FF3333',
|
17 | error: '#FF3333',
|
18 | warning: '#F7E464',
|
19 | ok: '#7DD892',
|
20 | unknown: '#a8a8a8',
|
21 | disabled: '#a8a8a8'
|
22 | };
|
23 | var backgroundColor = '#111111';
|
24 | var textColor = '#eeeeee';
|
25 | var borderColor = (0, _polished.rgba)(255, 255, 255, 0.33);
|
26 | var activeColor = (0, _polished.rgba)(102, 102, 102, 0.5);
|
27 | var colors = {
|
28 | active: activeColor,
|
29 | background: backgroundColor,
|
30 | black: '#000000',
|
31 | border: borderColor,
|
32 | brand: '#FD6FFF',
|
33 | control: controlColor,
|
34 | focus: controlColor,
|
35 | placeholder: '#AAAAAA',
|
36 | text: textColor,
|
37 | white: '#FFFFFF'
|
38 | };
|
39 |
|
40 | var colorArray = function colorArray(array, prefix) {
|
41 | return array.forEach(function (color, index) {
|
42 | colors[prefix + "-" + (index + 1)] = color;
|
43 | });
|
44 | };
|
45 |
|
46 | colorArray(accentColors, 'accent');
|
47 | colorArray(neutralColors, 'neutral');
|
48 | Object.keys(statusColors).forEach(function (color) {
|
49 | colors["status-" + color] = statusColors[color];
|
50 | });
|
51 | var dark = (0, _utils.deepFreeze)({
|
52 | global: {
|
53 | colors: colors,
|
54 | drop: {
|
55 | background: '#333333'
|
56 | },
|
57 | focus: {
|
58 | border: {
|
59 | color: (0, _styledComponents.css)(["", ";"], function (props) {
|
60 | return (0, _utils.normalizeColor)('focus', props.theme);
|
61 | }),
|
62 | width: '2px'
|
63 | }
|
64 | },
|
65 | font: {
|
66 | family: 'Arial'
|
67 | },
|
68 | input: {
|
69 | weight: 700
|
70 | },
|
71 | text: {
|
72 | dark: textColor,
|
73 | light: '#000000'
|
74 | }
|
75 | },
|
76 | anchor: {
|
77 | color: controlColor
|
78 | },
|
79 | icon: {
|
80 | color: textColor,
|
81 | colors: colors
|
82 | },
|
83 | layer: {
|
84 | background: backgroundColor,
|
85 | overlay: {
|
86 | background: (0, _polished.rgba)(48, 48, 48, 0.5)
|
87 | }
|
88 | }
|
89 | });
|
90 | exports.dark = dark; |
\ | No newline at end of file |