fixes font color and defaults sans family

Vizzuality · Sep 18, 2023 · 48aa85d · 48aa85d
1 parent 16572a3
commit 48aa85d
Show file tree

Hide file tree

Showing 13 changed files with 14 additions and 13 deletions.
diff --git a/...roject/sidebar/project/header/project-button/publish-modal/company-uploader/component.tsx b/...roject/sidebar/project/header/project-button/publish-modal/company-uploader/component.tsx
@@ -220,7 +220,7 @@ export const CompanyUploader: React.FC<CompanyUploaderProps> = ({
                                   or <b>click here</b> to upload
                                 </p>
 
-                                <p className="mt-2 text-center text-xxs text-gray-100">{`Recommended file size < ${bytesToKilobytes(
+                                <p className="mt-2 text-center text-xxs text-gray-400">{`Recommended file size < ${bytesToKilobytes(
                                   COMPANY_LOGO_UPLOADER_MAX_SIZE
                                 )} KB`}</p>
 

diff --git a/app/layout/project/sidebar/project/inventory-panel/cost-surfaces/modals/upload/index.tsx b/app/layout/project/sidebar/project/inventory-panel/cost-surfaces/modals/upload/index.tsx
@@ -266,7 +266,7 @@ export const CostSurfaceUploadModal = ({
                               or <b>click here</b> to upload
                             </p>
 
-                            <p className="mt-2 text-center text-xxs text-gray-100">{`Recommended file size < ${bytesToMegabytes(
+                            <p className="mt-2 text-center text-xxs text-gray-400">{`Recommended file size < ${bytesToMegabytes(
                               COST_SURFACE_UPLOADER_MAX_SIZE
                             )} MB`}</p>
 

diff --git a/app/layout/project/sidebar/project/inventory-panel/features/modals/upload/index.tsx b/app/layout/project/sidebar/project/inventory-panel/features/modals/upload/index.tsx
@@ -410,7 +410,7 @@ export const FeatureUploadModal = ({
                               or <b>click here</b> to upload
                             </p>
 
-                            <p className="mt-2 text-center text-xxs text-gray-100">{`Recommended file size < ${bytesToMegabytes(
+                            <p className="mt-2 text-center text-xxs text-gray-400">{`Recommended file size < ${bytesToMegabytes(
                               UPLOADER_MAX_SIZE
                             )} MB`}</p>
 

diff --git a/app/layout/project/sidebar/project/inventory-panel/wdpas/modals/upload/index.tsx b/app/layout/project/sidebar/project/inventory-panel/wdpas/modals/upload/index.tsx
@@ -236,7 +236,7 @@ export const WDPAUploadModal = ({
                               or <b>click here</b> to upload
                             </p>
 
-                            <p className="mt-2 text-center text-xxs text-gray-100">{`Recommended file size < ${bytesToMegabytes(
+                            <p className="mt-2 text-center text-xxs text-gray-400">{`Recommended file size < ${bytesToMegabytes(
                               PROTECTED_AREA_UPLOADER_SHAPEFILE_MAX_SIZE
                             )} MB`}</p>
 

diff --git a/app/layout/project/sidebar/scenario/grid-setup/cost-surface/index.tsx b/app/layout/project/sidebar/scenario/grid-setup/cost-surface/index.tsx
@@ -310,7 +310,7 @@ export const GridSetupCostSurface = (): JSX.Element => {
                                           or <b>click here</b> to upload
                                         </p>
 
-                                        <p className="mt-2 text-center text-xxs text-gray-100">{`Recommended file size < ${bytesToMegabytes(
+                                        <p className="mt-2 text-center text-xxs text-gray-400">{`Recommended file size < ${bytesToMegabytes(
                                           COST_SURFACE_UPLOADER_MAX_SIZE
                                         )} MB`}</p>
 

diff --git a/app/layout/project/sidebar/scenario/grid-setup/features/add/add-modal/uploader/component.tsx b/app/layout/project/sidebar/scenario/grid-setup/features/add/add-modal/uploader/component.tsx
@@ -229,7 +229,7 @@ export const ScenariosFeaturesAddUploader = (): JSX.Element => {
                               or <b>click here</b> to upload
                             </p>
 
-                            <p className="mt-2 text-center text-xxs text-gray-100">{`Recommended file size < ${bytesToMegabytes(
+                            <p className="mt-2 text-center text-xxs text-gray-400">{`Recommended file size < ${bytesToMegabytes(
                               FEATURES_UPLOADER_SHAPEFILE_MAX_SIZE
                             )} MB`}</p>
 

diff --git a/app/layout/project/sidebar/scenario/grid-setup/planning-unit-status/actions/upload/index.tsx b/app/layout/project/sidebar/scenario/grid-setup/planning-unit-status/actions/upload/index.tsx
@@ -192,7 +192,7 @@ export const UploadPUMethod = (): JSX.Element => {
             Drag and drop your polygon data file <br /> or click here to upload
           </p>
 
-          <p className="text-xs text-gray-100">{`Recommended file size < ${bytesToMegabytes(
+          <p className="text-xs text-gray-400">{`Recommended file size < ${bytesToMegabytes(
             PLANNING_UNIT_UPLOADER_MAX_SIZE
           )} MB`}</p>
         </div>

diff --git a/...yout/project/sidebar/scenario/grid-setup/protected-areas/categories/pa-uploader/index.tsx b/...yout/project/sidebar/scenario/grid-setup/protected-areas/categories/pa-uploader/index.tsx
@@ -260,7 +260,7 @@ export const ProtectedAreaUploader: React.FC<ProtectedAreaUploaderProps> = ({
                             or <b>click here</b> to upload
                           </p>
 
-                          <p className="mt-2 text-center text-xxs text-gray-100">{`Recommended file size < ${bytesToMegabytes(
+                          <p className="mt-2 text-center text-xxs text-gray-400">{`Recommended file size < ${bytesToMegabytes(
                             PROTECTED_AREA_UPLOADER_SHAPEFILE_MAX_SIZE
                           )} MB`}</p>
 

diff --git a/...rojects/all/toolbar/upload-btn/legacy-upload-modal/upload-files/upload-item/component.tsx b/...rojects/all/toolbar/upload-btn/legacy-upload-modal/upload-files/upload-item/component.tsx
@@ -170,7 +170,7 @@ export const UploadItem: React.FC<UploadItemProps> = ({ f, input, ...fprops }: U
               or <b>click here</b> to upload
             </p>
 
-            <p className="mt-2 text-center text-xxs text-gray-100">{`Recommended file size < ${bytesToMegabytes(
+            <p className="mt-2 text-center text-xxs text-gray-400">{`Recommended file size < ${bytesToMegabytes(
               f.maxSize
             )} MB`}</p>
           </div>

diff --git a/app/layout/projects/all/toolbar/upload-btn/upload-modal/component.tsx b/app/layout/projects/all/toolbar/upload-btn/upload-modal/component.tsx
@@ -205,7 +205,7 @@ export const UploadModal: React.FC<UploadModalProps> = ({ onDismiss }: UploadMod
                               or <b>click here</b> to upload
                             </p>
 
-                            <p className="mt-2 text-center text-xxs text-gray-100">{`Recommended file size < ${bytesToMegabytes(
+                            <p className="mt-2 text-center text-xxs text-gray-400">{`Recommended file size < ${bytesToMegabytes(
                               PROJECT_UPLOADER_MAX_SIZE
                             )} MB`}</p>
                           </div>

diff --git a/app/layout/projects/new/form/planning-area-grid-uploader/component.tsx b/app/layout/projects/new/form/planning-area-grid-uploader/component.tsx
@@ -290,7 +290,7 @@ export const PlanningAreaGridUploader: React.FC<PlanningAreaGridUploaderProps> =
                       </motion.div>
                     )}
 
-                    <ul className="ml-3 mt-3 flex list-disc flex-col items-start text-center text-xxs leading-5 text-gray-100">
+                    <ul className="ml-3 mt-3 flex list-disc flex-col items-start text-center text-xxs leading-5 text-gray-400">
                       <li>
                         {`Recommended file size < ${bytesToMegabytes(
                           PLANNING_AREA_GRID_UPLOADER_MAX_SIZE

diff --git a/app/layout/projects/new/form/planning-area-uploader/component.tsx b/app/layout/projects/new/form/planning-area-uploader/component.tsx
@@ -249,7 +249,7 @@ export const PlanningAreUploader: React.FC<PlanningAreUploaderProps> = ({
                                 or <b>click here</b> to upload
                               </p>
 
-                              <p className="mt-2 text-center text-xxs text-gray-100">{`Recommended file size < ${bytesToMegabytes(
+                              <p className="mt-2 text-center text-xxs text-gray-400">{`Recommended file size < ${bytesToMegabytes(
                                 PLANNING_AREA_UPLOADER_MAX_SIZE
                               )} MB`}</p>
 

diff --git a/app/tailwind.config.js b/app/tailwind.config.js
@@ -1,4 +1,5 @@
 /* eslint-disable @typescript-eslint/no-var-requires */
+const defaultTheme = require('tailwindcss/defaultTheme');
 const forms = require('@tailwindcss/forms')({
   strategy: 'class',
 });
@@ -115,7 +116,7 @@ module.exports = {
       },
       fontFamily: {
         heading: 'Poppins',
-        sans: 'Basier Circle',
+        sans: ['Basier Circle', ...defaultTheme.fontFamily.sans],
       },
       fontSize: {
         xxs: ['0.625rem', { lineHeight: '0.75rem' }],