fix: correct teams theme siteVariables

CHANGELOG.md

@@ -17,6 +17,9 @@ This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.htm
 
 ## [Unreleased]
 
+### Fixes
+- Correct Teams theme site variables @sergiorv ([#110](https://github.com/stardust-ui/react/pull/110))
+
 <!--------------------------------[ v0.5.0 ]------------------------------- -->
 ## [v0.5.0](https://github.com/stardust-ui/react/tree/v0.5.0) (2018-08-30)
 [Compare changes](https://github.com/stardust-ui/react/compare/v0.4.0...v0.5.0)

src/themes/teams/components/Menu/menuVariables.ts

@@ -21,7 +21,7 @@ export interface IMenuVariables {
 export default (siteVars: any): IMenuVariables => {
   return {
     defaultColor: siteVars.gray02,
-    defaultActiveColor: siteVars.gray01,
+    defaultActiveColor: siteVars.black,
     defaultActiveBackgroundColor: siteVars.gray10,
     defaultBorderColor: siteVars.gray08,
 

src/themes/teams/siteVariables.ts

@@ -6,19 +6,16 @@ import { pxToRem } from '../../lib'
 
 export const htmlFontSize = '14px' // what 1rem represents
 
-const blackRgbaFormat = (alpha: number): string => `rgba(37, 36, 36, ${alpha})`
-export const black = blackRgbaFormat(1)
-export const gray01 = blackRgbaFormat(0.95)
-export const gray02 = blackRgbaFormat(0.75)
-export const gray03 = blackRgbaFormat(0.65)
-export const gray04 = blackRgbaFormat(0.5)
-export const gray06 = blackRgbaFormat(0.3)
-export const gray08 = blackRgbaFormat(0.15)
+export const black = '#252423'
+export const gray02 = '#484644'
+export const gray03 = '#605E5C'
+export const gray04 = '#979593'
+export const gray06 = '#C8C6C4'
+export const gray08 = '#E1DFDD'
 export const gray09 = '#EDEBE9'
 export const gray10 = '#F3F2F1'
-export const gray12 = blackRgbaFormat(0.05)
 export const gray14 = '#FAF9F8'
-export const fontBlack = '#252424'
+export const fontBlack = black
 
 export const white = '#FFF'