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

[Feature] Styling for the deny button #142

Open
TobiasJu opened this issue May 13, 2024 · 0 comments
Open

[Feature] Styling for the deny button #142

TobiasJu opened this issue May 13, 2024 · 0 comments

Comments

@TobiasJu
Copy link

Is your feature request related to a problem? Please describe

Currently there is no easy way to change the background of the "Refuse cookies" button.

In the cookieconsent.min.css is the background color set to transparent.

.cc-highlight .cc-btn:first-child {
    background-color: transparent;
    border-color: transparent;
}

Describe the idea you'd like

In the NgcCookieConsentConfig should be an option denyButton :

const cookieConfig: NgcCookieConsentConfig = {
palette: {
    popup: {
      background: 'rgba(0,0,0,0.96)',
      text: '#ffffff',
      link: '#ffffff',
    },
    button: {
      background: '#4BFF31FF',
      text: '#FFFFFF',
      border: 'transparent',
    },
    denyButton: {
      background: '#BB2727FF',
      text: '#D7D7D7FF',
      border: 'transparent',
    },

Describe alternatives you've considered

Using the deprecated ng-deep override does also not work.

:host ::ng-deep .cc-deny {
  background-color: rgb(86, 172, 62) !important;
}

Additional context

I use Angular 16.

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

No branches or pull requests

1 participant