Change logo, CSS and translation

[Martin511]

Hello.
Thank you for this!!
I really have not much skills so my question may be stupid: Is it possible to change / edit the logo, colors and translate the text to my own language?

[CorentinTh]

Hi @Martin511
The translation system landed just few minutes ago in #146, you can eaily contribute to the i18n in https://github.com/CorentinTh/enclosed/tree/main/packages/app-client/src/locales, current languages are English and French

Regarding the logo and colors, you can fork the project and update the content, but it's not intended to be nativelly configurable

[Martin511]

Hi.

As I have no push access, I have attached a German translation below
de.json

If you want, you can add it.
I´m not familiar with Github and I don´t know how to fork an develop things.

But I just want to contribute a little bit ;-)

It´s a nice simple tool. Thank you!

Regards
Martin

[Mohamedhazeem]

Your question isn't stupid at all—it's a great one! Yes, it is definitely possible to change the logo, colors, and translate text on most websites.
To Change the Logo->
Locate the tag or CSS background-image property in your HTML or CSS files that points to the current logo then replace the src (or URL) with the path to your new logo image.
<img src="path-to-your-new-logo.png" alt="Logo">
To Edit Colors->
Open your CSS file and find the classes or elements responsible for setting the colors (like background, text, or button colors).
Update the color or background-color property to your desired color.

body {
    background-color: #f0f0f0;
    color: #333;
}

To Translate Text->
Simply locate the text in your HTML files that you want to translate and replace it with the text in your language.
For dynamic content, it might involve using a localization plugin or library, depending on the framework you're using (like i18n for JavaScript).
if you're looking for a simpler, more visual way to edit elements like colors or logos, you could try TweakSync. It lets you style your webpage directly from Chrome in real-time and sync those changes back to your code in VS Code. No advanced coding skills required, just visual tweaks. You can check it out on the Chrome Web Store and VS Code Marketplace.