tweak skiplink style

f2/src/components/skip-link/index.js

@@ -24,7 +24,8 @@ export const SkipLink = ({ invisible, ...rest }) => (
     <A
       mt={2}
       p={2}
-      backgroundColor="black"
+      textDecoration=""
+      backgroundColor="blue.900"
       color="white"
       fontWeight="bold"
       position="absolute"

f2/src/components/skip-link/skip-link.stories.mdx

@@ -0,0 +1,22 @@
+import { Meta, Story, Props, Preview } from '@storybook/addon-docs/blocks'
+import ThemeDecorator from '../../../.storybook/themeDecorator'
+import { SkipLink } from './index'
+import { Stack } from '@chakra-ui/core'
+
+<Meta
+  title="Components/SkipLink"
+  component={SkipLink}
+  decorators={[ThemeDecorator]}
+/>
+
+# SkipLink
+
+<Preview>
+  <Story height="50px" name="SkipLink">
+    <SkipLink>Hello there</SkipLink>
+  </Story>
+</Preview>
+
+## Props
+
+<Props of={SkipLink} />

f2/src/locales/en.json

@@ -1,5 +1,5 @@
 {
-  "SkipLink.text": "Skip to main content.",
+  "SkipLink.text": "Skip to main content",
   "backButton.text": "Go back",
   "banner.footerPrivacy": "Privacy",
   "banner.footerTermsAndConditions": "Terms and conditions",

f2/src/locales/fr.json

@@ -1,5 +1,5 @@
 {
-  "SkipLink.text": "Aller au contenu principal.",
+  "SkipLink.text": "Aller au contenu principal",
   "backButton.text": "Retour",
   "banner.footerPrivacy": "Confidentialité",
   "banner.footerTermsAndConditions": "Avis",