Add TODO's

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
   }
 }

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