colors and styles

packages/css/skiplink.css

@@ -24,8 +24,8 @@
     align-items: center;
     border: var(--ds-border-width-default) solid transparent;
     background-color: transparent;
-    color: var(--ds-color-accent-base-hover);
-    border-color: var(--ds-color-accent-base-hover);
+    color: var(--ds-color-accent-text-subtle);
+    border-color: var(--ds-color-accent-border-strong);
     width: fit-content;
     padding: var(--dsc-skiplink-padding);
     box-sizing: border-box;

packages/css/tabs.css

@@ -20,6 +20,7 @@
 
   .fds-tabs__content {
     padding: var(--ds-spacing-5);
+    color: var(--ds-color-neutral-text-default);
   }
 
   .fds-tabs--sm .fds-tabs__tab,

packages/css/textarea.css

@@ -39,6 +39,8 @@
     border: solid 1px var(--ds-color-neutral-border-default);
     border-radius: var(--ds-border-radius-md);
     resize: vertical;
+    background: var(--ds-color-neutral-background-default);
+    color: var(--ds-color-neutral-text-default);
   }
 
   .fds-textarea--sm .fds-textarea__input {

packages/react/src/components/SkipLink/SkipLink.stories.tsx

@@ -1,5 +1,7 @@
 import type { Meta, StoryFn } from '@storybook/react';
 
+import { Paragraph } from '../';
+
 import { SkipLink } from '.';
 type Story = StoryFn<typeof SkipLink>;
 
@@ -9,7 +11,7 @@ export default {
 } as Meta;
 
 export const Preview: Story = () => (
-  <>
+  <Paragraph>
     For å vise skiplinken, tab til dette eksempelet, eller klikk inni eksempelet
     og trykk <kbd>Tab</kbd>.
     <SkipLink href='#main-content'>Hopp til hovedinnhold</SkipLink>
@@ -19,5 +21,5 @@ export const Preview: Story = () => (
     >
       Region som kan motta fokus fra skiplink.
     </main>
-  </>
+  </Paragraph>
 );