diff --git a/epicyon-profile.css b/epicyon-profile.css
index c50ea41d1..d829cb071 100644
--- a/epicyon-profile.css
+++ b/epicyon-profile.css
@@ -727,10 +727,11 @@ input[type=submit]:hover {
 .newPostDropdown > a[role="button"] {
   display: inline-block;
   padding: 6px 15px;
-  color: #333;
+  color: var(--dropdown-fg-color);
+  font-size: var(--font-size)
   line-height: 1.5em;
   text-decoration: none;
-  border: 1px solid #8c8c8c;
+  border: 0;
   cursor: pointer;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
@@ -740,7 +741,7 @@ input[type=submit]:hover {
 .newPostDropdown > label:hover,
 .newPostDropdown > a[role="button"]:hover,
 .newPostDropdown > a[role="button"]:focus {
-  border-color: #333;
+  border-color: var(--dropdown-fg-color);
 }
 
 .newPostDropdown > label:after,
@@ -757,8 +758,8 @@ input[type=submit]:hover {
   display: block;
   left: -100vw;
   top: calc(1.5em + 14px);
-  border: 1px solid #8c8c8c;
-  background: #fff;
+  border: 0;
+  background: var(--dropdown-bg-color);
   padding: 6px 0;
   margin: 0;
   list-style: none;
@@ -775,12 +776,12 @@ input[type=submit]:hover {
   display: block;
   padding: 6px 15px;
   text-decoration: none;
-  color: #333;
+  color: var(--main-fg-color);
 }
 
 .newPostDropdown > ul a:hover,
 .newPostDropdown > ul a:focus {
-  background: #ececec;
+  background: var(--dropdown-bg-color-hover);
 }
 
 .newPostDropdown > input[type="checkbox"]:checked ~ ul,