theme for php xdebug

xdebug-monokai.css

/**
 *
 *  XDEBUG - Monokai scheme
 *
 *	Palette:
 *				#272822 - grayish darkgreen, 	default background
 *				#F8F8F2 - ivory white, 			default font
 *				#75715E	- tan, 					comment
 *				#FD971F - orange				URLs without commas
 *				#AE81FF - purple				numbers
 *				#A6E22E - apple green			CSS classes, properties
 *				#66D9EF - turquoise blue		CSS properties
 *				#F92672 - pinkish red			DOM, measure units
 *				#E6DB74 - yellow				strings
 *
 */
body {
	background: #272822 !important;
}

::-webkit-selection		{background: rgba(176, 155, 134, 0.66) !important; color: #EDFFD9 !important; text-shadow: none;}
::-moz-selection		{background: rgba(176, 155, 134, 0.66) !important; color: #EDFFD9 !important; text-shadow: none;}
::selection				{background: rgba(176, 155, 134, 0.66) !important; color: #EDFFD9 !important; text-shadow: none;} /*color: inherit !important;*/

.xdebug-error {
	margin: 0 auto;
	border-collapse: collapse !important;
	font-size: 1.75em !important;
	font-family: "Source Code Pro", Consolas, "Lucida Console", "Bitstream Vera Sans Mono", Monaco, Menlo, "Courier New", monospace !important;
	-webkit-user-select: text;
  	   -moz-user-select: text;
  		-ms-user-select: text;
  	z-index: 1000 !important;
  	/*text-shadow: 0 2px 2px rgba(73, 72, 62, 0.33);*/
}

table.xdebug-error {
	/*float: left;*/ /* its joined with float left*/
	position: relative;
	/*z-index: 1000;*/
	/*top: -10px;*/
	width: 100%;
	/*margin-bottom: 10px;*/
  	border: 5px #75715E solid !important;
  	border: 5px #49483E solid !important;
  	background: #272822;
	color: #f8f8f2 !important;
}
table.xdebug-error:not(:last-of-type),
table.xdebug-error:first-child {
	margin-bottom: -8px;
	top: -10px;
}

table.xdebug-error:last-child:after {
	/*content: "";*/
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: -1;
	background: #272822;
	top: 0;
	left: 0;
	opacity: 0.775;
}

.xdebug-error tbody {
	display: inherit;
	width: 100%;
	height: 100%;
	/*z-index: 1000 !important;*/
	border: 3px #75715E solid !important;
	border: 3px #272822 solid !important;
}
/*
.xdebug-error tbody:hover {
	border-color: #E6DB74 !important;
	z-index: 1001 !important;
}*/

.xdebug-error a {
	color: #fd971f !important;
}
.xdebug-error a:hover {
	text-decoration: none !important;
}

/* exclamation mark */
	.xdebug-error th span[style$="font-size: x-large;"] {
		display: none !important;
	}
	.xdebug-error th span {
		background: #F92672 !important;
		color: #272822 !important;

		letter-spacing: -8px;
		padding-top: 1px;
		padding-left: 0.5px;
		border-radius: 50%;
		float: left;
		font-size: 21px !important;
		cursor: pointer;
		min-width: 32px;
		min-height: 32px;
		max-width: 32px;
		max-height: 32px;
		margin: 4px;
		margin-right: 8px;
	}
	.xdebug-error th span:before {
		/*content: "";*/
		/*box-sizing: border-box;*/
		width: 43px;
		height: 43px;
		border: 3px #272822 solid; 
		position: absolute;
		border-radius: 50%;
		top: 4.25px;
		left: 4.5px;
		opacity: 0.5;
		/*background: #AE81FF !important;*/
	}
	.xdebug-error th span:hover,
	.xdebug-error th span:hover:before {
		opacity: 1;
		color: #f8f8f2 !important;
	}

/* header and row below th */

/* header */
.xdebug-error th[bgcolor="#f57900"] { 
	/*border: 2px #75715E solid;*/
	border-color: #75715E;
	color: #F92672 !important;
	padding: 5px;
}

/*.xdebug-error tbody tr:nth-child(1) th {
  border-color: #75715E;
  color: #A6E22E !important;
  padding: 5px;
}*/

.xdebug-error th:not(:first-child),
.xdebug-error tr:nth-child(3) th { /* hashtag*/
	background: #AE81FF !important;
	color: #f8f8f2 !important;
	padding: 5px;
	padding-left: 7px;
	/*border-bottom: 2px #E6DB74 solid;
	border-right: 1px #E6DB74 solid;*/
	border-bottom: 2px #F8F8F2 solid;
  	border-right: 2px #F8F8F2 solid;
  	border-top: 2px #F8F8F2 solid;
	letter-spacing: 1px;

	background: rgba(249, 38, 114, 0.5) !important;
	color: #EDF8F2 !important;
	padding: 5px;
	padding-left: 7px;
	border-bottom: 2px #F92672 solid;
	border-right: 2px #F92672 solid;
	border-top: 2px #F92672 solid;
	letter-spacing: 1px;
}

.xdebug-error th:nth-child(2),
.xdebug-error th:nth-child(3) {
	text-align: center !important;
}

.xdebug-error th {
	padding: 5px;
	background: #272822 !important;
	color: #A6E22E;
}

.xdebug-error th[style$="align: left;"] {
	text-align: right !important;
}

.xdebug-error th:not(:first-child) span {
	border: 2px #75715E solid;
	color: #ae81ff !important;
	padding: 5px;
	/*padding-bottom: 5px;*/
}

.xdebug-error th:last-child span {
	padding: 5px !important;
  	padding-right: 20px !important;
}

/* tr */
.xdebug-error tr:nth-child(odd) td {
	background-color: #36372F !important;
	background-color: #49483E !important;
}
.xdebug-error tr:nth-child(even) td {
	background-color: #272822 !important;
}
.xdebug-error tr {
	border-bottom: 2px #E6DB74 solid;
	border-bottom: 2px rgba(117, 113, 94, 0.5) solid;
}

/* td */
.xdebug-error td {
	padding: 5px;
  	padding-right: 20px;
  	border-right: #E6DB74 1px solid;
  	border-right: #615E4F 2px solid;
}
.xdebug-error td:first-child {
	color: #f8f8f2 !important;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
}
.xdebug-error td:not(:last-child) {
	/*background: #272822 !important;*/
	color: #e6db74;
}
.xdebug-error td:last-child,
.xdebug-error i {
	/*background: #272822 !important;*/
	color: #66D9EF !important;
}

/* line of code / location / var types */
.xdebug-error td font {
	color: #F92672 !important;
}

.xdebug-error pre {
	font-family: "Source Code Pro", Consolas, "Lucida Console", "Bitstream Vera Sans Mono", Monaco, Menlo, "Courier New", monospace !important;
	color: #AE81FF !important;
}

@baranok Thank you! this is nicely done. Just needed a few adjustments like not setting background color on the body tag