1 files changed, 28 insertions, 0 deletions
diff --git a/browser/components/pocket/content/panels/css/styleguide.scss b/browser/components/pocket/content/panels/css/styleguide.scss
new file mode 100644
index 0000000000..9310d6ba98
--- /dev/null
+++ b/browser/components/pocket/content/panels/css/styleguide.scss
@@ -0,0 +1,28 @@
+#stp_style_guide {
+  #dark_mode_toggle {
+    text-align: end;
+  }
+
+  border: 1px solid #ddd;
+  margin: 20px auto;
+  padding: 20px;
+  width: 260px;
+
+  @include theme_dark {
+    background: #42414c;
+  }
+
+  .stp_superheader {
+    margin: 0;
+  }
+
+  .stp_styleguide_h4 {
+    border-bottom: 1px solid #ccc;
+    margin: 20px 0;
+  }
+
+  .stp_styleguide_h5 {
+    font-size: 10px;
+    margin: 10px 0;
+  }
+}