fix(link): リンクactive時の色をOrange-700からOrange-800にする

Author: tsmd

.storybook/prose.css

@@ -403,7 +403,7 @@
   }
 }
 .prose .sbdocs-a:active {
-  color: var(--color-primitive-orange-700);
+  color: var(--color-primitive-orange-800);
   text-decoration-thickness: calc(1 / 16 * 1rem);
 }
 .prose .sbdocs-a:focus-visible {
@@ -441,4 +441,4 @@
   font: inherit;
   font-family: var(--font-family-mono), monospace;
   letter-spacing: 0;
-}
+}

src/components/Accordion/Accordion.tsx

@@ -93,7 +93,7 @@ export const AccordionBackLink = (props: AccordionBackLinkProps) => {
         flex items-start w-fit gap-1.5
         text-blue-1000 underline underline-offset-[calc(3/16*1rem)]
         hover:text-blue-1000 hover:decoration-[calc(3/16*1rem)]
-        active:text-orange-700 active:decoration-1
+        active:text-orange-800 active:decoration-1
         focus-visible:rounded-4 focus-visible:outline focus-visible:outline-4 focus-visible:outline-black focus-visible:outline-offset-[calc(2/16*1rem)] focus-visible:bg-yellow-300 focus-visible:text-blue-1000 focus-visible:ring-[calc(2/16*1rem)] focus-visible:ring-yellow-300
         ${className ?? ''}
       `}

src/components/Breadcrumbs/Breadcrumbs.tsx

@@ -45,7 +45,7 @@ export const BreadcrumbItem = ({
 export const breadcrumbLinkStyle = `
   text-blue-1000 text-oln-16N-100 underline underline-offset-[calc(3/16*1rem)]
   hover:text-blue-900 hover:decoration-[calc(3/16*1rem)]
-  active:text-orange-700 active:decoration-1
+  active:text-orange-800 active:decoration-1
   focus-visible:rounded-4 focus-visible:outline focus-visible:outline-4 focus-visible:outline-black focus-visible:outline-offset-[calc(2/16*1rem)] focus-visible:bg-yellow-300 focus-visible:text-blue-1000 focus-visible:ring-[calc(2/16*1rem)] focus-visible:ring-yellow-300
 `;
 

src/components/Disclosure/Disclosure.tsx

@@ -69,7 +69,7 @@ export const DisclosureBackLink = (props: DisclosureBackLinkProps) => {
         flex items-start w-fit gap-1.5
         text-blue-1000 underline underline-offset-[calc(3/16*1rem)]
         hover:text-blue-1000 hover:decoration-[calc(3/16*1rem)]
-        active:text-orange-700 active:decoration-1
+        active:text-orange-800 active:decoration-1
         focus-visible:rounded-4 focus-visible:outline focus-visible:outline-4 focus-visible:outline-black focus-visible:outline-offset-[calc(2/16*1rem)] focus-visible:bg-yellow-300 focus-visible:text-blue-1000 focus-visible:ring-[calc(2/16*1rem)] focus-visible:ring-yellow-300
         ${className ?? ''}
       `}

src/components/Link/Link.tsx

@@ -6,7 +6,7 @@ export const linkVisitedStyle = 'visited:text-magenta-900';
 export const linkHoverStyle = 'hover:text-blue-1000 hover:decoration-[calc(3/16*1rem)]';
 export const linkFocusStyle =
   'focus-visible:rounded-4 focus-visible:outline focus-visible:outline-4 focus-visible:outline-black focus-visible:outline-offset-[calc(2/16*1rem)] focus-visible:bg-yellow-300 focus-visible:text-blue-1000 focus-visible:ring-[calc(2/16*1rem)] focus-visible:ring-yellow-300';
-export const linkActiveStyle = 'active:text-orange-700 active:decoration-1';
+export const linkActiveStyle = 'active:text-orange-800 active:decoration-1';
 
 export const linkStyle = `
   ${linkDefaultStyle}