Merge pull request #3286 from codecrafters-io/pk-branch-7

pk-branch-7

Author: rohitpaulk

app/components/affiliate-link-page/accept-referral-container.hbs

@@ -29,7 +29,7 @@
 
   <div class="flex flex-col items-center">
     {{! Disabled buttons can be translucent, the added background makes them more visible }}
-    <div class="inline-flex bg-white dark:bg-gray-900 rounded-sm">
+    <div class="inline-flex bg-white dark:bg-gray-925 rounded-sm">
       <AffiliateLinkPage::AcceptReferralButton @affiliateLink={{@affiliateLink}} @course={{@course}} />
     </div>
 

app/components/affiliate-link-page/hero-section.hbs

@@ -1,11 +1,11 @@
 <div class="flex flex-col md:flex-row gap-12" ...attributes>
   <div class="flex flex-col">
-    <h1 class="text-3xl text-gray-925 font-bold mb-6 md:text-4xl">
+    <h1 class="text-3xl text-gray-950 font-bold mb-6 md:text-4xl">
       Become a
       <span class="font-extrabold">better, confident</span>
       programmer.
     </h1>
-    <p class="text-lg text-gray-850">Stop letting advanced programming projects intimidate you. Start approaching them with the calm and confidence of
+    <p class="text-lg text-gray-900">Stop letting advanced programming projects intimidate you. Start approaching them with the calm and confidence of
       a craftsman who has seen it before.</p>
 
     <hr class="h-1 text-gray-200 mt-5 mb-5" />

app/components/badges-page/badge-earned-modal.hbs

@@ -1,5 +1,5 @@
 <div
-  class="rounded-md shadow-xs overflow-hidden border border-gray-850 relative shrink overflow-y-auto px-6 sm:px-16 py-16 min-h-0 w-full max-w-(--breakpoint-lg) from-[#181818] to-[#0A0A0A] bg-linear-to-br"
+  class="rounded-md shadow-xs overflow-hidden border border-gray-900 relative shrink overflow-y-auto px-6 sm:px-16 py-16 min-h-0 w-full max-w-(--breakpoint-lg) from-[#181818] to-[#0A0A0A] bg-linear-to-br"
   {{on-click-outside @onClose}}
   ...attributes
   data-test-badge-earned-modal

app/components/billing-status-badge/discount-timer-badge.hbs

@@ -1,6 +1,6 @@
 <LinkTo
   @route="pay"
-  class="flex bg-linear-to-b from-gray-600 to-gray-925 border border-yellow-600 rounded-sm shadow-xs
+  class="flex bg-linear-to-b from-gray-600 to-gray-950 border border-yellow-600 rounded-sm shadow-xs
     {{if (eq @size 'small') 'px-1.5 py-1 text-xs'}}
     {{if (eq @size 'large') 'px-2 py-1.5 text-sm'}}"
   data-test-discount-timer-badge

app/components/code-walkthrough-page/header.hbs

@@ -5,7 +5,7 @@
         <div class="text-gray-400 uppercase text-xs font-bold tracking-wider mb-2">
           SOURCE WALKTHROUGH
         </div>
-        <h1 class="text-gray-850 text-2xl md:text-5xl font-bold mb-4">
+        <h1 class="text-gray-900 text-2xl md:text-5xl font-bold mb-4">
           {{@codeWalkthrough.title}}
         </h1>
         <div class="text-gray-600 max-w-lg leading-relaxed mb-4">

app/components/collapsible-faq-list-item.hbs

@@ -9,7 +9,7 @@
       {{svg-jar "chevron-down" class=(concat "w-5 h-5 transition-transform duration-500 " (if @isOpen "rotate-180"))}}
     </div>
 
-    <div class="font-semibold text-gray-850 dark:text-gray-200">{{@faq.question_markdown}}</div>
+    <div class="font-semibold text-gray-900 dark:text-gray-200">{{@faq.question_markdown}}</div>
   </div>
 
   <AnimatedContainer>

app/components/comment-card/downvote-button.hbs

@@ -1,6 +1,6 @@
 <button
   type="button"
