Introduction

In the plugin concept of DSH, the appearance of the Web page is not strictly defined by the host code: a client plugin can replace the favicon, or change the color scheme of brand elements within the page. coloured-favicon does exactly this: it turns the DSH Web page’s small whale favicon into a continuous flowing colorful gradient, and simultaneously colorizes the whale icon, “deepseek” text, the hero title “探索未至之境” (Exploring the Uncharted), and the “Preview” badge.

What is this

coloured-favicon is a Cordis client plugin maintained by Elipese568. The code, documentation, and scripts follow the MIT License. It targets the DSH Web page, implemented purely in client-side JS, without build steps or runtime dependencies. The package.json version is 2.0.0, declares engines.node as >=18, and declares dsh.client.platform as web and dsh.client.immediately as true.

Core Features

  • Colorful Gradient Flow: A 7-segment hue cycle with rotating gradient direction, causing colors to continuously flow on the whale.
  • Page Colorization: The whale icon, “deepseek” text, the hero title “探索未至之境” (Exploring the Uncharted), and the “Preview” badge also use a flowing rainbow gradient.
  • Direct Replacement: Directly replaces the DSH Web page favicon without requiring a page refresh.
  • Dynamic Mode Controls: In dynamic mode, the cordis_run card provides real-time rainbow dots, a “Pause / Resume” button, and color mode configuration, allowing switching between “Gradient Change” and “Overall Color Change” for the page’s appearance.
  • Auto-Recovery: Automatically restores the original favicon when the plugin is disabled or updated, leaving no residue.

Installation and Enablement

Bundle Form

The bundle form is suitable for distributing to other users or deploying all at once. Follow the installation command provided by the repository: first add the local tgz package to the web profile, then start DSH:

npx @deepseek-ai/dsh plugin --profile web add ./coloured-favicon-2.0.0.tgz
npx @deepseek-ai/dsh web

When starting, do not add extra --patch, otherwise it will duplicate insert and cause an error. npx @deepseek-ai/dsh web --patch ./cordis.patch.yml is only used when the package is not in bundles; adding it twice will report duplicate loader entry id: coloured-favicon.

Dynamic Form

The dynamic form is suitable for personal use or single-session use. The steps are as follows:

  1. Load the cordis-plugin-development skill in the DSH session.
  2. Call cordis_define, passing the content of src/index.js as code.client.
  3. Call cordis_run to activate the returned pluginId / packageId, and approve authorization on the running card.

After the above steps, the small whale favicon in the browser tab will start to flow colorfully; on the running card, you can continue to adjust “Pause / Resume” and color modes.

Building and Adjusting

The repository provides npm run build. If you modify the code that needs to be packaged according to the bundle form, you can run the build then repack or redistribute:

npm run build

For dynamic form, after modifying src/index.js, you can redeploy according to the above cordis_define and cordis_run flow.

Use Cases and Notes

  • Dynamic Form: Suitable for personal development, single-session verification, where the plugin does not need to be installed into a full DSH deployment.
  • Bundle Form: Suitable for distributing the plugin as part of a deployment; other users do not need to execute define/run in the session again.
  • Permissions: The plugin runs with the permissions of the current dsh process. Before installing, it is recommended to read src/index.js, related scripts, and the license to confirm that their side effects are acceptable.
  • Copyright: Copyright of the small whale graphic belongs to DeepSeek; this project is only for personal learning and interface beautification and does not constitute official authorization.
  • Ecosystem: The DSH plugin ecosystem emphasizes “everything is a plugin”; the community directory is an independent site with no official affiliation to DeepSeek / Huanfang, and this plugin introduced in this article should not be understood as an official component in the official app store.

Conclusion

coloured-favicon provides a narrow but specific visual change: making the DSH Web favicon and page brand elements into a continuously flowing rainbow whale. It retains uninstallation recovery, pure client-side implementation, and two deployment forms, making it a suitable example for changing the appearance of DSH plugins.

GitHub Repository:

https://github.com/Elipese568/coloured-favicon