From 221895bc1bd65b7103d02e959841d2b55311571e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Simon=20Pr=C3=A9vost?= <sprevost@mirego.com>
Date: Thu, 17 Dec 2020 07:31:28 -0500
Subject: [PATCH] Darken dark theme

---
 .../pods/components/project-activities-filter/styles.scss | 2 +-
 .../app/pods/components/project-settings/form/styles.scss | 4 +---
 .../pods/components/translation-comments-list/styles.scss | 1 +
 webapp/app/styles/app.scss                                | 8 ++++----
 4 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/webapp/app/pods/components/project-activities-filter/styles.scss b/webapp/app/pods/components/project-activities-filter/styles.scss
index b011451b..c1a6ff1c 100644
--- a/webapp/app/pods/components/project-activities-filter/styles.scss
+++ b/webapp/app/pods/components/project-activities-filter/styles.scss
@@ -1,5 +1,5 @@
 :global(.filters).filters {
-  border: 1px solid #eee;
+  border: 1px solid var(--body-background-border);
   border-radius: 3px;
   box-shadow: none;
 }
diff --git a/webapp/app/pods/components/project-settings/form/styles.scss b/webapp/app/pods/components/project-settings/form/styles.scss
index 52f57618..df380f2c 100644
--- a/webapp/app/pods/components/project-settings/form/styles.scss
+++ b/webapp/app/pods/components/project-settings/form/styles.scss
@@ -47,12 +47,10 @@ div.lock-text {
   font-size: 12px;
   font-weight: bold;
   cursor: pointer;
-  border: 1px solid;
   padding: 3px 5px;
 
   &.lock-text--inactive {
-    color: #aaa;
-    border-color: #ddd;
+    color: var(--color-gray);
 
     &:hover {
       color: var(--color-green);
diff --git a/webapp/app/pods/components/translation-comments-list/styles.scss b/webapp/app/pods/components/translation-comments-list/styles.scss
index 3bba453f..fb32e02d 100644
--- a/webapp/app/pods/components/translation-comments-list/styles.scss
+++ b/webapp/app/pods/components/translation-comments-list/styles.scss
@@ -1,6 +1,7 @@
 .translation-comments-list {
   position: relative;
   box-shadow: 0 9px 19px var(--shadow-color);
+  background: var(--background-light);
   border-radius: 3px;
 }
 
diff --git a/webapp/app/styles/app.scss b/webapp/app/styles/app.scss
index 682fda3e..b6b57505 100644
--- a/webapp/app/styles/app.scss
+++ b/webapp/app/styles/app.scss
@@ -236,8 +236,8 @@ html {
 }
 
 html[data-theme='dark'] {
-  --body-background: #232323;
-  --body-background-border: #333;
+  --body-background: #191919;
+  --body-background-border: #232323;
 
   --logo-background: #333;
   --logo-foreground: #777;
@@ -250,10 +250,10 @@ html[data-theme='dark'] {
   --input-background: #111;
   --input-color: #fafafa;
 
-  --background-light: #292929;
+  --background-light: #1f1f1f;
   --background-light-highlight: #3c3c3c;
 
-  --shadow-color: rgba(0, 0, 0, 0.4);
+  --shadow-color: rgba(0, 0, 0, 0.24);
 
   --color-highlight-lighteness: 12%;
   --color-black: #adadad;