From c8f6ad806cfddbdfc2802f0da43b4a00c24f9c07 Mon Sep 17 00:00:00 2001
From: alstjr7375 <alstjr7375@daum.net>
Date: Wed, 6 Apr 2022 09:34:23 +0900
Subject: [PATCH] Add: Option - `userContent.page.proton_color.system_accent`
 #76

---
 src/contents/_proton_color.scss |  9 +++++++++
 user.js                         |  2 ++
 userChrome.css                  |  3 +++
 userContent.css                 | 11 ++++++++++-
 4 files changed, 24 insertions(+), 1 deletion(-)

diff --git a/src/contents/_proton_color.scss b/src/contents/_proton_color.scss
index 9d4a158..b54a7ce 100644
--- a/src/contents/_proton_color.scss
+++ b/src/contents/_proton_color.scss
@@ -15,4 +15,13 @@
       }
     }
   }
+
+  @include Option("userContent.page.proton_color.system_accent") {
+    :host, :root {
+      --in-content-primary-button-text-color: -moz-accent-color-foreground !important;
+      --in-content-primary-button-background: -moz-accent-color !important;
+      --in-content-primary-button-background-hover: color-mix(in srgb, black 10%, -moz-accent-color) !important;;
+      --in-content-primary-button-background-active: color-mix(in srgb, black 20%, -moz-accent-color) !important;
+    }
+  }
 }
diff --git a/user.js b/user.js
index 42211ca..0fa5dff 100644
--- a/user.js
+++ b/user.js
@@ -104,7 +104,9 @@ user_pref("userChrome.tab.bottom_rounded_corner",      true);
 
 // -- User Content -------------------------------------------------------------
 // user_pref("userContent.player.ui.twoline",                  true);
+
 // user_pref("userContent.page.proton_color.dark_blue_accent", true);
+// user_pref("userContent.page.proton_color.system_accent",    true);
 
 // == Theme Default Settings ===================================================
 // -- User Chrome --------------------------------------------------------------
diff --git a/userChrome.css b/userChrome.css
index 4095eec..4581757 100644
--- a/userChrome.css
+++ b/userChrome.css
@@ -2994,6 +2994,9 @@
     border-radius: 0 !important;
   }
 }
+/*
+--toolbarbutton-border-radius: 4px;
+*/
 /** Reduce Padding ************************************************************/
 /*= Tab Bar - Distribution padding, radius ===================================*/
 @supports -moz-bool-pref("userChrome.tab.lepton_like_padding") or -moz-bool-pref("userChrome.tab.photon_like_padding") {
diff --git a/userContent.css b/userContent.css
index fcb6d2e..32696bf 100644
--- a/userContent.css
+++ b/userContent.css
@@ -341,7 +341,7 @@
     }
   }
   /** Activity Stream - Pocket order to last **********************************/
-  @supports -moz-bool-pref("userContent.newTab.pocket_to_bottom") {
+  @supports -moz-bool-pref("userContent.newTab.pocket_to_last") {
     .body-wrapper.on {
       display: flex;
       flex-wrap: wrap;
@@ -768,6 +768,15 @@
         }
       }
     }
+    @supports -moz-bool-pref("userContent.page.proton_color.system_accent") {
+      :host,
+      :root {
+        --in-content-primary-button-text-color: -moz-accent-color-foreground !important;
+        --in-content-primary-button-background: -moz-accent-color !important;
+        --in-content-primary-button-background-hover: color-mix(in srgb, black 10%, -moz-accent-color) !important;
+        --in-content-primary-button-background-active: color-mix(in srgb, black 20%, -moz-accent-color) !important;
+      }
+    }
   }
 }
 @supports -moz-bool-pref("userContent.page.dark_mode") {