-  class="hover:bg-white dark:hover:bg-gray-850 px-1 py-0.5 rounded-sm flex items-center border
+  class="hover:bg-white dark:hover:bg-gray-900 px-1 py-0.5 rounded-sm flex items-center border
     {{if
       this.currentUserHasDownvoted
       'border-red-500 hover:border-red-600'

app/components/comment-card/index.hbs

@@ -1,7 +1,7 @@
 <div
   data-test-comment-card
   data-test-child-comment="{{if @comment.parentComment true false}}"
-  class="w-full {{if @comment.parentComment 'min-w-0' 'bg-white dark:bg-gray-900 rounded-sm'}}"
+  class="w-full {{if @comment.parentComment 'min-w-0' 'bg-white dark:bg-gray-925 rounded-sm'}}"
   ...attributes
 >
   {{#if this.isEditing}}
@@ -17,7 +17,7 @@
         {{if
           @comment.parentComment
           'py-1'
-          'bg-gray-100 dark:bg-gray-825 rounded-t py-2 px-4 border-b border-gray-200 dark:border-white/5 shadow-xs'
+          'bg-gray-100 dark:bg-gray-850 rounded-t py-2 px-4 border-b border-gray-200 dark:border-white/5 shadow-xs'
         }}"
     >
       <div class="flex items-center flex-wrap">
@@ -64,20 +64,20 @@
             </dd.Trigger>
             <dd.Content>
               <div
-                class="py-2 border border-gray-200 rounded-sm shadow-sm text-sm text-gray-600 min-w-[150px] max-w-xl bg-white dark:bg-gray-900"
+                class="py-2 border border-gray-200 rounded-sm shadow-sm text-sm text-gray-600 min-w-[150px] max-w-xl bg-white dark:bg-gray-925"
                 data-test-more-dropdown-content
               >
-                <div class="px-3 py-1 hover:bg-gray-50 dark:hover:bg-gray-850 flex items-center justify-between group">
+                <div class="px-3 py-1 hover:bg-gray-50 dark:hover:bg-gray-900 flex items-center justify-between group">
                   <div role="button" {{on "click" (fn this.updateCommentStatus "approved" dd.actions)}}>
                     Approved
                   </div>
                 </div>
-                <div class="px-3 py-1 hover:bg-gray-50 dark:hover:bg-gray-850 flex items-center justify-between group">
+                <div class="px-3 py-1 hover:bg-gray-50 dark:hover:bg-gray-900 flex items-center justify-between group">
                   <div role="button" {{on "click" (fn this.updateCommentStatus "rejected" dd.actions)}}>
                     Rejected
                   </div>
                 </div>
-                <div class="px-3 py-1 hover:bg-gray-50 dark:hover:bg-gray-850 flex items-center justify-between group">
+                <div class="px-3 py-1 hover:bg-gray-50 dark:hover:bg-gray-900 flex items-center justify-between group">
                   <div role="button" {{on "click" (fn this.updateCommentStatus "awaiting_approval" dd.actions)}}>
                     Awaiting Approval
                   </div>
@@ -123,7 +123,7 @@
   {{/if}}
 
   {{#if (gt this.visibleChildComments.length 0)}}
-    <div class="bg-gray-50 dark:bg-gray-825 py-2 px-4 border-t border-gray-200 dark:border-white/5 {{if this.shouldShowReplyForm '' 'rounded-b'}}">
+    <div class="bg-gray-50 dark:bg-gray-850 py-2 px-4 border-t border-gray-200 dark:border-white/5 {{if this.shouldShowReplyForm '' 'rounded-b'}}">
       {{#each this.visibleChildComments as |childComment|}}
         <div class="flex items-start">
           <a href={{childComment.user.codecraftersProfileUrl}} class="mt-0.5 flex items-center shrink-0" target="_blank" rel="noopener noreferrer">
@@ -151,7 +151,7 @@
         Hide rejected replies
       </TertiaryButton>
     </div>
-    <div class="bg-gray-50 dark:bg-gray-825 py-2 px-4 border-t border-gray-200 dark:border-white/5 rounded-b">
+    <div class="bg-gray-50 dark:bg-gray-850 py-2 px-4 border-t border-gray-200 dark:border-white/5 rounded-b">
       {{#each this.rejectedChildComments as |childComment|}}
         <div class="flex items-start">
           <a href={{childComment.user.codecraftersProfileUrl}} class="mt-0.5 flex items-center shrink-0" target="_blank" rel="noopener noreferrer">

app/components/comment-card/more-dropdown.hbs

@@ -6,7 +6,7 @@
   </dd.Trigger>
   <dd.Content>
     <div
-      class="py-2 border border-gray-200 dark:border-white/10 rounded-sm shadow-sm text-sm text-gray-600 dark:text-gray-300 min-w-[150px] max-w-xl bg-white dark:bg-gray-900"
+      class="py-2 border border-gray-200 dark:border-white/10 rounded-sm shadow-sm text-sm text-gray-600 dark:text-gray-300 min-w-[150px] max-w-xl bg-white dark:bg-gray-925"
       data-test-more-dropdown-content
     >
       {{#if (eq this.currentUser @comment.user)}}

app/components/comment-card/reply-button.hbs

@@ -1,7 +1,7 @@
 {{! @glint-nocheck: not typesafe yet }}
 <button
   type="button"
-  class="pr-2 pl-1 py-0.5 rounded-sm flex items-center hover:bg-white dark:hover:bg-gray-850 border border-gray-200 dark:border-white/5 hover:border-gray-300 dark:hover:border-gray-700/60 transition-all duration-75"
+  class="pr-2 pl-1 py-0.5 rounded-sm flex items-center hover:bg-white dark:hover:bg-gray-900 border border-gray-200 dark:border-white/5 hover:border-gray-300 dark:hover:border-gray-700/60 transition-all duration-75"
   ...attributes
   data-test-reply-button
 >