fix: color variables

lskjs · Feb 26, 2024 · 2d54eb5 · 2d54eb5
1 parent f7ff1d8
commit 2d54eb5
Show file tree

Hide file tree

Showing 80 changed files with 1,250 additions and 1,233 deletions.
diff --git a/packages/add-to-calendar/package-lock.json b/packages/add-to-calendar/package-lock.json
diff --git a/packages/add-to-calendar/src/AddToCalendar.jsx b/packages/add-to-calendar/src/AddToCalendar.jsx
@@ -8,8 +8,8 @@ import HelpersClass from './helpers';
 const helpers = new HelpersClass();
 
 const styleDropdown = css`
-  background-color: #fff;
-  border: 1px solid #9b9b9b;
+  background-color: var(--colors-white, #fff);
+  border: 1px solid var(--colors-secondary, #9b9b9b);
   border-radius: 2px;
   padding: 5px 10px;
   margin-top: 4px;
@@ -109,7 +109,7 @@ export default class ReactAddToCalendar extends Component {
         <li key={helpers.getRandomKey()}>
           <a
             className={`${currentItem}-link`}
-            style={{ color: '#4a4a4a' }}
+            style={{ color: 'var(--colors-main, #4a4a4a)' }}
             onClick={self.handleDropdownLinkClick}
             href={helpers.buildUrl(self.props.event, currentItem, self.state.isCrappyIE)}
             target="_blank"

diff --git a/packages/article/package-lock.json b/packages/article/package-lock.json
diff --git a/packages/avatar/package-lock.json b/packages/avatar/package-lock.json
diff --git a/packages/avatar/src/Avatar.jsx b/packages/avatar/src/Avatar.jsx
@@ -164,7 +164,7 @@ Avatar.defaultProps = {
   height: null,
 
   // backgroundColor: '#838383',
-  textColor: '#d9d9d9',
+  textColor: 'var(--colors-gray, #d9d9d9)',
   textScale: 1,
 
   placeholder: null,

diff --git a/packages/avatar/src/AvatarGroup.jsx b/packages/avatar/src/AvatarGroup.jsx
@@ -75,7 +75,7 @@ AvatarGroup.defaultProps = {
   limit: null,
   offset: -0.35,
   count: null,
-  backgroundColor: '#838383',
+  backgroundColor: 'var(--colors-secondary, #838383)',
   items: [],
 };
 

diff --git a/packages/button/package-lock.json b/packages/button/package-lock.json