From abb9777717fb24b4eba0410a6ba7c10f3fd7cfa6 Mon Sep 17 00:00:00 2001 From: Guillermo Ramos Date: Thu, 13 Feb 2020 11:45:23 +0100 Subject: Color palette --- assets/css/app.css | 16 ++++++++++++++-- 1 file changed, 14 insertions(+), 2 deletions(-) (limited to 'assets') diff --git a/assets/css/app.css b/assets/css/app.css index 1650646..0c60267 100644 --- a/assets/css/app.css +++ b/assets/css/app.css @@ -2,8 +2,17 @@ @import "./milligram.css"; +:root { + --color-1: #df7861; + --color-2: #ecb390; + --color-3: #ecdfc8; + --color-4: #fcf8e8; + --color-5: #ffffff; +} + body { - background-color: #dddddd; + color: #222; + background-color: var(--color-3); } .container { @@ -18,6 +27,8 @@ body { display: flex; flex-direction: row; align-items: center; + border-radius: 5px; + background-color: var(--color-4); } .party-peek { flex: 0 0 50%; @@ -54,7 +65,7 @@ body { } .date-box { - background-color: #666; + background-color: var(--color-1); color: white; padding: 4px 12px 4px 12px; border-radius: 12px; @@ -72,6 +83,7 @@ body { padding: 0px !important; margin: 0 10px 0 10px; max-width: 65%; + background-color: var(--color-5); } .message-photo { -- cgit v1.2.3