beenull/ente
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Update colors

Browse source
This commit is contained in:
Vishnu 2021-08-27 14:22:14 +05:30
parent d0b3d169cc
commit a7f086c08b
11 changed files with 24 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/AddToCollectionBtn.tsx
View file

@ -3,7 +3,7 @@ import styled from 'styled-components';
const Wrapper = styled.button`
border: none;
background-color: #2dc262;
background-color: #51cd7c;
position: fixed;
z-index: 1;
bottom: 20px;

2
src/components/EnteSpinner.tsx
View file

@ -10,7 +10,7 @@ export default function EnteSpinner(props) {
width: '36px',
height: '36px',
borderWidth: '0.20em',
color: '#2dc262',
color: '#51cd7c',
}}
role="status"
/>

2
src/components/FullScreenDropZone.tsx
View file

@ -30,7 +30,7 @@ const Overlay = styled.div`
font-weight: 900;
text-align: center;
position: absolute;
border-color: #2dc262;
border-color: #51cd7c;
border-style: solid;
background: rgba(0, 0, 0, 0.9);
z-index: 3000;

3
src/components/PhotoFrame.tsx
View file

@ -118,7 +118,7 @@ const EmptyScreen = styled.div`
align-items: center;
flex-direction: column;
flex: 1;
color: #2dc262;
color: #51cd7c;
& > svg {
filter: drop-shadow(3px 3px 5px rgba(45, 194, 98, 0.5));
@ -500,6 +500,7 @@ const PhotoFrame = ({
paddingRight: '32px',
paddingTop: '12px',
paddingBottom: '12px',
fontWeight: 900,
}}>
{constants.UPLOAD_FIRST_PHOTO}
</Button>

6
src/components/SearchBar.tsx
View file

@ -221,12 +221,12 @@ export default function SearchBar(props: Props) {
...style,
backgroundColor: '#282828',
color: '#d1d1d1',
borderColor: isFocused ? '#2dc262' : '#444',
borderColor: isFocused ? '#51cd7c' : '#444',
boxShadow: 'none',
':hover': {
borderColor: '#2dc262',
borderColor: '#51cd7c',
cursor: 'text',
'&>.icon': { color: '#2dc262' },
'&>.icon': { color: '#51cd7c' },
},
}),
input: (style) => ({

2
src/components/SubmitButton.tsx
View file

@ -23,7 +23,7 @@ const SubmitButton = ({ loading, buttonText, inline, disabled }: Props) => (
width: '22px',
height: '22px',
borderWidth: '0.20em',
color: '#2dc262',
color: '#51cd7c',
}}
/>
) : (

6
src/components/pages/gallery/PreviewCard.tsx
View file

@ -60,8 +60,8 @@ const Check = styled.input`
/** checked */
&:checked::before {
content: '';
background-color: #2dc262;
border-color: #2dc262;
background-color: #51cd7c;
border-color: #51cd7c;
color: #fff;
}
&:checked::after {
@ -90,7 +90,7 @@ const Cont = styled.div<{ disabled: boolean; selected: boolean }>`
max-width: 100%;
min-height: 100%;
flex: 1;
${(props) => props.selected && 'border: 5px solid #2dc262;'}
${(props) => props.selected && 'border: 5px solid #51cd7c;'}
pointer-events: none;
}

2
src/components/pages/gallery/UploadButton.tsx
View file

@ -25,7 +25,7 @@ function UploadButton({ openFileUploader, isFirstFetch }) {
height="32px">
<path fill="none" d="M0 0h24v24H0z" />
<path
fill="#2dc262"
fill="#51cd7c"
d="M20 6h-8l-2-2H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 12H4V8h16v10zM8 13.01l1.41 1.41L11 12.84V17h2v-4.16l1.59 1.59L16 13.01 12.01 9 8 13.01z"
/>
</svg>

8
src/pages/_app.tsx
View file

@ -182,7 +182,7 @@ const GlobalStyles = createGlobalStyle`
}
.btn-success:hover .btn-success:focus .btn-success:active {
background-color: #29a354;
border-color: #2dc262;
border-color: #51cd7c;
color: #242424;
}
.btn-success:disabled {
@ -276,7 +276,7 @@ const GlobalStyles = createGlobalStyle`
background: rgba(0, 0, 0, 0.8) !important;
}
.bg-upload-progress-bar {
background-color: #2dc262;
background-color: #51cd7c;
}
.custom-switch.custom-switch-md .custom-control-label {
padding-left: 2rem;
@ -347,7 +347,7 @@ const GlobalStyles = createGlobalStyle`
margin-right: 12px;
}
.carousel-indicators .active {
background-color: #2dc262;
background-color: #51cd7c;
}
div.otp-input input {
width: 36px !important;
@ -360,7 +360,7 @@ const GlobalStyles = createGlobalStyle`
}
div.otp-input input:not(:placeholder-shown) , div.otp-input input:focus{
border: 2px solid #2dc262;
border: 2px solid #51cd7c;
border-radius:1px;
-webkit-transition: 0.5s;
transition: 0.5s;

2
src/pages/index.tsx
View file

@ -81,7 +81,7 @@ const UpperText = styled(TextContainer)`
`;
const FeatureText = styled.div`
color: #2dc262;
color: #51cd7c;
font-weight: bold;
padding-top: 20px;
font-size: 24px;

12
src/utils/strings/englishConstants.tsx
View file

@ -140,7 +140,7 @@ const englishConstants = {
NO_INTERNET_CONNECTION:
'please check your internet connection and try again',
TITLE: 'ente.io | encrypted photo storage',
UPLOAD_FIRST_PHOTO: 'backup your first photo',
UPLOAD_FIRST_PHOTO: 'backup a memory',
UPLOAD_DROPZONE_MESSAGE: 'drop to backup your files',
CONFIRM_DELETE_FILE: 'confirm file deletion',
DELETE_FILE_MESSAGE: 'sure you want to delete selected files?',
@ -207,14 +207,14 @@ const englishConstants = {
<a
href="https://play.google.com/store/apps/details?id=io.ente.photos"
target="_blank"
style={{ color: '#2dc262' }}
style={{ color: '#51cd7c' }}
rel="noreferrer">
android
</a>{' '}
or{' '}
<a
href="https://apps.apple.com/in/app/ente-photos/id1542026904"
style={{ color: '#2dc262' }}
style={{ color: '#51cd7c' }}
target="_blank"
rel="noreferrer">
ios app{' '}
@ -380,8 +380,8 @@ const englishConstants = {
),
SEARCH_STATS: ({ resultCount, timeTaken }) => (
<span>
found <span style={{ color: '#2dc262' }}>{resultCount}</span>{' '}
memories ( <span style={{ color: '#2dc262' }}> {timeTaken}</span>{' '}
found <span style={{ color: '#51cd7c' }}>{resultCount}</span>{' '}
memories ( <span style={{ color: '#51cd7c' }}> {timeTaken}</span>{' '}
seconds )
</span>
),
@ -484,7 +484,7 @@ const englishConstants = {
using <code>eTags</code> to upload large files, or use our{' '}
<a
href={url}
style={{ color: '#2dc262', textDecoration: 'underline' }}
style={{ color: '#51cd7c', textDecoration: 'underline' }}
target="_blank"
rel="noreferrer">
desktop app