/**************************************************************************** * Copyright 2021 EPAM Systems * * 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. ***************************************************************************/ import '@emotion/react'; import { ThemeOptions as MuiThemeOptions } from '@mui/material/styles'; import { MonomerColorScheme } from 'ketcher-core'; export declare type EditorTheme = { color: { background: { canvas: string; primary: string; secondary: string; overlay: string; }; border: { primary: string; secondary: string; }; text: { primary: string; secondary: string; light: string; dark: string; error: string; lightgrey: string; }; tab: { regular: string; active: string; hover: string; content: string; }; scroll: { regular: string; inactive: string; }; button: { primary: { active: string; hover: string; clicked: string; disabled: string; }; secondary: { active: string; hover: string; clicked: string; disabled: string; }; group: { active: string; hover: string; }; transparent: { active: string; }; text: { primary: string; secondary: string; disabled: string; }; }; dropdown: { primary: string; secondary: string; hover: string; disabled: string; }; tooltip: { background: string; text: string; }; link: { active: string; hover: string; }; divider: string; spinner: string; error: string; input: { text: { default: string; active: string; disabled: string; error: string; }; background: { primary: string; default: string; hover: string; disabled: string; }; border: { regular: string; active: string; hover: string; error: string; focus: string; }; }; icon: { grey: string; hover: string; active: string; activeMenu: string; clicked: string; disabled: string; }; monomer: { default: string; }; editMode: { sequenceInRNABuilder: string; }; }; font: { size: { small: string; regular: string; medium: string; xsmall: string; }; family: { montserrat: string; inter: string; roboto: string; }; weight: { light: number; regular: number; bold: number; }; }; monomer: { color: { [key: string]: MonomerColorScheme; }; }; peptide: { color: { [key: string]: MonomerColorScheme; }; }; border: { regular: string; small: string; radius: { regular: string; }; }; shadow: { regular: string; mainLayoutBlocks: string; }; outline: { small: string; medium: string; color: string; selected: { color: string; small: string; medium: string; }; grey: { small: string; }; }; transition: { regular: string; }; zIndex: { base: number; toolbar: number; sticky: number; overlay: number; modal: number; critical: number; }; }; export declare type ThemeType = { ketcher: EditorTheme; }; export declare type MergedThemeType = ThemeType & MuiThemeOptions; declare module '@emotion/react' { interface Theme extends ThemeType { } }