extern/nightTab
1
0
Fork 0
mirror of https://github.com/zombieFox/nightTab.git synced 2024-11-26 10:03:42 +01:00
Code Issues Packages Projects Releases Wiki Activity

[feature] allow hex value for background colour

Browse Source
This commit is contained in:
Kuldeep M 2019-08-27 18:35:35 +01:00
parent 7818228d96
commit bf58d25c45
6 changed files with 29 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.75.2", "version": "3.76.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": {

5
src/index.html
View File

@ -1051,7 +1051,10 @@
</div> </div>
<div class="form-indent"> <div class="form-indent">
<div class="input-wrap"> <div class="input-wrap">
<input id="control-background-color-custom-current" class="control-background-color-custom-current mb-0" type="color" tabindex="1"> <div class="form-group mb-0">
<input id="control-background-color-custom-current-picker" class="form-group-item-half control-background-color-custom-current-picker mb-0" type="color" value="#000000" tabindex="1">
<input id="control-background-color-custom-current-hex" class="form-group-item-half control-background-color-custom-current-hex mb-0" type="text" placeholder="Hex code" value="#000000" tabindex="1" maxlength="7">
</div>
</div> </div>
<p class="control-background-color-theme-helper form-helper small">Take care as some colours may make the Clock, Date and other text unreadable.</p> <p class="control-background-color-theme-helper form-helper small">Take care as some colours may make the Clock, Date and other text unreadable.</p>
</div> </div>

9
src/js/background.js
View File

@ -115,8 +115,13 @@ var background = (function() {
render.input = { render.input = {
clear: function() { clear: function() {
var input = helper.e(".control-background-image-file"); helper.e(".control-background-image-file").value = "";
input.value = ""; },
picker: function() {
helper.e(".control-background-color-custom-current-picker").value = helper.rgbToHex(state.get().background.color.custom);
},
hex: function() {
helper.e(".control-background-color-custom-current-hex").value = helper.rgbToHex(state.get().background.color.custom);
} }
}; };

18
src/js/control.js
View File

@ -2137,11 +2137,21 @@ var control = (function() {
render.class(); render.class();
} }
}, { }, {
element: helper.e(".control-background-color-custom-current"), element: helper.e(".control-background-color-custom-current-picker"),
path: "background.color.custom", path: "background.color.custom",
type: "color", type: "color",
func: function() { func: function() {
background.render.color(); background.render.color();
background.render.input.hex();
}
}, {
element: helper.e(".control-background-color-custom-current-hex"),
path: "background.color.custom",
type: "text",
valueMod: ["hexTextString"],
func: function() {
background.render.color();
background.render.input.picker();
} }
}, { }, {
element: helper.e(".control-background-image-show"), element: helper.e(".control-background-image-show"),
@ -3071,10 +3081,12 @@ var control = (function() {
_disable.element(".control-background-image-url-helper", true); _disable.element(".control-background-image-url-helper", true);
}; };
if (state.get().background.color.by == "theme") { if (state.get().background.color.by == "theme") {
_disable.input(".control-background-color-custom-current", true); _disable.input(".control-background-color-custom-current-picker", true);
_disable.input(".control-background-color-custom-current-hex", true);
_disable.element(".control-background-color-theme-helper", true); _disable.element(".control-background-color-theme-helper", true);
} else if (state.get().background.color.by == "custom") { } else if (state.get().background.color.by == "custom") {
_disable.input(".control-background-color-custom-current", false); _disable.input(".control-background-color-custom-current-picker", false);
_disable.input(".control-background-color-custom-current-hex", false);
_disable.element(".control-background-color-theme-helper", false); _disable.element(".control-background-color-theme-helper", false);
}; };
}; };

2
src/js/version.js
View File

@ -1,6 +1,6 @@
var version = (function() { var version = (function() {
var current = "3.75.2"; var current = "3.76.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.75.2", "version": "3.76.0",
"manifest_version": 2, "manifest_version": 2,
"chrome_url_overrides": { "chrome_url_overrides": {
"newtab": "index.html" "newtab": "index.html"