Skip to content

Commit 4b5a7ce

Browse files
committed
ui+settings: update theme colors + update border color on settings and history + updates tests
1 parent 2706dee commit 4b5a7ce

File tree

4 files changed

+9
-9
lines changed

4 files changed

+9
-9
lines changed

app/src/__tests__/components/loop/ChannelBalance.spec.tsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -32,16 +32,16 @@ describe('ChannelBalance component', () => {
3232
const { el, remote, local } = render(0.25);
3333
expect(el.children.length).toBe(3);
3434
expect(width(local)).toBe('25%');
35-
expect(bgColor(local)).toBe('rgb(70, 232, 14)');
36-
expect(bgColor(remote)).toBe('rgb(70, 232, 14)');
35+
expect(bgColor(local)).toBe('rgb(16, 185, 129)');
36+
expect(bgColor(remote)).toBe('rgb(16, 185, 129)');
3737
});
3838

3939
it('should display a warning balance', () => {
4040
const { el, remote, local } = render(0.52);
4141
expect(el.children.length).toBe(3);
4242
expect(width(local)).toBe('52%');
43-
expect(bgColor(local)).toBe('rgb(239, 160, 11)');
44-
expect(bgColor(remote)).toBe('rgb(239, 160, 11)');
43+
expect(bgColor(local)).toBe('rgb(245, 158, 11)');
44+
expect(bgColor(remote)).toBe('rgb(245, 158, 11)');
4545
});
4646

4747
it('should display a bad balance', () => {

app/src/components/history/HistoryRow.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ export const ROW_HEIGHT = 60;
1818

1919
const Styled = {
2020
Row: styled(Row)`
21-
border-bottom: 0.5px solid ${props => props.theme.colors.darkGray};
21+
border-bottom: 0.5px solid ${props => props.theme.colors.lightBlue};
2222
2323
&:last-child {
2424
border-bottom-width: 0;

app/src/components/settings/SettingItem.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ const Styled = {
88
align-items: center;
99
height: 80px;
1010
cursor: pointer;
11-
border-bottom: 0.5px solid ${props => props.theme.colors.darkGray};
11+
border-bottom: 0.5px solid ${props => props.theme.colors.lightBlue};
1212
1313
&:last-child {
1414
border-bottom-width: 0;

app/src/components/theme.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -30,15 +30,15 @@ const theme: Theme = {
3030
xxl: '45px',
3131
},
3232
colors: {
33-
blue: '#252f4a',
33+
blue: '#3B82F6',
3434
darkBlue: '#212133',
3535
gray: '#848a99',
3636
darkGray: '#6b6969ef',
3737
white: '#ffffff',
3838
offWhite: '#f5f5f5',
3939
pink: '#f5406e',
40-
green: '#46E80E',
41-
gold: '#efa00b',
40+
green: '#10B981',
41+
gold: '#F59E0B',
4242
purple: '#57038d',
4343
overlay: 'rgba(245,245,245,0.04)',
4444
gradient: 'linear-gradient(325.53deg, #252F4A 0%, #46547B 100%);',

0 commit comments

Comments
 (0)