diff --git a/chrome/skin/default/zotero/attachment.svg b/chrome/skin/default/zotero/attachment.svg
deleted file mode 100644
index 43d00fbe95..0000000000
--- a/chrome/skin/default/zotero/attachment.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-
diff --git a/chrome/skin/default/zotero/chevron-8.svg b/chrome/skin/default/zotero/chevron-8.svg
deleted file mode 100644
index 12c9da4bca..0000000000
--- a/chrome/skin/default/zotero/chevron-8.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
diff --git a/chrome/skin/default/zotero/filter.svg b/chrome/skin/default/zotero/filter.svg
deleted file mode 100644
index 4497ea33b0..0000000000
--- a/chrome/skin/default/zotero/filter.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-
diff --git a/chrome/skin/default/zotero/note.svg b/chrome/skin/default/zotero/note.svg
deleted file mode 100644
index 7347b34ade..0000000000
--- a/chrome/skin/default/zotero/note.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
diff --git a/scss/components/_icons.scss b/scss/components/_icons.scss
index 215d400b1a..48adf1c131 100644
--- a/scss/components/_icons.scss
+++ b/scss/components/_icons.scss
@@ -36,17 +36,16 @@
}
$-icons: (
- attachment,
- chevron-6,
- filter,
- note,
+ attachment: 16,
+ chevron-6: 8,
+ filter: 16,
+ note: 16,
);
-@each $icon in $-icons {
+@each $icon, $size in $-icons {
.icon-#{$icon} {
- @include color-scheme using($color) {
- background: url('chrome://zotero/skin/#{$icon}.svg') content-box no-repeat;
- -moz-context-properties: fill, fill-opacity;
- }
+ fill: var(--fill-secondary);
+ background: url('chrome://zotero/skin/#{$size}/universal/#{$icon}.svg') content-box no-repeat;
+ -moz-context-properties: fill, fill-opacity;
}
}
\ No newline at end of file
diff --git a/scss/components/_virtualized-table.scss b/scss/components/_virtualized-table.scss
index e3976e2d3d..fd3a6e05bd 100644
--- a/scss/components/_virtualized-table.scss
+++ b/scss/components/_virtualized-table.scss
@@ -177,7 +177,7 @@
height: 16px;
padding: 4px;
box-sizing: border-box;
- background: url("chrome://zotero/skin/chevron-8.svg") content-box no-repeat;
+ background: url("chrome://zotero/skin/8/universal/chevron-8.svg") content-box no-repeat;
-moz-context-properties: fill, fill-opacity;
@include focus-states using ($color) {
@@ -321,7 +321,7 @@
margin-right: 3px; // + 5px padding = 8px total
&.icon-css {
- background: url("chrome://zotero/skin/chevron-8.svg") content-box no-repeat;
+ background: url("chrome://zotero/skin/8/universal/chevron-8.svg") content-box no-repeat;
-moz-context-properties: fill, fill-opacity;
fill: var(--fill-primary);
}