diff --git a/assets/css/styles.scss b/assets/css/styles.scss
index 38580a8a..bce57d92 100644
--- a/assets/css/styles.scss
+++ b/assets/css/styles.scss
@@ -500,6 +500,7 @@ pre {
   &:not([readonly]):active,
   &:not([readonly]):focus {
     box-shadow: inset 0 0 0 2px var(--fg-light-color);
+    transition: all 0.2s ease-in-out;
   }
 }
 
diff --git a/assets/css/themes.scss b/assets/css/themes.scss
index 85228a8e..3c9f2b7f 100644
--- a/assets/css/themes.scss
+++ b/assets/css/themes.scss
@@ -41,7 +41,7 @@
 
 @mixin lightTheme {
   // Dark Background color
-  --bg-dark-color: #f6f6f6;
+  --bg-dark-color: #eeeeee;
   // Background color
   --bg-color: #ffffff;
   // Auto-complete color
@@ -53,7 +53,7 @@
   // Border color
   --brd-color: #eeeeed;
   // Error color
-  --err-color: #f6f6f6;
+  --err-color: #eeeeee;
   // Acent color
   --ac-color: #57b5f9;
   --ac-sel-color: #57b5f9;