diff --git a/src/components/Spellitem.vue b/src/components/Spellitem.vue
index a530434..5184d6f 100644
--- a/src/components/Spellitem.vue
+++ b/src/components/Spellitem.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div v-bind:class="{'checked': checked}">
     <div class="item-primary">
       {{level}}
     </div>
diff --git a/src/components/Spelllist.vue b/src/components/Spelllist.vue
index 041981c..fe65cf2 100644
--- a/src/components/Spelllist.vue
+++ b/src/components/Spelllist.vue
@@ -69,6 +69,10 @@ export default {
 </script>
 
 <style lang="stylus">
-.toolbar > .q-picker-textfield
-  margin: 0 .75em
+  .toolbar > .q-picker-textfield
+    margin: 0 .75em
+  .list.striped .item:nth-child(2n).checked
+    background: #fff9c4
+  .list.striped .item:nth-child(2n+1).checked
+    background: #fffde7
 </style>