[components] Inherit color on state colored dialogs. (#571)

sanity-io · Feb 6, 2018 · 07fb511 · 07fb511
1 parent 469569c
commit 07fb511
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 0 deletions.
diff --git a/packages/@sanity/components/src/dialogs/styles/DefaultDialog.css b/packages/@sanity/components/src/dialogs/styles/DefaultDialog.css
@@ -55,21 +55,37 @@
 .danger {
   composes: root;
   background-color: color(var(--body-bg) a(90%));
+
+  @nest & a {
+    color: inherit;
+  }
 }
 
 .success {
   composes: root;
   background-color: color(var(--body-bg) a(90%));
+
+  @nest & a {
+    color: inherit;
+  }
 }
 
 .info {
   composes: root;
   background-color: color(var(--body-bg) a(90%));
+
+  @nest & a {
+    color: inherit;
+  }
 }
 
 .warning {
   composes: root;
   background-color: color(var(--body-bg) a(90%));
+
+  @nest & a {
+    color: inherit;
+  }
 }
 
 .dialog {

diff --git a/packages/@sanity/components/src/dialogs/styles/FullscreenDialog.css b/packages/@sanity/components/src/dialogs/styles/FullscreenDialog.css
@@ -32,24 +32,40 @@
   composes: root;
   color: var(--state-info-color--text);
   background-color: color(var(--state-info-color) a(95%));
+
+  @nest & .content a {
+    color: inherit;
+  }
 }
 
 .danger {
   composes: root;
   color: var(--state-danger-color--text);
   background-color: color(var(--state-danger-color) a(95%));
+
+  @nest & .content a {
+    color: inherit;
+  }
 }
 
 .success {
   composes: root;
   color: var(--state-success-color--text);
   background-color: color(var(--state-success-color) a(95%));
+
+  @nest & .content a {
+    color: inherit;
+  }
 }
 
 .warning {
   composes: root;
   color: var(--state-warning-color--text);
   background-color: color(var(--state-warning-color) a(95%));
+
+  @nest & .content a {
+    color: inherit;
+  }
 }
 
 .inner {