fixed yaml file to use pnpm

.github/workflows/firebase-hosting-merge.yml

@@ -11,7 +11,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v4
-      - run:  cd portfolio && npm ci && npm run build
+      - run: npm i -g pnpm && cd portfolio && pnpm install && pnpm run build
       - uses: FirebaseExtended/action-hosting-deploy@v0
         with:
           repoToken: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/firebase-hosting-pull-request.yml

@@ -0,0 +1,21 @@
+# This file was auto-generated by the Firebase CLI
+# https://github.com/firebase/firebase-tools
+
+name: Deploy to Firebase Hosting on PR
+on: pull_request
+permissions:
+  checks: write
+  contents: read
+  pull-requests: write
+jobs:
+  build_and_preview:
+    if: ${{ github.event.pull_request.head.repo.full_name == github.repository }}
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - run: npm i -g pnpm && cd portfolio && pnpm install && pnpm run build
+      - uses: FirebaseExtended/action-hosting-deploy@v0
+        with:
+          repoToken: ${{ secrets.GITHUB_TOKEN }}
+          firebaseServiceAccount: ${{ secrets.FIREBASE_SERVICE_ACCOUNT_SHAWALMBALIRECOM }}
+          projectId: shawalmbalirecom

portfolio/src/styles.css

@@ -54,12 +54,12 @@ header{
 
 /* Light Theme */
 .light-theme {
-  --backgroundColor: white;
+  --backgroundColor: #edf5fc; /* Softer blue hue */
   --fontColor: black;
   --glassColor: black;
   --iconColor: black;
   --glowColor: rgba(0, 0, 0, 0.2);
-  --primaryColor: white;
+  --primaryColor: #edf5fc; /* Softer blue hue */
   --secondaryColor: black;
   --tertiaryColor: blue;
 
@@ -92,5 +92,5 @@ header{
 body {
   background-color: var(--backgroundColor);
   color: var(--fontColor);
-  /* transition: background-color 0.05s ease, color 0.05s ease; */
+  transition: background-color 0.5s ease, color 0.5s ease;
 }