From 88a3c0572d520db914993fad92a3514dad7e9a10 Mon Sep 17 00:00:00 2001 From: zombieFox Date: Mon, 20 Apr 2020 15:19:26 +0100 Subject: [PATCH] [design] improve menu nav colour contrast --- package-lock.json | 2 +- package.json | 2 +- src/css/menu.css | 13 +++++++++++-- src/js/version.js | 2 +- src/manifest.json | 2 +- 5 files changed, 15 insertions(+), 6 deletions(-) diff --git a/package-lock.json b/package-lock.json index 6ebebf6f..ecc20fb4 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "nightTab", - "version": "5.13.0", + "version": "5.14.0", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/package.json b/package.json index 788572c0..55697b05 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "nightTab", - "version": "5.13.0", + "version": "5.14.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/menu.css b/src/css/menu.css index ec689b1d..49b3c2e0 100755 --- a/src/css/menu.css +++ b/src/css/menu.css @@ -159,7 +159,7 @@ } .menu-nav { - background-color: rgba(var(--theme-color-02), 0.25); + background-color: rgb(var(--theme-color-02)); grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; @@ -216,7 +216,7 @@ } .menu-subnav { - background-color: rgb(var(--theme-color-02)); + background-color: rgb(var(--theme-color-03)); display: flex; flex-direction: column; flex-wrap: nowrap; @@ -247,6 +247,15 @@ justify-content: flex-start; } + .menu-nav-sub:focus, + .menu-nav-sub:hover { + background-color: rgb(var(--theme-color-04)); + } + + .menu-nav-sub:active { + background-color: rgb(var(--theme-color-05)); + } + .menu-nav-sub:after, .menu-nav-sub:after { background-color: transparent; diff --git a/src/js/version.js b/src/js/version.js index 5cdad1af..14e42620 100644 --- a/src/js/version.js +++ b/src/js/version.js @@ -1,6 +1,6 @@ var version = (function() { - var current = "5.13.0"; + var current = "5.14.0"; var name = "Zonked Tarsier"; diff --git a/src/manifest.json b/src/manifest.json index 2f294031..cd876d5f 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.13.0", + "version": "5.14.0", "manifest_version": 2, "chrome_url_overrides": { "newtab": "index.html"