.views {
    /* background color of every view */
    background-color: @theme_base_color;
    background-image: none;
}

.nav-button {
    background-color: transparent;
    background-image: none;
}

.nav-header {
    font: bold 12;
    padding: 12px;
}

.calendar-view {
    padding: 6px;
    font: 10;
}

.calendar-view.current {
    background-color: alpha(@theme_selected_bg_color, 0.2);
    color: @theme_selected_bg_color;
}

.calendar-view:selected {
    color: @theme_selected_bg_color;
    background-color: shade (@theme_base_color, 0.9);
    font: bold;
}

.event-widget {
    border-radius: 2px;
    margin-top: 3px;
    margin-left: 6px;
    margin-bottom: 3px;
    margin-right: 6px;
    padding: 4px;
    font: 10;
}

GcalEventWidget.color-dark {
    color: white;
    outline-color: rgba(0, 0, 0, 0.3);
}

GcalEventWidget.color-dark:backdrop {
    color: rgba(255, 255, 255, 0.3);
}

GcalEventWidget.color-light {
    color: black;
    outline-color: rgba(255, 255, 255, 0.5);
}

GcalEventWidget.color-light:backdrop {
    color: rgba(0, 0, 0, 0.3);
}