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

Frontend colors suggestion change #651

Closed

Conversation

Roene-JustBetter
Copy link
Member

Changed colors

  • highlight = neutral-100
  • border = neutral-110

Added colors

  • Enhanced color
  • Enhanced text color
    The enhanced color will most likely be used for conversions, such as "Add to Cart" buttons.

Updated tailwind.config with colors:
Scherm­afbeelding 2024-11-18 om 14 05 19

If we are going to use the colors above we should also change it in here:
https://github.com/rapidez/reviews & https://github.com/rapidez/account

Note
Buttons & inputs will be replaced with the buttons from the blade-components. There is a draft here: #632

resources/views/checkout/steps/agreements.blade.php Outdated Show resolved Hide resolved
@@ -10,7 +10,7 @@
'id' => $name ?? null,
'name' => $name ?? null,
'dusk' => $attributes->get('v-bind:dusk') ? null : $name ?? null,
'class' => 'w-full py-2 pl-3 pr-8 border-gray-200 rounded focus:ring-neutral focus:border-neutral sm:text-sm'
'class' => 'w-full py-2 pl-3 pr-8 border border-neutral-110 rounded outline-0 ring-0 focus:ring-transparent focus:border-neutral sm:text-sm'
Copy link
Contributor

Choose a reason for hiding this comment

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

border-neutral-110 shouldn't be necessary since it's set by default on the "border" class

Copy link
Member Author

Choose a reason for hiding this comment

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

It is necessary to set de border color here, we are using tailwindForms. This plugin sets a default border color on input components, so we need to add the border-neutral-110 here.

Scherm­afbeelding 2024-11-19 om 11 43 43

tailwind.config.js Show resolved Hide resolved
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