summaryrefslogtreecommitdiffstats
path: root/browser/components/pocket/content/panels/style-guide.html
diff options
context:
space:
mode:
Diffstat (limited to '')
-rw-r--r--browser/components/pocket/content/panels/style-guide.html28
1 files changed, 28 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..ccb2329ad1
--- /dev/null
+++ b/browser/components/pocket/content/panels/style-guide.html
@@ -0,0 +1,28 @@
+<!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="browser/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>