iger
/
engelsystem
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

cccamp15 theme contrast tuning

This commit is contained in:
Philip Häusler 2015-07-12 20:32:04 +02:00
parent 4aec1b1536
commit 430eaa019a
5 changed files with 73 additions and 71 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
public/css/theme0.css
View File

@ -6305,21 +6305,21 @@ body {
color: #777777; color: #777777;
} }
#shifts td.free { #shifts td.free {
border: 1px solid #777777; border: 1px solid #d9534f;
background-color: #f2dede; background-color: #f2dede;
} }
a#shifts td.free:hover { a#shifts td.free:hover {
background-color: #e4b9b9; background-color: #e4b9b9;
} }
#shifts td.occupied { #shifts td.occupied {
border: 1px solid #777777; border: 1px solid #5cb85c;
background-color: #dff0d8; background-color: #dff0d8;
} }
a#shifts td.occupied:hover { a#shifts td.occupied:hover {
background-color: #c1e2b3; background-color: #c1e2b3;
} }
#shifts td.collides { #shifts td.collides {
border: 1px solid #777777; border: 1px solid #f0ad4e;
background-color: #fcf8e3; background-color: #fcf8e3;
} }
a#shifts td.collides:hover { a#shifts td.collides:hover {

6
public/css/theme1.css
View File

@ -6328,21 +6328,21 @@ body {
color: #888888; color: #888888;
} }
#shifts td.free { #shifts td.free {
border: 1px solid #888888; border: 1px solid #d9534f;
background-color: #d9534f; background-color: #d9534f;
} }
a#shifts td.free:hover { a#shifts td.free:hover {
background-color: #c9302c; background-color: #c9302c;
} }
#shifts td.occupied { #shifts td.occupied {
border: 1px solid #888888; border: 1px solid #5cb85c;
background-color: #5cb85c; background-color: #5cb85c;
} }
a#shifts td.occupied:hover { a#shifts td.occupied:hover {
background-color: #449d44; background-color: #449d44;
} }
#shifts td.collides { #shifts td.collides {
border: 1px solid #888888; border: 1px solid #f0ad4e;
background-color: #f0ad4e; background-color: #f0ad4e;
} }
a#shifts td.collides:hover { a#shifts td.collides:hover {

116
public/css/theme2.css
View File

