Hello Kuntal,

You are in the correct place to edit the colors, and when I went to test it myself I thought you may have found a bug since changing that code wasn’t having an effect for me either.

BUT, probably like yourself, I forgot to uncomment out links to the source code scripts the main HTML file so I could see the changes. Once I did that, it works as expected.

Make sure you have these javascript references to the source files in your HTML test container file (you need to comment out the minified versions – this is discussed here under “Our first look” http://vizuly.io/docs-getting-started/)

 <!-- debug source scripts: start -->
    <script src="src/namespace/namespace.js"></script>
    <script src="src/viz/_viz.js"></script>

    <script src="src/theme/_theme.js"></script>

    <script src="src/core/component.js"></script>
    <script src="src/core/data.js"></script>
    <script src="src/core/util.js"></script>
    <script src="src/core/color.js"></script>
    <script src="src/core/format.js"></script>
    <script src="src/svg/_svg.js"></script>
    <script src="src/svg/gradient.js"></script>
    <script src="src/svg/filter.js"></script>
    <script src="src/viz/weightedtree.js"></script>
    <script src="src/theme/weightedtree.js"></script>

    <!-- debug source scripts: end -->

    <!--script src="lib/vizuly_core.min.js"></script>
	<script src="lib/vizuly_weightedtree.min.js"></script-->

Hi Jerry,

The vizuly_core.min.js is a minified file from source code, you shouldn’t try to edit it directly.

If you want minified files then try using a minifier of your choice to include the needed source files.

Alternatively, you can include the modified source code AFTER you declare the vizuly_core.min.js files in the HTML header.

– Tom

Hi Jerry,

All of those settings are within the theme/weightedtree.js file.

See the prepColorData(), setLinkColor(), and applyTheme() functions to make those changes.

– Tom