eXide - custom CSS

eXide-customCSS.css

#toolbar-current-app {
    color:red !important;    
    background-color:yellow;
    border-radius: 5px;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid #f1c871;
    
}

#tabs .tab:hover {
    background-color: #f1e0e0;
    
}

#tabs .active {
      background-color: #f1e0e0;
    
}

.tree li span:hover {
color: #e92828;
    
    
}

.tree .fa.fa-edit {
     color: #e92828;
    
}

.tree .fa.fa-edit + span {
      color: #e92828;
    
}

.tree .fa.fa-folder-open {
    color: blue;
    
}

.tree .fa.fa-folder-open + span {
    color: blue;
    
}


.ui-widget-content {
    background: none;
    background: #f9f9f9;
    
}

.ui-widget-content.slick-row:hover {
    background-color: #ffcfcf !important;
    
    
}

.ace_selected-word {
    background-color: yellow;
    
}

Use it with a browser extension like Stylus.

How to use it?

1. Install the extension.
2. Open eXide
3. Click on the extension
4. Select "Write style for" with the eXide URL
5. Copy this code into the new Stylus window
6. Give it a name, save it and it should work