fix: replace missing tailwind classes (#654)

checkmarble · Jan 15, 2025 · 767d91f · 767d91f
1 parent 59b4e5e
commit 767d91f
Show file tree

Hide file tree

Showing 9 changed files with 12 additions and 12 deletions.
diff --git a/packages/app-builder/src/components/Cases/RuleSnoozes.tsx b/packages/app-builder/src/components/Cases/RuleSnoozes.tsx
@@ -143,7 +143,7 @@ export function RuleSnoozes({
                       <Icon icon="snooze" className="size-6" />
                       {t('cases:case_detail.add_rule_snooze.snooze_this_value')}
                       <Nudge
-                        className="border-purple-25 absolute -right-3 -top-3 size-6 border"
+                        className="border-purple-96 absolute -right-3 -top-3 size-6 border"
                         content={t('cases:case_detail.add_rule_snooze.nudge')}
                         link="https://docs.checkmarble.com/docs/rule-snoozes"
                       />
@@ -158,7 +158,7 @@ export function RuleSnoozes({
                             'cases:case_detail.add_rule_snooze.snooze_this_value',
                           )}
                           <Nudge
-                            className="absolute -right-3 -top-3 size-6 border border-purple-50"
+                            className="border-purple-82 absolute -right-3 -top-3 size-6 border"
                             kind="test"
                             content={t(
                               'cases:case_detail.add_rule_snooze.nudge',

diff --git a/packages/app-builder/src/components/GithubBanner.tsx b/packages/app-builder/src/components/GithubBanner.tsx
@@ -10,7 +10,7 @@ export const GithubBanner = () => {
   const { t } = useTranslation(['common']);
 
   return isShown === 'true' ? (
-    <div className="text-s text-grey-00 absolute left-0 top-0 z-50 flex w-full flex-row justify-between gap-2 bg-purple-100 p-4 font-normal">
+    <div className="text-s text-grey-100 bg-purple-65 absolute left-0 top-0 z-50 flex w-full flex-row justify-between gap-2 p-4 font-normal">
       <div className="flex w-full flex-row items-center gap-4">
         <Icon icon="notifications" className="size-6" />
         <span className="inline-flex gap-1 font-semibold">

diff --git a/packages/app-builder/src/components/Scenario/TestRun/TestRunNudge.tsx b/packages/app-builder/src/components/Scenario/TestRun/TestRunNudge.tsx
@@ -9,11 +9,11 @@ export const TestRunNudge = () => {
 
   return (
     <section className="flex flex-col gap-8">
-      <h2 className="text-grey-100 text-m font-semibold">
+      <h2 className="text-grey-00 text-m font-semibold">
         {t('scenarios:home.testrun')}
       </h2>
       <div className="flex max-w-[500px] flex-row gap-4">
-        <div className="bg-grey-00 relative flex h-fit flex-col gap-4 rounded-lg border-2 border-purple-50 p-8">
+        <div className="bg-grey-100 border-purple-82 relative flex h-fit flex-col gap-4 rounded-lg border-2 p-8">
           <Nudge
             className="absolute -right-3 -top-3 size-6"
             content={t('scenarios:testrun.nudge')}

diff --git a/packages/app-builder/src/components/Scenario/Workflow/WorkflowNudge.tsx b/packages/app-builder/src/components/Scenario/Workflow/WorkflowNudge.tsx
@@ -9,11 +9,11 @@ export const WorkflowNudge = () => {
 
   return (
     <section className="flex flex-col gap-8">
-      <h2 className="text-grey-100 text-m font-semibold">
+      <h2 className="text-grey-00 text-m font-semibold">
         {t('scenarios:home.workflow')}
       </h2>
       <div className="flex max-w-[500px] flex-row gap-4">
-        <div className="bg-grey-00 relative flex h-fit flex-col gap-4 rounded-lg border-2 border-purple-50 p-8">
+        <div className="bg-grey-100 border-purple-82 relative flex h-fit flex-col gap-4 rounded-lg border-2 p-8">
           <Nudge
             className="absolute -right-3 -top-3 size-6"
             content={t('workflows:nudge')}

diff --git a/packages/app-builder/src/routes/_builder+/_layout.tsx b/packages/app-builder/src/routes/_builder+/_layout.tsx
@@ -142,7 +142,7 @@ export default function Builder() {
                         ) : null,
                       )
                       .with('restricted', () => (
-                        <div className="text-grey-25 relative flex gap-2 p-2">
+                        <div className="text-grey-80 relative flex gap-2 p-2">
                           <Icon icon="analytics" className="size-6 shrink-0" />
                           <span className="text-s line-clamp-1 text-start font-medium opacity-0 transition-opacity group-aria-expanded/nav:opacity-100">
                             {t('navigation:analytics')}

diff --git a/packages/app-builder/src/routes/ressources+/settings+/inboxes+/inbox-users.create.tsx b/packages/app-builder/src/routes/ressources+/settings+/inboxes+/inbox-users.create.tsx
@@ -197,7 +197,7 @@ export function CreateInboxUserContent({
           >
             <FormLabel className="flex gap-2">
               <span
-                className={clsx({ 'text-grey-25': access === 'restricted' })}
+                className={clsx({ 'text-grey-80': access === 'restricted' })}
               >
                 {t('settings:inboxes.inbox_details.role')}
               </span>

diff --git a/packages/app-builder/src/routes/ressources+/settings+/inboxes+/inbox-users.update.tsx b/packages/app-builder/src/routes/ressources+/settings+/inboxes+/inbox-users.update.tsx
@@ -188,7 +188,7 @@ export function UpdateInboxUserContent({
             <FormLabel className="flex gap-2">
               <span
                 className={clsx({
-                  'text-grey-25': access === 'restricted',
+                  'text-grey-80': access === 'restricted',
                 })}
               >
                 {t('settings:inboxes.inbox_details.role')}

diff --git a/packages/app-builder/src/routes/ressources+/settings+/users+/create.tsx b/packages/app-builder/src/routes/ressources+/settings+/users+/create.tsx
@@ -229,7 +229,7 @@ function CreateUserContent({
               <FormLabel className="flex flex-row gap-2">
                 <span
                   className={clsx({
-                    'text-grey-25': access === 'restricted',
+                    'text-grey-80': access === 'restricted',
                   })}
                 >
                   {t('settings:users.role')}

diff --git a/packages/app-builder/src/routes/ressources+/settings+/users+/update.tsx b/packages/app-builder/src/routes/ressources+/settings+/users+/update.tsx
@@ -212,7 +212,7 @@ function UpdateUserContent({
               <FormLabel className="flex gap-2">
                 <span
                   className={clsx({
-                    'text-grey-25': access === 'restricted',
+                    'text-grey-80': access === 'restricted',
                   })}
                 >
                   {t('settings:users.role')}