From 0981cc04cc34138377eeec7229345fe5f6ab7485 Mon Sep 17 00:00:00 2001 From: Martti Malmi Date: Fri, 3 Apr 2020 09:57:28 +0300 Subject: [PATCH] style --- src/css/dark.css | 3 +++ src/css/light.css | 2 ++ src/css/style.css | 7 ++++++- src/index.html | 1 - 4 files changed, 11 insertions(+), 2 deletions(-) diff --git a/src/css/dark.css b/src/css/dark.css index 48a3d78d..73830b72 100644 --- a/src/css/dark.css +++ b/src/css/dark.css @@ -1,5 +1,6 @@ /* dark.css: 👉 light-on-dark */ :root { + --body-bg: #101126; --text-color: #ffffff; --text-time: rgba(255, 255, 255, 0.45); --main-color: rgb(22, 23, 44); @@ -21,4 +22,6 @@ --button-hover-bg: rgba(107,115,255,0.1); --sidebar-border-right: 1px solid #3D3E66; --zebra-stripe-bg: #22244C; + --emoji-picker-bg: #22244C; + --link-color: #1DC0F2; } diff --git a/src/css/light.css b/src/css/light.css index f98f1753..8e0afb31 100644 --- a/src/css/light.css +++ b/src/css/light.css @@ -1,5 +1,6 @@ /* light.css: 👉 dark-on-light */ :root { + --body-bg: #fff; --text-color: #262626; --text-time: rgba(0, 0, 0, 0.45); --main-color: #e5ddd5; @@ -21,4 +22,5 @@ --button-hover-bg: #ccc; --sidebar-border-right: 1px solid #dfdfdf; --zebra-stripe-bg: rgba(255,255,255,0.5); + --link-color: initial; } diff --git a/src/css/style.css b/src/css/style.css index 0f92271a..47dda4cf 100644 --- a/src/css/style.css +++ b/src/css/style.css @@ -15,11 +15,13 @@ body { margin: 0; height:100%; overflow:hidden; + background-color: var(--body-bg); } a { text-decoration: none; cursor: pointer; + color: var(--link-color); } a:hover, a:focus { @@ -104,7 +106,6 @@ img { .chat { display: flex; flex-direction: row; - background-color: var(--msg-content-background); height: 100%; overflow: hidden; position: fixed; @@ -351,6 +352,10 @@ header #back-button { display: none; } +.emoji-picker { + background: var(--emoji-picker-bg); +} + .emoji-picker__tab { font-size: 35px !important; } diff --git a/src/index.html b/src/index.html index 98aca908..6d46effe 100644 --- a/src/index.html +++ b/src/index.html @@ -6,7 +6,6 @@ -