diff --git a/src/pages/notifications/opera-serp.html b/src/pages/notifications/opera-serp.html index 2a09c2f07..93498c6e0 100644 --- a/src/pages/notifications/opera-serp.html +++ b/src/pages/notifications/opera-serp.html @@ -1,5 +1,5 @@ - + More ad blocking available diff --git a/src/pages/notifications/pause-assistant.html b/src/pages/notifications/pause-assistant.html index b61e91593..d0362d665 100644 --- a/src/pages/notifications/pause-assistant.html +++ b/src/pages/notifications/pause-assistant.html @@ -1,5 +1,5 @@ - + Pause Assistant diff --git a/src/pages/notifications/pause-feedback.html b/src/pages/notifications/pause-feedback.html index b0248354a..1a41a424f 100644 --- a/src/pages/notifications/pause-feedback.html +++ b/src/pages/notifications/pause-feedback.html @@ -1,5 +1,5 @@ - + Pause Assistant Feedback diff --git a/src/pages/notifications/pause-resume.html b/src/pages/notifications/pause-resume.html index 4d4f23305..33dd13af7 100644 --- a/src/pages/notifications/pause-resume.html +++ b/src/pages/notifications/pause-resume.html @@ -1,5 +1,5 @@ - + Pause Assistant diff --git a/src/ui/components/button.js b/src/ui/components/button.js index 1aa2abcd7..321bcf72a 100644 --- a/src/ui/components/button.js +++ b/src/ui/components/button.js @@ -48,6 +48,11 @@ export default { --button-background: var(--background-brand-solid); } + :host([type="secondary"]) { + --button-color: var(--color-primary); + --button-background: var(--background-tertiary); + } + :host([type="success"]) { --button-background: var(--background-success-solid); } diff --git a/src/ui/styles.css b/src/ui/styles.css index 2c6d7d173..8828318a5 100644 --- a/src/ui/styles.css +++ b/src/ui/styles.css @@ -191,7 +191,7 @@ html { } @media (prefers-color-scheme: dark) { - html { + html:not([data-theme='light']) { --background-brand-primary: var(--color-gray-900); --background-brand-secondary: var(--color-brand-700); --background-brand-solid: var(--color-brand-500);