diff --git a/css/src/base/variables.css b/css/src/base/variables.css
index 0143fec..4810fa7 100644
--- a/css/src/base/variables.css
+++ b/css/src/base/variables.css
@@ -17,6 +17,11 @@
   /* Variations. */
   --color-absolutezero-hover: #003ebb;
   --color-absolutezero-active: #00339a;
+  --color-focus: #b3c9f5;
+  --color-bgblue-hover: #f0f5fd;
+  --color-bgblue-active: #e6ecf8;
+  --color-bgred-hover: #fdf5f5;
+  --color-bgred-active: #fceded;
   /*
    * Base.
    */
diff --git a/css/src/components/tables.css b/css/src/components/tables.css
index 4630c37..4f33d01 100644
--- a/css/src/components/tables.css
+++ b/css/src/components/tables.css
@@ -129,7 +129,7 @@ thead tr {
 }
 tr:hover,
 tr:focus {
-  background: var(--color-whitesmoke);
+  background: var(--color-bgblue-hover);
 }
 tr.color-warning:hover,
 tr.color-warning:focus {
diff --git a/css/src/components/tableselect.css b/css/src/components/tableselect.css
index 4e67d23..c539b09 100644
--- a/css/src/components/tableselect.css
+++ b/css/src/components/tableselect.css
@@ -14,3 +14,7 @@ th.checkbox {
   /* This is required to win over specificity of [dir="rtl"] td */
   text-align: center;
 }
+
+.selected td {
+  background-color: var(--color-bgblue-active);
+}
diff --git a/templates/node-add-list.html.twig b/templates/node-add-list.html.twig
index 99957b1..6024608 100644
--- a/templates/node-add-list.html.twig
+++ b/templates/node-add-list.html.twig
@@ -21,5 +21,5 @@
 
 {% set create_content = path('node.type_add') %}
 {%
-  set add_bundle_message = 'You have not created any content types yet. Go to the <a href="@create-content">content type creation page</a> to add a new content type.'|t({ '@create_content': create_content })
+  set add_bundle_message = 'You have not created any content types yet. Go to the <a href="@create-content">content type creation page</a> to add a new content type.'|t({ '@create-content': create_content })
 %}