Die Größe der Füllung passen Sie hier an:
input[type="checkbox"]::before {
box-shadow: inset 1em 1em #6688CC;
}
Die Maße müssten Sie an die Größe Ihrer Boxen anpassen:
input[type="checkbox"]::before {
box-shadow: inset 85px 85px #6688CC;
}
Falls Sie den Schrägstrich noch in die Mittel bekommen wollen, wäre folgendes noch hilfreich:
input[type="checkbox"]::before {
box-shadow: inset 85px 85px #6688CC;
padding-top: 40%;
}