better light colors for slug titles

falsepopsky · Jul 20, 2024 · 0052182 · 0052182
1 parent a9a0717
commit 0052182
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 9 deletions.
diff --git a/.github/labeler.yaml b/.github/labeler.yaml
@@ -15,3 +15,4 @@
           - ".prettierrc"
           - next.config.js
           - ".eslintrc.json"
+          - ".devcontainer/**"
diff --git a/app/Shared.tsx b/app/Shared.tsx
@@ -81,11 +81,8 @@ export function getSvgMapElement(key: SVGKEYS) {
     ),
     'no-longer-on-list': (
       <>
-        <svg viewBox='0 0 43.09 38.46' width={24}>
-          <path
-            d='M21.64,12.46l-11,1v15l1,.17v7.92l11,1.92h1l9-1V14.46l-10-2h-1Zm1,24.91l-10-1.83v-6.75l10,1.67v6.91Zm9-.91l-8,.89V16.46l8-.89v20.89ZM22.64,15.46v13.83l-11-1.83V14.46l10.31-.94,6.47,1.29-5.79,.64ZM0,9.12l7.77,4.53,.5-.86L.5,8.26l-.5,.86ZM5.2,4.3l3.1,3.93,.79-.62-3.1-3.93-.79,.62Zm37.39,3.96l-7.77,4.53,.5,.86,7.77-4.53-.5-.86Zm-5.48-4.57l-3.1,3.93,.79,.62,3.1-3.93-.79-.62ZM21.53,0l-4.06,5.49-7.28-2.81s-.04,.1,3.42,6.93c5.2-.75,10.62-.75,15.82,0,3.47-6.88,3.43-6.92,3.43-6.92l-7.29,2.81L21.53,0Z'
-            fill='#ffce00'
-          />
+        <svg viewBox='0 0 43.09 38.46' width={24} className='fill-violet-900 dark:fill-[#ffce00]'>
+          <path d='M21.64,12.46l-11,1v15l1,.17v7.92l11,1.92h1l9-1V14.46l-10-2h-1Zm1,24.91l-10-1.83v-6.75l10,1.67v6.91Zm9-.91l-8,.89V16.46l8-.89v20.89ZM22.64,15.46v13.83l-11-1.83V14.46l10.31-.94,6.47,1.29-5.79,.64ZM0,9.12l7.77,4.53,.5-.86L.5,8.26l-.5,.86ZM5.2,4.3l3.1,3.93,.79-.62-3.1-3.93-.79,.62Zm37.39,3.96l-7.77,4.53,.5,.86,7.77-4.53-.5-.86Zm-5.48-4.57l-3.1,3.93,.79,.62,3.1-3.93-.79-.62ZM21.53,0l-4.06,5.49-7.28-2.81s-.04,.1,3.42,6.93c5.2-.75,10.62-.75,15.82,0,3.47-6.88,3.43-6.92,3.43-6.92l-7.29,2.81L21.53,0Z' />
         </svg>
         <span className='hidden lg:block'>No Longer on List</span>
       </>

diff --git a/app/rush/[slug]/page.tsx b/app/rush/[slug]/page.tsx
@@ -45,7 +45,7 @@ export default async function Post({ params }: ParamsProps) {
           return (
             <a
               href={`#${type.toLowerCase().replaceAll(' ', '-')}`}
-              className='flex h-11 items-center gap-1 rounded-sm border border-[#256860] bg-[#f3fbf9] px-2 hover:border-[#2b7d74] dark:bg-[#101b19]'
+              className='flex h-11 items-center gap-1 rounded-sm border border-[#256860] bg-teal-100/70 px-2 hover:border-[#2b7d74] dark:bg-[#101b19]'
               key={type}>
               {getSvgMapElement(type.toLowerCase().replaceAll(' ', '-') as SVGKEYS)}
             </a>
@@ -58,7 +58,7 @@ export default async function Post({ params }: ParamsProps) {
           <div key={type} className='mb-3 mt-6 px-2 xl:px-0'>
             <h2
               id={type.toLowerCase().replaceAll(' ', '-')}
-              className='rounded-t-md border border-[#256860] border-b-transparent bg-[#f3fbf9] pl-1 pt-1 text-lg/snug dark:bg-[#101b19]'>
+              className='rounded-t-md border border-[#256860] border-b-transparent bg-teal-100/70 pl-1 pt-1 text-lg/snug dark:bg-[#101b19]'>
               {type}
             </h2>
 

diff --git a/app/speed/[slug]/page.tsx b/app/speed/[slug]/page.tsx
@@ -44,7 +44,7 @@ export default async function Post({ params }: ParamsProps) {
           return (
             <a
               href={`#${type.toLowerCase().replaceAll(' ', '-')}`}
-              className='flex h-11 items-center gap-1 rounded-sm border border-[#256860] bg-[#f3fbf9] px-2 hover:border-[#2b7d74] dark:bg-[#101b19]'
+              className='flex h-11 items-center gap-1 rounded-sm border border-[#256860] bg-teal-100/70 px-2 hover:border-[#2b7d74] dark:bg-[#101b19]'
               key={type}>
               {getSvgMapElement(type.toLowerCase().replaceAll(' ', '-') as SVGKEYS)}
             </a>
@@ -57,7 +57,7 @@ export default async function Post({ params }: ParamsProps) {
           <div key={type} className='mb-3 mt-6 px-2 xl:px-0'>
             <h2
               id={type.toLowerCase().replaceAll(' ', '-')}
-              className='rounded-t-md border border-[#256860] border-b-transparent bg-[#f3fbf9] pl-1 pt-1 dark:bg-[#101b19] md:text-lg/snug'>
+              className='rounded-t-md border border-[#256860] border-b-transparent bg-teal-100/70 pl-1 pt-1 dark:bg-[#101b19] md:text-lg/snug'>
               {type}
             </h2>