added primary color to the grid item and removed it from the backgrou…

…nd choices
NewSpring · Nov 11, 2016 · 01fccff · 01fccff
1 parent 522c93f
commit 01fccff
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/imports/blocks/recover-schedules/__stories__/Later.js b/imports/blocks/recover-schedules/__stories__/Later.js
@@ -14,14 +14,14 @@ import Later from "../Later";
 const story = storiesOf("Schedules", module)
   .addDecorator(withKnobs)
   .addDecorator(centered)
-  .addDecorator(backgrounds(defaultColors("light-primary", "light-secondary")))
+  .addDecorator(backgrounds([{ name: "light-secondary", value: "#f7f7f7", default: true }]))
   ;
 
 story
   .add("Later", withReadme(Readme, () => {
     return(
       <div className={"floating"}>
-        <div className={"grid__item"} style={{ maxWidth: "375px" }}>
+        <div className={"grid__item soft background--light-primary"} style={{ maxWidth: "375px" }}>
           <Later
             date={"20200101"}
             onClick={(e) => {

diff --git a/imports/blocks/recover-schedules/__stories__/Recover.js b/imports/blocks/recover-schedules/__stories__/Recover.js
@@ -14,7 +14,7 @@ import Recover, { RecoverableSchedule } from "../Recover";
 const story = storiesOf("Schedules", module)
   .addDecorator(withKnobs)
   .addDecorator(centered)
-  .addDecorator(backgrounds(defaultColors("light-primary", "light-secondary")))
+  .addDecorator(backgrounds([{ name: "light-secondary", value: "#f7f7f7", default: true }]))
   ;
 
 story
@@ -36,7 +36,7 @@ story
     ];
     return(
       <div className={"floating"}>
-        <div className={"grid__item"} style={{ maxWidth: "375px" }}>
+        <div className={"grid__item soft background--light-primary"} style={{ maxWidth: "375px" }}>
           <Recover
             schedules={schedules}
             hide={(e) => {

diff --git a/imports/blocks/recover-schedules/__stories__/Remind.js b/imports/blocks/recover-schedules/__stories__/Remind.js
@@ -14,13 +14,13 @@ import Remind from "../Remind";
 const story = storiesOf("Schedules", module)
   .addDecorator(withKnobs)
   .addDecorator(centered)
-  .addDecorator(backgrounds(defaultColors("light-primary", "light-secondary")))
+  .addDecorator(backgrounds([{ name: "light-secondary", value: "#f7f7f7", default: true }]))
   ;
 
 story
   .add("Remind Me Later", withReadme(Readme, () => (
     <div className={"floating"}>
-      <div className={"grid__item"} style={{ maxWidth: "375px" }}>
+      <div className={"grid__item soft background--light-primary"} style={{ maxWidth: "375px" }}>
         <Remind
           onSubmit={(e) => {
             e.preventDefault();