Convert theme.js to typescript

Change-type: patch
This commit is contained in:
Alexis Svinartchouk 2020-01-08 14:00:25 +01:00 committed by Lorenzo Alberto Maria Ambrosi
parent 0377faadd6
commit f366a68159
2 changed files with 65 additions and 71 deletions

View File

@ -1,71 +0,0 @@
/*
* Copyright 2018 balena.io
*
* Licensed 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.
*/
'use strict'
exports.colors = {
dark: {
foreground: '#fff',
background: '#4d5057',
soft: {
foreground: '#ddd',
background: '#64686a'
},
disabled: {
foreground: '#787c7f',
background: '#3a3c41'
}
},
light: {
foreground: '#666',
background: '#fff',
soft: {
foreground: '#b3b3b3'
},
disabled: {
foreground: '#787c7f',
background: '#d5d5d5'
}
},
default: {
foreground: '#b3b3b3',
background: '#ececec'
},
primary: {
foreground: '#fff',
background: '#2297de'
},
secondary: {
foreground: '#000',
background: '#ddd'
},
warning: {
foreground: '#fff',
background: '#fca321'
},
danger: {
foreground: '#fff',
background: '#d9534f'
},
success: {
foreground: '#fff',
background: '#5fb835'
}
}
exports.consts = {
btnMaxWidth: '170px'
}

65
lib/gui/app/theme.ts Normal file
View File

@ -0,0 +1,65 @@
/*
* Copyright 2018 balena.io
*
* Licensed 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.
*/
export const colors = {
dark: {
foreground: '#fff',
background: '#4d5057',
soft: {
foreground: '#ddd',
background: '#64686a',
},
disabled: {
foreground: '#787c7f',
background: '#3a3c41',
},
},
light: {
foreground: '#666',
background: '#fff',
soft: {
foreground: '#b3b3b3',
},
disabled: {
foreground: '#787c7f',
background: '#d5d5d5',
},
},
default: {
foreground: '#b3b3b3',
background: '#ececec',
},
primary: {
foreground: '#fff',
background: '#2297de',
},
secondary: {
foreground: '#000',
background: '#ddd',
},
warning: {
foreground: '#fff',
background: '#fca321',
},
danger: {
foreground: '#fff',
background: '#d9534f',
},
success: {
foreground: '#fff',
background: '#5fb835',
},
};