diff options
Diffstat (limited to 'assets/css/app.css')
| -rw-r--r-- | assets/css/app.css | 16 |
1 files changed, 14 insertions, 2 deletions
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 { |