From e9f7d5722785b49dc74fe532590a1b5272ddb5d5 Mon Sep 17 00:00:00 2001
From: Emmanuel Pelletier <manu@habite.la>
Date: Thu, 12 Sep 2024 17:17:59 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84(frontend)=20using=20darker=20prima?=
 =?UTF-8?q?ry=20color=20variation=20on=20important=20items?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

this is mainly to make opendesk demo work better, will clean that so
that it's customizable by theme
---
 src/frontend/apps/impress/src/components/Icon.tsx               | 1 +
 .../src/features/docs/doc-header/components/DocHeader.tsx       | 2 +-
 .../features/docs/doc-management/components/DocVisibility.tsx   | 2 +-
 .../src/features/docs/doc-management/components/ModalShare.tsx  | 2 +-
 .../impress/src/features/docs/docs-grid/components/DocsGrid.tsx | 2 +-
 5 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/frontend/apps/impress/src/components/Icon.tsx b/src/frontend/apps/impress/src/components/Icon.tsx
index ba9719bc..bbbfa9bb 100644
--- a/src/frontend/apps/impress/src/components/Icon.tsx
+++ b/src/frontend/apps/impress/src/components/Icon.tsx
@@ -13,6 +13,7 @@ export const IconBG = ({ iconName, ...textProps }: IconBGProps) => {
       $isMaterialIcon
       $size="36px"
       $theme="primary"
+      $variation="700"
       $background={colorsTokens()['primary-bg']}
       $css={`border: 1px solid ${colorsTokens()['primary-200']}`}
       $radius="12px"
diff --git a/src/frontend/apps/impress/src/features/docs/doc-header/components/DocHeader.tsx b/src/frontend/apps/impress/src/features/docs/doc-header/components/DocHeader.tsx
index 75f003ad..79aa8e35 100644
--- a/src/frontend/apps/impress/src/features/docs/doc-header/components/DocHeader.tsx
+++ b/src/frontend/apps/impress/src/features/docs/doc-header/components/DocHeader.tsx
@@ -39,7 +39,7 @@ export const DocHeader = ({ doc, versionId }: DocHeaderProps) => {
             <Text
               $isMaterialIcon
               $theme="primary"
-              $variation="600"
+              $variation="700"
               $size="2rem"
               $css={`&:hover {background-color: ${colorsTokens()['primary-100']}; };`}
               $hasTransition
diff --git a/src/frontend/apps/impress/src/features/docs/doc-management/components/DocVisibility.tsx b/src/frontend/apps/impress/src/features/docs/doc-management/components/DocVisibility.tsx
index cadff5a3..09daec7f 100644
--- a/src/frontend/apps/impress/src/features/docs/doc-management/components/DocVisibility.tsx
+++ b/src/frontend/apps/impress/src/features/docs/doc-management/components/DocVisibility.tsx
@@ -43,7 +43,7 @@ export const DocVisibility = ({ doc }: DocVisibilityProps) => {
       $justify="space-between"
     >
       <Box $direction="row" $gap="1rem">
-        <IconBG iconName="public" $margin="none" />
+        <IconBG iconName="public" />
         <Switch
           label={t(docPublic ? 'Doc public' : 'Doc private')}
           defaultChecked={docPublic}
diff --git a/src/frontend/apps/impress/src/features/docs/doc-management/components/ModalShare.tsx b/src/frontend/apps/impress/src/features/docs/doc-management/components/ModalShare.tsx
index cb74d841..8ed3cb8a 100644
--- a/src/frontend/apps/impress/src/features/docs/doc-management/components/ModalShare.tsx
+++ b/src/frontend/apps/impress/src/features/docs/doc-management/components/ModalShare.tsx
@@ -58,7 +58,7 @@ export const ModalShare = ({ onClose, doc }: ModalShareProps) => {
               $isMaterialIcon
               $size="48px"
               $theme="primary"
-              $variation="600"
+              $variation="700"
             >
               share
             </Text>
diff --git a/src/frontend/apps/impress/src/features/docs/docs-grid/components/DocsGrid.tsx b/src/frontend/apps/impress/src/features/docs/docs-grid/components/DocsGrid.tsx
index caf1ebe2..30fdd529 100644
--- a/src/frontend/apps/impress/src/features/docs/docs-grid/components/DocsGrid.tsx
+++ b/src/frontend/apps/impress/src/features/docs/docs-grid/components/DocsGrid.tsx
@@ -102,7 +102,7 @@ export const DocsGrid = ({ topSlot }: { topSlot?: ReactNode }) => {
           as="h2"
           $theme="primary"
           $margin="none"
-          $variation="600"
+          $variation="700"
         >
           {t('Documents')}
         </Text>