Fix buttons & styles

ghostery · Feb 19, 2025 · 874e631 · 874e631
1 parent fd7639a
commit 874e631
Show file tree

Hide file tree

Showing 6 changed files with 10 additions and 5 deletions.
diff --git a/src/pages/notifications/opera-serp.html b/src/pages/notifications/opera-serp.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="en" class="force-light-mode">
+<html lang="en" data-theme="light">
   <head>
     <title>More ad blocking available</title>
     <meta charset="utf-8" />

diff --git a/src/pages/notifications/pause-assistant.html b/src/pages/notifications/pause-assistant.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="en" class="force-light-mode">
+<html lang="en" data-theme="light">
   <head>
     <title>Pause Assistant</title>
     <meta charset="utf-8" />

diff --git a/src/pages/notifications/pause-feedback.html b/src/pages/notifications/pause-feedback.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="en" class="force-light-mode">
+<html lang="en" data-theme="light">
   <head>
     <title>Pause Assistant Feedback</title>
     <meta charset="utf-8" />

diff --git a/src/pages/notifications/pause-resume.html b/src/pages/notifications/pause-resume.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="en" class="force-light-mode">
+<html lang="en" data-theme="light">
   <head>
     <title>Pause Assistant</title>
     <meta charset="utf-8" />

diff --git 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
@@ -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);