matrix/matrix-react-sdk
1
0
Fork 0
mirror of https://github.com/matrix-org/matrix-react-sdk.git synced 2025-11-07 10:46:24 +03:00
Code Activity

let the tinter handle 'white' highlights of SVGs too

Browse Source
This commit is contained in:
Matthew Hodgson
2017-01-17 19:13:04 +00:00
parent a18d94099e
commit c2cdb626bd
1 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/Tinter.js
View File

@@ -42,6 +42,7 @@ var keyHex = [
"#76CFA6", // Vector Green
"#EAF5F0", // Vector Light Green
"#D3EFE1", // BottomLeftMenu overlay (20% Vector Green overlaid on Vector Light Green)
"#FFFFFF", // white highlights of the SVGs (for switching to dark theme)
];
// cache of our replacement colours
@@ -50,6 +51,7 @@ var colors = [
keyHex[0],
keyHex[1],
keyHex[2],
keyHex[3],
];
var cssFixups = [
@@ -172,7 +174,7 @@ module.exports = {
tintables.push(tintable);
},
tint: function(primaryColor, secondaryColor, tertiaryColor) {
tint: function(primaryColor, secondaryColor, tertiaryColor, whiteColor) {
if (!cached) {
calcCssFixups();
@@ -203,14 +205,19 @@ module.exports = {
tertiaryColor = rgbToHex(rgb1);
}
if (!whiteColor) {
whiteColor = colors[3];
}
if (colors[0] === primaryColor &&
colors[1] === secondaryColor &&
colors[2] === tertiaryColor)
colors[2] === tertiaryColor &&
colors[3] === whiteColor)
{
return;
}
colors = [primaryColor, secondaryColor, tertiaryColor];
colors = [primaryColor, secondaryColor, tertiaryColor, whiteColor];
if (DEBUG) console.log("Tinter.tint");