@ -896,12 +896,12 @@ textarea {
line-height: inherit; line-height: inherit;
} }
a { a {
color: #758499; color: #58585a;
text-decoration: none; text-decoration: none;
} }
a:hover, a:hover,
a:focus { a:focus {
color: #525e6f; color: #323233;
text-decoration: underline; text-decoration: underline;
} }
a:focus { a:focus {
@ -1103,7 +1103,7 @@ small,
} }
mark, mark,
.mark { .mark {
background-color: #fffefd; background-color: #ffffff;
padding: .2em; padding: .2em;
} }
.text-left { .text-left {
@ -1171,28 +1171,28 @@ a.bg-primary:hover {
background-color: #5d6b7e; background-color: #5d6b7e;
} }
.bg-success { .bg-success {
background-color: #d9e6c3; background-color: #f0f5e7;
} }
a.bg-success:hover { a.bg-success:hover {
background-color: #c3d79f; background-color: #d9e6c3;
} }
.bg-info { .bg-info {
background-color: #e8ded7; background-color: #fbf9f7;
} }
a.bg-info:hover { a.bg-info:hover {
background-color: #d6c3b6; background-color: #e8ded7;
} }
.bg-warning { .bg-warning {
background-color: #fffefd; background-color: #ffffff;
} }
a.bg-warning:hover { a.bg-warning:hover {
background-color: #f8e7d1; background-color: #e6e6e6;
} }
.bg-danger { .bg-danger {
background-color: #c5a9cd; background-color: #f1eaf2;
} }
a.bg-danger:hover { a.bg-danger:hover {
background-color: #af89ba; background-color: #dbcadf;
} }
.page-header { .page-header {
padding-bottom: 9px; padding-bottom: 9px;
@ -2156,14 +2156,14 @@ table th[class*="col-"] {
.table > thead > tr.success > th, .table > thead > tr.success > th,
.table > tbody > tr.success > th, .table > tbody > tr.success > th,
.table > tfoot > tr.success > th { .table > tfoot > tr.success > th {
background-color: #d9e6c3; background-color: #f0f5e7;
} }
.table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th { .table-hover > tbody > tr.success:hover > th {
background-color: #cedeb1; background-color: #e5eed5;
} }
.table > thead > tr > td.info, .table > thead > tr > td.info,
.table > tbody > tr > td.info, .table > tbody > tr > td.info,
@ -2177,14 +2177,14 @@ table th[class*="col-"] {
.table > thead > tr.info > th, .table > thead > tr.info > th,
.table > tbody > tr.info > th, .table > tbody > tr.info > th,
.table > tfoot > tr.info > th { .table > tfoot > tr.info > th {
background-color: #e8ded7; background-color: #fbf9f7;
} }
.table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th { .table-hover > tbody > tr.info:hover > th {
background-color: #dfd0c6; background-color: #f2ebe7;
} }
.table > thead > tr > td.warning, .table > thead > tr > td.warning,
.table > tbody > tr > td.warning, .table > tbody > tr > td.warning,
@ -2198,14 +2198,14 @@ table th[class*="col-"] {
.table > thead > tr.warning > th, .table > thead > tr.warning > th,
.table > tbody > tr.warning > th, .table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th { .table > tfoot > tr.warning > th {
background-color: #fffefd; background-color: #ffffff;
} }
.table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th { .table-hover > tbody > tr.warning:hover > th {
background-color: #fbf2e7; background-color: #f2f2f2;
} }
.table > thead > tr > td.danger, .table > thead > tr > td.danger,
.table > tbody > tr > td.danger, .table > tbody > tr > td.danger,
@ -2219,14 +2219,14 @@ table th[class*="col-"] {
.table > thead > tr.danger > th, .table > thead > tr.danger > th,
.table > tbody > tr.danger > th, .table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th { .table > tfoot > tr.danger > th {
background-color: #c5a9cd; background-color: #f1eaf2;
} }
.table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th { .table-hover > tbody > tr.danger:hover > th {
background-color: #ba99c3; background-color: #e6dae9;
} }
.table-responsive { .table-responsive {
overflow-x: auto; overflow-x: auto;
@ -2598,7 +2598,7 @@ select[multiple].form-group-lg .form-control {
.has-success .input-group-addon { .has-success .input-group-addon {
color: #638232; color: #638232;
border-color: #638232; border-color: #638232;
background-color: #d9e6c3; background-color: #f0f5e7;
} }
.has-success .form-control-feedback { .has-success .form-control-feedback {
color: #638232; color: #638232;
@ -2628,7 +2628,7 @@ select[multiple].form-group-lg .form-control {
.has-warning .input-group-addon { .has-warning .input-group-addon {
color: #bc8640; color: #bc8640;
border-color: #bc8640; border-color: #bc8640;
background-color: #fffefd; background-color: #ffffff;
} }
.has-warning .form-control-feedback { .has-warning .form-control-feedback {
color: #bc8640; color: #bc8640;
@ -2658,7 +2658,7 @@ select[multiple].form-group-lg .form-control {
.has-error .input-group-addon { .has-error .input-group-addon {
color: #694374; color: #694374;
border-color: #694374; border-color: #694374;
background-color: #c5a9cd; background-color: #f1eaf2;
} }
.has-error .form-control-feedback { .has-error .form-control-feedback {
color: #694374; color: #694374;
@ -3085,7 +3085,7 @@ fieldset[disabled] .btn-danger.active {
background-color: #ffffff; background-color: #ffffff;
} }
.btn-link { .btn-link {
color: #758499; color: #58585a;
font-weight: normal; font-weight: normal;
border-radius: 0; border-radius: 0;
} }
@ -3106,7 +3106,7 @@ fieldset[disabled] .btn-link {
} }
.btn-link:hover, .btn-link:hover,
.btn-link:focus { .btn-link:focus {
color: #525e6f; color: #323233;
text-decoration: underline; text-decoration: underline;
background-color: transparent; background-color: transparent;
} }
@ -3678,7 +3678,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
.nav .open > a:hover, .nav .open > a:hover,
.nav .open > a:focus { .nav .open > a:focus {
background-color: #eeeeee; background-color: #eeeeee;
border-color: #758499; border-color: #58585a;
} }
.nav .nav-divider { .nav .nav-divider {
height: 1px; height: 1px;
@ -4391,7 +4391,7 @@ fieldset[disabled] .navbar-inverse .btn-link:focus {
padding: 6px 12px; padding: 6px 12px;
line-height: 1.42857143; line-height: 1.42857143;
text-decoration: none; text-decoration: none;
color: #758499; color: #58585a;
background-color: #ffffff; background-color: #ffffff;
border: 1px solid #dddddd; border: 1px solid #dddddd;
margin-left: -1px; margin-left: -1px;
@ -4411,7 +4411,7 @@ fieldset[disabled] .navbar-inverse .btn-link:focus {
.pagination > li > span:hover, .pagination > li > span:hover,
.pagination > li > a:focus, .pagination > li > a:focus,
.pagination > li > span:focus { .pagination > li > span:focus {
color: #525e6f; color: #323233;
background-color: #eeeeee; background-color: #eeeeee;
border-color: #dddddd; border-color: #dddddd;
} }
@ -4606,7 +4606,7 @@ a.badge:focus {
} }
a.list-group-item.active > .badge, a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge { .nav-pills > .active > a > .badge {
color: #758499; color: #58585a;
background-color: #ffffff; background-color: #ffffff;
} }
.nav-pills > li > a > .badge { .nav-pills > li > a > .badge {
@ -4671,7 +4671,7 @@ a.list-group-item.active > .badge,
a.thumbnail:hover, a.thumbnail:hover,
a.thumbnail:focus, a.thumbnail:focus,
a.thumbnail.active { a.thumbnail.active {
border-color: #758499; border-color: #58585a;
} }
.thumbnail .caption { .thumbnail .caption {
padding: 9px; padding: 9px;
@ -4709,7 +4709,7 @@ a.thumbnail.active {
color: inherit; color: inherit;
} }
.alert-success { .alert-success {
background-color: #d9e6c3; background-color: #f0f5e7;
border-color: #7b9c41; border-color: #7b9c41;
color: #638232; color: #638232;
} }
@ -4720,7 +4720,7 @@ a.thumbnail.active {
color: #475d24; color: #475d24;
} }
.alert-info { .alert-info {
background-color: #e8ded7; background-color: #fbf9f7;
border-color: #9c7357; border-color: #9c7357;
color: #826045; color: #826045;
} }
@ -4731,7 +4731,7 @@ a.thumbnail.active {
color: #614733; color: #614733;
} }
.alert-warning { .alert-warning {
background-color: #fffefd; background-color: #ffffff;
border-color: #e3a14d; border-color: #e3a14d;
color: #bc8640; color: #bc8640;
} }
@ -4742,7 +4742,7 @@ a.thumbnail.active {
color: #966b33; color: #966b33;
} }
.alert-danger { .alert-danger {
background-color: #c5a9cd; background-color: #f1eaf2;
border-color: #7f528b; border-color: #7f528b;
color: #694374; color: #694374;
} }
@ -4954,7 +4954,7 @@ a.list-group-item:focus {
} }
.list-group-item-success { .list-group-item-success {
color: #638232; color: #638232;
background-color: #d9e6c3; background-color: #f0f5e7;
} }
a.list-group-item-success { a.list-group-item-success {
color: #638232; color: #638232;
@ -4965,7 +4965,7 @@ a.list-group-item-success .list-group-item-heading {
a.list-group-item-success:hover, a.list-group-item-success:hover,
a.list-group-item-success:focus { a.list-group-item-success:focus {
color: #638232; color: #638232;
background-color: #cedeb1; background-color: #e5eed5;
} }
a.list-group-item-success.active, a.list-group-item-success.active,
a.list-group-item-success.active:hover, a.list-group-item-success.active:hover,
@ -4976,7 +4976,7 @@ a.list-group-item-success.active:focus {
} }
.list-group-item-info { .list-group-item-info {
color: #826045; color: #826045;
background-color: #e8ded7; background-color: #fbf9f7;
} }
a.list-group-item-info { a.list-group-item-info {
color: #826045; color: #826045;
@ -4987,7 +4987,7 @@ a.list-group-item-info .list-group-item-heading {
a.list-group-item-info:hover, a.list-group-item-info:hover,
a.list-group-item-info:focus { a.list-group-item-info:focus {
color: #826045; color: #826045;
background-color: #dfd0c6; background-color: #f2ebe7;
} }
a.list-group-item-info.active, a.list-group-item-info.active,
a.list-group-item-info.active:hover, a.list-group-item-info.active:hover,
@ -4998,7 +4998,7 @@ a.list-group-item-info.active:focus {
} }
.list-group-item-warning { .list-group-item-warning {
color: #bc8640; color: #bc8640;
background-color: #fffefd; background-color: #ffffff;
} }
a.list-group-item-warning { a.list-group-item-warning {
color: #bc8640; color: #bc8640;
@ -5009,7 +5009,7 @@ a.list-group-item-warning .list-group-item-heading {
a.list-group-item-warning:hover, a.list-group-item-warning:hover,
a.list-group-item-warning:focus { a.list-group-item-warning:focus {
color: #bc8640; color: #bc8640;
background-color: #fbf2e7; background-color: #f2f2f2;
} }
a.list-group-item-warning.active, a.list-group-item-warning.active,
a.list-group-item-warning.active:hover, a.list-group-item-warning.active:hover,
@ -5020,7 +5020,7 @@ a.list-group-item-warning.active:focus {
} }
.list-group-item-danger { .list-group-item-danger {
color: #694374; color: #694374;
background-color: #c5a9cd; background-color: #f1eaf2;
} }
a.list-group-item-danger { a.list-group-item-danger {
color: #694374; color: #694374;
@ -5031,7 +5031,7 @@ a.list-group-item-danger .list-group-item-heading {
a.list-group-item-danger:hover, a.list-group-item-danger:hover,
a.list-group-item-danger:focus { a.list-group-item-danger:focus {
color: #694374; color: #694374;
background-color: #ba99c3; background-color: #e6dae9;
} }
a.list-group-item-danger.active, a.list-group-item-danger.active,
a.list-group-item-danger.active:hover, a.list-group-item-danger.active:hover,
@ -5315,14 +5315,14 @@ a.list-group-item-danger.active:focus {
} }
.panel-success > .panel-heading { .panel-success > .panel-heading {
color: #638232; color: #638232;
background-color: #d9e6c3; background-color: #f0f5e7;
border-color: #7b9c41; border-color: #7b9c41;
} }
.panel-success > .panel-heading + .panel-collapse > .panel-body { .panel-success > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #7b9c41; border-top-color: #7b9c41;
} }
.panel-success > .panel-heading .badge { .panel-success > .panel-heading .badge {
color: #d9e6c3; color: #f0f5e7;
background-color: #638232; background-color: #638232;
} }
.panel-success > .panel-footer + .panel-collapse > .panel-body { .panel-success > .panel-footer + .panel-collapse > .panel-body {
@ -5333,14 +5333,14 @@ a.list-group-item-danger.active:focus {
} }
.panel-info > .panel-heading { .panel-info > .panel-heading {
color: #826045; color: #826045;
background-color: #e8ded7; background-color: #fbf9f7;
border-color: #9c7357; border-color: #9c7357;
} }
.panel-info > .panel-heading + .panel-collapse > .panel-body { .panel-info > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #9c7357; border-top-color: #9c7357;
} }
.panel-info > .panel-heading .badge { .panel-info > .panel-heading .badge {
color: #e8ded7; color: #fbf9f7;
background-color: #826045; background-color: #826045;
} }
.panel-info > .panel-footer + .panel-collapse > .panel-body { .panel-info > .panel-footer + .panel-collapse > .panel-body {
@ -5351,14 +5351,14 @@ a.list-group-item-danger.active:focus {
} }
.panel-warning > .panel-heading { .panel-warning > .panel-heading {
color: #bc8640; color: #bc8640;
background-color: #fffefd; background-color: #ffffff;
border-color: #e3a14d; border-color: #e3a14d;
} }
.panel-warning > .panel-heading + .panel-collapse > .panel-body { .panel-warning > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #e3a14d; border-top-color: #e3a14d;
} }
.panel-warning > .panel-heading .badge { .panel-warning > .panel-heading .badge {
color: #fffefd; color: #ffffff;
background-color: #bc8640; background-color: #bc8640;
} }
.panel-warning > .panel-footer + .panel-collapse > .panel-body { .panel-warning > .panel-footer + .panel-collapse > .panel-body {
@ -5369,14 +5369,14 @@ a.list-group-item-danger.active:focus {
} }
.panel-danger > .panel-heading { .panel-danger > .panel-heading {
color: #694374; color: #694374;
background-color: #c5a9cd; background-color: #f1eaf2;
border-color: #7f528b; border-color: #7f528b;
} }
.panel-danger > .panel-heading + .panel-collapse > .panel-body { .panel-danger > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #7f528b; border-top-color: #7f528b;
} }
.panel-danger > .panel-heading .badge { .panel-danger > .panel-heading .badge {
color: #c5a9cd; color: #f1eaf2;
background-color: #694374; background-color: #694374;
} }
.panel-danger > .panel-footer + .panel-collapse > .panel-body { .panel-danger > .panel-footer + .panel-collapse > .panel-body {
@ -6305,25 +6305,25 @@ body {
color: #777777; color: #777777;
} }
#shifts td.free { #shifts td.free {
border: 1px solid #777777; border: 1px solid #7f528b;
background-color: #c5a9cd; background-color: #f1eaf2;
} }
a#shifts td.free:hover { a#shifts td.free:hover {
background-color: #af89ba; background-color: #dbcadf;
} }
#shifts td.occupied { #shifts td.occupied {
border: 1px solid #777777; border: 1px solid #7b9c41;
background-color: #d9e6c3; background-color: #f0f5e7;
} }
a#shifts td.occupied:hover { a#shifts td.occupied:hover {
background-color: #c3d79f; background-color: #d9e6c3;
} }
#shifts td.collides { #shifts td.collides {
border: 1px solid #777777; border: 1px solid #e3a14d;
background-color: #fffefd; background-color: #ffffff;
} }
a#shifts td.collides:hover { a#shifts td.collides:hover {
background-color: #f8e7d1; background-color: #e6e6e6;
} }
#shifts td.own { #shifts td.own {
border: 1px solid #777777; border: 1px solid #777777;

6
themes/base.less
View File

@ -13,15 +13,15 @@ body {
#shifts { #shifts {
td { td {
&.free { &.free {
border: 1px solid @gray-light; border: 1px solid @brand-danger;
.bg-danger(); .bg-danger();
} }
&.occupied { &.occupied {
border: 1px solid @gray-light; border: 1px solid @brand-success;
.bg-success(); .bg-success();
} }
&.collides { &.collides {
border: 1px solid @gray-light; border: 1px solid @brand-warning;
.bg-warning(); .bg-warning();
} }
&.own { &.own {

10
themes/theme2.less
View File

@ -6,20 +6,22 @@
@brand-warning: #e3a14d; @brand-warning: #e3a14d;
@brand-danger: #7f528b; @brand-danger: #7f528b;
@link-color: #58585a;
@state-success-text: #638232; @state-success-text: #638232;
@state-success-bg: lighten(@brand-success,40%); @state-success-bg: lighten(@brand-success,50%);
@state-success-border: @brand-success; @state-success-border: @brand-success;
@state-info-text: #826045; @state-info-text: #826045;
@state-info-bg: lighten(@brand-info,40%); @state-info-bg: lighten(@brand-info,50%);
@state-info-border: @brand-info; @state-info-border: @brand-info;
@state-warning-text: #bc8640; @state-warning-text: #bc8640;
@state-warning-bg: lighten(@brand-warning,40%); @state-warning-bg: lighten(@brand-warning,50%);
@state-warning-border: @brand-warning; @state-warning-border: @brand-warning;
@state-danger-text: #694374; @state-danger-text: #694374;
@state-danger-bg: lighten(@brand-danger,30%); @state-danger-bg: lighten(@brand-danger,50%);
@state-danger-border: @brand-danger; @state-danger-border: @brand-danger;
@import "base.less"; @import "base.less";