Lixar theme for Unanet

README.md

Using Styler Chrome extension.

theme.css

form#time table textarea {
    min-width: 50em;
    min-height: 20em;
}

img#logo {
    display: block;
    width: auto;
    height: auto;
    max-height: 50px;
    max-width: 144px;
}

th, label, legend, .label {
   color: rgb(128,128,132);  
}

div.time-status {
   color: rgb(128,128,132);
}

div#page-footer {
  background: none;
}

div#page-footer div.about a, div#page-footer div.copyright a {
 color: rgb(128,128,132);
}

div.title img {
  display: none;
}

table.timesheet thead {
  background: none;
}

table.timesheet tbody td.project {
 background: none; 
}

table.timesheet tbody td.view {
  background: none;
}

table.timesheet tbody td.delete { 
  background: none;
}

table.timesheet thead td {
   color: rgb(198,11,43);
}

table.totals td.label-totals {
   color: rgb(198,11,43);  
}

table.timesheet tfoot .label-comments {
   color: rgb(198,11,43);    
}

table.timesheet tbody td.weekend-totals input {
  background-color: rgba(128,128,132, 0.3) !important;
}
table.timesheet tbody td.weekday-totals input {
  background-color: rgba(128,128,132, 0.3) !important;
}
table.timesheet tbody td.total input {

}
table.timesheet tbody td.total {
  background: none;
}

table.timesheet thead td.hours-weekend, table.timesheet thead td.tito-weekend {
  background-color: rgba(128,128,132, 0.3);
}

table.timesheet tbody td.weekend-hours {
  background-color: rgba(128,128,132, 0.3);
}

table.timesheet tbody tr.activeRow td {
 background-color: rgba(245, 145, 0, 0.2);  
}

table.timesheet tbody td.task {
  background: none;
}


div.title, div.noicon-title {
  color: rgb(128,128,132);
  border-bottom: 2px solid rgb(198,11,43);
}

div.title span.section, div.noicon-title span.section {
  color: rgb(198,11,43)
}

div#page-menu {
  background: white;
  margin-bottom: 20px;
}

div#page-menu td.menu {
 border-bottom: none; 
}

div#page-menu td.menu a {
 font-weight: normal;
}

div#page-menu td.menu a.inactive {
 color: rgb(128,128,132);
}
div#page-menu td.menu a.active {
 color: rgb(198,11,43);
 font-weight: bold;
}

div#page-menu td.submenu a {
 color: rgb(128,128,132);
}

div#page-menu td.menu a:hover, div#page-menu td.submenu a:hover, div#page-menu td.right a:hover {
 color: rgb(245, 145, 0);  
}

div#page-menu td.right a {
 color: rgb(128,128,132);
}

table.timesheet tbody tr.totals {
  background: none;
}

table.timesheet tfoot .label-comments {
  border-bottom: solid rgb(198,11,43) 2px;
}

.yui-button button, .yui-button a, .yui-button a:visited {
  
  -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 2px solid #808084;
    color: #808084!important;
    //font-size: 16px;
    //font-size: 1.6rem;
    padding: 5px 20px;
    display: inline-block;
    background-color: transparent;
  
}

.yui-button button:hover, .yui-button a:hover, .yui-button a:visited:hover {
 border-color: #c41230;
 color: #c41230!important;
}

.yui-button, .yui-button .first-child {
  border: none;
  background: none;
}

table.timesheet tfoot > tr > td:first-child {
  display: none;
}

theme.js

function fix() {
  // Logo
  const logo = document.getElementById('logo');
  logo && (logo.src = "https://media.licdn.com/mpr/mpr/shrink_200_200/AAEAAQAAAAAAAAWkAAAAJGYxNDEzODIyLTEwMjMtNGI1Ni1iYTg2LTQwYWUxNDAyN2UzYg.png"); 
}

fix();
document.addEventListener("DOMContentLoaded", function(event) { 
  fix();
});