Thursday, September 27, 2018

Tomcat Manager Dark Theme

If you use Tomcat as a web server, you know the manager console isn't much to look at.  It's adequate, but not pleasant.

As a developer, I enjoy a lot of the dark themes for things like eclipse and other editors . So, to prevent blindness when switching to the tomcat management console, I created a set of stylesheet overrides you can use in Chrome with the Stylish plugin. It offers a little more user friendliness by highlighting the table row for the application you are about to interact with when you click Stop, Undeploy or Reload .  There are also some UI hints for hovering over controls.

Please enjoy, and feel free to comment with suggested improvements.

input[type="submit"]{background-color: #919090!important; color: #823d01!important}

input[type="submit"]:hover{background-color: #737373!important; color: #ffb829!important; border-color: #555555!important; cursor: pointer}


body, table {background-color: #332a1f!important; border: 0px solid!important}

table{border-collapse: collapse!important; border-color:#866635!important}

button, input {background-color: #333333!important; border: 1px solid white!important; border-radius: 5px; color: #ffb300}

input:hover{background-color:#aaaaaa!important;color:#aa6900!important}



tr {background-color: #777777!important}

tr:hover{background-color: #919191!important} 
tr:hover a {color: #333333}


td {background-color: rgba(0,0,0,0)!important; color:inherit!important}

a{background-color:rgba(0,0,0,0)!important}

*{color:white}

a{color: #ffb300}

tr:hovor{border-color: #aaaaaa!important; background-color:#999999!important; color:#aa6900!important}

img {height:32px;border-radius:20px;border:#a8a8a8 2px solid}

No comments:

Post a Comment