diff --git a/src/newsreader/scss/elements/button/_button.scss b/src/newsreader/scss/elements/button/_button.scss
index 7cd062a..a80dee3 100644
--- a/src/newsreader/scss/elements/button/_button.scss
+++ b/src/newsreader/scss/elements/button/_button.scss
@@ -16,7 +16,7 @@
 
   &--success, &--confirm {
     color: $white !important;
-    background-color: $green;
+    background-color: $green; // TODO add dark variant
 
     &:hover {
       background-color: lighten($green, +5%);
@@ -25,7 +25,7 @@
 
   &--error, &--cancel {
     color: $white !important;
-    background-color: $red;
+    background-color: $red; // TODO add dark variant
 
     &:hover {
       background-color: lighten($red, +5%);
@@ -35,7 +35,7 @@
 
   &--primary {
     color: $white !important;
-    background-color: $blue;
+    background-color: $blue; // TODO add dark variant
 
     &:hover {
       background-color: lighten($blue, 5%);
@@ -62,6 +62,6 @@
 
   &--disabled {
     color: $font-color !important;
-    background-color: $gray !important;
+    background-color: $gray !important; // TODO add dark variant
   }
 }
diff --git a/src/newsreader/scss/elements/button/_read-button.scss b/src/newsreader/scss/elements/button/_read-button.scss
index f2487eb..236662c 100644
--- a/src/newsreader/scss/elements/button/_read-button.scss
+++ b/src/newsreader/scss/elements/button/_read-button.scss
@@ -2,6 +2,8 @@
   @extend .button;
 
   color: var(--font-color);
+
+  // TODO add dark colored confirm green #007965
   background-color: $green;
 
   // TODO add mixin for default font awesome padding
diff --git a/todo.txt b/todo.txt
new file mode 100644
index 0000000..0cb6e6b
--- /dev/null
+++ b/todo.txt
@@ -0,0 +1,16 @@
+# font awesome refactor
+
+To be refactored:
+	- src/newsreader/js/pages/categories/components/CategoryCard.js:14:      favicon = <i className="gg-image" />;
+	- src/newsreader/js/pages/homepage/components/postlist/PostList.js:58:            <i className="gg-arrow-left" />
+	- src/newsreader/js/components/Messages.js:20:          {message.text} <i className="gg-close" onClick={() => this.close(index)} />
+	- src/newsreader/templates/base.html:31:      <i class="theme-switcher gg-dark-mode"></i>
+	- src/newsreader/news/core/templates/news/core/widgets/rule.html:10:  <i class="gg-image"></i>
+	- src/newsreader/news/collection/templates/news/collection/views/rules.html:61:                    <i class="gg-danger"></i>
+	- src/newsreader/news/collection/templates/news/collection/views/rules.html:63:                    <i class="gg-check"></i>
+	- src/newsreader/news/collection/templates/news/collection/views/rules.html:68:                    <i class="gg-check"></i>
+	- src/newsreader/news/collection/templates/news/collection/views/rules.html:70:                    <i class="gg-play-pause"></i>
+	- src/newsreader/scss/components/messages/_messages.scss:32:    & .gg-close {
+	- src/newsreader/scss/components/rules/_rules.scss:30:    & .gg-image {
+
+	- New dark colors for buttons