diff --git a/src/components/AddToCollectionBtn.tsx b/src/components/AddToCollectionBtn.tsx
index 8acfdcbd6..07f0f0597 100644
--- a/src/components/AddToCollectionBtn.tsx
+++ b/src/components/AddToCollectionBtn.tsx
@@ -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;
diff --git a/src/components/EnteSpinner.tsx b/src/components/EnteSpinner.tsx
index dcc1b159d..35f195675 100644
--- a/src/components/EnteSpinner.tsx
+++ b/src/components/EnteSpinner.tsx
@@ -10,7 +10,7 @@ export default function EnteSpinner(props) {
width: '36px',
height: '36px',
borderWidth: '0.20em',
- color: '#2dc262',
+ color: '#51cd7c',
}}
role="status"
/>
diff --git a/src/components/FullScreenDropZone.tsx b/src/components/FullScreenDropZone.tsx
index 92f330be7..09d936b90 100644
--- a/src/components/FullScreenDropZone.tsx
+++ b/src/components/FullScreenDropZone.tsx
@@ -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;
diff --git a/src/components/PhotoFrame.tsx b/src/components/PhotoFrame.tsx
index d03f21eb7..2ff375964 100644
--- a/src/components/PhotoFrame.tsx
+++ b/src/components/PhotoFrame.tsx
@@ -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}
diff --git a/src/components/SearchBar.tsx b/src/components/SearchBar.tsx
index fa17c0ed5..a379a4be4 100644
--- a/src/components/SearchBar.tsx
+++ b/src/components/SearchBar.tsx
@@ -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) => ({
diff --git a/src/components/SubmitButton.tsx b/src/components/SubmitButton.tsx
index 0b6638d6d..cdc288c4f 100644
--- a/src/components/SubmitButton.tsx
+++ b/src/components/SubmitButton.tsx
@@ -23,7 +23,7 @@ const SubmitButton = ({ loading, buttonText, inline, disabled }: Props) => (
width: '22px',
height: '22px',
borderWidth: '0.20em',
- color: '#2dc262',
+ color: '#51cd7c',
}}
/>
) : (
diff --git a/src/components/pages/gallery/PreviewCard.tsx b/src/components/pages/gallery/PreviewCard.tsx
index d7174dafe..5c698ffb0 100644
--- a/src/components/pages/gallery/PreviewCard.tsx
+++ b/src/components/pages/gallery/PreviewCard.tsx
@@ -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;
}
diff --git a/src/components/pages/gallery/UploadButton.tsx b/src/components/pages/gallery/UploadButton.tsx
index 63d864b95..963df2b9e 100644
--- a/src/components/pages/gallery/UploadButton.tsx
+++ b/src/components/pages/gallery/UploadButton.tsx
@@ -25,7 +25,7 @@ function UploadButton({ openFileUploader, isFirstFetch }) {
height="32px">
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index f1fb231b6..2db27d83a 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -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;
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 119544da6..a7d794cec 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -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;
diff --git a/src/utils/strings/englishConstants.tsx b/src/utils/strings/englishConstants.tsx
index 692ebecf7..6ba6b3f02 100644
--- a/src/utils/strings/englishConstants.tsx
+++ b/src/utils/strings/englishConstants.tsx
@@ -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 = {
android
{' '}
or{' '}
ios app{' '}
@@ -380,8 +380,8 @@ const englishConstants = {
),
SEARCH_STATS: ({ resultCount, timeTaken }) => (
- found {resultCount}{' '}
- memories ( {timeTaken}{' '}
+ found {resultCount}{' '}
+ memories ( {timeTaken}{' '}
seconds )
),
@@ -484,7 +484,7 @@ const englishConstants = {
using eTags
to upload large files, or use our{' '}
desktop app