diff --git a/gtk-3.0/assets/checkbox-checked-dark.svg b/gtk-3.0/assets/checkbox-checked-dark.svg
new file mode 100644
index 0000000..2aaeaa6
--- /dev/null
+++ b/gtk-3.0/assets/checkbox-checked-dark.svg
@@ -0,0 +1,7 @@
+
diff --git a/gtk-3.0/assets/checkbox-checked-insensitive-dark.svg b/gtk-3.0/assets/checkbox-checked-insensitive-dark.svg
new file mode 100644
index 0000000..c3219e2
--- /dev/null
+++ b/gtk-3.0/assets/checkbox-checked-insensitive-dark.svg
@@ -0,0 +1,9 @@
+
diff --git a/gtk-3.0/assets/checkbox-checked-insensitive.svg b/gtk-3.0/assets/checkbox-checked-insensitive.svg
new file mode 100644
index 0000000..4dbe967
--- /dev/null
+++ b/gtk-3.0/assets/checkbox-checked-insensitive.svg
@@ -0,0 +1,9 @@
+
diff --git a/gtk-3.0/assets/checkbox-checked.svg b/gtk-3.0/assets/checkbox-checked.svg
new file mode 100644
index 0000000..0a5e5a5
--- /dev/null
+++ b/gtk-3.0/assets/checkbox-checked.svg
@@ -0,0 +1,7 @@
+
diff --git a/gtk-3.0/assets/checkbox-mixed-dark.svg b/gtk-3.0/assets/checkbox-mixed-dark.svg
new file mode 100644
index 0000000..5765056
--- /dev/null
+++ b/gtk-3.0/assets/checkbox-mixed-dark.svg
@@ -0,0 +1,7 @@
+
diff --git a/gtk-3.0/assets/checkbox-mixed-insensitive-dark.svg b/gtk-3.0/assets/checkbox-mixed-insensitive-dark.svg
new file mode 100644
index 0000000..27e0ef1
--- /dev/null
+++ b/gtk-3.0/assets/checkbox-mixed-insensitive-dark.svg
@@ -0,0 +1,9 @@
+
diff --git a/gtk-3.0/assets/checkbox-mixed-insensitive.svg b/gtk-3.0/assets/checkbox-mixed-insensitive.svg
new file mode 100644
index 0000000..d408465
--- /dev/null
+++ b/gtk-3.0/assets/checkbox-mixed-insensitive.svg
@@ -0,0 +1,9 @@
+
diff --git a/gtk-3.0/assets/checkbox-mixed.svg b/gtk-3.0/assets/checkbox-mixed.svg
new file mode 100644
index 0000000..414f2f2
--- /dev/null
+++ b/gtk-3.0/assets/checkbox-mixed.svg
@@ -0,0 +1,7 @@
+
diff --git a/gtk-3.0/assets/checkbox-unchecked-dark.svg b/gtk-3.0/assets/checkbox-unchecked-dark.svg
new file mode 100644
index 0000000..36eeb4d
--- /dev/null
+++ b/gtk-3.0/assets/checkbox-unchecked-dark.svg
@@ -0,0 +1,6 @@
+
diff --git a/gtk-3.0/assets/checkbox-unchecked-insensitive-dark.svg b/gtk-3.0/assets/checkbox-unchecked-insensitive-dark.svg
new file mode 100644
index 0000000..3488e66
--- /dev/null
+++ b/gtk-3.0/assets/checkbox-unchecked-insensitive-dark.svg
@@ -0,0 +1,6 @@
+
diff --git a/gtk-3.0/assets/checkbox-unchecked-insensitive.svg b/gtk-3.0/assets/checkbox-unchecked-insensitive.svg
new file mode 100644
index 0000000..f90aa4c
--- /dev/null
+++ b/gtk-3.0/assets/checkbox-unchecked-insensitive.svg
@@ -0,0 +1,6 @@
+
diff --git a/gtk-3.0/assets/checkbox-unchecked.svg b/gtk-3.0/assets/checkbox-unchecked.svg
new file mode 100644
index 0000000..06176e3
--- /dev/null
+++ b/gtk-3.0/assets/checkbox-unchecked.svg
@@ -0,0 +1,6 @@
+
diff --git a/gtk-3.0/assets/grid-selection-checked-dark.svg b/gtk-3.0/assets/grid-selection-checked-dark.svg
new file mode 100644
index 0000000..c1d5486
--- /dev/null
+++ b/gtk-3.0/assets/grid-selection-checked-dark.svg
@@ -0,0 +1,7 @@
+
diff --git a/gtk-3.0/assets/grid-selection-checked.svg b/gtk-3.0/assets/grid-selection-checked.svg
new file mode 100644
index 0000000..a660356
--- /dev/null
+++ b/gtk-3.0/assets/grid-selection-checked.svg
@@ -0,0 +1,7 @@
+
diff --git a/gtk-3.0/assets/grid-selection-unchecked-dark.svg b/gtk-3.0/assets/grid-selection-unchecked-dark.svg
new file mode 100644
index 0000000..f925043
--- /dev/null
+++ b/gtk-3.0/assets/grid-selection-unchecked-dark.svg
@@ -0,0 +1,6 @@
+
diff --git a/gtk-3.0/assets/grid-selection-unchecked.svg b/gtk-3.0/assets/grid-selection-unchecked.svg
new file mode 100644
index 0000000..689da2d
--- /dev/null
+++ b/gtk-3.0/assets/grid-selection-unchecked.svg
@@ -0,0 +1,6 @@
+
diff --git a/gtk-3.0/assets/menuitem-checkbox-checked-hover.svg b/gtk-3.0/assets/menuitem-checkbox-checked-hover.svg
new file mode 100644
index 0000000..8ab7153
--- /dev/null
+++ b/gtk-3.0/assets/menuitem-checkbox-checked-hover.svg
@@ -0,0 +1,5 @@
+
diff --git a/gtk-3.0/assets/menuitem-checkbox-checked-insensitive.svg b/gtk-3.0/assets/menuitem-checkbox-checked-insensitive.svg
new file mode 100644
index 0000000..f570a1c
--- /dev/null
+++ b/gtk-3.0/assets/menuitem-checkbox-checked-insensitive.svg
@@ -0,0 +1,5 @@
+
diff --git a/gtk-3.0/assets/menuitem-checkbox-checked.svg b/gtk-3.0/assets/menuitem-checkbox-checked.svg
new file mode 100644
index 0000000..6fbfb3e
--- /dev/null
+++ b/gtk-3.0/assets/menuitem-checkbox-checked.svg
@@ -0,0 +1,5 @@
+
diff --git a/gtk-3.0/assets/menuitem-checkbox-mixed-hover.svg b/gtk-3.0/assets/menuitem-checkbox-mixed-hover.svg
new file mode 100644
index 0000000..d150f8f
--- /dev/null
+++ b/gtk-3.0/assets/menuitem-checkbox-mixed-hover.svg
@@ -0,0 +1,5 @@
+
diff --git a/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive.svg b/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive.svg
new file mode 100644
index 0000000..fd8b0d4
--- /dev/null
+++ b/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive.svg
@@ -0,0 +1,5 @@
+
diff --git a/gtk-3.0/assets/menuitem-checkbox-mixed-selected.svg b/gtk-3.0/assets/menuitem-checkbox-mixed-selected.svg
new file mode 100644
index 0000000..d150f8f
--- /dev/null
+++ b/gtk-3.0/assets/menuitem-checkbox-mixed-selected.svg
@@ -0,0 +1,5 @@
+
diff --git a/gtk-3.0/assets/menuitem-checkbox-mixed.svg b/gtk-3.0/assets/menuitem-checkbox-mixed.svg
new file mode 100644
index 0000000..a82b2c0
--- /dev/null
+++ b/gtk-3.0/assets/menuitem-checkbox-mixed.svg
@@ -0,0 +1,11 @@
+
diff --git a/gtk-3.0/assets/menuitem-radio-checked-hover.svg b/gtk-3.0/assets/menuitem-radio-checked-hover.svg
new file mode 100644
index 0000000..afb9db2
--- /dev/null
+++ b/gtk-3.0/assets/menuitem-radio-checked-hover.svg
@@ -0,0 +1,5 @@
+
diff --git a/gtk-3.0/assets/menuitem-radio-checked-insensitive.svg b/gtk-3.0/assets/menuitem-radio-checked-insensitive.svg
new file mode 100644
index 0000000..0bc947f
--- /dev/null
+++ b/gtk-3.0/assets/menuitem-radio-checked-insensitive.svg
@@ -0,0 +1,5 @@
+
diff --git a/gtk-3.0/assets/menuitem-radio-checked.svg b/gtk-3.0/assets/menuitem-radio-checked.svg
new file mode 100644
index 0000000..61f0626
--- /dev/null
+++ b/gtk-3.0/assets/menuitem-radio-checked.svg
@@ -0,0 +1,5 @@
+
diff --git a/gtk-3.0/assets/pane-handle-vertical.svg b/gtk-3.0/assets/pane-handle-vertical.svg
new file mode 100644
index 0000000..8a983c7
--- /dev/null
+++ b/gtk-3.0/assets/pane-handle-vertical.svg
@@ -0,0 +1,7 @@
+
diff --git a/gtk-3.0/assets/pane-handle.svg b/gtk-3.0/assets/pane-handle.svg
new file mode 100644
index 0000000..7bd3be0
--- /dev/null
+++ b/gtk-3.0/assets/pane-handle.svg
@@ -0,0 +1,7 @@
+
diff --git a/gtk-3.0/assets/radio-mixed-dark.svg b/gtk-3.0/assets/radio-mixed-dark.svg
new file mode 100644
index 0000000..b6b0d76
--- /dev/null
+++ b/gtk-3.0/assets/radio-mixed-dark.svg
@@ -0,0 +1,7 @@
+
diff --git a/gtk-3.0/assets/radio-mixed-insensitive-dark.svg b/gtk-3.0/assets/radio-mixed-insensitive-dark.svg
new file mode 100644
index 0000000..6b93fc4
--- /dev/null
+++ b/gtk-3.0/assets/radio-mixed-insensitive-dark.svg
@@ -0,0 +1,9 @@
+
diff --git a/gtk-3.0/assets/radio-mixed-insensitive.svg b/gtk-3.0/assets/radio-mixed-insensitive.svg
new file mode 100644
index 0000000..9fa3659
--- /dev/null
+++ b/gtk-3.0/assets/radio-mixed-insensitive.svg
@@ -0,0 +1,9 @@
+
diff --git a/gtk-3.0/assets/radio-mixed.svg b/gtk-3.0/assets/radio-mixed.svg
new file mode 100644
index 0000000..a85a7ac
--- /dev/null
+++ b/gtk-3.0/assets/radio-mixed.svg
@@ -0,0 +1,7 @@
+
diff --git a/gtk-3.0/assets/radio-selected-dark.svg b/gtk-3.0/assets/radio-selected-dark.svg
new file mode 100644
index 0000000..28da8de
--- /dev/null
+++ b/gtk-3.0/assets/radio-selected-dark.svg
@@ -0,0 +1,7 @@
+
diff --git a/gtk-3.0/assets/radio-selected-insensitive-dark.svg b/gtk-3.0/assets/radio-selected-insensitive-dark.svg
new file mode 100644
index 0000000..f5cfbe0
--- /dev/null
+++ b/gtk-3.0/assets/radio-selected-insensitive-dark.svg
@@ -0,0 +1,9 @@
+
diff --git a/gtk-3.0/assets/radio-selected-insensitive.svg b/gtk-3.0/assets/radio-selected-insensitive.svg
new file mode 100644
index 0000000..e782ba6
--- /dev/null
+++ b/gtk-3.0/assets/radio-selected-insensitive.svg
@@ -0,0 +1,9 @@
+
diff --git a/gtk-3.0/assets/radio-selected.svg b/gtk-3.0/assets/radio-selected.svg
new file mode 100644
index 0000000..91cafc1
--- /dev/null
+++ b/gtk-3.0/assets/radio-selected.svg
@@ -0,0 +1,7 @@
+
diff --git a/gtk-3.0/assets/radio-unselected-dark.svg b/gtk-3.0/assets/radio-unselected-dark.svg
new file mode 100644
index 0000000..214ed94
--- /dev/null
+++ b/gtk-3.0/assets/radio-unselected-dark.svg
@@ -0,0 +1,6 @@
+
diff --git a/gtk-3.0/assets/radio-unselected-insensitive-dark.svg b/gtk-3.0/assets/radio-unselected-insensitive-dark.svg
new file mode 100644
index 0000000..0fdfaf4
--- /dev/null
+++ b/gtk-3.0/assets/radio-unselected-insensitive-dark.svg
@@ -0,0 +1,6 @@
+
diff --git a/gtk-3.0/assets/radio-unselected-insensitive.svg b/gtk-3.0/assets/radio-unselected-insensitive.svg
new file mode 100644
index 0000000..a0f2168
--- /dev/null
+++ b/gtk-3.0/assets/radio-unselected-insensitive.svg
@@ -0,0 +1,6 @@
+
diff --git a/gtk-3.0/assets/radio-unselected.svg b/gtk-3.0/assets/radio-unselected.svg
new file mode 100644
index 0000000..2f05a0d
--- /dev/null
+++ b/gtk-3.0/assets/radio-unselected.svg
@@ -0,0 +1,6 @@
+
diff --git a/gtk-3.0/gtk-widgets-assets.css b/gtk-3.0/gtk-widgets-assets.css
index 6f878e1..536c01e 100644
--- a/gtk-3.0/gtk-widgets-assets.css
+++ b/gtk-3.0/gtk-widgets-assets.css
@@ -1,339 +1,135 @@
/*******************
* check and radio *
*******************/
+/* draw regular check and radio items using our assets */
.check,
+.check:focus,
.check row:selected,
.check row:selected:focus {
- background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color),
- linear-gradient(to bottom, @theme_base_color, @theme_base_color),
- linear-gradient(to bottom, shade(@theme_base_color, 0.6), shade(@theme_base_color, 0.6)),
- linear-gradient(to bottom, shade(@theme_base_color, 0.6), shade(@theme_base_color, 0.6)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent));
-
- background-position: center center, center center, center center, center center, 6% 6%, 6% 94%, 94% 94%, 94% 6%, 0% 0%, 0% 100%, 100% 100%, 100% 0%;
- background-size: 80% 90%, 90% 80%, 80% 100%, 100% 80%, 10% 10%, 10% 10%, 10% 10%, 10% 10%, 20% 20%, 20% 20%, 20% 20%, 20% 20%;
- background-repeat: no-repeat;
+ -gtk-icon-source: url("assets/checkbox-unchecked.svg");
}
.check:insensitive,
.check row:selected:insensitive,
.check row:selected:focus:insensitive {
- background-image: linear-gradient(to bottom, shade(@theme_base_color, 0.85), shade(@theme_base_color, 0.85)),
- linear-gradient(to bottom, shade(@theme_base_color, 0.85), shade(@theme_base_color, 0.85)),
- linear-gradient(to bottom, shade(@theme_base_color, 0.6), shade(@theme_base_color, 0.6)),
- linear-gradient(to bottom, shade(@theme_base_color, 0.6), shade(@theme_base_color, 0.6)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.85)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.85)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.85)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.85)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent));
-
- background-position: center center, center center, center center, center center, 6% 6%, 6% 94%, 94% 94%, 94% 6%, 0% 0%, 0% 100%, 100% 100%, 100% 0%;
- background-size: 80% 90%, 90% 80%, 80% 100%, 100% 80%, 10% 10%, 10% 10%, 10% 10%, 10% 10%, 20% 20%, 20% 20%, 20% 20%, 20% 20%;
- background-repeat: no-repeat;
+ -gtk-icon-source: url("assets/checkbox-unchecked-insensitive.svg");
}
.check:active,
+.check:checked,
.check row:selected:active,
.check row:selected:focus:active {
- background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_bg_color), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_bg_color), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_bg_color), to(transparent)),
- linear-gradient(45deg, transparent, transparent 30%, @theme_selected_bg_color 30%, @theme_selected_bg_color 70%, transparent 70%, transparent),
- linear-gradient(-45deg, transparent, transparent 37%, @theme_selected_bg_color 37%, @theme_selected_bg_color 62%, transparent 62%, transparent),
- linear-gradient(to bottom, @theme_base_color, @theme_base_color),
- linear-gradient(to bottom, @theme_base_color, @theme_base_color),
- linear-gradient(to bottom, shade(@theme_base_color, 0.6), shade(@theme_base_color, 0.6)),
- linear-gradient(to bottom, shade(@theme_base_color, 0.6), shade(@theme_base_color, 0.6)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent));
-
- background-position: 17% 50%, 41% 73%, 90% 26%, 24% 64%, 76% 48%, center center, center center, center center, center center, 6% 6%, 6% 94%, 94% 94%, 94% 6%, 0% 0%, 0% 100%, 100% 100%, 100% 0%;
- background-size: 17% 17%, 20% 20%, 18% 18%, 30% 30%, 50% 50%, 80% 90%, 90% 80%, 80% 100%, 100% 80%, 10% 10%, 10% 10%, 10% 10%, 10% 10%, 20% 20%, 20% 20%, 20% 20%, 20% 20%;
- background-repeat: no-repeat;
+ -gtk-icon-source: url("assets/checkbox-checked.svg");
}
.check:active:insensitive,
.check row:selected:active:insensitive,
.check row:selected:focus:active:insensitive {
- background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
- linear-gradient(45deg, transparent, transparent 30%, shade(@theme_base_color, 0.6) 30%, shade(@theme_base_color, 0.6) 70%, transparent 70%, transparent),
- linear-gradient(-45deg, transparent, transparent 37%, shade(@theme_base_color, 0.6) 37%, shade(@theme_base_color, 0.6) 62%, transparent 62%, transparent),
- linear-gradient(to bottom, shade(@theme_base_color, 0.85), shade(@theme_base_color, 0.85)),
- linear-gradient(to bottom, shade(@theme_base_color, 0.85), shade(@theme_base_color, 0.85)),
- linear-gradient(to bottom, shade(@theme_base_color, 0.6), shade(@theme_base_color, 0.6)),
- linear-gradient(to bottom, shade(@theme_base_color, 0.6), shade(@theme_base_color, 0.6)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.85)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.85)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.85)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.85)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent));
-
- background-position: 17% 50%, 41% 73%, 90% 26%, 24% 64%, 76% 48%, center center, center center, center center, center center, 6% 6%, 6% 94%, 94% 94%, 94% 6%, 0% 0%, 0% 100%, 100% 100%, 100% 0%;
- background-size: 17% 17%, 20% 20%, 18% 18%, 30% 30%, 50% 50%, 80% 90%, 90% 80%, 80% 100%, 100% 80%, 10% 10%, 10% 10%, 10% 10%, 10% 10%, 20% 20%, 20% 20%, 20% 20%, 20% 20%;
- background-repeat: no-repeat;
+ -gtk-icon-source: url("assets/checkbox-checked-insensitive.svg");
}
.check:inconsistent,
.check row:selected:inconsistent,
.check row:selected:focus:inconsistent {
- background-image: linear-gradient(to bottom, @theme_selected_bg_color, @theme_selected_bg_color),
- linear-gradient(to bottom, @theme_base_color, @theme_base_color),
- linear-gradient(to bottom, @theme_base_color, @theme_base_color),
- linear-gradient(to bottom, shade(@theme_base_color, 0.6), shade(@theme_base_color, 0.6)),
- linear-gradient(to bottom, shade(@theme_base_color, 0.6), shade(@theme_base_color, 0.6)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent));
-
- background-position: center center, center center, center center, center center, center center, 6% 6%, 6% 94%, 94% 94%, 94% 6%, 0% 0%, 0% 100%, 100% 100%, 100% 0%;
- background-size: 50% 12%, 80% 90%, 90% 80%, 80% 100%, 100% 80%, 10% 10%, 10% 10%, 10% 10%, 10% 10%, 20% 20%, 20% 20%, 20% 20%, 20% 20%;
- background-repeat: no-repeat;
+ -gtk-icon-source: url("assets/checkbox-mixed.svg");
}
.check:inconsistent:insensitive,
.check row:selected:inconsistent:insensitive,
.check row:selected:focus:inconsistent:insensitive {
- background-image: linear-gradient(to bottom, shade(@theme_base_color, 0.6), shade(@theme_base_color, 0.6)),
- linear-gradient(to bottom, shade(@theme_base_color, 0.85), shade(@theme_base_color, 0.85)),
- linear-gradient(to bottom, shade(@theme_base_color, 0.85), shade(@theme_base_color, 0.85)),
- linear-gradient(to bottom, shade(@theme_base_color, 0.6), shade(@theme_base_color, 0.6)),
- linear-gradient(to bottom, shade(@theme_base_color, 0.6), shade(@theme_base_color, 0.6)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.85)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.85)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.85)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.85)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent));
-
- background-position: center center, center center, center center, center center, center center, 6% 6%, 6% 94%, 94% 94%, 94% 6%, 0% 0%, 0% 100%, 100% 100%, 100% 0%;
- background-size: 50% 12%, 80% 90%, 90% 80%, 80% 100%, 100% 80%, 10% 10%, 10% 10%, 10% 10%, 10% 10%, 20% 20%, 20% 20%, 20% 20%, 20% 20%;
- background-repeat: no-repeat;
+ -gtk-icon-source: url("assets/checkbox-mixed-insensitive.svg");
}
.radio,
.radio row:selected,
.radio row:selected:focus {
- background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent));
-
- background-position: center center, center center;
- background-size: 90% 90%, 100% 100%;
- background-repeat: no-repeat;
+ -gtk-icon-source: url("assets/radio-unselected.svg");
}
.radio:insensitive,
.radio row:selected:insensitive,
.radio row:selected:focus:insensitive {
- background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.85)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent));
-
- background-position: center center, center center;
- background-size: 90% 90%, 100% 100%;
- background-repeat: no-repeat;
+ -gtk-icon-source: url("assets/radio-unselected-insensitive.svg");
}
.radio:active,
+.radio:checked,
.radio row:selected:active,
.radio row:selected:focus:active {
- background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_bg_color), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent));
-
- background-position: center center, center center, center center;
- background-size: 40% 40%, 90% 90%, 100% 100%;
- background-repeat: no-repeat;
+ -gtk-icon-source: url("assets/radio-selected.svg");
}
.radio:active:insensitive,
.radio row:selected:active:insensitive,
.radio row:selected:focus:active:insensitive {
- background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.85)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent));
-
- background-position: center center, center center, center center;
- background-size: 40% 40%, 90% 90%, 100% 100%;
- background-repeat: no-repeat;
+ -gtk-icon-source: url("assets/radio-selected-insensitive.svg");
}
.radio:inconsistent,
.radio row:selected:inconsistent,
.radio row:selected:focus:inconsistent {
- background-image: linear-gradient(to bottom, @theme_selected_bg_color, @theme_selected_bg_color),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent));
-
- background-position: center center, center center, center center;
- background-size: 50% 12%, 90% 90%, 100% 100%;
- background-repeat: no-repeat;
+ -gtk-icon-source: url("assets/radio-mixed.svg");
}
.radio:inconsistent:insensitive,
.radio row:selected:inconsistent:insensitive,
.radio row:selected:focus:inconsistent:insensitive {
- background-image: linear-gradient(to bottom, shade(@theme_base_color, 0.6), shade(@theme_base_color, 0.6)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.85)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent));
+ -gtk-icon-source: url("assets/radio-mixed-insensitive.svg");
+}
- background-position: center center, center center, center center;
- background-size: 50% 12%, 90% 90%, 100% 100%;
- background-repeat: no-repeat;
+.menuitem.check {
+ -gtk-icon-source: none;
}
.menuitem.check:active {
- background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_bg_color), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_bg_color), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_bg_color), to(transparent)),
- linear-gradient(45deg, transparent, transparent 30%, @theme_selected_bg_color 30%, @theme_selected_bg_color 70%, transparent 70%, transparent),
- linear-gradient(-45deg, transparent, transparent 37%, @theme_selected_bg_color 37%, @theme_selected_bg_color 62%, transparent 62%, transparent);
-
- background-position: 17% 50%, 41% 73%, 90% 26%, 24% 64%, 76% 48%;
- background-size: 17% 17%, 20% 20%, 18% 18%, 30% 30%, 50% 50%;
- background-repeat: no-repeat;
+ -gtk-icon-source: url("assets/menuitem-checkbox-checked.svg");
}
.menuitem.check:active:hover {
- background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_fg_color), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_fg_color), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_fg_color), to(transparent)),
- linear-gradient(45deg, transparent, transparent 30%, @theme_selected_fg_color 30%, @theme_selected_fg_color 70%, transparent 70%, transparent),
- linear-gradient(-45deg, transparent, transparent 37%, @theme_selected_fg_color 37%, @theme_selected_fg_color 62%, transparent 62%, transparent);
-
- background-position: 17% 50%, 41% 73%, 90% 26%, 24% 64%, 76% 48%;
- background-size: 17% 17%, 20% 20%, 18% 18%, 30% 30%, 50% 50%;
- background-repeat: no-repeat;
+ -gtk-icon-source: url("assets/menuitem-checkbox-checked-hover.svg");
}
.menuitem.check:active:insensitive {
- background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(mix(@menu_fg_color, @menu_bg_color, 0.5)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(mix(@menu_fg_color, @menu_bg_color, 0.5)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(mix(@menu_fg_color, @menu_bg_color, 0.5)), to(transparent)),
- linear-gradient(45deg, transparent, transparent 30%, mix(@menu_fg_color, @menu_bg_color, 0.5) 30%, mix(@menu_fg_color, @menu_bg_color, 0.5) 70%, transparent 70%, transparent),
- linear-gradient(-45deg, transparent, transparent 37%, mix(@menu_fg_color, @menu_bg_color, 0.5) 37%, mix(@menu_fg_color, @menu_bg_color, 0.5) 62%, transparent 62%, transparent);
-
- background-position: 17% 50%, 41% 73%, 90% 26%, 24% 64%, 76% 48%;
- background-size: 17% 17%, 20% 20%, 18% 18%, 30% 30%, 50% 50%;
- background-repeat: no-repeat;
-}
-
-.menuitem.radio:active {
- background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_bg_color), to(transparent));
- background-position: center center;
- background-size: 40% 40%;
- background-repeat: no-repeat;
-}
-
-.menuitem.radio:active:hover {
- background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_fg_color), to(transparent));
- background-position: center center;
- background-size: 40% 40%;
- background-repeat: no-repeat;
-}
-
-.menuitem.radio:active:insensitive {
- background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(mix(@menu_fg_color, @menu_bg_color, 0.5)), to(transparent));
- background-position: center center;
- background-size: 40% 40%;
- background-repeat: no-repeat;
-}
-
-.menuitem.check:inconsistent,
-.menuitem.radio:inconsistent {
- background-image: linear-gradient(to bottom, @theme_selected_bg_color, @theme_selected_bg_color);
-
- background-position: center center;
- background-size: 50% 12%;
- background-repeat: no-repeat;
+ -gtk-icon-source: url("assets/menuitem-checkbox-checked-insensitive.svg");
}
.menuitem.check:inconsistent:hover,
.menuitem.radio:inconsistent:hover {
- background-image: linear-gradient(to bottom, @theme_selected_fg_color, @theme_selected_fg_color);
+ -gtk-icon-source: url("assets/menuitem-checkbox-mixed-hover.svg");
+}
- background-position: center center;
- background-size: 50% 12%;
- background-repeat: no-repeat;
+.menuitem.check:inconsistent,
+.menuitem.radio:inconsistent {
+ -gtk-icon-source: url("assets/menuitem-checkbox-mixed.svg");
}
.menuitem.check:inconsistent:insensitive,
.menuitem.radio:inconsistent:insensitive {
- background-image: linear-gradient(to bottom, mix(@menu_fg_color, @menu_bg_color, 0.5), mix(@menu_fg_color, @menu_bg_color, 0.5));
+ -gtk-icon-source: url("assets/menuitem-checkbox-mixed-insensitive.svg");
+}
- background-position: center center;
- background-size: 50% 12%;
- background-repeat: no-repeat;
+.menuitem.radio {
+ -gtk-icon-source: url("assets/menuitem-radio-checked.svg");
+}
+
+.menuitem.radio:active {
+ -gtk-icon-source: url("assets/menuitem-radio-checked.svg");
+}
+
+.menuitem.radio:active:hover {
+ -gtk-icon-source: url("assets/menuitem-radio-checked-hover.svg");
+}
+
+.menuitem.radio:active:insensitive {
+ -gtk-icon-source: url("assets/menuitem-radio-checked-insensitive.svg");
}
GtkIconView.content-view.cell.check {
- background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color),
- linear-gradient(to bottom, @theme_base_color, @theme_base_color),
- linear-gradient(to bottom, shade(@theme_base_color, 0.6), shade(@theme_base_color, 0.6)),
- linear-gradient(to bottom, shade(@theme_base_color, 0.6), shade(@theme_base_color, 0.6)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent));
-
- background-position: center center, center center, center center, center center, 6% 6%, 6% 94%, 94% 94%, 94% 6%, 0% 0%, 0% 100%, 100% 100%, 100% 0%;
- background-size: 80% 90%, 90% 80%, 80% 100%, 100% 80%, 10% 10%, 10% 10%, 10% 10%, 10% 10%, 20% 20%, 20% 20%, 20% 20%, 20% 20%;
- background-repeat: no-repeat;
+ -gtk-icon-source: url("assets/grid-selection-unchecked.svg");
}
GtkIconView.content-view.cell.check:active {
- background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_bg_color), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_bg_color), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_bg_color), to(transparent)),
- linear-gradient(45deg, transparent, transparent 30%, @theme_selected_bg_color 30%, @theme_selected_bg_color 70%, transparent 70%, transparent),
- linear-gradient(-45deg, transparent, transparent 37%, @theme_selected_bg_color 37%, @theme_selected_bg_color 62%, transparent 62%, transparent),
- linear-gradient(to bottom, @theme_base_color, @theme_base_color),
- linear-gradient(to bottom, @theme_base_color, @theme_base_color),
- linear-gradient(to bottom, shade(@theme_base_color, 0.6), shade(@theme_base_color, 0.6)),
- linear-gradient(to bottom, shade(@theme_base_color, 0.6), shade(@theme_base_color, 0.6)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent));
-
- background-position: 17% 50%, 41% 73%, 90% 26%, 24% 64%, 76% 48%, center center, center center, center center, center center, 6% 6%, 6% 94%, 94% 94%, 94% 6%, 0% 0%, 0% 100%, 100% 100%, 100% 0%;
- background-size: 17% 17%, 20% 20%, 18% 18%, 30% 30%, 50% 50%, 80% 90%, 90% 80%, 80% 100%, 100% 80%, 10% 10%, 10% 10%, 10% 10%, 10% 10%, 20% 20%, 20% 20%, 20% 20%, 20% 20%;
- background-repeat: no-repeat;
+ -gtk-icon-source: url("assets/grid-selection-checked.svg");
}
/******************