From 667e414b89e8f9d18df2603ee07f5cee4e885d5b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mateusz=20Burzy=C5=84ski?= Date: Wed, 8 Jul 2020 22:21:43 +0200 Subject: [PATCH 1/3] Remove grayscale filter from the docs (#1929) --- site/src/components/DocWrapper.js | 8 ++------ site/src/components/SiteHeader.js | 3 +-- site/src/pages/404.js | 10 ++-------- site/src/pages/community.js | 3 +-- 4 files changed, 6 insertions(+), 18 deletions(-) diff --git a/site/src/components/DocWrapper.js b/site/src/components/DocWrapper.js index a23ead414a..de66853177 100644 --- a/site/src/components/DocWrapper.js +++ b/site/src/components/DocWrapper.js @@ -177,10 +177,7 @@ export default ({ 'none', 'none', `1px solid ${colors.lighten(0.25, colors.border)}` - ], - filter: 'grayscale(100%)', - // needed for the filter above, Chrome messed up layers without it - zIndex: 1 + ] })} > @@ -211,8 +208,7 @@ export default ({ ], gridRow: 2, gridColumn: ['1 / span 2', '1 / span 2', '1 / span 1'], - paddingRight: [0, 0, 0], - filter: 'grayscale(100%)' + paddingRight: [0, 0, 0] })} > {children} diff --git a/site/src/components/SiteHeader.js b/site/src/components/SiteHeader.js index 12931a35b5..124a9d029d 100644 --- a/site/src/components/SiteHeader.js +++ b/site/src/components/SiteHeader.js @@ -64,8 +64,7 @@ export default function SiteHeader() { paddingTop: 24, display: 'flex', alignItems: 'center', - paddingBottom: space[2], - filter: 'grayscale(100%)' + paddingBottom: space[2] }} > { const title = 'NOT FOUND' return ( -
-

{title}

-

You just hit a route that doesn't exist... the sadness.😢

-
+

{title}

+

You just hit a route that doesn't exist... the sadness.😢

) } diff --git a/site/src/pages/community.js b/site/src/pages/community.js index bcba8cbf0d..2c6c6a7de6 100644 --- a/site/src/pages/community.js +++ b/site/src/pages/community.js @@ -16,8 +16,7 @@ const Community = (props: *) => {
From 7b8bcb9131791aa079865a526015ebc1ab778c7e Mon Sep 17 00:00:00 2001 From: Wendell Misiedjan Date: Thu, 9 Jul 2020 00:05:55 +0200 Subject: [PATCH 2/3] Add emotion-native-extended to the ecosystem list of packages (#1849) --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 3078dcc72c..d65fb95505 100644 --- a/README.md +++ b/README.md @@ -87,6 +87,7 @@ Look here 👉 _[emotion babel plugin feature table and documentation](https://g - [polished](https://github.com/styled-components/polished) - Lightweight set of Sass/Compass-style mixins/helpers for writing styles in JavaScript. - [monad-ui](https://github.com/muhajirdev/monad-ui/) - Utility First CSS-In-JS - [css-in-js-media](https://github.com/zx6658/css-in-js-media) - you can deal with responsive design using css-in-js easily with this `css-in-js-media` which is similar with include-media +- [emotion-native-extended](https://github.com/ItsWendell/emotion-native-extended) - Better styling support for Emotion Native with [React Native Extended Stylesheet](https://github.com/vitalets/react-native-extended-stylesheet) ### In the Wild From 3c0718676d3e1ec9b38b61954872a9403116e304 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mateusz=20Burzy=C5=84ski?= Date: Thu, 9 Jul 2020 11:21:07 +0200 Subject: [PATCH 3/3] Make links more accessible in the docs (#1930) --- site/src/utils/style.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/site/src/utils/style.js b/site/src/utils/style.js index 3e33bab7c4..cd9a813797 100644 --- a/site/src/utils/style.js +++ b/site/src/utils/style.js @@ -16,7 +16,7 @@ export const colors = { darken2: darken(0.15), darken3: darken(0.2), reallyLightPink: '#f9e9fb', - hightlight: '#D36AC2', + hightlight: '#C43BAD', border: '#C865B9', bg: '#FAF9FA', color: '#1B1D1D',