Merge pull request #918 from linuslundahl/fix/text-in-dark-mode

oskarhane · web-flow · commit 8fc2d3415019 · 2019-04-01T15:05:08.000+02:00
Update dark input and link colors.
diff --git a/src/browser/components/buttons/index.jsx b/src/browser/components/buttons/index.jsx
@@ -334,6 +334,7 @@ export const CarouselButton = props => {
 }
 
 export const StyledLink = styled.a`
+  color: ${props => props.theme.link};
   cursor: pointer;
   text-decoration: none;
   &:hover {
diff --git a/src/browser/modules/User/styled.jsx b/src/browser/modules/User/styled.jsx
@@ -41,6 +41,7 @@ export const StyledInput = styled.input`
   padding: 0 5px;
   border: ${props => props.theme.secondaryButtonBorder};
   border-radius: 4px;
+  color: ${props => props.theme.inputText};
 `
 export const StyledButtonContainer = styled.div`
   margin: 0 10px;
diff --git a/src/browser/styles/themes.js b/src/browser/styles/themes.js
@@ -29,6 +29,7 @@ export const base = {
   // Text colors
   primaryText: '#333',
   secondaryText: '#717172',
+  inputText: '#717172',
   headerText: '#333',
   asideText: '#666',
   link: '#428BCA',

Original file line number	Diff line number	Diff line change
`@@ -334,6 +334,7 @@ export const CarouselButton = props => {`
`334`	`334`	`}`
`335`	`335`
`336`	`336`	export const StyledLink = styled.a`
	`337`	`+ color: ${props => props.theme.link};`
`337`	`338`	`cursor: pointer;`
`338`	`339`	`text-decoration: none;`
`339`	`340`	`&:hover {`
Original file line number	Diff line number	Diff line change
@@ -41,6 +41,7 @@ export const StyledInput = styled.input`
`41`	`41`	`padding: 0 5px;`
`42`	`42`	`border: ${props => props.theme.secondaryButtonBorder};`
`43`	`43`	`border-radius: 4px;`
	`44`	`+ color: ${props => props.theme.inputText};`
`44`	`45`	`
`45`	`46`	export const StyledButtonContainer = styled.div`
`46`	`47`	`margin: 0 10px;`