extern/nightTab
1
0
Fork 0
mirror of https://github.com/zombieFox/nightTab.git synced 2025-06-26 04:21:38 +02:00
Code Issues Packages Projects Releases Wiki Activity

[feature] make header shade use custom background colour

Browse Source
This commit is contained in:
zombieFox 2019-08-19 08:24:43 +01:00
parent 809afa599d
commit 7c39a18231
7 changed files with 14 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "nighttab", "name": "nighttab",
"version": "3.73.0", "version": "3.74.0",
"description": "A neutral new tab page accented with a chosen colour. Customise the layout, style, background and bookmarks in nightTab.", "description": "A neutral new tab page accented with a chosen colour. Customise the layout, style, background and bookmarks in nightTab.",
"main": "index.js", "main": "index.js",
"scripts": { "scripts": {

4
src/css/base.css
View File

@ -22,11 +22,11 @@ body {
} }
.is-background-color-by-theme body { .is-background-color-by-theme body {
background-color: var(--background-color-theme); background-color: rgb(var(--background-color-theme));
} }
.is-background-color-by-custom body { .is-background-color-by-custom body {
background-color: var(--background-color-custom); background-color: rgb(var(--background-color-custom));
} }
.is-layout-scrollpastend body { .is-layout-scrollpastend body {

9
src/css/header.css
View File

@ -52,11 +52,16 @@
border-radius: calc(var(--theme-radius) * 4); border-radius: calc(var(--theme-radius) * 4);
} }
.is-header-shade-style-always .header-shade, .is-background-color-by-theme.is-header-shade-style-always .header-shade,
.is-header-shade-style-scroll .header-shade { .is-background-color-by-theme.is-header-shade-style-scroll .header-shade {
background-color: rgba(var(--header-shade-color), var(--header-shade-opacity)); background-color: rgba(var(--header-shade-color), var(--header-shade-opacity));
} }
.is-background-color-by-custom.is-header-shade-style-always .header-shade,
.is-background-color-by-custom.is-header-shade-style-scroll .header-shade {
background-color: rgba(var(--background-color-custom), var(--header-shade-opacity));
}
.header-area { .header-area {
padding: calc(var(--layout-gutter) * var(--layout-padding-multiplier)); padding: calc(var(--layout-gutter) * var(--layout-padding-multiplier));
position: relative; position: relative;

2
src/css/variables.css
View File

@ -60,7 +60,7 @@
--layout-shadow-medium: 0 2px 4px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.2); --layout-shadow-medium: 0 2px 4px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.2);
--layout-shadow-large: 0 3px 6px rgba(0, 0, 0, 0.1), 0 6px 12px rgba(0, 0, 0, 0.2); --layout-shadow-large: 0 3px 6px rgba(0, 0, 0, 0.1), 0 6px 12px rgba(0, 0, 0, 0.2);
/* background */ /* background */
--background-color-theme: rgb(var(--theme-gray-01)); --background-color-theme: var(--theme-gray-01);
--background-color-custom: rgb(0, 0, 0); --background-color-custom: rgb(0, 0, 0);
--background-image: none; --background-image: none;
--background-opacity: 1; --background-opacity: 1;

2
src/js/background.js
View File

@ -71,7 +71,7 @@ var background = (function() {
render.color = function() { render.color = function() {
var html = helper.e("html"); var html = helper.e("html");
html.style.setProperty("--background-color-custom", "rgb(" + state.get().background.color.custom.r + ", " + state.get().background.color.custom.g + ", " + state.get().background.color.custom.b + ")"); html.style.setProperty("--background-color-custom", state.get().background.color.custom.r + ", " + state.get().background.color.custom.g + ", " + state.get().background.color.custom.b);
}; };
render.image = function() { render.image = function() {

2
src/js/version.js
View File

@ -1,7 +1,7 @@
var version = (function() { var version = (function() {
var current = "3.73.0"; var current = "3.74.0";
var compare = function(a, b) { var compare = function(a, b) {
var pa = a.split("."); var pa = a.split(".");

2
src/manifest.json
View File

@ -2,7 +2,7 @@
"name": "nightTab", "name": "nightTab",
"short_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.", "description": "A neutral new tab page accented with a chosen colour. Customise the layout, style, background and bookmarks in nightTab.",
"version": "3.73.0", "version": "3.74.0",
"manifest_version": 2, "manifest_version": 2,
"chrome_url_overrides": { "chrome_url_overrides": {
"newtab": "index.html" "newtab": "index.html"