Shaarli Material user.css

user.css

/* Config perso de base - START */
body{
  padding-top: 65px;
}

.header-main{
  position: fixed;z-index: 10;top: 0;left: 0;right: 0;
}
/* Config perso de base - END */

/* config.json.php mods - START */
/* DEL:     "MATERIAL_COLOR": "#F44336" */
/* DEL:     "MATERIAL_COLOR_FOCUS": "#F44336" */
/* DEL:     "MATERIAL_COLOR_ACTIVE": "#F44336" */
/* ADD:     "THEME_COLOR": "#F44336" */
/* config.json.php mods - END */

/* Old color scheme - START */
div.awesomplete > ul > li[aria-selected=true],
.button-primary,[type="radio"]:checked + label:after,
[type="radio"].with-gap:checked + label:after,
[type=checkbox].filled-in:checked + label:after,
.switch label input[type=checkbox]:checked + .lever:after,
.header-main {
  background-color: #F44336; /* MATERIAL_COLOR */
}

.subheader{
  background-color:#F44336; /* MATERIAL_COLOR_FOCUS */
}

.button-primary:hover, .button-primary:focus{
  background-color: #F44336; /* MATERIAL_COLOR_FOCUS */
}

.button-primary:active{
  background-color: #F44336; /* MATERIAL_COLOR_ACTIVE */
}

a,label.active {
  color: #F44336; /* MATERIAL_COLOR */
}

a:hover, a:focus {
  color: #F44336; /* MATERIAL_COLOR_FOCUS */
}

a:active {
  color: #F44336; /* MATERIAL_COLOR_ACTIVE */
}

input[type=text]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=password]:focus,
textarea:focus {
  border-color: #F44336; /* MATERIAL_COLOR */
  box-shadow: 0 1px 0 #F44336; /* MATERIAL_COLOR */
  outline: none;
}

input.input-big:focus{
  box-shadow: none;
}

select:focus,
[type="radio"]:checked + label:after,
[type="radio"].with-gap:checked + label:before,
[type="radio"].with-gap:checked + label:after,
[type="checkbox"]:checked + label:before,
[type="checkbox"] :indeterminate + label:before,
[type=checkbox].filled-in:checked + label:after {
  border-color: #F44336; /* MATERIAL_COLOR */
}
/* Old color scheme - END */