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

new subtitle text colors #96

Closed
wants to merge 4 commits into from

Conversation

Pasithea0
Copy link
Contributor

@Pasithea0 Pasithea0 commented Sep 7, 2024

This pull request resolves #93

Added custom color picker for caption color

  • I have read and agreed to the code of conduct.
  • I have read and complied with the contributing guidelines.
  • I have tested all of my changes.
  • Enter discord user: .pasithea (we require this for the contributor role)

@Saioni1
Copy link

Saioni1 commented Sep 7, 2024

Oh thanks man

@ztpn
Copy link
Member

ztpn commented Sep 9, 2024

Can we add an option for custom colors?

@sussy-code sussy-code deleted a comment from Saioni1 Sep 9, 2024
@sussy-code sussy-code deleted a comment from Saioni1 Sep 9, 2024
@sussy-code sussy-code deleted a comment from Saioni1 Sep 9, 2024
@sussy-code sussy-code deleted a comment from Saioni1 Sep 9, 2024
@Pasithea0
Copy link
Contributor Author

Can we add an option for custom colors?

I can try, but the problem is that the css for the colors is generated when building. So it wouldn't be simple.

@Pasithea0
Copy link
Contributor Author

Pasithea0 commented Sep 10, 2024

Can we add an option for custom colors?

Added 😘

@@ -214,7 +214,7 @@ export function CaptionSetting(props: {
);
}

export const colors = ["#ffffff", "#b0b0b0", "#80b1fa", "#e2e535"];
export const colors = ["#ffffff", "#80b1fa", "#e2e535", "#10B239FF"];
Copy link
Member

Choose a reason for hiding this comment

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

I'm not a fan of these new colors

const setOverrideCasing = useSubtitleStore((s) => s.setOverrideCasing);
const setDelay = useSubtitleStore((s) => s.setDelay);
const updateStyling = useSubtitleStore((s) => s.updateStyling);
const subtitleStore = useSubtitleStore();
Copy link
Member

Choose a reason for hiding this comment

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

I think there was a reason we didn't do this earlier and called the function every time

/>
))}
{/* Add Color Picker */}
Copy link
Member

Choose a reason for hiding this comment

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

Instead of using the default browser color picker we should use a lib like react-colorful or something

}
color={v}
active={props.styling.color === v}
key={v}
/>
))}
{/* Add Color Picker */}
Copy link
Member

Choose a reason for hiding this comment

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

It's better to make the color picker a component that can be used anywhere

@ztpn
Copy link
Member

ztpn commented Sep 17, 2024

Also the custom color button looks ugly
It doesn't need to be bigger or have an outline
Should have some icon

@Pasithea0 Pasithea0 closed this Sep 21, 2024
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.

[Feature]: New colors for subtitles
3 participants