diff --git a/make_post_sell/static/css/common.css b/make_post_sell/static/css/common.css index c64271b..0ec70ff 100644 --- a/make_post_sell/static/css/common.css +++ b/make_post_sell/static/css/common.css @@ -3398,28 +3398,33 @@ textarea { font-weight: bold; } -/* Color filter modes — external SVG avoids DOM circular reference */ +/* Color filter modes — pure CSS filter chains, no SVG needed */ html[data-color-filter="1"] { filter: grayscale(100%); - -webkit-filter: grayscale(100%); } html[data-color-filter="2"] { - filter: url("/static/svg/color-filters.svg#cf-red"); + /* Red monochrome */ + filter: grayscale(100%) sepia(100%) hue-rotate(-30deg) saturate(300%); } html[data-color-filter="3"] { - filter: url("/static/svg/color-filters.svg#cf-green"); + /* Green monochrome */ + filter: grayscale(100%) sepia(100%) hue-rotate(85deg) saturate(300%); } html[data-color-filter="4"] { - filter: url("/static/svg/color-filters.svg#cf-blue"); + /* Blue monochrome */ + filter: grayscale(100%) sepia(100%) hue-rotate(200deg) saturate(300%); } html[data-color-filter="5"] { - filter: url("/static/svg/color-filters.svg#cf-rg"); + /* Yellow (red+green) monochrome */ + filter: grayscale(100%) sepia(100%) hue-rotate(25deg) saturate(300%); } html[data-color-filter="6"] { - filter: url("/static/svg/color-filters.svg#cf-rb"); + /* Magenta (red+blue) monochrome */ + filter: grayscale(100%) sepia(100%) hue-rotate(265deg) saturate(300%); } html[data-color-filter="7"] { - filter: url("/static/svg/color-filters.svg#cf-gb"); + /* Cyan (green+blue) monochrome */ + filter: grayscale(100%) sepia(100%) hue-rotate(145deg) saturate(300%); } /* Edit page media previews */ diff --git a/make_post_sell/static/svg/color-filters.svg b/make_post_sell/static/svg/color-filters.svg deleted file mode 100644 index 4d8a336..0000000 --- a/make_post_sell/static/svg/color-filters.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - -