javier/jellyfin-audio-player
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Use theme color more consistently

Browse Source
This commit is contained in:
Lei Nelissen
2020-07-10 15:25:32 +02:00
parent 91f4f349b9
commit f9b589cbe2
10 changed files with 32 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/AlphabetScroller.tsx
View File

@@ -1,6 +1,6 @@
import React, { useCallback, useState } from 'react';
import styled from 'styled-components/native';
import { ALPHABET_LETTERS } from 'CONSTANTS';
import { ALPHABET_LETTERS, THEME_COLOR } from 'CONSTANTS';
import { View, LayoutChangeEvent } from 'react-native';
import {
PanGestureHandler,
@@ -29,7 +29,7 @@ const Letter = styled.Text`
text-align: center;
padding: 1px 0;
font-size: 12px;
color: #FF3C00;
color: ${THEME_COLOR};
`;
interface Props {

5
src/components/ListButton.tsx
View File

@@ -2,6 +2,7 @@ import React from 'react';
import { TouchableOpacityProps, Text } from 'react-native';
import ChevronRight from 'assets/chevron-right.svg';
import styled from 'styled-components/native';
import { THEME_COLOR } from 'CONSTANTS';
const BUTTON_SIZE = 14;
@@ -16,8 +17,8 @@ const Container = styled.TouchableOpacity`
const ListButton: React.FC<TouchableOpacityProps> = ({ children, ...props }) => {
return (
<Container {...props}>
<Text style={{ color: '#FF3C00', fontSize: 16 }}>{children}</Text>
<ChevronRight width={BUTTON_SIZE} height={BUTTON_SIZE} fill="#FF3C00" />
<Text style={{ color: THEME_COLOR, fontSize: 16 }}>{children}</Text>
<ChevronRight width={BUTTON_SIZE} height={BUTTON_SIZE} fill={THEME_COLOR} />
</Container>
);
};