diff --git a/src/configuration-component.ts b/src/configuration-component.ts
index f07de40c..5f84d482 100644
--- a/src/configuration-component.ts
+++ b/src/configuration-component.ts
@@ -138,6 +138,8 @@ export class ConfigurationComponent {
+
+
Enable Utterances
diff --git a/src/stylesheets/themes/sakura-vader/button.scss b/src/stylesheets/themes/sakura-vader/button.scss
new file mode 100644
index 00000000..4aa8ac0c
--- /dev/null
+++ b/src/stylesheets/themes/sakura-vader/button.scss
@@ -0,0 +1,21 @@
+@import "./variables";
+
+.btn-primary {
+ background-color: $color-blossom;
+ border: 1px solid $color-blossom;
+ color: $color-bg;
+
+ .octicon{
+ color: $color-bg;
+ }
+}
+
+.btn-primary:hover {
+ background-color: $color-fade;
+ color: $color-bg;
+ outline: 0;
+}
+
+.btn-primary:disabled {
+ opacity: .5;
+}
\ No newline at end of file
diff --git a/src/stylesheets/themes/sakura-vader/index.scss b/src/stylesheets/themes/sakura-vader/index.scss
new file mode 100644
index 00000000..fea9ac92
--- /dev/null
+++ b/src/stylesheets/themes/sakura-vader/index.scss
@@ -0,0 +1,19 @@
+@import "./variables";
+@import "../../index";
+@import "./syntax";
+@import "./button.scss";
+
+a {
+ text-decoration: none;
+ color: $color-blossom;
+
+ &:visited {
+ color: darken($color-blossom, 10%);
+ }
+
+ &:hover {
+ text-decoration: none;
+ color: $color-fade;
+ border-bottom: 2px solid $color-text;
+ }
+}
\ No newline at end of file
diff --git a/src/stylesheets/themes/sakura-vader/sakura-vader.scss b/src/stylesheets/themes/sakura-vader/sakura-vader.scss
new file mode 100644
index 00000000..49e3f239
--- /dev/null
+++ b/src/stylesheets/themes/sakura-vader/sakura-vader.scss
@@ -0,0 +1,13 @@
+$color-force: #DA4453;
+$color-blossom: lighten($color-force, 20%);
+$color-fade: $color-force;
+
+$color-bg: #120c0e;
+$color-bg-alt: #40363a;
+
+/* $color-text: #dedce5; */
+$color-text: #d9d8dc;
+$font-size-base: 1.8rem;
+
+$font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
+$font-family-heading: $font-family-base;
diff --git a/src/stylesheets/themes/sakura-vader/syntax.scss b/src/stylesheets/themes/sakura-vader/syntax.scss
new file mode 100644
index 00000000..6fd1d451
--- /dev/null
+++ b/src/stylesheets/themes/sakura-vader/syntax.scss
@@ -0,0 +1 @@
+@import "github-syntax-dark/lib/github-dark";
diff --git a/src/stylesheets/themes/sakura-vader/utterances.scss b/src/stylesheets/themes/sakura-vader/utterances.scss
new file mode 100644
index 00000000..de2b9d12
--- /dev/null
+++ b/src/stylesheets/themes/sakura-vader/utterances.scss
@@ -0,0 +1,21 @@
+@import "./variables";
+@import "../../utterances";
+@import "./syntax";
+@import "./button.scss";
+
+.timeline-comment {
+ a {
+ text-decoration: none;
+ color: $color-blossom;
+
+ &:visited {
+ color: darken($color-blossom, 10%);
+ }
+
+ &:hover {
+ text-decoration: none;
+ color: $color-fade;
+ border-bottom: 2px solid $color-text;
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/stylesheets/themes/sakura-vader/variables.scss b/src/stylesheets/themes/sakura-vader/variables.scss
new file mode 100644
index 00000000..ada62363
--- /dev/null
+++ b/src/stylesheets/themes/sakura-vader/variables.scss
@@ -0,0 +1,22 @@
+@import "./sakura-vader.scss";
+
+/* Icy-Dark overwrites */
+
+$gray-000: $color-blossom;
+$gray-100: $color-blossom;
+$gray-200: $color-blossom;
+$gray-300: $color-blossom;
+$gray-400: $color-text;
+$gray-600: $color-text;
+$gray-700: $color-text;
+$bg-white: $color-bg;
+$bg-gray: $color-bg-alt;
+$bg-gray-light: darken($bg-gray, 5%);
+$border-gray: $color-bg-alt;
+$border-gray-dark: $border-gray;
+$text-gray: $color-text;
+$text-gray-dark: $color-text;
+$text-blue: $color-blossom;
+$bg-blue-light: $color-blossom;
+$black-fade-15: rgba(#fff, 0.15);
+$black-fade-30: rgba(#fff, 0.3);
\ No newline at end of file
diff --git a/src/stylesheets/themes/sakura/button.scss b/src/stylesheets/themes/sakura/button.scss
new file mode 100644
index 00000000..4aa8ac0c
--- /dev/null
+++ b/src/stylesheets/themes/sakura/button.scss
@@ -0,0 +1,21 @@
+@import "./variables";
+
+.btn-primary {
+ background-color: $color-blossom;
+ border: 1px solid $color-blossom;
+ color: $color-bg;
+
+ .octicon{
+ color: $color-bg;
+ }
+}
+
+.btn-primary:hover {
+ background-color: $color-fade;
+ color: $color-bg;
+ outline: 0;
+}
+
+.btn-primary:disabled {
+ opacity: .5;
+}
\ No newline at end of file
diff --git a/src/stylesheets/themes/sakura/index.scss b/src/stylesheets/themes/sakura/index.scss
new file mode 100644
index 00000000..fea9ac92
--- /dev/null
+++ b/src/stylesheets/themes/sakura/index.scss
@@ -0,0 +1,19 @@
+@import "./variables";
+@import "../../index";
+@import "./syntax";
+@import "./button.scss";
+
+a {
+ text-decoration: none;
+ color: $color-blossom;
+
+ &:visited {
+ color: darken($color-blossom, 10%);
+ }
+
+ &:hover {
+ text-decoration: none;
+ color: $color-fade;
+ border-bottom: 2px solid $color-text;
+ }
+}
\ No newline at end of file
diff --git a/src/stylesheets/themes/sakura/sakura.scss b/src/stylesheets/themes/sakura/sakura.scss
new file mode 100644
index 00000000..efa698dc
--- /dev/null
+++ b/src/stylesheets/themes/sakura/sakura.scss
@@ -0,0 +1,11 @@
+$color-blossom: #1d7484;
+$color-fade: #982c61;
+
+$color-bg: #f9f9f9;
+$color-bg-alt: #f1f1f1;
+
+$color-text: #4a4a4a;
+$font-size-base: 1.8rem;
+
+$font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
+$font-family-heading: $font-family-base;
\ No newline at end of file
diff --git a/src/stylesheets/themes/sakura/syntax.scss b/src/stylesheets/themes/sakura/syntax.scss
new file mode 100644
index 00000000..c876b569
--- /dev/null
+++ b/src/stylesheets/themes/sakura/syntax.scss
@@ -0,0 +1 @@
+@import "github-syntax-light/lib/github-light";
\ No newline at end of file
diff --git a/src/stylesheets/themes/sakura/utterances.scss b/src/stylesheets/themes/sakura/utterances.scss
new file mode 100644
index 00000000..de2b9d12
--- /dev/null
+++ b/src/stylesheets/themes/sakura/utterances.scss
@@ -0,0 +1,21 @@
+@import "./variables";
+@import "../../utterances";
+@import "./syntax";
+@import "./button.scss";
+
+.timeline-comment {
+ a {
+ text-decoration: none;
+ color: $color-blossom;
+
+ &:visited {
+ color: darken($color-blossom, 10%);
+ }
+
+ &:hover {
+ text-decoration: none;
+ color: $color-fade;
+ border-bottom: 2px solid $color-text;
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/stylesheets/themes/sakura/variables.scss b/src/stylesheets/themes/sakura/variables.scss
new file mode 100644
index 00000000..8f43b09c
--- /dev/null
+++ b/src/stylesheets/themes/sakura/variables.scss
@@ -0,0 +1,22 @@
+@import "./sakura.scss";
+
+/* Icy-Dark overwrites */
+
+$gray-000: $color-blossom;
+$gray-100: $color-blossom;
+$gray-200: $color-blossom;
+$gray-300: $color-blossom;
+$gray-400: $color-text;
+$gray-600: $color-text;
+$gray-700: $color-text;
+$bg-white: $color-bg;
+$bg-gray: $color-bg-alt;
+$bg-gray-light: darken($bg-gray, 5%);
+$border-gray: $color-bg-alt;
+$border-gray-dark: $border-gray;
+$text-gray: $color-text;
+$text-gray-dark: $color-text;
+$text-blue: $color-blossom;
+$bg-blue-light: $color-blossom;
+$black-fade-15: rgba(#fff, 0.15);
+$black-fade-30: rgba(#fff, 0.3);
\ No newline at end of file