Skip to content
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.

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

Change icon color of FT logo #4491

Conversation

AnshuMishra01
Copy link

@AnshuMishra01 AnshuMishra01 commented Dec 26, 2023

Change icon color of FT logo

Pull Request Type

Feature Implementation
Related issue

closes #4020

Description
Changed icon color of FT logo on based on set theme

Available Methods :-

As far as I can see, you have three choices:

  1. I used an online tool to vectorize our existing logo. You can add it to _icons (our current icon SVG is using a raster image, which doesn't work for this), add it inline to the template, and use the fill CSS property to dynamically change the color to the --primary-text-color for that theme. logoBlack

  2. You can create different versions of this logo icon by changing the fill="#ffffff" to the primary text color for the given theme and use those.

  3. You can use an editor like GIMP to create logo images for the themes missing them (with the fill color of that theme's --primary-text-color) (probably more effort than two).

Implemented 2 option :)

Change icon color of FT logo

Pull Request Type

 Feature Implementation
Related issue

closes FreeTubeApp#4020

Description
Changed icon color of FT logo on based on set theme

Available Methods :-

As far as I can see, you have three choices:

1) I used an online tool to vectorize our existing logo. You can add it to _icons (our current icon SVG is using a raster image, which doesn't work for this), add it inline to the template, and use the fill CSS property to dynamically change the color to the --primary-text-color for that theme.
logoBlack

2) You can create different versions of this logo icon by changing the fill="#ffffff" to the primary text color for the given theme and use those.

3) You can use an editor like GIMP to create logo images for the themes missing them (with the fill color of that theme's --primary-text-color) (probably more effort than two).

Implemented 2 option :)
@FreeTubeBot FreeTubeBot enabled auto-merge (squash) December 26, 2023 18:24
@github-actions github-actions bot added PR: dependencies Pull requests that update a dependency file PR: waiting for review For PRs that are complete, tested, and ready for review labels Dec 26, 2023
@absidue
Copy link
Member

absidue commented Dec 26, 2023

Please remove the yarn error log and revert the addition of yarn as a dependency (better to install yarn globally, so that you can use yarn to install FreeTube's dependencies) and remove the npm lock file.

@absidue
Copy link
Member

absidue commented Dec 26, 2023

I do like the idea of dynamically changing the colour :)

@absidue absidue added PR: changes requested and removed PR: waiting for review For PRs that are complete, tested, and ready for review labels Dec 26, 2023
@AnshuMishra01
Copy link
Author

ok Sure

Removed yarn-error.log
removed package-lock.json
removed yarn as a dependency

sorry for package manager issue:)
auto-merge was automatically disabled December 27, 2023 01:46

Head branch was pushed to by a user without write access

@FreeTubeBot FreeTubeBot enabled auto-merge (squash) December 27, 2023 01:46
@AnshuMishra01
Copy link
Author

Its done :)

@ChunkyProgrammer ChunkyProgrammer added PR: waiting for review For PRs that are complete, tested, and ready for review and removed PR: dependencies Pull requests that update a dependency file PR: changes requested labels Dec 27, 2023
@absidue
Copy link
Member

absidue commented Dec 30, 2023

Ideally the logo on the about page should match the one in the navigation bar. Unfortunately this current approach, forces the logo to always be one single color, so you loose the blue and red colors, which makes this pull request a branding change.

@efb4f5ff-1298-471a-8973-3d47447115dc efb4f5ff-1298-471a-8973-3d47447115dc added PR: changes requested and removed PR: waiting for review For PRs that are complete, tested, and ready for review labels Jan 2, 2024
worked on :-
1) eruihre
2)ioefje
3) feriu
auto-merge was automatically disabled January 10, 2024 16:18

Head branch was pushed to by a user without write access

@FreeTubeBot FreeTubeBot enabled auto-merge (squash) January 10, 2024 16:18
Copy link
Contributor

github-actions bot commented Feb 8, 2024

This PR is stale because it has been open 28 days with no activity. Remove stale label or comment or this will be closed in 14 days.

Copy link
Contributor

This PR was closed because it has been stalled for 14 days with no activity.

@github-actions github-actions bot closed this Feb 22, 2024
auto-merge was automatically disabled February 22, 2024 01:43

Pull request was closed

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Feature Request]: Change icon color of FT logo on About page based on set theme
4 participants