From b86ef6379a2e4b4df90dabefe2b48054035da800 Mon Sep 17 00:00:00 2001
From: rstular <rok@stular.eu>
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