secstate/Iris
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Light interface

Browse Source
This commit is contained in:
James Barnsley
2018-08-27 08:21:41 +12:00
parent ce59cedfbd
commit 9d7ed8efdf
33 changed files with 11290 additions and 14411 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/js/components/Parallax.js
View File

@ -139,7 +139,16 @@ export default class Parallax extends React.Component{
// Fill the background with mid-grey
context.beginPath();
context.rect(0, 0, this.state.canvas.width, this.state.canvas.height);
context.fillStyle = "#121212";
switch (this.props.theme){
case 'light':
context.fillStyle = "#EDEDED";
break;
case 'dark':
default:
context.fillStyle = "#121212";
}
context.fill();
if (image && !self.state.loading){
@ -175,8 +184,19 @@ export default class Parallax extends React.Component{
// Construct a gradient overlay
context.rect(0, 0, this.state.canvas.width, this.state.canvas.height);
let gradient = context.createLinearGradient(0, 0, 0, this.state.canvas.height);
gradient.addColorStop(0, 'rgba(24,24,24,0)');
gradient.addColorStop(0.9, 'rgba(24,24,24,1)');
switch (this.props.theme){
case 'light':
gradient.addColorStop(0.5, 'rgba(24,24,24,0)');
gradient.addColorStop(0.9, 'rgba(24,24,24,0.6)');
break;
case 'dark':
default:
gradient.addColorStop(0, 'rgba(24,24,24,0)');
gradient.addColorStop(0.9, 'rgba(24,24,24,1)');
}
context.fillStyle = gradient;
// And now drop it into place