Better BaseCamp Styles

betterBC.css

* {
    font-family: San Francisco Display, Texta, Avenir, Lucida Grande, sans-serif !important;
}

html {
    background-color: #76fff7;
}

.container > .sheet {
    background-color: #205D84 !important;
}

.container > .sheet .sheet_body {
    background-color: white;
}

.container > .sheet > header * {
    color: white !important;
    -webkit-font-smoothing: antialiased;
    text-decoration: none !important;
    text-shadow: none !important;
}

.sheet > .sheet {
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-shadow: none;
    border-radius: 0 !important;
}

.calendar_display .right .sheet,
.projects.cards .project_card {
    box-shadow: 0 1px 1px 0 #28B2A8;
}

.timeline .event_container .decorated,
.timeline .event_container .chiral {
    border-color: #205d84 !important;
}

div.sheet.person>.sheet_body {
    margin-top: 0 !important;
    padding-top: 30px !important;
}

.cards > header > h1,
a.card p,
a[class*='topnav'],
.timeline .event_container a {
    color: #3A779E !important;
}

.timeline time {
    color: #205d84;
}

.container > .sheet a[data-behavior*="expand_on_click"] {
    color: #205d84 !important;
}

.container > .sheet a[data-behavior*="expand_on_click"]:hover,
.container > .sheet a[data-behavior*="expand_on_click"]:active,
.container > .sheet a[data-behavior*="expand_on_click"]:focus {
    color: #3A779E !important;
}

.todolists {
    counter-reset: todocount;
}

article.todolist {
    counter-increment: todocount;
}

article.todolist header h3 {
    font-size: 21px;
}

article.todolist header h3:before {
    content: counter(todocount);
    padding-right: .5em;
}