From 1edf9663c3bc453f0c18732ecab16fc8aa4f9a05 Mon Sep 17 00:00:00 2001
From: Hermann <blumh@ethz.ch>
Date: Thu, 7 Jun 2018 21:53:44 +0200
Subject: [PATCH] update polythene styling to look more like the recent
material design update
---
src/style.js | 30 +++++++++++++++++++++---------
1 file changed, 21 insertions(+), 9 deletions(-)
diff --git a/src/style.js b/src/style.js
index 52a3fe5..b59ec37 100644
--- a/src/style.js
+++ b/src/style.js
@@ -1,22 +1,25 @@
-import { ButtonCSS, addTypography } from 'polythene-css';
+import { ButtonCSS, addTypography, CardCSS, ShadowCSS } from 'polythene-css';
import { styler } from 'polythene-core-css';
addTypography();
+// https://material.io/tools/color/#!/?view.left=0&view.right=1&secondary.color=e8462b&primary.color=274284
export const colors = {
- amiv_blue: '#1F2D54',
- amiv_red: '#e8462b',
- green: '#4ef599',
- light_blue: '#5378E1',
- orange: 'orange',
-}
+ amiv_blue: '#1F2D54',
+ amiv_red: '#e8462b',
+ green: '#4ef599',
+ blue: '#274284',
+ //light_blue: '#5378E1',
+ light_blue: '#5a6db4',
+ orange: 'orange',
+};
ButtonCSS.addStyle('.blue-button', {
- color_light_text: colors.light_blue,
+ color_light_text: colors.blue,
});
ButtonCSS.addStyle('.blue-button-filled', {
- color_light_background: colors.amiv_blue,
+ color_light_background: colors.blue,
color_light_text: 'white',
});
@@ -28,6 +31,15 @@ ButtonCSS.addStyle('.red-row-button', {
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
const style = [
{
--
GitLab