summaryrefslogtreecommitdiffstats
path: root/browser/components/pocket/content/panels/style-guide.html
diff options
context:
space:
mode:
Diffstat (limited to 'browser/components/pocket/content/panels/style-guide.html')
-rw-r--r--browser/components/pocket/content/panels/style-guide.html34
1 files changed, 34 insertions, 0 deletions
diff --git a/browser/components/pocket/content/panels/style-guide.html b/browser/components/pocket/content/panels/style-guide.html
new file mode 100644
index 0000000000..cdc3368178
--- /dev/null
+++ b/browser/components/pocket/content/panels/style-guide.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta charset="utf-8" />
+ <meta
+ http-equiv="Content-Security-Policy"
+ content="default-src chrome:; object-src 'none'; img-src https://img-getpocket.cdn.mozilla.net;"
+ />
+ <base href="chrome://pocket/content/panels/" />
+ <link rel="localization" href="toolkit/branding/brandings.ftl" />
+ <link rel="localization" href="browser/aboutPocket.ftl" />
+ <title>Pocket: Style Guide</title>
+ <link rel="stylesheet" href="css/main.compiled.css" />
+ </head>
+ <body>
+ <script src="js/vendor.bundle.js"></script>
+ <script src="js/main.bundle.js"></script>
+ <script src="js/style-guide/entry.js"></script>
+
+ <div id="stp_style_guide">
+ <div id="dark_mode_toggle">
+ <form autocomplete="off">
+ <label for="dark_mode_checkbox"><strong>Dark Mode: </strong></label>
+ <input id="dark_mode_checkbox" type="checkbox" />
+ </form>
+ </div>
+ <h1>
+ Save To Pocket:<br />
+ Style Guide
+ </h1>
+ <div id="stp_style_guide_components"></div>
+ </div>
+ </body>
+</html>