This pull requests adds logos of different sizes and types such as ICO and png.
Also included is a theme option used for changing between dark and light theme for user experience
New Components
Screens - Folder for different pages. as of now only Home page
theme - A theme folder is added which has a theme.ts for styling and themeCotext.ts for used for context for the theming
-Logo - Logo in sizes ranging from favicon(16x16, 32x32, 48x48) and Logo(150x50, 160x160, 300x100, 400x400) both comming in a light and a dark variant
๐ Motivation and Context
Goal with this pull request was to add Logo for use as favicon and other Logos as for example header
To add dark/light mode
๐งช How Has This Been Tested?
This has been tested in web expo and github actions.
Also run with eslint for testing
๐ท Screenshots (if appropriate)
๐ฆ Types of changes
[ ] Adds logos of different types
[ ] Toggle button for dark/light mode (light is default)
[ ] Dark variants of assets/Logo-XxY.png images
[ ] Remove SVG stuff that won't be of use
โ Checklist (copied from README)
[x] Squash your changes into a single clear and thoroughly descriptive commit, split changes into multiple commits only when it contributes to readability
[x] Reference the GitHub issue that you are contributing on in your commit title or body
[x] Sign your commits, as this is required by the automated GitHub PR checks
[x] Ensure that the changes adhere to the project code style and formatting rules by running npx eslint . and npx prettier --check ../ from the ./OwnTube.tv/ directory (without errors/warnings)
[ ] Include links and illustrations in your pull request to make it easy to review
[x] Request a review by @ar9708, @OGTor, @tryklick and @mblomdahl
๐ Description
This pull requests adds logos of different sizes and types such as ICO and png. Also included is a theme option used for changing between dark and light theme for user experience
New Components
theme.ts
for styling andthemeCotext.ts
for used for context for the theming -Logo - Logo in sizes ranging from favicon(16x16, 32x32, 48x48) and Logo(150x50, 160x160, 300x100, 400x400) both comming in a light and a dark variant๐ Motivation and Context
๐งช How Has This Been Tested?
This has been tested in web expo and github actions. Also run with eslint for testing
๐ท Screenshots (if appropriate)
๐ฆ Types of changes
โ Checklist (copied from README)
npx eslint .
andnpx prettier --check ../
from the./OwnTube.tv/
directory (without errors/warnings)