Revert svg icon stroke changes

no issue
- reverts "remove hardcoded icon stroke colors"
- revert "add stroke color to button classes, remove icon-specific stoke/fill styles"

Unfortunately these changes had a larger effect than was initially obvious, will PR if these changes still prove to be useful.

app/styles/components/settings-menu.css

@@ -82,8 +82,7 @@
 .settings-menu-header .close svg {
     height: 12px;
     width: 12px;
-    fill: var(--darkgrey);
-    stroke: var(--darkgrey);
+    fill: --var(darkgrey);
 }
 
 .settings-menu-header.subview h4 {
@@ -103,7 +102,6 @@
 
 .settings-menu-header.subview .back svg path {
     fill: var(--darkgrey);
-    stroke: var(--darkgrey);
 }
 
 /* Content

app/styles/patterns/buttons.css

@@ -12,7 +12,6 @@
     text-decoration: none !important;
     user-select: none;
     fill: color(var(--lightgrey) l(-27%) blackness(+15%));
-    stroke: color(var(--lightgrey) l(-27%) blackness(+15%));
     border-radius: 5px;
     transition: all 0.2s ease;
 
@@ -82,7 +81,6 @@ fieldset[disabled] .gh-btn {
     color: color(var(--darkgrey) l(+15%));
     text-shadow: 0 1px 0 #fff;
     fill: var(--darkgrey);
-    stroke: var(--darkgrey);
     background: linear-gradient(
     color(var(--lightgrey) l(-3%)),
     color(var(--lightgrey) l(-8%))
@@ -122,7 +120,6 @@ fieldset[disabled] .gh-btn {
     color: #fff;
     text-shadow: 0 -1px 0 rgba(0,0,0,0.1);
     fill: #fff;
-    stroke: #fff;
     background: linear-gradient(
     color(var(--blue) blackness(+10%)),
     color(var(--blue) l(-15%) saturation(-15%))
@@ -163,7 +160,6 @@ fieldset[disabled] .gh-btn {
     color: #fff;
     text-shadow: 0 -1px 0 rgba(0,0,0,0.1);
     fill: #fff;
-    stroke: #fff;
     background: linear-gradient(
     color(var(--green) blackness(+5%)),
     color(var(--green) l(-9%) saturation(-9%))
@@ -205,7 +201,6 @@ fieldset[disabled] .gh-btn {
     color: #fff;
     text-shadow: 0 -1px 0 rgba(0,0,0,0.1);
     fill: #fff;
-    stroke: #fff;
     background: linear-gradient(
     color(var(--red) blackness(+10%)),
     color(var(--red) l(-15%) saturation(-15%))
@@ -246,7 +241,6 @@ fieldset[disabled] .gh-btn {
     color: #fff;
     text-shadow: 0 -1px 0 rgba(0,0,0,0.1);
     fill: #fff;
-    stroke: #fff;
     background: linear-gradient(
     color(var(--darkgrey) blackness(+10%)),
     color(var(--darkgrey) l(-15%) saturation(-15%))
@@ -305,13 +299,18 @@ fieldset[disabled] .gh-btn {
     width: 1em;
     height: 1em;
     margin-right: 0.5em;
+    fill: #fff;
 }
 
 .gh-btn-icon-right svg {
     margin-left: 0.5em;
     margin-right: 0;
 }
 
+.gh-btn-icon svg path {
+    stroke: #fff;
+}
+
 .gh-btn svg.no-margin {
     margin: 0;
 }
@@ -323,6 +322,7 @@ fieldset[disabled] .gh-btn {
 /* Success icon  */
 
 path.animated-check-circle {
+    stroke: white;
     stroke-dashoffset: 300;
     stroke-dasharray: 300;
     animation: dash 4s ease-out forwards;