Add a custom rule to prevent colors from being hardcoded outside of theme (#288)

* Add a custom rule to prevent colors from being hardcoded in ESLint

* Refactor colors

* Create packages folder and fix colors

* Remove external dependency for css alphabetical order linting

* Fix install with yarn

---------

Co-authored-by: Charles Bochet <charles@twenty.com>

.github/workflows/ci-chromatic.yaml

@@ -16,17 +16,6 @@ jobs:
         uses: actions/setup-node@v3
         with:
           node-version: "18"
-      - name: Cache node modules
-        uses: actions/cache@v2
-        env:
-          cache-name: cache-node-modules
-        with:
-          path: ~/.npm
-          key: ${{ runner.os }}-build-${{ env.cache-name }}-${{ hashFiles('**/package-lock.json') }}
-          restore-keys: |
-            ${{ runner.os }}-build-${{ env.cache-name }}-
-            ${{ runner.os }}-build-
-            ${{ runner.os }}-
       - name: Front / Write .env
         run: |
           cd front
@@ -34,7 +23,7 @@ jobs:
           echo "REACT_APP_API_URL: $REACT_APP_API_URL" >> .env
           echo "REACT_APP_AUTH_URL: $REACT_APP_AUTH_URL" >> .env
       - name: Front / Install Dependencies
-        run: cd front && npm install
+        run: cd front && yarn
       - name: Publish to Chromatic
         uses: chromaui/action@v1
         with:

.github/workflows/ci-docs.yaml

@@ -10,18 +10,7 @@ jobs:
         uses: actions/setup-node@v3
         with:
           node-version: "18"
-      - name: Cache node modules
-        uses: actions/cache@v2
-        env:
-          cache-name: cache-node-modules
-        with:
-          path: ~/.npm
-          key: ${{ runner.os }}-build-${{ env.cache-name }}-${{ hashFiles('**/package-lock.json') }}
-          restore-keys: |
-            ${{ runner.os }}-build-${{ env.cache-name }}-
-            ${{ runner.os }}-build-
-            ${{ runner.os }}-
       - name: Docs / Install Dependencies
-        run: cd docs && npm install
+        run: cd docs && yarn
       - name: Docs / Build Documentation
-        run: cd docs && npm run build
+        run: cd docs && yarn build

.github/workflows/ci-front.yaml

@@ -13,17 +13,6 @@ jobs:
         uses: actions/setup-node@v3
         with:
           node-version: "18"
-      - name: Cache node modules
-        uses: actions/cache@v2
-        env:
-          cache-name: cache-node-modules
-        with:
-          path: ~/.npm
-          key: ${{ runner.os }}-build-${{ env.cache-name }}-${{ hashFiles('**/package-lock.json') }}
-          restore-keys: |
-            ${{ runner.os }}-build-${{ env.cache-name }}-
-            ${{ runner.os }}-build-
-            ${{ runner.os }}-
       - name: Front / Write .env
         run: |
           cd front
@@ -31,18 +20,18 @@ jobs:
           echo "REACT_APP_API_URL: $REACT_APP_API_URL" >> .env
           echo "REACT_APP_AUTH_URL: $REACT_APP_AUTH_URL" >> .env
       - name: Front / Install Dependencies
-        run: cd front && npm install
+        run: cd front && yarn
       - name: Front / Install Playwright
         run: cd front && npx playwright install --with-deps
       - name: Front / Run linter
-        run: cd front && npm run lint
+        run: cd front && yarn lint
       - name: Front / Build Storybook
-        run: cd front && npm run build-storybook --quiet
+        run: cd front && yarn build-storybook --quiet
       - name: Front / Run storybook tests
         run: |
           cd front && npx concurrently -k -s first -n "SB,TEST" -c "magenta,blue" \
             "npx http-server storybook-static --silent --port 6006" \
-            "npm run coverage"
+            "yarn coverage"
       - name: Front / Run jest tests
         run: |
-          cd front && npm run test
+          cd front && yarn test

.github/workflows/ci-server.yaml

@@ -10,21 +10,10 @@ jobs:
         uses: actions/setup-node@v3
         with:
           node-version: "18"
-      - name: Cache node modules
-        uses: actions/cache@v2
-        env:
-          cache-name: cache-node-modules
-        with:
-          path: ~/.npm
-          key: ${{ runner.os }}-build-${{ env.cache-name }}-${{ hashFiles('**/package-lock.json') }}
-          restore-keys: |
-            ${{ runner.os }}-build-${{ env.cache-name }}-
-            ${{ runner.os }}-build-
-            ${{ runner.os }}-
       - name: Server / Install Dependencies
-        run: cd server && npm install
+        run: cd server && yarn install
       - name: Server / Run linter
-        run: cd server && npm run lint
+        run: cd server && yarn lint
       - name: Server / Run jest tests
         run: |
-          cd server && npm run test
+          cd server && yarn test