Merge pull request #3678 from urbit/ed/next-userspace-visual-updates

launch: edited colors+values for clock, weather, and tile borders
This commit is contained in:
matildepark 2020-10-08 13:52:22 -04:00 committed by GitHub
commit 4787de86d8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 14 additions and 14 deletions

View File

@ -218,7 +218,7 @@ class Clock extends React.Component {
ctr / 2,
state.sunriseEnd,
state.sunset,
'rgba(33, 157, 255, .3)'
'rgba(33, 157, 255, .2)'
);
// Sunrise
@ -277,7 +277,7 @@ class Clock extends React.Component {
8,
0,
2 * Math.PI,
'#6792FF',
'rgba(0,0,0,0.1)',
1
);
} else {

View File

@ -30,7 +30,7 @@ export default class Tile extends React.Component {
borderRadius={2}
overflow="hidden"
bg={bg || "white"}
boxShadow={boxShadow || '0 0 0px 1px rgba(0, 0, 0, 0.3) inset'}
boxShadow={boxShadow || '0 0 0px 1px rgba(0, 0, 0, 0.1) inset'}
{...props}
>
<Box

View File

@ -52,36 +52,36 @@ export default class WeatherTile extends React.Component {
text: ''
};
switch (data.daily.icon) {
switch (data.currently.icon) {
case 'clear-day':
weatherStyle = { bg: '#FEF4E0', text: '#333' };
weatherStyle = { bg: '#E9F5FF', text: '#333' };
break;
case 'clear-night':
weatherStyle = { bg: '#000080', text: '#fff' };
weatherStyle = { bg: '#14263C', text: '#fff' };
break;
case 'rain':
weatherStyle = { bg: '#b0c7ff', text: '#333' };
weatherStyle = { bg: '#2E1611', text: '#fff' };
break;
case 'snow':
weatherStyle = { bg: '#f9f9f9', text: '#333' };
weatherStyle = { bg: '#F9F9FB', text: '#333' };
break;
case 'sleet':
weatherStyle = { bg: '#f9f9f9', text: '#333' };
weatherStyle = { bg: '#EFF1F3', text: '#333' };
break;
case 'wind':
weatherStyle = { bg: '#fff', text: '#333' };
weatherStyle = { bg: '#F7FEF6', text: '#333' };
break;
case 'fog':
weatherStyle = { bg: '#fff', text: '#333' };
weatherStyle = { bg: '#504D44', text: '#fff' };
break;
case 'cloudy':
weatherStyle = { bg: '#b1b2b3', text: '#333' };
weatherStyle = { bg: '#EEF1F5', text: '#333' };
break;
case 'partly-cloudy-day':
weatherStyle = { bg: '#b1b2b3', text: '#333' };
weatherStyle = { bg: '#F3F6FA', text: '#333' };
break;
case 'partly-cloudy-night':
weatherStyle = { bg: '#56668e', text: '#fff' };
weatherStyle = { bg: '#283442', text: '#fff' };
break;
default:
weatherStyle = { bg: 'white', text: 'black' };