Bug 1689761 - provide focus-outline color experimental theme variable for Alpenglow. r=desktop-theme-reviewers,ntim

Differential Revision: https://phabricator.services.mozilla.com/D103820

browser/themes/addons/alpenglow/manifest.json

@@ -64,7 +64,8 @@
       "sidebar_text": "hsla(261, 53%, 15%, 1)",
       "sidebar_border": "hsla(261, 53%, 15%, .24)",
       "sidebar_highlight": "hsla(265, 100%, 72%, 1)",
-      "sidebar_highlight_text": "hsla(0, 0%, 100%, 1)"
+      "sidebar_highlight_text": "hsla(0, 0%, 100%, 1)",
+      "focus_outline": "hsla(258, 65%, 48%, 1)"
     }
   },
   "dark_theme": {
@@ -119,7 +120,14 @@
       "sidebar_text": "hsla(255, 100%, 94%, 1)",
       "sidebar_border": "hsla(255, 100%, 94%, .24)",
       "sidebar_highlight": "hsla(259, 76%, 58%, 1)",
-      "sidebar_highlight_text": "hsla(0, 0%, 100%, 1)"
+      "sidebar_highlight_text": "hsla(0, 0%, 100%, 1)",
+      "focus_outline": "hsla(265, 100%, 72%, 1)"
+    }
+  },
+
+  "theme_experiment": {
+    "colors": {
+      "focus_outline": "--focus-outline-color"
     }
   }
 }

toolkit/components/extensions/parent/ext-theme.js

@@ -68,6 +68,13 @@ class Theme {
             images: {},
             properties: {},
           };
+          if (this.lwtDarkStyles) {
+            this.lwtDarkStyles.experimental = {
+              colors: {},
+              images: {},
+              properties: {},
+            };
+          }
           const { baseURI } = this.extension;
           if (experiment.stylesheet) {
             experiment.stylesheet = baseURI.resolve(experiment.stylesheet);