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

Add gruvbox base theme and gruvbox green color theme #4805

Open
wants to merge 26 commits into
base: development
Choose a base branch
from

Conversation

DeaDvey
Copy link

@DeaDvey DeaDvey commented Mar 25, 2024

Add gruvbox base theme and gruvbox green color theme

Pull Request Type

  • Feature Implementation

Related issue

Closes #3987

Description

I added a gruvbox base theme using the gruvbox colour palette as well as a gruvbox green color theme, I will add more of the color themes if the pr is accepted

Screenshots

settings page
subscriptions page
watch page

Testing

I tested it and I cannot see any issues with the color schemes showing though I have not added all the translations as I only speak english.

Desktop

  • OS: GNU/Linux
  • OS Version: openSUSE Tumbleweed
  • FreeTube version: most up to date one on github

Additional context

I wanted a gruvbox theme for FreeTube and I saw that another issue request did too, it's fine if you (the developers) don't, I was just opening this pr incase it was appropriate.

@github-actions github-actions bot added the PR: waiting for review For PRs that are complete, tested, and ready for review label Mar 25, 2024
@FreeTubeBot FreeTubeBot enabled auto-merge (squash) March 25, 2024 18:01
@DeaDvey
Copy link
Author

DeaDvey commented Mar 25, 2024

Ah, lint.

Copy link
Member

@absidue absidue left a comment

Choose a reason for hiding this comment

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

Thank you for opening your first pull request on the FreeTube repository 🥳.

Please fix the linter errors, if you switch to the files changed tab, you can see all the alerts.

Copy link
Member

Choose a reason for hiding this comment

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

Stuff disappears when both primary and secondary colors are set to gruvbox green

VirtualBoxVM_Lt2oQJ2LzF.mp4

@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 Mar 25, 2024
@efb4f5ff-1298-471a-8973-3d47447115dc
Copy link
Member

Also this doesnt fully close the issue because you didnt implement all the gruvbox colors listed in their repo https://github.com/morhetz/gruvbox. The issue also explicitly asks for the light and dark theme implementation.

Would you be open to implementing all the other colors and both themes?

@DeaDvey
Copy link
Author

DeaDvey commented Mar 25, 2024

Yes, I will implement both light and dark, I was just checking if this pr is appropriate. I'll fix the secondary colour issue right now,
Thanks

auto-merge was automatically disabled March 25, 2024 22:10

Head branch was pushed to by a user without write access

@FreeTubeBot FreeTubeBot enabled auto-merge (squash) March 25, 2024 22:10
auto-merge was automatically disabled March 25, 2024 22:26

Head branch was pushed to by a user without write access

@FreeTubeBot FreeTubeBot enabled auto-merge (squash) March 25, 2024 22:26
@DeaDvey
Copy link
Author

DeaDvey commented Mar 25, 2024

Ok, so the reason the secondary colours were not working properaly was because I did not add the "--accent-color-opacity1 - 4" so I added that and I think it's fixed though I haven't added the gruv light theme yet.

@DeaDvey
Copy link
Author

DeaDvey commented Mar 25, 2024

By the way, I'm not sure how to make the icons for it so mine were a bit thrown together and look not great, so yeah.

auto-merge was automatically disabled March 25, 2024 23:01

Head branch was pushed to by a user without write access

@FreeTubeBot FreeTubeBot enabled auto-merge (squash) March 25, 2024 23:02
auto-merge was automatically disabled March 25, 2024 23:03

Head branch was pushed to by a user without write access

@FreeTubeBot FreeTubeBot enabled auto-merge (squash) March 25, 2024 23:03
auto-merge was automatically disabled March 26, 2024 00:19

Head branch was pushed to by a user without write access

Copy link
Contributor

Conflicts have been resolved. A maintainer will review the pull request shortly.

@DeaDvey
Copy link
Author

DeaDvey commented Apr 29, 2024

Hmmm, Lint says there's no issues on my machine.

Copy link
Member

@absidue absidue left a comment

Choose a reason for hiding this comment

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

Please remove the package-lock.json file (FreeTube uses yarn) and undo the addition of the lint dependency.

auto-merge was automatically disabled April 29, 2024 22:40

Head branch was pushed to by a user without write access

@FreeTubeBot FreeTubeBot enabled auto-merge (squash) April 29, 2024 22:40
Copy link
Contributor

github-actions bot commented May 2, 2024

This pull request has conflicts, please resolve those before we can evaluate the pull request.

@jasonhenriquez
Copy link
Collaborator

@DeaDvey Could you please rebase/merge with development one more time and remove the changes to yarn.lock?

auto-merge was automatically disabled May 12, 2024 10:28

Head branch was pushed to by a user without write access

Copy link
Contributor

Conflicts have been resolved. A maintainer will review the pull request shortly.

@DeaDvey
Copy link
Author

DeaDvey commented May 12, 2024

Sorry that I took a while, I'm quite busy at the moment.

@DeaDvey
Copy link
Author

DeaDvey commented May 12, 2024

I get an error saying there is no portal-vue. in node_modules

@absidue
Copy link
Member

absidue commented May 12, 2024

Run yarn install to download the dependency that you are missing.

@DeaDvey
Copy link
Author

DeaDvey commented May 12, 2024

Oh yeah, thanks that worked, the themes all show correctly, solarized looks great too! 👍

Copy link
Member

@efb4f5ff-1298-471a-8973-3d47447115dc efb4f5ff-1298-471a-8973-3d47447115dc left a comment

Choose a reason for hiding this comment

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

@jasonhenriquez
Copy link
Collaborator

jasonhenriquez commented May 13, 2024

Thanks for identifying these @efb4f5ff-1298-471a-8973-3d47447115dc. Seems like #fbf1c7 should be changed to something else with a higher color contrast, from the looks of it. That and maybe having a separate bg-color and card-bg-color for gruvboxLight.

Copy link
Contributor

This pull request has conflicts, please resolve those before we can evaluate the pull request.

@jasonhenriquez
Copy link
Collaborator

Hi @DeaDvey, just checking in to make sure you're alright. I want to make sure the required suggestion and how to implement & validate it are clear enough.

@DeaDvey
Copy link
Author

DeaDvey commented May 25, 2024

Yeah, I'm a bit busy right now but I should be able to have a look at it tomorrow.

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]: Add Gruvbox themes.
5 participants