3 Commits

Author	SHA1	Message	Date
Raphaël Bosi	198bf5a333	Complete color refactoring (#15414) ... # Complete color refactoring Closes https://github.com/twentyhq/core-team-issues/issues/1779 - Updated all colors to use Radix colors with P3 color space allowing for brighter colors - Created our own gray scale interpolated on Radix's scale to have the same values for grays as the old ones in the app - Introduced dark and light colors as well as there transparent versions - Added many new colors from radix that can be used in the tags or in the graphs - Updated multiple color utilities to match new behaviors - Changed the computation of Avatar colors to return only colors from the theme (before it was random hsl) These changes allow the user to use new colors in tags or charts, the colors are brighter and with better contrast. We have a full range of color variations from 1 to 12 where before we only had 4 adaptative colors. All these changes will allow us to develop custom themes for the user soon, where users can choose their accent colors, background colors and there contrast.	2025-10-29 18:08:51 +00:00
Lucas Bordeau	163890f6c8	Add back shadow on frozen columns and header in table (#14593) ... This PR adds back box-shadow on header and first frozen columns of the table, they appear at scroll. With the recent refactor and the removal of a lot of re-render, and the usage of CSS variables, it is now completely fluid. # Before <img width="500" height="234" alt="image" src="https://github.com/user-attachments/assets/9735acb0-5951-4a2d-845c-49e917e99053" /> <img width="576" height="242" alt="image" src="https://github.com/user-attachments/assets/328654bf-97c7-43a2-86b1-0f100ed60daa" /> # After <img width="455" height="250" alt="image" src="https://github.com/user-attachments/assets/3450a63f-4d6f-45ed-bfd2-3c10856b21a7" /> <img width="488" height="244" alt="image" src="https://github.com/user-attachments/assets/1057a391-3a98-4b5e-97f1-890f79e6f8d0" />	2025-09-19 10:40:32 +02:00
Abdullah	8c0680b918	Setup the foundation for Twenty UI library. (#4423) ... * feat: create a separate package for twenty-ui, extract the pill component with hard-coded theme values into it, and use the component inside twenty-front to complete the setup * feat: extract the light and the dark theme into twenty-ui and update the AppThemeProvider component inside twenty-front to consume themes from twenty-ui * fix: create a decorator inside preview.tsx to provide a default theme to storybook development server * fix: remove redundant type declarations and revert back the naming convention for theme declarations * fix: introduce a default value for pill label within the story for development server * fix: introduce the nx script into package.json for twenty-ui and resolve imports for theme type within the package * fix: remove the pill component from the twenty-front package along with the story for it * fix: revert the package versions to those before running the nx cli command for storybook init * feat: update readme to include details for building the ui library and starting the storybook development server * fix: include details about twenty-ui inside jest.config for twenty-front to complete front-jest job * - Added preview head for font - Added theme addon for light/dark switch - Added ComponentDecorator --------- Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com>	2024-03-13 14:21:18 +01:00