From b86ef6379a2e4b4df90dabefe2b48054035da800 Mon Sep 17 00:00:00 2001 From: rstular Date: Thu, 14 May 2020 13:31:33 +0200 Subject: Messaging redesign done DO NOT MERGE - redesigning messages CSS update DNM - css update DNM - hopefully last CSS update for now DNM - I take it back, one more DNM - debugging DNM - Still debugging DNM DNM DNM DNM - WIP tab interface DNM - better storage management DNM - tabs update DNM - messaging layout update Messaging layout update DNM - styling DNM - Starting to add "compose functionality" DNM - WIP FAB DNM - WIP - modal not dismissible DNM - Modal layout WIP DNM - Encryption checkbox DNM DNM DNM DNM DNM - Hopefully done? DNM - Removed comments --- css/styles.css | 27 +++++++++++++++++++++++++++ 1 file changed, 27 insertions(+) (limited to 'css') diff --git a/css/styles.css b/css/styles.css index a06c906..c728463 100644 --- a/css/styles.css +++ b/css/styles.css @@ -5,6 +5,7 @@ --color-primary-light: rgba(230, 250, 231, 1); --color-invalid: rgba(192, 0, 0, 1); --background-color: rgba(255, 255, 255, 1); + --background-accent: rgba(0, 156, 101, 0.2); } body { @@ -162,3 +163,29 @@ a.collection-item { text-align: center; z-index: 60; } + +/* Tabs */ +.tab a { + color: var(--color-secondary) !important; +} + +.tab a:hover { + color: var(--color-primary) !important; +} + +.tab a.active { + color: var(--color-primary) !important; +} + +.tab a:focus.active { + background-color: var(--background-accent) !important; +} + +.tabs .indicator { + background-color: var(--color-primary) !important; +} + +/* Floating action button */ +.fab-new-message { + background-color: var(--color-secondary) !important; +} -- cgit v1.2.3