Merge branch 'toggle_css' into 'develop'

Fix toggle CSS, fixes #277

Closes #277

See merge request soapbox-pub/soapbox-fe!141

app/styles/components/react-toggle.scss

@@ -32,7 +32,7 @@
   height: 24px;
   padding: 0;
   border-radius: 30px;
-  background-color: var(--foreground-color);
+  background-color: hsla(var(--brand-color_h), var(--brand-color_s), var(--brand-color_l), 0.35);
   transition: background-color 0.2s ease;
 }
 

app/styles/components/theme-toggle.scss

@@ -9,6 +9,10 @@
     .react-toggle {
       vertical-align: middle;
 
+      &-track {
+        background-color: var(--foreground-color);
+      }
+
       &-track-check,
       &-track-x {
         display: flex;