Move colors to shared variables

dmtrKovalenko · dmtrKovalenko · commit ee68f8bc7075 · 2021-02-08T16:13:20.000+02:00
diff --git a/packages/runner-ct/src/SpecList/spec-file.scss b/packages/runner-ct/src/SpecList/spec-file.scss
@@ -1,3 +1,5 @@
+@import "../runner-ct-variables.scss";
+
 .spec-list__file {
   list-style: none;
   margin: 4px 0;
@@ -17,24 +19,22 @@
     height: 0;
   }
 
-  $radio-color: #4299e1;
-
   .spec-list__radio-control {
     box-sizing: border-box;
     display: inline-block;
     margin-right: 8px;
     width: 10px;
     height: 10px;
     border-radius: 50%;
-    border: 1px solid $radio-color;
+    border: 1px solid $ct-accent-blue;
   }
 
   .spec-list__radio-control--unselected {
-    border: 1px solid $radio-color;
+    border: 1px solid $ct-accent-blue;
   }
 
   .spec-list__radio-control--selected {
-    background: $radio-color;
+    background: $ct-accent-blue;
   }
 }
 
diff --git a/packages/runner-ct/src/app/app.scss b/packages/runner-ct/src/app/app.scss
@@ -1,5 +1,5 @@
-$cypress-blue: #3380FF;
-$cypress-gray: #f6f6f6;
+@import "../runner-ct-variables.scss";
+
 $specs-list-offset: 40px; // hoisted to sync with the app-container
 $specs-list-padding: 20px;
 
diff --git a/packages/runner-ct/src/runner-ct-variables.scss b/packages/runner-ct/src/runner-ct-variables.scss
@@ -0,0 +1,4 @@
+$cypress-blue: #3380FF;
+$cypress-gray: #f6f6f6;
+
+$ct-accent-blue: #4299e1;

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+@import "../runner-ct-variables.scss";`
	`2`	`+`
`1`	`3`	`.spec-list__file {`
`2`	`4`	`list-style: none;`
`3`	`5`	`margin: 4px 0;`
`@@ -17,24 +19,22 @@`
`17`	`19`	`height: 0;`
`18`	`20`	`}`
`19`	`21`
`20`		`- $radio-color: #4299e1;`
`21`		`-`
`22`	`22`	`.spec-list__radio-control {`
`23`	`23`	`box-sizing: border-box;`
`24`	`24`	`display: inline-block;`
`25`	`25`	`margin-right: 8px;`
`26`	`26`	`width: 10px;`
`27`	`27`	`height: 10px;`
`28`	`28`	`border-radius: 50%;`
`29`		`- border: 1px solid $radio-color;`
	`29`	`+ border: 1px solid $ct-accent-blue;`
`30`	`30`	`}`
`31`	`31`
`32`	`32`	`.spec-list__radio-control--unselected {`
`33`		`- border: 1px solid $radio-color;`
	`33`	`+ border: 1px solid $ct-accent-blue;`
`34`	`34`	`}`
`35`	`35`
`36`	`36`	`.spec-list__radio-control--selected {`
`37`		`- background: $radio-color;`
	`37`	`+ background: $ct-accent-blue;`
`38`	`38`	`}`
`39`	`39`	`}`
`40`	`40`