Skip to content
Snippets Groups Projects
Commit 1edf9663 authored by Hermann's avatar Hermann
Browse files

update polythene styling to look more like the recent material design update

parent 915cd54e
No related branches found
No related tags found
No related merge requests found
import { ButtonCSS, addTypography } from 'polythene-css'; import { ButtonCSS, addTypography, CardCSS, ShadowCSS } from 'polythene-css';
import { styler } from 'polythene-core-css'; import { styler } from 'polythene-core-css';
addTypography(); addTypography();
// https://material.io/tools/color/#!/?view.left=0&view.right=1&secondary.color=e8462b&primary.color=274284
export const colors = { export const colors = {
amiv_blue: '#1F2D54', amiv_blue: '#1F2D54',
amiv_red: '#e8462b', amiv_red: '#e8462b',
green: '#4ef599', green: '#4ef599',
light_blue: '#5378E1', blue: '#274284',
orange: 'orange', //light_blue: '#5378E1',
} light_blue: '#5a6db4',
orange: 'orange',
};
ButtonCSS.addStyle('.blue-button', { ButtonCSS.addStyle('.blue-button', {
color_light_text: colors.light_blue, color_light_text: colors.blue,
}); });
ButtonCSS.addStyle('.blue-button-filled', { ButtonCSS.addStyle('.blue-button-filled', {
color_light_background: colors.amiv_blue, color_light_background: colors.blue,
color_light_text: 'white', color_light_text: 'white',
}); });
...@@ -28,6 +31,15 @@ ButtonCSS.addStyle('.red-row-button', { ...@@ -28,6 +31,15 @@ ButtonCSS.addStyle('.red-row-button', {
margin_h: 0, margin_h: 0,
}); });
CardCSS.addStyle('.pe-card', {
border_radius: '4',
});
ShadowCSS.addStyle('.pe-shadow', {
'shadow-top-z-1': 'initial',
'shadow-bottom-z-1': '0 0 1px 0 rgba(0, 0, 0, 0.37)',
});
// style for general containers // style for general containers
const style = [ const style = [
{ {
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment