From a7f086c08b4e15bac5e95a5975d93f0db04a2950 Mon Sep 17 00:00:00 2001 From: Vishnu Date: Fri, 27 Aug 2021 14:22:14 +0530 Subject: [PATCH] Update colors --- src/components/AddToCollectionBtn.tsx | 2 +- src/components/EnteSpinner.tsx | 2 +- src/components/FullScreenDropZone.tsx | 2 +- src/components/PhotoFrame.tsx | 3 ++- src/components/SearchBar.tsx | 6 +++--- src/components/SubmitButton.tsx | 2 +- src/components/pages/gallery/PreviewCard.tsx | 6 +++--- src/components/pages/gallery/UploadButton.tsx | 2 +- src/pages/_app.tsx | 8 ++++---- src/pages/index.tsx | 2 +- src/utils/strings/englishConstants.tsx | 12 ++++++------ 11 files changed, 24 insertions(+), 23 deletions(-) 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