Syntax Highlighter color issue with light and dark mode

[happytodev]

Hello,

Is there a way to easily customize syntax highlighter color for light and dark mode.

Currently, in light mode some parts of code are unreadable. See the screenshots below :

You have the same problems on Elements demo page :

Thanks for your help.

[tfsomrat]

hey @happytodev, thanks for noticing. this issue has been fixed, please update the theme.

[happytodev]

hey @happytodev, thanks for noticing. this issue has been fixed, please update the theme.

Hey @tfsomrat thank you. I just see your answer now ;-)

What is the best way for updating the theme ? Is there a cache to empty ?

Thank you for your advices

[happytodev]

I tried npm update + npm run update-modules but I always have the same problem.

[tfsomrat]

hey @happytodev, same problem means which problem?

[happytodev]

Hello @tfsomrat, the same code syntax that is unreadeable 👆

[tfsomrat]

which version of the theme you are using? check package.json for version.

[happytodev]

which version of the theme you are using? check package.json for version.

"name": "hugoplate", "description": "hugo tailwindcss boilerplate", "version": "1.7.1",

[tfsomrat]

You are using the old version, the current version is 1.7.7 https://github.com/zeon-studio/hugoplate/blob/39e487943d6dfbdd4299b7bf1d0790ef9103f71d/package.json#L4

[happytodev]

You are using the old version, the current version is 1.7.7

https://github.com/zeon-studio/hugoplate/blob/39e487943d6dfbdd4299b7bf1d0790ef9103f71d/package.json#L4

I changed it and run

npm update

I still stuck with the same error.

Do I need to launch npm run update-modules ?

[tfsomrat]

please follow this guide to update your theme https://docs.gethugothemes.com/guide/#theme-update

[happytodev]

please follow this guide to update your theme https://docs.gethugothemes.com/guide/#theme-update

Hello,

Thanks it's ok now.

I updated files manually.

In the future, do you plan to simplify update themes method ?

[happytodev]

please follow this guide to update your theme https://docs.gethugothemes.com/guide/#theme-update

One more question please. In local with npm run dev it works but when I deploy via Github Actions my production site still with the same error.

Do you any advice for me please ?

I use this :

jobs:
  # Build job
  build:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v3
      - name: Set up Node.js
        uses: actions/setup-node@v3
        with:
          node-version: ${{ env.NODE_VERSION }}

      - name: Install Hugo
        run: |
          curl -LO "https://github.com/gohugoio/hugo/releases/download/v${{ env.HUGO_VERSION }}/hugo_extended_${{ env.HUGO_VERSION }}_Linux-64bit.tar.gz"
          tar -xvf hugo_extended_${{ env.HUGO_VERSION }}_Linux-64bit.tar.gz
          sudo mv hugo /usr/local/bin/
          rm hugo_extended_${{ env.HUGO_VERSION }}_Linux-64bit.tar.gz
          hugo version

      - name: Install Go
        run: |
          curl -LO "https://dl.google.com/go/go${{ env.GO_VERSION }}.linux-amd64.tar.gz"
          sudo tar -C /usr/local -xzf go${{ env.GO_VERSION }}.linux-amd64.tar.gz
          echo "export PATH=$PATH:/usr/local/go/bin" >> $GITHUB_ENV
          rm go${{ env.GO_VERSION }}.linux-amd64.tar.gz
          go version

      - name: Setup Project
        run: npm run project-setup

      - name: Install npm dependencies
        run: npm install

      - name: npm update
        run: npm update 

      - name: update modules
        run: npm run update-modules

      - name: npm run build
        run: npm run build

      - name: Upload artifact
        uses: actions/upload-pages-artifact@v1
        with:
          path: ./public

      - name: SFTP Deploy
        uses: SamKirkland/FTP-Deploy-Action@v4.3.4
        with:
          server: ${{ secrets.FTP_SERVER }}
          username: ${{ secrets.FTP_USER }}
          password: ${{ secrets.FTP_PASSWORD }}
          local-dir: ./public/

Thank you for your help

[tfsomrat]

maybe it's your server cache, try to purge the cache and deploy.