Skip to content

Chore: change colors to dark theme on Marketplace #27532

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
kodiakhq merged 9 commits into from
Jan 20, 2023
Merged

Chore: change colors to dark theme on Marketplace #27532

Show file tree
Hide file tree
Changes from 4 commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
5c8aaab
fix some dark theme bugs
felipe-rod123 Dec 13, 2022
ebaf43e
Merge branch 'develop' into chore/fix-dark-theme-marketplace
felipe-rod123 Dec 14, 2022
5664894
Merge branch 'develop' into chore/fix-dark-theme-marketplace
felipe-rod123 Dec 15, 2022
f94e4e2
Merge branch 'develop' into chore/fix-dark-theme-marketplace
felipe-rod123 Jan 4, 2023
f14f192
Merge branch 'develop' into chore/fix-dark-theme-marketplace
felipe-rod123 Jan 13, 2023
f5a2da6
fix review
felipe-rod123 Jan 13, 2023
c85ef99
Merge branch 'develop' into chore/fix-dark-theme-marketplace
juliajforesti Jan 16, 2023
c4764a5
Merge branch 'develop' into chore/fix-dark-theme-marketplace
kodiakhq[bot] Jan 19, 2023
3eedfff
Merge branch 'develop' into chore/fix-dark-theme-marketplace
juliajforesti Jan 20, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 6 additions & 2 deletions apps/meteor/client/views/admin/apps/AppDetailsPage/AppDetailsPageHeader.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -31,12 +31,16 @@ const AppDetailsPageHeader = ({ app }: { app: App }): ReactElement => {
<AppAvatar size='x124' mie='x20' iconFileContent={iconFileContent} iconFileData={iconFileData} />
<Box display='flex' flexDirection='column'>
<Box display='flex' flexDirection='row' alignItems='center' mbe='x8'>
<Box fontScale='h1' mie='x8'>
<Box fontScale='h1' mie='x8' color='default'>
Comment thread
dougfabris marked this conversation as resolved.
Outdated
{name}
</Box>
{bundledIn && Boolean(bundledIn.length) && <BundleChips bundledIn={bundledIn} />}
</Box>
{app?.shortDescription && <Box mbe='x16'>{app.shortDescription}</Box>}
{app?.shortDescription && (
<Box mbe='x16' color='default'>
{app.shortDescription}
</Box>
)}

<Box display='flex' flexDirection='row' alignItems='center' mbe='x16'>
<AppStatus app={app} installed={installed} isAppDetailsPage />
Expand Down
8 changes: 6 additions & 2 deletions apps/meteor/client/views/admin/apps/AppDetailsPage/tabs/AppDetails/AppDetails.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -49,7 +49,11 @@ const AppDetails = ({ app }: { app: AppInfo }): ReactElement => {
<Box fontScale='h4' mbe='x8' color='titles-labels'>
{t('Description')}
</Box>
<Box dangerouslySetInnerHTML={{ __html: isMarkdown ? detailedDescription.rendered : description }} withRichContent />
<Box
dangerouslySetInnerHTML={{ __html: isMarkdown ? detailedDescription.rendered : description }}
withRichContent
color='default'
/>
</Box>

<Box is='section'>
Expand All @@ -66,7 +70,7 @@ const AppDetails = ({ app }: { app: AppInfo }): ReactElement => {
</Box>

<Box is='section'>
<Box fontScale='h4' mbe='x8'>
<Box fontScale='h4' mbe='x8' color='default'>
{t('Contact')}
</Box>
<Box display='flex' flexDirection='row' flexGrow={1} justifyContent='space-around' flexWrap='wrap'>
Expand Down