From bdcb908ca714c30483f9deaf89765425ce1bd140 Mon Sep 17 00:00:00 2001
From: Randall Morey <randall@randallmorey.com>
Date: Wed, 30 Sep 2020 12:15:18 -0400
Subject: [PATCH] chore: use stark/subtle instead of black/white

---
 .../rose/addon/styles/rose/components/dropdown/_button.scss   | 4 ++--
 .../rose/addon/styles/rose/components/dropdown/_dropdown.scss | 2 +-
 addons/rose/addon/styles/rose/components/dropdown/_link.scss  | 4 ++--
 addons/rose/addon/styles/rose/components/form/_checkbox.scss  | 4 ++--
 4 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/addons/rose/addon/styles/rose/components/dropdown/_button.scss b/addons/rose/addon/styles/rose/components/dropdown/_button.scss
index 7da5009a9..2fe195562 100644
--- a/addons/rose/addon/styles/rose/components/dropdown/_button.scss
+++ b/addons/rose/addon/styles/rose/components/dropdown/_button.scss
@@ -25,11 +25,11 @@
   }
 
   &.rose-dropdown-button-danger {
-    --background-color: var(--white);
+    --background-color: var(--subtle);
     --color: var(--failure);
 
     &:hover {
-      --color: var(--white);
+      --color: var(--subtle);
       --background-color: var(--failure);
     }
   }
diff --git a/addons/rose/addon/styles/rose/components/dropdown/_dropdown.scss b/addons/rose/addon/styles/rose/components/dropdown/_dropdown.scss
index b3467aff9..66d3d7188 100644
--- a/addons/rose/addon/styles/rose/components/dropdown/_dropdown.scss
+++ b/addons/rose/addon/styles/rose/components/dropdown/_dropdown.scss
@@ -17,7 +17,7 @@ $chevron: "data:image/svg+xml;utf-8,<svg viewBox='0 0 24 24' fill='%231b1f26' xm
     align-items: center;
     $yPadding: sizing.rems(xxs) + sizing.rems(xxxs);
     padding: $yPadding sizing.rems(m) $yPadding sizing.rems(l);
-    color: var(--black);
+    color: var(--stark);
     border-radius: sizing.rems(xxxs);
 
     // Hide default twistie triangle
diff --git a/addons/rose/addon/styles/rose/components/dropdown/_link.scss b/addons/rose/addon/styles/rose/components/dropdown/_link.scss
index 5174ebbaf..6fd5d039f 100644
--- a/addons/rose/addon/styles/rose/components/dropdown/_link.scss
+++ b/addons/rose/addon/styles/rose/components/dropdown/_link.scss
@@ -25,11 +25,11 @@
   }
 
   &.rose-dropdown-link-danger {
-    --background-color: var(--white);
+    --background-color: var(--subtle);
     --color: var(--failure);
 
     &:hover {
-      --color: var(--white);
+      --color: var(--subtle);
       --background-color: var(--failure);
     }
   }
diff --git a/addons/rose/addon/styles/rose/components/form/_checkbox.scss b/addons/rose/addon/styles/rose/components/form/_checkbox.scss
index d18e8b7d9..2b5008a0b 100644
--- a/addons/rose/addon/styles/rose/components/form/_checkbox.scss
+++ b/addons/rose/addon/styles/rose/components/form/_checkbox.scss
@@ -77,7 +77,7 @@
       &:focus {
         ~ .rose-form-checkbox-label {
           &::before {
-            border-color: var(--info);
+            border-color: var(--action);
           }
         }
       }
@@ -85,7 +85,7 @@
       &:checked {
         ~ .rose-form-checkbox-label {
           &::before {
-            border-color: var(--info);
+            border-color: var(--action);
           }
           &::after {
             background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 8 8'><path fill='%231563ff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>");