diff --git a/data/Makefile.am b/data/Makefile.am
index e7dccf398..189f575b9 100644
--- a/data/Makefile.am
+++ b/data/Makefile.am
@@ -22,7 +22,10 @@ dist_theme_DATA = \
theme/calendar-arrow-left.svg \
theme/calendar-arrow-right.svg \
theme/calendar-today.svg \
- theme/check-box.svg \
+ theme/checkbox-focused.svg \
+ theme/checkbox-off-focused.svg \
+ theme/checkbox-off.svg \
+ theme/checkbox.svg \
theme/close-window.svg \
theme/close.svg \
theme/corner-ripple-ltr.png \
diff --git a/data/theme/check-box.svg b/data/theme/check-box.svg
deleted file mode 100644
index 30e858ebe..000000000
--- a/data/theme/check-box.svg
+++ /dev/null
@@ -1,67 +0,0 @@
-
-
-
-
diff --git a/data/theme/checkbox-focused.svg b/data/theme/checkbox-focused.svg
new file mode 100644
index 000000000..ed77ad20e
--- /dev/null
+++ b/data/theme/checkbox-focused.svg
@@ -0,0 +1,289 @@
+
+
+
+
diff --git a/data/theme/checkbox-off-focused.svg b/data/theme/checkbox-off-focused.svg
new file mode 100644
index 000000000..4f7732039
--- /dev/null
+++ b/data/theme/checkbox-off-focused.svg
@@ -0,0 +1,198 @@
+
+
+
+
diff --git a/data/theme/checkbox-off.svg b/data/theme/checkbox-off.svg
new file mode 100644
index 000000000..fe4ba51a9
--- /dev/null
+++ b/data/theme/checkbox-off.svg
@@ -0,0 +1,218 @@
+
+
+
+
diff --git a/data/theme/checkbox.svg b/data/theme/checkbox.svg
new file mode 100644
index 000000000..119b600d8
--- /dev/null
+++ b/data/theme/checkbox.svg
@@ -0,0 +1,243 @@
+
+
+
+
diff --git a/data/theme/gnome-shell.css b/data/theme/gnome-shell.css
index 8f569c169..5001fd88f 100644
--- a/data/theme/gnome-shell.css
+++ b/data/theme/gnome-shell.css
@@ -84,18 +84,21 @@ StScrollBar StButton#vhandle:hover
}
.check-box StBin {
- width: 1.2em;
- height: 1.2em;
- border: 1px solid white;
- border-radius: 4px;
-}
-
-.check-box:checked StBin {
- background-image: url("check-box.svg");
+ width: 24px;
+ height: 22px;
+ background-image: url("checkbox-off.svg");
}
.check-box:focus StBin {
- border: 1px solid #3465a4;
+ background-image: url("checkbox-off-focused.svg");
+}
+
+.check-box:checked StBin {
+ background-image: url("checkbox.svg");
+}
+
+.check-box:focus:checked StBin {
+ background-image: url("checkbox-focused.svg");
}
/* PopupMenu */