From 8123ebbfc0c2bc617dc0a29bbbfa55f79a2d7155 Mon Sep 17 00:00:00 2001 From: Aman Agrawal Date: Sun, 5 Dec 2021 07:26:24 +0000 Subject: [PATCH] modal: Fix button colors in dark theme. Use the dark purple color we use for `send` buttom on the `confirm` button. Fix color of `cancel` and `disabled` buttons in dark mode. --- static/styles/dark_theme.css | 13 +++++++++++++ static/styles/modal.css | 2 +- 2 files changed, 14 insertions(+), 1 deletion(-) diff --git a/static/styles/dark_theme.css b/static/styles/dark_theme.css index 2c0532b9bc..dded6a9895 100644 --- a/static/styles/dark_theme.css +++ b/static/styles/dark_theme.css @@ -27,6 +27,19 @@ body.dark-theme { color: inherit; } + /************************* MODAL DARK THEME *******************/ + .dialog_cancel_button { + background-color: hsl(211, 29%, 14%); + color: hsl(0, 0%, 100%); + border: 1px solid hsla(0, 0%, 0%, 0.6); + } + + .modal__btn:disabled { + opacity: 1; + background-color: hsla(0, 0%, 83%, 0.5); + } + + .enter_sends kbd { background-color: hsl(211, 29%, 14%); border-color: hsl(211, 29%, 14%); diff --git a/static/styles/modal.css b/static/styles/modal.css index e96e8422e2..a4f1614868 100644 --- a/static/styles/modal.css +++ b/static/styles/modal.css @@ -140,7 +140,7 @@ .dialog_submit_button { margin-left: 12px; - background-color: hsl(214, 100%, 31%); + background-color: hsl(240, 96%, 68%); color: hsl(0, 0%, 100%) !important; }