remove color bg button

editors/demo/src/Editoria/theme/theme.js

@@ -22,7 +22,6 @@ const cokoTheme = {
   colorWarning: '#ffc107',
   colorBackgroundToolBar: '#fff',
   colorSelection: '#C5D7FE',
-  colorBackgroundButton: '#0042C7',
   /* Text variables */
 
   // fonts

editors/demo/src/HHMI/theme/theme.js

@@ -22,7 +22,6 @@ const cokoTheme = {
   colorWarning: '#ffc107',
   colorBackgroundToolBar: '#fff',
   colorSelection: '#C5D7FE',
-  colorBackgroundButton: '#0042C7',
   /* Text variables */
 
   // fonts

editors/demo/src/NCBI/theme/theme.js

@@ -22,7 +22,6 @@ const cokoTheme = {
   colorWarning: '#ffc107',
   colorBackgroundToolBar: '#fff',
   colorSelection: '#C5D7FE',
-  colorBackgroundButton: '#0042C7',
   /* Text variables */
 
   // fonts

editors/demo/src/OEN/theme/theme.js

@@ -22,7 +22,6 @@ const cokoTheme = {
   colorWarning: '#ffc107',
   colorBackgroundToolBar: '#fff',
   colorSelection: '#C5D7FE',
-  colorBackgroundButton: '#0042C7',
   /* Text variables */
 
   // fonts

wax-prosemirror-services/src/FindAndReplaceService/components/CheckBox.js

@@ -37,7 +37,7 @@ const CheckBoxLabel = styled.label`
 
   input:checked ~ span::after {
     background-color: transparent;
-    border: solid ${th('colorBackgroundButton')};
+    border: solid ${th('colorPrimary')};
     border-radius: 0;
     border-width: 0 2px 2px 0;
     height: 12px;
@@ -66,7 +66,7 @@ const CheckboxCustom = styled.span`
   -o-transition: all 0.3s ease-out;
 
   &:after {
-    border: solid ${th('colorBackgroundButton')};
+    border: solid ${th('colorPrimary')};
     border-radius: 5px;
     border-width: 0 3px 3px 0;
     content: '';

wax-prosemirror-services/src/FindAndReplaceService/components/ExpandedFindAndReplaceComponent.js

@@ -97,8 +97,8 @@ const ControlContainer = styled.div`
 `;
 
 const ButtonReplace = styled.button`
-  background: ${th('colorBackgroundButton')};
-  border: 1px solid ${th('colorBackgroundButton')};
+  background: ${th('colorPrimary')};
+  border: 1px solid ${th('colorPrimary')};
   color: white;
   cursor: pointer;
   height: 42px;
@@ -108,8 +108,8 @@ const ButtonReplace = styled.button`
 
 const ButtonReplaceAll = styled.button`
   background: white;
-  border: 1px solid ${th('colorBackgroundButton')};
-  color: ${th('colorBackgroundButton')};
+  border: 1px solid ${th('colorPrimary')};
+  color: ${th('colorPrimary')};
   cursor: pointer;
   height: 42px;
   margin-right: 10px;