Skip to content

Conversation

@upayanmazumder
Copy link
Member

This pull request updates the manifest.ts file to enhance the web application's manifest configuration. Key changes include the addition of a new ExtendedScreenshot interface, updates to theme and background colors, expanded metadata categories, new shortcut definitions, and a more comprehensive set of icons and screenshots.

Manifest Enhancements:

  • Added ExtendedScreenshot Interface: Introduced a new interface to support additional metadata for screenshots, such as form_factor. (src/app/manifest.ts, src/app/manifest.tsR3-R9)

  • Updated Theme and Background Colors: Changed background_color and theme_color from #ffffff and #000000 to #070114 for a unified dark theme. (src/app/manifest.ts, src/app/manifest.tsL11-R83)

  • Expanded Metadata:

    • Added categories field with values such as "education" and "technology".
    • Defined shortcuts for quick access to features like "Upload", including associated icons. (src/app/manifest.ts, src/app/manifest.tsL11-R83)
  • Enhanced Icons: Replaced existing icons with a broader set of webp icons in various sizes, including maskable options for better adaptability. (src/app/manifest.ts, src/app/manifest.tsL11-R83)

  • Improved Screenshots: Updated screenshots to use avif format, added wide-format screenshots, and incorporated the form_factor property for better device-specific rendering. (src/app/manifest.ts, src/app/manifest.tsL11-R83)

- Introduced multiple icon files in WEBP format with various sizes (192x192, 196x196, 228x228, 256x256, 384x384, 512x512).
- Added new screenshot files in AVIF format for the web app manifest, including hero and prepare screenshots in both standard and wide formats.
- Updated the manifest.ts file to include the new icons and screenshots, adjusting background and theme colors.
@abhitrueprogrammer
Copy link
Collaborator

Delete package-lock, we are using pnpm

Comment on lines -11 to -12
background_color: "#ffffff",
theme_color: "#000000",
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

what if a user uses and prefers light mode? In that case, doesn't #ffffff make more sense?

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The background color by default is dark right...
Additionally, by matching with the app's icons's background color, during loading the icon doesnt stick out

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Cool

@abhitrueprogrammer
Copy link
Collaborator

LGTM

@upayanmazumder upayanmazumder mentioned this pull request Apr 18, 2025
@Abh1noob
Copy link
Member

well done

@Abh1noob Abh1noob merged commit 50d6cf9 into CodeChefVIT:prod Apr 18, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants