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); }