search

baroxyton / webKDE

kde on the web
https://baroxyton.github.io/webKDE/
35 stars 3 forks source link

Customizing KDE logo #7

Closed thejupitergroup closed 1 week ago

thejupitergroup commented 1 month ago

Hi, we are trying to make our own web desktop using your awesome project. We are having trouble trying to find where the SVG for the KDE logo is located, so we can add our own icon. Please let us know, thanks!

baroxyton commented 1 month ago

Hello!

Great to hear you're working with our project! To customize the KDE logo, follow these steps:

  1. Locate the SVG File: The KDE icon is specified in the assets/icons.json file.

  2. Use the New Tooling: We have introduced new tools to make this process easier. Follow these steps:

    a. Extract the Icons: Run the following command to extract the current icons:

      python tools/fs-archive-tool/dearchive.py assets/icons.json

    b. Replace the Icon: Navigate to the extracted directory and replace icons/breeze-dark/apps/kde.svg with your own SVG file.

    c. Repack the Icons: After replacing the icon, repack the directory into a new icons.json file with this command:

      python tools/fs-archive-tool/createArchive.py icons modified_icons.json

    d. Update the Project: Replace the original assets/icons.json with your newly created modified_icons.json.

  3. Clear Sites Data: For the changes to take effect, you will need to clear the sites data (can be done via dev tools or the https padlock icon). This is because WebKDE uses IndexedDB for persistent file storage. To ensure the new icons are loaded:

    • Delete the site's data from your browser’s settings.
    • Hard Refresh the page (usually Ctrl+F5 or Cmd+Shift+R).

Best of luck with your web desktop project!

thejupitergroup commented 1 week ago

Hi, thank you. It worked very well.