JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.rtl.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.default.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.dataviz.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.dataviz.default.min.css">
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://cdn.kendostatic.com/2014.2.716/js/kendo.all.min.js"></script>
<div id="treeview"></div>

CSS

.treenode {
    font-size: 14pt;
    text-decoration: none;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
    filter: none;
    font-weight: bold;
    color: green;
    background-color: transparent;
}

JavaScript

$("#treeview").kendoTreeView({
    template: "#= item.text # color:#: item.color #",
    dataSource: [{
        text: "green",
        color: "green",
        items: [{
            text: "yellow",
            color: "yellow"
        }, {
            text: "red",
            color: "red"
        }]
    }, {
        text: "blue",
        color: "blue"
    }]
});

var treeView = $("#treeView").data("kendoTreeView");
var getNode = treeView.findByText("green");
$(getNode).addClass("treenode");