From 67a1be8a3edd6ee57c6cb6a40b22e47a43f2ebd8 Mon Sep 17 00:00:00 2001
From: zombieFox <crudetoaster@gmail.com>
Date: Thu, 23 Apr 2020 22:02:53 +0100
Subject: [PATCH] [design] add more background colour transitions

---
 package-lock.json      | 2 +-
 package.json           | 2 +-
 src/css/base.css       | 2 +-
 src/css/form.css       | 1 +
 src/css/menu.css       | 6 ++++--
 src/css/typography.css | 1 +
 src/js/version.js      | 2 +-
 src/manifest.json      | 2 +-
 8 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index de0f1c2b..6029225a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "nightTab",
-  "version": "5.23.0",
+  "version": "5.24.0",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
diff --git a/package.json b/package.json
index ed003e4d..c8f8004f 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "nightTab",
-  "version": "5.23.0",
+  "version": "5.24.0",
   "description": "A neutral new tab page accented with a chosen colour. Customise the layout, style, background and bookmarks in nightTab.",
   "main": "index.js",
   "scripts": {
diff --git a/src/css/base.css b/src/css/base.css
index 4cb271dc..5d2c9cc4 100755
--- a/src/css/base.css
+++ b/src/css/base.css
@@ -21,7 +21,7 @@ body {
   align-items: center;
   min-height: 100vh;
   opacity: 0;
-  transition: opacity var(--layout-duration-03) ease-in;
+  transition: background-color var(--layout-timing-extra-fast), opacity var(--layout-duration-03) ease-in;
 }
 
 .is-ready body {
diff --git a/src/css/form.css b/src/css/form.css
index 1e599c44..0ea70ff3 100755
--- a/src/css/form.css
+++ b/src/css/form.css
@@ -73,6 +73,7 @@
   position: sticky;
   top: 0;
   z-index: 4;
+  transition: background-color var(--layout-timing-extra-fast);
 }
 
 /* label */
diff --git a/src/css/menu.css b/src/css/menu.css
index 55bde668..ef642371 100755
--- a/src/css/menu.css
+++ b/src/css/menu.css
@@ -33,7 +33,7 @@
   align-items: stretch;
   overflow-y: auto;
   pointer-events: all;
-  transition: box-shadow var(--layout-timing-extra-fast);
+  transition: background-color var(--layout-timing-extra-fast), box-shadow var(--layout-timing-extra-fast);
 }
 
 .is-menu-open .menu-area {
@@ -117,6 +117,7 @@
 
 .menu-content-item:not(:last-child) {
   border-bottom: var(--horizontal-rule-large);
+  transition: border-color var(--layout-timing-extra-fast);
 }
 
 .menu-item-header {
@@ -164,6 +165,7 @@
     flex-wrap: nowrap;
     overflow-y: auto;
     z-index: 1;
+    transition: background-color var(--layout-timing-extra-fast);
   }
 
   .menu-content {
@@ -217,7 +219,7 @@
     flex-wrap: nowrap;
     overflow: hidden;
     height: 0;
-    transition: height var(--layout-timing-extra-fast);
+    transition: background-color var(--layout-timing-extra-fast), height var(--layout-timing-extra-fast);
   }
 
   .menu-subnav.active {
diff --git a/src/css/typography.css b/src/css/typography.css
index feb6eb4d..ed7749ee 100755
--- a/src/css/typography.css
+++ b/src/css/typography.css
@@ -70,6 +70,7 @@ hr {
   border-radius: var(--theme-radius);
   margin: calc(var(--form-wrap-space) * 1.5) 0;
   clear: both;
+  transition: border-color var(--layout-timing-extra-fast);
 }
 
 b,
diff --git a/src/js/version.js b/src/js/version.js
index 0a5429bb..4148560c 100644
--- a/src/js/version.js
+++ b/src/js/version.js
@@ -1,6 +1,6 @@
 var version = (function() {
 
-  var current = "5.23.0";
+  var current = "5.24.0";
 
   var name = "Zonked Tarsier";
 
diff --git a/src/manifest.json b/src/manifest.json
index 29475a90..57f11eb7 100644
--- a/src/manifest.json
+++ b/src/manifest.json
@@ -2,7 +2,7 @@
   "name": "nightTab",
   "short_name": "nightTab",
   "description": "A neutral new tab page accented with a chosen colour. Customise the layout, style, background and bookmarks in nightTab.",
-  "version": "5.23.0",
+  "version": "5.24.0",
   "manifest_version": 2,
   "chrome_url_overrides": {
     "newtab": "index.html"