Kimai Dark theme

0-kimai-darktheme.md

Kimai Dark theme

Overrides some colours on Kimai "standard" theme.

1. Define a new stylesheet file skins/standard/dark.css
2. Add a @import line at the bottom of `skins/standard/styles.css

kimai-darktheme.css

.menuBackground{
	background: #333;
}

#top{
	background-color: #333;
}

body{
	background: #444;
}

ul.menu{
	background: #333;
}

#top{
	background: #333;
}

.menu li.norm span.cc{
	background: #666;
}

.menu li.norm span.bb{
	background: #666;
}

.menu li.norm span.aa{
	background: #666;
}

.menu li.act span.aa,.menu li.ui-state-active span.aa{
	background: #444;
}

.menu li.act span.bb,.menu li.ui-state-active span.bb{
	background: #444;
}

.menu li.act span.cc,.menu li.ui-state-active span.cc{
	background: #444;
}

td.description a img{
	display: none;
}

#buzzer{
	filter: grayscale(1);
}

#formbuttons .btn_ok{
	border: none;
}

#formbuttons .btn_norm{
	border: none;
}

.option img{
	filter: grayscale(1);
}

.l > .w > .c{
	filter: grayscale(1);
}

#export_panel .w .c .w .c, #export_panel .w .c .l, #export_panel .w .c .r {
	background: none !important;
}

td.time {
	/* filter: grayscale(1); */
}

.budget_plot_area {
	/* filter: grayscale(1); */
}

#timeSheet, #users, #customers, #projects, #activities, #xp, #expenses, #budgetArea, #adminPanel_extension_panel, #invoice_extension {
	filter: invert(0.8) contrast(1.4) brightness(1.3) grayscale(1)
}