ghost-portal/packages/react-components/src/styles/theme.ts
2021-01-03 11:33:39 +01:00

50 lines
1.0 KiB
TypeScript

// Copyright 2017-2021 @polkadot/react-components authors & contributors
// SPDX-License-Identifier: Apache-2.0
/* default buttons, dark gray */
export const colorBtnDefault = '#767778';
export const colorBtnShadow = '#98999a';
/* highlighted buttons, orange */
export const colorBtnHighlight = '#f19135';
/* primary buttons, blue */
export const colorBtnPrimary = colorBtnDefault; // '#2e86ab';
/* button text color */
export const colorBtnText = '#f9f8f7';
export const colorLink = '#2e86ab';
export default `
.theme--dark,
.theme--light {
a:not(.ui--Tab) {
color: ${colorLink};
&:hover,
a:visited {
color: ${colorLink};
}
}
.ui--Button {
&.isIcon:not(.isDisabled):not(.withoutLink):not(:hover) {
.ui--Icon {
color: ${colorLink};
}
}
}
.ui.modal > .header:not(.ui) {
border-bottom-color: ${colorBtnDefault};
}
.ui.negative.button,
.ui.buttons .negative.button {
background: #666 !important;
}
}
`;