diff --git a/app/assets/stylesheets/top-bar.scss b/app/assets/stylesheets/top-bar.scss
index 0446ef9f5..70661af3a 100644
--- a/app/assets/stylesheets/top-bar.scss
+++ b/app/assets/stylesheets/top-bar.scss
@@ -55,6 +55,9 @@
       font-weight: bold;
       border-radius: 3px;
       border: 2px solid $black;
+      border: 2px solid var(--theme-top-bar-write-color, $black);
+      color: var(--theme-top-bar-write-color, $black);
+      background: var(--theme-top-bar-write-background, $green);
       @media screen and (min-width: 560px) {
         display: block;
         right: 140px;